@charset "utf-8";

.green-btn {
	background: #85ca3b !important;
}

/* 客服中心 */
.service-banner-box {
	line-height: 100%;
	position: relative;
}

.service-banner-box img {
	width: 100%;
}

.service-banner-box .text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.service-banner-box .text .phone-box {
	padding: 7.8% 0 0 0.65rem;
}

.service-banner-box .text .phone-box p {
	font-size: 0.22rem;
	color: #704700;
	padding-left: 0.1rem;
	line-height: 1.2em;
}

.service-banner-box .text .phone-box p span {
	font-size: 0.32rem;
	font-weight: bold;
	margin: 0.06rem 0;
	display: inline-block;
	line-height: 1.2em;
}

.service-banner-box .text .phone-box a {
	font-size: 0.24rem;
	line-height: 1em;
	color: #704700;
	display: inline-block;
	padding: 0.04rem 0.12rem;
	background: #fff;
	border: 0.04rem solid #ffed70;
	border-radius: 0.12rem;
	margin: 0.06rem 0 0;
}

.service-banner-box .link-box {
	width: 100%;
	height: 34.5%;
	padding: 0 4%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 8.2%;
	display: flex;
	justify-content: space-between;
}

.service-banner-box .link-box a {
	flex: 0 0 49%;
	box-sizing: border-box;
	padding: 0 0 0 20%;
	display: flex;
	align-items: center;
}

.service-banner-box .link-box a .name {
	font-size: 0.28rem;
	line-height: 1.4em;
	color: #333;
}

.service-banner-box .link-box a .intr {
	font-size: 0.22rem;
	line-height: 1.4em;
	color: #878787;
}

.commonly-service-box {
	padding: 0 4% 0.4rem;
	background: #f8f8f8;
}

.commonly-service-box .common-title {
	margin-bottom: 0.3rem;
}

.commonly-service-box .common-title span {
	font-size: 0.3rem;
	line-height: 1em;
	color: #333333;
	padding: 0.01rem 0 0.01rem 0.15rem;
	display: inline-block;
	position: relative;
}

.commonly-service-box .common-title span:before {
	content: '';
	width: 0.06rem;
	height: 100%;
	border-radius: 0.06rem;
	background: #f0c093;
	position: absolute;
	left: 0;
	top: 0;
}

.commonly-service-box .common-con {
	border-radius: 0.1rem;
	background: #fff;
	box-shadow: 0 0 0.18rem rgba(153, 153, 153, 0.23);
	padding: 0.45rem 0 0.05rem;
}

.commonly-service-box .common-con ul {
	display: flex;
	flex-wrap: wrap;
}

.commonly-service-box .common-con li {
	flex: 0 0 33.33%;
	margin-bottom: 0.4rem;
}

.commonly-service-box .common-con li .icon {
	width: 0.64rem;
	height: 0.64rem;
	background: url(../images/m_service_icon.png) no-repeat 0 0;
	background-size: 7rem;
	margin: 0 auto;
}

.commonly-service-box .common-con .li-2 .icon {
	background-position-x: -0.65rem;
}

.commonly-service-box .common-con .li-3 .icon {
	background-position-x: -1.3rem;
}

.commonly-service-box .common-con .li-4 .icon {
	background-position-x: -1.95rem;
}

.commonly-service-box .common-con .li-5 .icon {
	background-position-x: -2.6rem;
}

.commonly-service-box .common-con .li-6 .icon {
	background-position-x: -3.25rem;
}

.commonly-service-box .common-con li p {
	text-align: center;
	font-size: 0.24rem;
	color: #333333;
	line-height: 1.2em;
	padding-top: 0.12rem;
}

/*客服*/
.service-self-list {
	border-bottom:0.2rem solid #f5f5f5;
}

.service-self-list ul {
	background: #fff;
	padding: 0 0.22rem;
}

.service-self-list li {
	display: block;
	height: 50px;
	padding: 0.32rem 0;
	border-bottom: 0.01rem solid #eeeeee;
	position: relative;
}

.service-self-list .li-8 {
	border-bottom: none;
}

.service-self-list li:after {
	width: 0.24rem;
	height: 0.41rem;
	background: url(../images/m_service_icon.png) no-repeat -3.9rem 0;
	background-size: 7rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: '';
}

.service-self-list li a {
	display: block;
	letter-spacing: -5px;
	font-size: 0;
}

.service-self-list .rbox {
	padding-left: 0.1rem;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

.service-self-list .rbox .title {
	font-size: 16px;
	color: #333333;
	padding-bottom: 5px
}

.service-self-list .rbox .text {
	font-size: 12px;
	color: #878787;
}

.service-self-list .rbox .text a {
	display: inline-block
}

.service-self-list i {
	display: inline-block;
	vertical-align: middle;
	width: 0.8rem;
	height: 0.8rem;
	background: url(../images/m_service_icon.png) no-repeat 0 -0.65rem;
	background-size: 7rem;
}

.service-self-list .li-1 i {
	background-position-x: 0;
}

.service-self-list .li-2 i {
	background-position-x: -0.81rem;
}

.service-self-list .li-3 i {
	background-position-x: -1.62rem;
}

.service-self-list .li-4 i {
	background-position-x: -2.43rem;
}

.service-self-list .li-5 i {
	background-position-x: -3.24rem;
}

.service-self-list .li-6 i {
	background-position-x: -4.05rem;
}

.service-self-list .li-7 i {
	background-position-x: -4.86rem;
}

.service-self-list .li-8 i {
	background-position-x: -5.67rem;
}

.service-content-box {
	background: #fff;
	box-sizing: border-box;
	border-bottom: 0.01rem solid #eeeeee;
	padding-bottom: 0.5rem;
}

.service-content-box .topTips {
	background: #f5f5f5;
	padding: 0.1rem 0.2rem;
	position: relative;
}

.service-content-box .topTips:before {
	content: '';
	width: 100%;
	height: 0.01rem;
	position: absolute;
	top: -0.01rem;
	left: 0;
	background: #f0c093;
}

.service-content-box .topTips p {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}

.service-content-box .topTips a {
	color: #fe0000;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	vertical-align: top;
}

.service-content-box .bottomTips {
	flex: 100%;
	margin: 0.5em 0 0 0;
	font-size: 12px;
}

.service-content-box .bottomTips p {
	font-size: 12px;
	color: #ff0101;
	position: relative;
	padding-left: 18px;
	line-height: 1.4em;
}

.service-content-box .bottomTips p:before {
	content: '';
	background: url(../images/m_service_icon.png) -415px 0;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 1px;
}

.service-content-box .form-box {
	padding: 0 0.2rem 0;
}

.service-content-box .form-box.account-box {
	padding-bottom: 0.4rem;
}

.service-content-box .form-box .min-tips {
	font-size: 12px;
	color: #ff0101;
	line-height: 24px;
}

.service-content-box .form-box>ul>li {
	margin-top: 0.2rem;
	position: relative;
}

.service-content-box .form-box>ul>li label {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	display: block;
	padding-bottom: 2px;
}

.service-content-box .form-box>ul>li label span {
	font-size: 14px;
	color: #bfbfbf;
	line-height: 22px;
	display: inline-block;
	vertical-align: top;
}

.service-content-box .form-box>ul>li .input-wrap {
	position: relative;
	letter-spacing: -5px;
	font-size: 0;
}

.service-content-box .form-box>ul>li.required label:before {
	content: '*';
	color: #ff0101;
	font-size: 14px;
	line-height: 1em;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}

.service-content-box .form-box>ul>li input,
.service-content-box .form-box li select,
.service-content-box .form-box li textarea {
	width: 100% !important;
	box-sizing: border-box;
	font-size: 14px;
	padding: 0 0.1rem;
	border: 1px solid #eaeaea;
	border-radius: 0.03rem;
	line-height: 34px;
	height: 34px;
	outline: none;
	color: #333;
}

.service-content-box .form-box>ul>li input::placeholder,
.service-content-box .form-box li select::placeholder,
.service-content-box .form-box li textarea::placeholder {
	color: #bfbfbf;
}

.service-content-box .form-box li textarea {
	min-height: 74px;
	line-height: 24px;
}

.service-content-box .form-box>ul>li .warn-tips {
	font-size: 12px;
	color: #ff4242;
	vertical-align: top;
	line-height: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(105%) !important;
	background: #fff;
	z-index: 22;
	padding: 2px 10px 2px 22px;
	border-radius: 0.03rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

.service-content-box .form-box>ul>li .warn-tips:before {
	content: '';
	background: url(../images/m_service_icon.png) -415px 0;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	margin: auto;
}

.service-content-box .form-box .sure {
	font-size: 14px;
	color: #333333;
	line-height: 1em;
	border-radius: 0.03rem;
	padding: 0.18rem 0;
	background: #f0c093;
	margin: 0.4rem auto 0;
	display: block;
	text-align: center;
}

.service-content-box .form-box>ul>li .left-part-box {
	width: 65% !important;
	width: calc(100% - 106px) !important;
}

.service-content-box .form-box>ul>li .right-part-box {
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 24px;
}

.service-content-box .form-box>ul>li .right-part-box img {
	width: 100%;
}

.service-content-box .form-box>ul>li .money-2,
.service-content-box .form-box>ul>li .money-3,
.service-content-box .form-box>ul>li .money-4,
.service-content-box .form-box>ul>li .money-5,
.service-content-box .form-box>ul>li .money-6 {
	margin-right: 50px;
}

.service-content-box .form-box .opera-box {
	text-align: left;
	height: 22px;
	font-size: 12px;
	letter-spacing: -5px;
	position: absolute;
	top: 31px;
	right: 0;
}

.service-content-box .form-box .opera-box span {
	width: 22px;
	height: 22px;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.service-content-box .form-box .opera-box span:before,
.service-content-box .form-box .opera-box span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
}

.service-content-box .form-box .opera-box span:before {
	width: 2px;
	height: 12px;
}

.service-content-box .form-box .opera-box span:after {
	width: 12px;
	height: 2px;
}

.service-content-box .form-box .opera-box .plus {
	background: #00baff;
}

.service-content-box .form-box .opera-box .reduce {
	background: #cccccc;
	margin-left: 6px;
}

.service-content-box .form-box .opera-box .reduce:before {
	display: none;
}

.service-content-box .form-box>ul>li .input-wrap .left {
	width: 45% !important;
	width: calc(68% - 50px) !important;
	margin-right: 2%;
}

.service-content-box .form-box>ul>li .input-wrap .right {
	width: 28% !important;
	margin-right: 2%;
}


/* 提交反馈 */
.service-content-box .show-icon {
	width: 0.94rem;
	height: 0.94rem;
	margin: 0.4rem auto 0;
	background: url(../images/m_service_icon.png);
	background-size: 7rem;
}

.service-content-box .show-icon.icon-1 {
	background-position: 0 -1.46rem;
}

.service-content-box .show-icon.icon-2 {
	background-position: -0.95rem -1.46rem;
}

.service-content-box .submit-result {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding: 0.08rem 0 0.25rem;
}

.service-content-box .content-box .text-intr {
	font-size: 14px;
	color: #333;
	text-align: center;
	padding: 0.08rem 0 0.25rem;
}

.service-content-box .number-box {
	display: table;
	margin: 0 auto;
}

.service-content-box .number-box p {
	line-height: 30px;
	font-size: 14px;
	color: #999;
}

.service-content-box .number-box a {
	display: table;
	padding: 0.1rem 0.2rem;
	margin: 0.2rem auto;
	line-height: 1em;
	color: #fff;
	font-size: 16px;
	background: #85ca3b;
	vertical-align: middle;
	border-radius: 0.03rem;
}

/* 账号密码找回 */
.service-content-box .choose-box {
	padding: 0.3rem 0.2rem 0;
}

.service-content-box .choose-box>div {
	box-sizing: border-box;
	width: 100%;
	padding: 0.3rem 0.2rem;
	border: 1px solid #eaeaea;
}

.service-content-box .choose-box .choose-2 {
	margin-top: 0.2rem;
}

.service-content-box .choose-box>div p {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	overflow: hidden;
	text-indent: 2em;
}

.service-content-box .choose-box>div .link-btn {
	width: 90%;
	padding: 0.15rem 0;
	display: block;
	margin: 0.3rem auto 0;
	border-radius: 0.03rem;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.service-content-box .choose-box .choose-1 .link-btn {
	background: #83de22;
}

.service-content-box .choose-box .choose-2 .link-btn {
	background: #999999;
}

.service-content-box .form-box .get-msg {
	background: #1f9eff;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	border-radius: 0.03rem;
}

.service-content-box .form-box .get-msg.on {
	background: #cccccc;
	cursor: default;
}

/* 找回游戏 */
.game-back-box {
	margin-top: 0.4rem;
}

.game-back-box .list-head,
.game-back-box .list-item {
	display: flex;
}

.game-back-box .list-head>span,
.game-back-box .list-item>span {
	font-size: 14px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 0.3rem 0.12rem;
	border-left: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.game-back-box .list-head span {
	background: #f6f6f6;
	border: 1px solid #dcdcdc;
}

.game-back-box .list-item>span {
	line-height: 150%;
}

.game-back-box .list-item a {
	font-size: 14px;
	color: #ff4200;
	text-decoration: underline;
}

.game-back-box>div>span:nth-of-type(1),
.game-back-box>div>div>span:nth-of-type(1) {
	width: 34%;
}

.game-back-box>div>span:nth-of-type(2),
.game-back-box>div>div>span:nth-of-type(2) {
	width: 24%;
}

.game-back-box>div>span:nth-of-type(3),
.game-back-box>div>div>span:nth-of-type(3) {
	width: 18%;
}

.game-back-box>div>span:nth-of-type(4),
.game-back-box>div>div>span:nth-of-type(4) {
	width: 24%;
	border-right: none;
}

.game-back-box .list-item .link-text {
	font-size: 0;
	line-height: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
}

.game-back-box .list-item .opera-box {
	position: relative;
}

/* 结果查询 */
.service-content-box .search-box {
	padding: 0.1rem 0.2rem 0;
}

.service-content-box .search-box>ul>li {
	margin-top: 0.2rem;
	position: relative;
}

.service-content-box .search-box>ul>li label {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	padding-bottom: 2px;
	display: block;
}

.service-content-box .search-box.account-box>ul>li label {
	width: 10em;
}

.service-content-box .search-box>ul>li .li-right {
	position: relative;
}

.service-content-box .search-box>ul>li.required label:before {
	content: '*';
	color: #ff4242;
	font-size: 12px;
	line-height: 1em;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}

.service-content-box .search-box>ul>li input,
.service-content-box .search-box li select {
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	padding: 0 0.1rem;
	border: 1px solid #eaeaea;
	border-radius: 0.03rem;
	line-height: 34px;
	height: 34px;
	outline: none;
	color: #333;
}

.service-content-box .search-box>ul>li input::placeholder,
.service-content-box .search-box li select::placeholder {
	color: #bfbfbf;
}

.service-content-box .search-box>ul>li .msg-input {
	width: 65%;
	width: calc(100% - 106px);
}

.service-content-box .search-box>ul>li .img-box {
	width: 100px;
	height: 34px;
	line-height: 34px;
	float: right;
}

.service-content-box .sure {
	font-size: 14px;
	color: #333333;
	line-height: 1em;
	border-radius: 0.03rem;
	padding: 0.18rem 0;
	background: #f0c093;
	margin: 0.4rem auto 0;
	display: block;
	text-align: center;
}

.service-content-box .appeal-list-title {
	padding: 0.5rem 0.2rem 0.2rem;
	font-size: 14px;
	color: #333;
}

.service-content-box .appeal-list-box {
	padding: 0 0.2rem 0;
}

.service-content-box .appeal-list-box .list-head {
	font-size: 0;
	letter-spacing: -5px;
	line-height: 0;
}

.service-content-box .appeal-list-box .list-head span {
	font-size: 14px;
	color: #333;
	display: inline-block;
	width: 30%;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: normal;
	line-height: 1em;
	vertical-align: middle;
	border: 1px solid #dcdcdc;
	background: #f6f6f6;
}

.service-content-box .appeal-list-box .list-head span:nth-of-type(1) {
	width: 37%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-head span:nth-of-type(2) {
	width: 21%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-head span:nth-of-type(3) {
	width: 21%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-head span:nth-of-type(4) {
	width: 21%;
	padding: 0.2rem 2%;
}

.service-content-box .appeal-list-box .list-item {
	font-size: 0;
	letter-spacing: -5px;
	line-height: 0;
}

.service-content-box .appeal-list-box .list-item span {
	font-size: 14px;
	color: #333;
	display: inline-block;
	width: 30%;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: normal;
	line-height: 1em;
	vertical-align: middle;
	border: 1px solid #dcdcdc;
	border-top: none;
}

.service-content-box .appeal-list-box .list-item span:nth-of-type(1) {
	width: 37%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-item span:nth-of-type(2) {
	width: 21%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-item span:nth-of-type(3) {
	width: 21%;
	padding: 0.2rem 2%;
	border-right: none;
}

.service-content-box .appeal-list-box .list-item span:nth-of-type(4) {
	width: 21%;
	padding: 0.2rem 2%;
}

.service-content-box .appeal-list-box .list-item .state {
	color: #f35f4f;
}

.service-content-box .appeal-list-box .list-item .state.on {
	color: #85ca3b;
}

.service-content-box .appeal-list-box .list-item span a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font-size: 14px;
}

.service-content-box .appeal-list-box .list-item .opera-box a {
	color: #85ca3b;
}

@media screen and (max-width:320px) {

	.service-content-box .appeal-list-box .list-head span,
	.service-content-box .appeal-list-box .list-item span,
	.service-content-box .appeal-list-box .list-item span a {
		font-size: 12px;
	}
}

.service-content-box .reply-details-box {
	padding: 0 0.2rem;
}

.service-content-box .reply-details-box ul li {
	line-height: 0;
	margin-top: 0.2rem;
	position: relative;
	font-size: 0;
	letter-spacing: -5px;
}

.service-content-box .reply-details-box ul li>* {
	letter-spacing: normal;
	vertical-align: middle;
}

.service-content-box .reply-details-box ul li label {
	font-size: 14px;
	color: #333;
	line-height: 34px;
	display: block;
}

.service-content-box .reply-details-box ul li .text {
	flex: auto;
	height: 34px;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	padding: 0 0.1rem;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	border-radius: 0.03rem;
	line-height: 34px;
}

.service-content-box .reply-details-box ul li .text-box {
	/* flex:auto; */
	min-height: 100px;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	padding: 0.1rem;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	display: block;
	border-radius: 0.03rem;
	line-height: 24px;
}

.service-content-box .reply-details-box .opera-box {
	text-align: center;
	padding-top: 0.4rem;
	display: flex;
	justify-content: space-between;
}

.service-content-box .reply-details-box .opera-box a {
	color: #333333;
	font-size: 14px;
	line-height: 1em;
	padding: 0.18rem 0;
	flex: 0 0 48%;
	text-align: center;
	border-radius: 0.03rem;
}

.service-content-box .reply-details-box .opera-box .back-link {
	background: #f0c093;
}

.service-content-box .reply-details-box .opera-box .keep-on {
	background: #ccc;
}

/*上传图片组件*/
.imageUpload-box {
	overflow: hidden;
}

.imageUpload-box .image-box {
	/* display:flex;
	justify-content:space-between;
	align-items:center; */
	display: none;
}

.imageUpload-box .image-box span {
	font-size: 12px;
	color: #999;
	flex: none;
}

.imageUpload-box .image-box a {
	font-size: 14px;
	color: #fff;
	line-height: 1em;
	border-radius: 0.03rem;
	padding: 0.15rem 0.2rem;
	background: #f0c093;
	flex: none;
	display: none;
}

.ui-image-upload {
	width: 100%;
	position: relative;
	font-size: 0;
	letter-spacing: normal;
}

.ui-image-upload .wrap-span {
	position: relative;
	width: 100%;
	font-size: 0;
	letter-spacing: -5px;
	z-index: 2;
}

.ui-image-upload .wrap-span span {
	display: inline-block;
	width: 30%;
	padding-top: 30%;
	background: #fff;
	border: 0.02rem solid #eeeeee;
	box-sizing: border-box;
	border-radius: 0.03rem;
	position: relative;
	margin-left: 5%;
}

.ui-image-upload .wrap-span span:first-child {
	margin-left: 0%;
}

.ui-image-upload .wrap-span span:before,
.ui-image-upload .wrap-span span:after {
	content: '';
	background: #cccccc;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.ui-image-upload .wrap-span span:before {
	width: 30%;
	height: 0.06rem;
}

.ui-image-upload .wrap-span span:after {
	width: 0.06rem;
	height: 30%;
}

.ui-image-upload .img-opera-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
	letter-spacing: -5px;
	z-index: 3;
	pointer-events: none;
}

.ui-image-upload .image-edit {
	width: 30%;
	display: inline-block;
	margin-left: 5%;
	height: 100%;
	border-radius: 0.03rem;
	overflow: hidden;
	position: relative;
	pointer-events: visible;
}

.ui-image-upload .image-edit:first-child {
	margin-left: 0;
}

.ui-image-upload .image-edit .thumb {
	width: 100%;
	min-height: 100%;
}

.ui-image-upload .image-edit .image-del {
	position: absolute;
	right: 0;
	top: 0;
	width: 0.4rem;
	height: 0.4rem;
	background: rgba(0,0,0,0.8);
	background-size: 7rem;
	color: transparent;
	font-size: 0;
}
.ui-image-upload .image-edit .image-del:before,.ui-image-upload .image-edit .image-del:after{
	width:64%;
	height:1px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	content:'';
}
.ui-image-upload .image-edit .image-del:before{
	transform:rotate(45deg);
}
.ui-image-upload .image-edit .image-del:after{
	transform:rotate(-45deg);
}

.ui-image-btn {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.ui-image-btn .file {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* 自定义select */
.selectUi-box {
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	position: relative;
}

.selectUi-box .selectBtn {
	position: relative;
	cursor: pointer;
	padding: 0 0.1rem;
	border: 1px solid #eaeaea;
	border-radius: 0.03rem;
}

.selectUi-box .selectBtn .selectText {
	font-size: 14px;
	line-height: 32px;
	color: #333;
}

.selectUi-box .selectBtn i {
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	display: inline-block;
	border-width: 6px 4px;
	border-top-color: #c2c2c2;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 8px;
	transition: 0.3s;
}

.selectUi-box.showList .selectBtn i {
	transform: rotate(-180deg);
	margin-top: -9px;
}

.selectUi-box .selectBtn.placeholder .selectText {
	color: #bfbfbf;
}

.selectUi-box .selectList-box {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 33px;
	/* box-shadow:0 2px 4px rgba(0,0,0,.12); */
	border: 1px solid #eaeaea;
	background: #fff;
	animation: fadeInUp 0.4s ease-in-out;
	z-index: 11;
}

.selectUi-box .selectList-box .searchBox {
	position: relative;
}

.selectUi-box .selectList-box .searchBox input {
	border: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	line-height: 34px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding: 0 35px 0 0.1rem;
	color: #333;
}

.selectUi-box .selectList-box .searchBox i {
	font-style: normal;
	font-family: "宋体";
	position: absolute;
	right: 0px;
	top: 0;
	color: #999;
	width: 26px;
	font-size: 24px;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
}

.selectUi-box .selectList-box .searchBox .searchResult {
	color: #999;
	line-height: 28px;
	text-align: center;
	display: none;
}

.selectUi-box .selectList-box .searchBox .searchResult p {
	color: #999;
	line-height: 34px;
	font-size: 14px;
}

.selectUi-box .selectList-box .searchBox .searchResult .sureInput {
	background: #5FB878;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.selectUi-box.multiple .selectList-box .searchBox .searchResult .sureInput {
	display: none;
}

.selectUi-box .selectList-box .operaBox {
	line-height: 32px;
	border-bottom: 1px solid #eee;
	padding: 0 10px;
}

.selectUi-box .selectList-box .operaBox span {
	font-size: 12px;
	cursor: pointer;
	margin-right: 8px;
}

.selectUi-box .selectList-box .operaBox .selectAll {
	color: #333;
}

.selectUi-box .selectList-box .operaBox .deleAll {
	color: #999;
}

.selectUi-box .selectList-box .selectList {
	overflow-y: auto;
}

.selectUi-box .selectList-box .selectList li {
	cursor: pointer;
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0.1rem;
	transition: 0.3s;
	font-size: 14px;
	color: #333;
}

.selectUi-box .selectList-box .selectList li:hover {
	background: #eee;
}

.selectUi-box .selectList-box .selectList li.on {
	background: #00baff;
	cursor: default;
	color: #fff;
}

/* 单选样式 */
.selectUi-box .selectList-box {
	display: none;
}

.selectUi-box.showList .selectList-box {
	display: block;
}

@keyframes fadeInUp {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateY(0px);
	}
}

/* 城市选择 */
.picker-box {
	-webkit-user-select: none;
	transform: none !important;
}

.picker-box dt {
	background-color: #dbdbdb;
	padding: 5px 20px
}

.picker-box dd {
	padding: 8px 20px;
	border-bottom: 1px solid #dbdbdb
}

.pro-picker,
.city-picker {
	position: fixed;
	top: 36px;
	left: 0;
	bottom: 0;
	background-color: #fff;
	overflow: auto;
	width: 100%;
	z-index: 1111;
}

.city-picker li {
	padding: 10px 20px;
	border-bottom: 1px solid #dbdbdb
}

.navbar {
	position: fixed;
	top: 50%;
	right: 0.2rem;
	width: 20px;
	-webkit-transform: translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
	border-radius: 5px;
	z-index: 1112;
}

.navbar a {
	display: block;
	text-align: center;
	color: gray;
	line-height: 20px;
	font-size: 14px;
}

/* .navbar.active {
	background-color:grey
}
.navbar.active a {
	color:#fff
} */
.picker-box .prompt {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-radius: 50%;
	background-color: gray;
	color: #fff;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.picker-box .opera-box {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	padding: 0 0.2rem;
	line-height: 36px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #dbdbdb;
}

.layui-laydate-footer {
	padding: 10px !important;
}

.layui-laydate-footer .laydate-btns-time {
	padding: 0px 8px;
	line-height: 26px;
	vertical-align: top;
	margin-right: 5px;
	background: #009688 !important;
	color: #fff !important;
}