body{
	color: #1B1B1B; font-size: 13px; background-color: #F9FBF9;
}
a{
	color: #1B1B1B;
}
a:hover{
	text-decoration: none; color: #3D9B7C;
}
.flex{
	display: flex;display: -webkit-flex;
}
.flex-reverse{
	display: flex;display: -webkit-flex;
	flex-direction: row-reverse;-webkit-flex-direction: row-reverse;
}
.flex-between{
	display: flex;display: -webkit-flex;
	justify-content: space-between; -webkit-justify-content: space-between;
}
.mb8{
	margin-bottom: 8px !important;
}
.mt8{
	margin-top: 8px !important;
}
.gbnone{
	display: none;
}
.input-checkbox{
	width: 16px; height: 16px; background-color: #fff; background: url(../images/checkbox.png); cursor: pointer;
	 -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
}
.input-checkbox:checked{
	background-image: url(../images/checkbox-on.png);
}
.input-radio{
	width: 16px; height: 16px; background-color: #fff; background: url(../images/radio.png); cursor: pointer;
	 -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
}
.input-radio:checked{
	background-image: url(../images/radio-on.png);
}
.checkbox-wrap{
	display: flex; display: -webkit-flex;
}
/* login */
.login-wrap{
	background: #399777; min-height: 100vh; height: 100vh; overflow: hidden; position: relative; padding-bottom: 82px; display: flex; align-items: center;
}
.login{
	width: 965px;  border-radius: 30px;  height: 480px; background-color: #fff; margin: 50px auto; overflow: hidden;
	display: flex; justify-content: space-between;
}
.loginl{
	padding: 34px 46px; width: 572px;
}
.login-logo{
	display: flex; align-items: center;
}
.login-logo .img{
	display: inline-block;vertical-align: middle; width: 188px;
}

.login-logo .logotit{
	font-size: 22px; color: #656565; margin-left: 10px; line-height: 28px;
}
.login-logo .logotit:before{
	content: ""; border-left: 1px solid rgba(0,0,0,0.12);  margin-right: 8px;
}
.login-img{
	text-align: center; margin-top: 45px;
}
.loginr{
	width: 328px; margin: 52px 64px 52px 0;
}
.login-form{
	background: #F9F9F9; border-radius: 18px; position: relative;min-height: 320px;
}
.login-formhd .switch{
	position: absolute; right: 0; top: 0; border-radius: 0 18px 0 0; cursor: pointer;
}
.login-formhd .switch img{
	width: 60px;
}
.login-formhd{
	padding: 10px 24px 0 24px; height: 60px; display: flex; align-items: center;
}
.login-formhd .title{
	color: #333333;font-size: 16px; font-weight: bold;
}
.login-formbd{
	padding: 30px 24px 0 24px;
}
.login-formrow{
	display: flex;justify-content: space-between;  margin-bottom: 16px;
}
.iconeye{
	cursor: pointer; width: 16px; height: 16px; background-size: 16px 16px; background-position: right  center; background-repeat: no-repeat;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M512 832c-156.448 0-296.021333-98.730667-418.410667-291.605333a52.938667 52.938667 0 0 1 0-56.789334C215.978667 290.730667 355.552 192 512 192c156.448 0 296.021333 98.730667 418.410667 291.605333a52.938667 52.938667 0 0 1 0 56.789334C808.021333 733.269333 668.448 832 512 832z m0-576c-129.514667 0-249.461333 83.850667-360.117333 256C262.538667 684.149333 382.485333 768 512 768c129.514667 0 249.461333-83.850667 360.117333-256C761.461333 339.850667 641.514667 256 512 256z m0 405.333333c-83.210667 0-150.666667-66.858667-150.666667-149.333333S428.789333 362.666667 512 362.666667s150.666667 66.858667 150.666667 149.333333S595.210667 661.333333 512 661.333333z m0-64c47.552 0 86.101333-38.208 86.101333-85.333333S559.552 426.666667 512 426.666667c-47.552 0-86.101333 38.208-86.101333 85.333333s38.549333 85.333333 86.101333 85.333333z' fill='%23777777' %3E%3C/path%3E%3C/svg%3E");
}
.iconeye.on{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M469.333333 681.386667c-36.053333-2.432-71.253333-8.533333-104.96-17.92l-69.802666 149.674666a42.368 42.368 0 0 1-56.533334 20.266667 42.666667 42.666667 0 0 1-20.821333-56.32l66.986667-143.658667a451.712 451.712 0 0 1-148.906667-112.682666 388.693333 388.693333 0 0 1-70.570667-119.338667 42.666667 42.666667 0 1 1 80.128-29.354667 303.445333 303.445333 0 0 0 55.210667 93.098667C270.634667 547.413333 383.018667 597.333333 505.728 597.333333c122.752 0 235.136-49.962667 305.706667-132.181333a303.445333 303.445333 0 0 0 55.210666-93.098667 42.666667 42.666667 0 0 1 80.128 29.354667 388.693333 388.693333 0 0 1-70.570666 119.338667 423.68 423.68 0 0 1-18.773334 20.48l104.362667 104.362666a42.666667 42.666667 0 0 1-0.298667 60.032 42.368 42.368 0 0 1-60.032 0.298667l-109.653333-109.653333c-20.48 14.08-42.24 26.581333-65.024 37.418666l66.901333 143.36a42.666667 42.666667 0 0 1-20.821333 56.362667 42.368 42.368 0 0 1-56.533333-20.266667l-69.717334-149.546666a520.533333 520.533333 0 0 1-91.946666 16.810666v130.645334A42.666667 42.666667 0 0 1 512 853.333333c-23.722667 0-42.666667-18.944-42.666667-42.24v-129.706666z' fill='%23777777' %3E%3C/path%3E%3Cpath d='M176.128 524.373333a42.368 42.368 0 0 1 60.032 0.256 42.666667 42.666667 0 0 1 0.298667 60.074667l-121.216 121.216a42.368 42.368 0 0 1-60.074667-0.298667 42.666667 42.666667 0 0 1-0.298667-60.032l121.258667-121.258666z'  fill='%23777777' %3E%3C/path%3E%3C/svg%3E");

}
.inputbox{
	width: 100%; position: relative;/* display: flex; justify-content: space-between; */background-color: #fff;border-radius: 4px;
}

.inputboxl{
	width: 35px; height: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;  position: absolute; left: 0; top: 0;
}
.inputboxr{
	margin-left: auto; margin-right: 4px; flex-shrink: 0; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0;
}
.inputboxr.inputbox-code{
	width: 56px;
}
.inputboxr img{
	display: block;
}
.input{
	width: 100%; height: 45px; line-height: 38px;  border: 1px solid #DFDFDF;  padding: 0 12px; font-size: 16px; /* color: #1B1B1B; */border-radius: 4px;
	transition: all 0.3s; color: #1A1A1A;
	font-weight: bold;
}
.input:focus{
	border-color: rgba(77,171,142,0.5) !important; box-shadow: 0 0 5px rgba(77,171,142,0.5) !important;
}
.inputbox-pl .input{
	padding-left: 35px;
}
.inputbox-pr .input{
	padding-right: 30px;
}
.inputbox-pcode .input{
	padding-right: 65px;
}
.input::placeholder{
	color: #C7C7CC;
}
.login-form .button{
	width: 100%; height: 44px; font-size: 16px; color: #fff; border-radius: 4px; background: #399777; border: 1px solid #399777; cursor: pointer; transition: all 0.3s;font-weight: bold;
}
.login-form .button:hover{
	background-color: #258866;
}
.alink{
	color: #399777;
}
.alink:hover{
	color: #258866;
}
.login-form .alink{
	font-size: 12px; text-decoration: underline;
}
.login-form .checkbox-wrap{
	 font-size: 12px; color: #399777; cursor: pointer;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}
.login-form .checkbox-wrap .input-checkbox{
	margin-right: 5px;
}
.login-formrow .input{
	border-color: #fff;
}
.login-foot{
	font-size: 12px; color: #fff; color: #fff;text-align: center; line-height: 2; padding: 17px 0; margin-top: 70px; position: absolute; left: 0; right: 0; bottom: 0;
}
.login-foot .copyright{
	color: rgba(255, 255, 255, 0.55);
}
.login-foot .copyright span::after{
	display: inline-block;vertical-align: middle; width: 1px; height: 11px;background-color: rgba(255,255,255,0.4); content: ""; margin: 0 8px;
}
.login-foot .copyright span:last-child::after{
	display: none;
}
.login-foot a{
	color: rgba(255, 255, 255, 0.55);
}
.login-formqr{
	text-align: center;
}
.login-formqr .img{
	display: block;padding: 9px;border-radius: 8px; width: 204px; margin: 0 auto; background-color: #fff;
}
.login-formqr .img img{
	display: block; width: 187px;
}
.login-formqr .txt{
	margin-top: 12px;font-size: 14px; color: #6D7073; margin-bottom: 25px;
}
.login-link{
	justify-content: center; align-items: center; color: #399777; padding-bottom: 22px;
}
.login-link>a{
	display: flex;display: flex; align-items: center; align-items: center; justify-content: center; color: #399777; text-decoration: underline;font-weight: bold;
}
.login-link>a:hover{
	opacity: 0.85;
}
.login-link img{
	vertical-align: middle; width: 16px; margin-right: 5px;
}
.login-form .codebutton{
	height: 40px; background-color: #fff; font-size: 14px; color: #399777;border-radius: 4px; width: 86px; text-align: center; flex-shrink: 0; border: 0; margin-left: 6px;  cursor: pointer;transition: all 0.15s;
}
.login-form .codebutton:hover{
	background-color: #399777; color: #fff;
}
.login-returnlink{
	margin-top:90px;
}

/* index */
.home{
	background: url(../images/bg.png) no-repeat center top /100% auto #F9FBF9;
}
.wrapper{
	width: 1280px; margin: 0 auto;
}
.page-container{
	display: flex; flex-direction: column;
	min-height: calc(100vh - 283px );
}
.header-box{
	height: 77px;
}
.header{
	height: 77px;  z-index: 99;
	position: fixed; left: 0; right: 0; top: 0;
}
.header-green{
	background: #399777;
}
.header .wrapper{
	display: flex;
}
.headerr{
	margin-left: auto;
}
.headerr.logout-box{
	display: flex; align-items: center;
}
.headerr.logout-box .userimg{
	margin-right: 12px; margin-left: 10px;
}
.headerr.logout-box .userimg img{
	width: 38px; height: 38px; border-radius: 38px; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); display: block;
}
.headerr .logout{
	background: #258866 url(../images/icon-logout02.png) no-repeat left 9px center; line-height: 28px; color: #fff; padding: 0 9px 0 30px; display: inline-block; border-radius: 30px; font-size: 13px;
}
.headerr .logout:hover{
	background-color: #4DAB8E;
}
.header .logo{
	display: flex; align-items: center; height: 77px; width: 445px;
}
.header .logo>a{
	display: flex; align-items: center; height: 100%;width: 100%;
}
.header .logo .img{
	display: inline-block;vertical-align: middle;
}
.header .logo img{
	display: block;
	width: 100%;
}
.header .logo .logotit{
	font-size: 20px; color: #fff; margin-left: 10px; line-height: 24px;
}
.header .logo .logotit:before{
	content: ""; border-left: 1px solid rgba(255,255,255,0.3);  margin-right: 5px;
}
.header .nav{
	display: flex;display: -webkit-flex; flex: 1;-webkit-flex: 1; justify-content: space-around;-webkit-justify-content: space-around; padding-top: 15px; margin-right: 5px;
}
.header .nav>li{
	/* margin: 0 15px; */

}
.header .nav>li>a{
	display: block; font-size: 16px; color: #fff; position: relative; padding: 0 1px;  line-height: 43px;
}
.header .nav>li>a::after{
	content: ""; position: absolute; left: 50%; bottom: 0; height: 2px; background: #fff;
	/*opacity: 0; transform: scale(0);*/
	width: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .nav>li>a:hover::after,
.header .nav>li.active>a::after{
	/*opacity: 1; transform: scale(1);*/
	width: 100%;
}
.datebox{
	width: 260px; height: 62px; border-radius: 8px; background: rgba(255,255,255,0.68); display: flex; justify-content: space-between; margin-top: 8px;
	background-image: linear-gradient(to right,#d6f8f5 ,#f5f8f1 70%,#ecf7dd);
}
.datebox .date{
	padding: 13px 0 13px 36px ; color: #459D7F; position: relative;  line-height: 1.5;
}
.datebox .date-icon{
	position: absolute; left: 12px; top: 14px;
}
.datebox .date-icon img{
	width: 16px;
}
.datebox .weather{
	padding-top: 10px; padding-right: 12px; width: 70px;
}
.datebox .weather .temp{
	display: flex;font-size: 16px; color: #000;font-weight: 500; line-height: 1;
}
.datebox .weather .temp img{
	margin-left: 3px; width: 24px;display: block;
}
.datebox1 .weather .temp img{
	width: 40px;display: block;
}
.datebox .weather .area{
	font-size: 13px; color: #696969; margin-top: 3px;
	white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
}
.pagemain{
	display: flex;  margin-bottom: 8px;
}
.pagemainl{
	width: 192px;




}
.pagemainl--fixed{
	position: fixed;

}
.pagemainr{
	width: 1080px; margin-left: auto;
}
.pagemainr_fd{
	width: 1280px;
	/*margin-left: auto;*/
}
.card{
	background: #fff; border-radius: 10px; margin-bottom: 8px;
}
.card:last-child{
	margin-bottom: 0;
}
.cardhd{
	display: flex;  height: 56px; padding: 0 18px;
}
.cardhd_fd{
	display: flex;  height: 56px; padding: 0 18px;
}

.cardhdl{
	display: flex; align-items: center;
}
.cardhdl .icontit{
	display: inline-block;background: url(../images/titbg.png) no-repeat center/cover;  width: 16px; height: 16px;vertical-align: middle; margin-right: 9px;
}
.cardhd .title{
	font-size: 18px;font-weight: bold;
}
.cardhd_fd .title{
	font-size: 16px;
	color: #1A1A1A;
	margin-right: 20px;
	width: 98px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 14px 14px 0 0;
	cursor: pointer;
}
.cardhd_fd .title.active{
	font-size: 16px;
	margin-right: 20px;
	width: 98px;
	height: 40px;
	background: #399777;
	color: white;
	text-align: center;
	line-height: 40px;
	border-radius: 14px 14px 0px 0px;
	cursor: pointer;
}
.cardhd .stitle{
	font-size: 15px; color: #696969; margin-left: 8px;
}
.cardhdl .tabhd{
	display: flex; margin-left: 14px;
}
.cardhdl .tabhd .item{
	min-width: 86px; line-height: 36px; border-radius: 4px; font-size: 14px; color: #333; cursor: pointer;text-align: center; padding: 0 15px; margin-right: 4px;
}
.cardhdl .tabhd .item.active,
.cardhdl .tabhd .item:hover{
	background: #399777; color: #fff;
}
.cardhdr{
	margin-left: auto; align-items: center;  display: flex;
}
.cardhdr .more{
	font-size: 14px; color: #4B4B4B; padding-right: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M759.466667 533.333333L469.333333 243.2l29.866667-29.866667 320 320-320 320-29.866667-29.866666 290.133334-290.133334z m-298.666667 0L170.666667 243.2l29.866666-29.866667 320 320L200.533333 853.333333l-29.866666-29.866666 290.133333-290.133334z' fill='%234B4B4B' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-position: right  center; background-repeat: no-repeat;
}
.cardhdr .more:hover{
	color: #3D9B7C; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M759.466667 533.333333L469.333333 243.2l29.866667-29.866667 320 320-320 320-29.866667-29.866666 290.133334-290.133334z m-298.666667 0L170.666667 243.2l29.866666-29.866667 320 320L200.533333 853.333333l-29.866666-29.866666 290.133333-290.133334z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E");
}
.cardbd{
	padding: 0 18px 18px 18px;
}

.pagemainl .user{
	padding-bottom: 9px;position: -webkit-sticky; position: sticky;top: 0;

	/*max-height: calc( 100vh - 77px);
	overflow-y: scroll;*/
}
.pagemainl .user-info{
	text-align: center; padding: 17px;
}
.pagemainl .user-info .img{
	width: 73px; height: 73px; background: #E5F4FF; border-radius: 50%; padding: 5px; margin: 0 auto; margin-bottom: 5px;
}
.pagemainl .user-info .img img{
	border-radius: 50%; width: 63px; height: 63px;display: block;
}
.pagemainl .user-info .name{
	font-size: 14px; line-height: 1.5;font-weight: bold; margin-bottom: 5px;
}
.pagemainl .user-info .txt{
	font-size: 13px; line-height: 1.5; margin-bottom: 6px; color: #999999;
}
.pagemainl .user-info .state{
	display: inline-block;height: 27px; background: #399777; border-radius: 6px; color: #fff;line-height: 27px;font-size: 12px;overflow: hidden;
}
.pagemainl .user-info .state span{
	min-width: 62px; display: inline-block;text-align: center;
}
.pagemainl .user-info .state .tip{
	background: #33CC99;
}

.pagemainl .user-info .state .tipred{
	background: #f67878;
}

.pagemainl .user-infonav>li{
	background: #FAFAFA; border-radius: 8px; margin: 4px 7px;text-align: center; height: 59px; padding: 9px;
}
.pagemainl .user-infonav>li:hover{
	background-color: rgba(67, 156, 126, 0.1);
}
.pagemainl .user-infonav .title{
	font-size: 13px; color: #999999;  margin-bottom: 2px;
}
.pagemainl .user-infonav .txt{
	font-size: 14px; color: #1A1A1A; font-weight: bold;
}
.pagemainl .user-device{
	background: rgba(67, 156, 126, 0.1); border-radius: 8px; margin: 0 7px 8px 7px; padding-bottom: 16px;
}
.pagemainl .user-device h3{
	font-size: 13px; color: #399777; padding: 9px 11px;
}
.pagemainl .user-device ul{
	display: flex; padding: 0 6px;
}
.pagemainl .user-device li{
	width: 48px; height: 48px;background-color: #fff; border-radius: 4px; margin: 0 4px;
	display: flex; align-items: center; justify-content: center; position: relative;
}

.pagemainl .user-device .img img{
	transition: all 0.3s;
}
.pagemainl .user-device .img1{
	display: block;
}
.pagemainl .user-device .img2{
	display: none;
}
.pagemainl .user-device .active .img1,
.pagemainl .user-device:hover .img1{
	display: none;
}
.pagemainl .user-device .active .img2,
.pagemainl .user-device:hover .img2{
	display: block;
}
.pagemainl .user-device sup{
	width: 18px; height: 18px;border-radius: 50%; background-color: #399777; color: #fff; text-align: center; line-height: 18px; position: absolute; right: -4px; top: -4px;

}
.pagemainl .user-logout{
	background: #FAFAFA; height: 30px; display: block; display: flex; justify-content: center; margin: 0 7px ; line-height: 30px;color: #696969; align-items: center;
}
.pagemainl .user-logout:hover{
	background: rgba(67, 156, 126, 0.1);
}
.icon-logout{
	width: 16px; height: 16px; background: url(../images/icon-logout.png) no-repeat center;
}
.pagemainl .user-logout .icon-logout{
	margin-right: 3px;
}
.pagemainl  .user-nav{
	margin-top: 6px;
}
.pagemainl  .user-nav>li{
	height: 40px; margin-bottom: 8px;
}
.pagemainl  .user-nav>li:last-child{
	margin-bottom: 0;
}
.pagemainl .user-nav>li>a{
	display: block; padding: 0 24px;
}
.pagemainl .user-nav>li>a:hover,
.pagemainl .user-nav>li.active{
	background: #399777;
}
.pagemainl .user-nav>li>a:hover .title,
.pagemainl .user-nav>li.active .title,
.pagemainl .user-nav>li>a:hover .title12,
.pagemainl .user-nav>li.active .title12{
	color:#fff;
}

.pagemainl .user-nav .title{
	color: #1B1B1B; font-size: 15px; font-weight: bold; margin-left: 5px; line-height: 40px;display: inline-block;vertical-align: middle;
}
.pagemainl .user-nav .title12{
	color: #1B1B1B; font-size: 15px; font-weight: bold; margin-left: 5px; line-height: 40px;display: inline-block;vertical-align: middle;
}
.pagemainl .user-nav .icon{
	display: inline-block;vertical-align: middle; width: 16px;
}
.pagemainl .user-nav .icon img{
	width: 16px;
}
.pagemainl .user-nav .icon1{
	display: block;
}
.pagemainl .user-nav .icon2{
	display: none;
}
.pagemainl .user-nav>li>a:hover .icon1,
.pagemainl .user-nav>li.active .icon1{
	display: none;
}
.pagemainl .user-nav>li>a:hover .icon2,
.pagemainl .user-nav>li.active .icon2{
	display: block;
}
.footer{
	background-color: #399777;color: #fff;
}

.footer .coryright{
	background: rgba(255,255,255,0.2); padding: 8px 0; font-size: 12px;text-align: center; line-height: 24px;
}
.footer .coryright span::after{
	display: inline-block;vertical-align: middle; width: 1px; height: 11px;background-color: rgba(255,255,255,0.4); content: ""; margin: 0 8px;
}
.footer .coryright span:last-child::after{
	display: none;
}
.footer-main{
	padding: 20px 0 ;
}
.footer-main .wrapper{
	 display: flex;
}
.footer-main a{
	color: #fff;
}
.footer-logo{
	margin-right: 44px;
}
.footer-logo .img img{
	width: 122px; display: block;
}

.footer-logo h2{
	font-size: 20px; color: #fff; margin-top: 10px;
}
.footer-contact{
	font-size: 12px; color: #fff;margin-right: 50px; line-height: 1.6;
}
.footer-contact dt{
	font-size: 14px; font-weight: bold; margin-bottom: 3px;
}
.footer-contact dd{
	display: inline-block; margin-right: 35px;  color: rgba(255, 255, 255, 0.8);
}
.footer-contact dd p{
	padding: 3px 0;
}
.footer-platform{
	margin-left: auto; display: flex;text-align: center; padding-top: 30px;
}
.footer-platform li{
	width: 72px; margin-left: 24px; transition: all 0.3s;
	position: relative;
}
.footer-platform li:hover{
	opacity: 0.85;
}
.footer-platform .img{
	width: 47px; margin: 0 auto;
}
.footer-platform .img img{
	width: 47px; height: 47px; display: block;
}
.footer-platform p{
	font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px;
}
.footer-platform li .tips{
	position: absolute;
	background: url(../images/qrcodebg.png) no-repeat;
	width: 146px; height: 152px; padding: 20px;
	top: -142px;
	left: 50%; margin-left: -73px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;

}
.footer-platform li:hover .tips{
	opacity: 1;
	visibility: visible;
	top: -152px;
}
.footer-platform li .tips img{
	display: block;
}
.footer-qr{
	text-align: center; margin-top: 15px;
}
.footer-qr .img img{
	width: 87px;
}
.footer-qr p{
	font-size: 12px;
}
.sidebar-box{
	position: fixed; right: 10px; top: 50%; margin-top: -280px; width: 93px; z-index: 999;
}
.sidebar{
	background-color: #fff;border-radius: 12px;text-align: center; border-radius: 12px;  z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,0.15); margin-bottom: 8px;
}
.sidebar:last-child{
	margin-bottom: 0;
}
.sidebar .item{
	height: auto; font-size: 14px; padding: 9px 0; position: relative;
}
.sidebar .item:first-child{
	padding-top: 15px;
}
.sidebar .item:nth-last-child(2){
	padding-bottom: 15px;
}
.sidebar .item:hover{
	background-color: rgba(57, 151, 119, 0.08); color: #399777;
}
.sidebar .item:hover .img1{
	display: none;
}
.sidebar .item:hover .img2{
	display: block;
}
.sidebar .item:hover a{
	color: #399777;
}
.sidebar .item-lbox{
font-size: 21px; color: #399777; font-weight: bold;
position: absolute; right: 100%; top: 0; height: 100%; white-space: nowrap;
display: flex; align-items: center;  padding: 0 18px;background-color: rgba(57, 151, 119, 0.08);  border-radius: 12px 0 0 12px;
transition: all 0.3s; visibility: hidden; transform:scaleX(0); transform-origin: right; opacity: 0;
}
.sidebar .item:hover .item-lbox{
	visibility: visible; transform: scaleX(1); opacity: 1;
}
.sidebar .item>a{
	display: block;
}
.sidebar .item.gotop{
	background: #399777;height: 83px;  border-radius: 0 0 12px 12px; padding-top: 18px; display: none;
}
.sidebar .item.gotop p{
	color: #fff;
}
.sidebar  .img{
	display: flex; justify-content: center;
}
.sidebar  .img1{
	display: block;
}
.sidebar  .img2{
	display: none;
}

.sidebar-kshd{
	height: 37px; line-height: 37px; background: linear-gradient( 134deg, #D6F8F5 0%, #F4F9F1 48%, #ECF7DD 100%); font-size: 13px; color: #439C7D; border-radius: 12px 12px 0 0;
}
.sidebar-ks .img img{
	width: 32px;
}
.sidebar-ks .item{
	font-size: 12px;
}
.sidebar-ks .item p{
	margin-top: 6px;
}
.sidebar-ks .item:nth-last-child(2){
	padding-bottom: 9px;
}
.sidebar-ks .item:last-child{
	padding-bottom: 15px;
}
.sidebar-ks .more{
	display: inline-block;vertical-align: middle; width: 8px; height: 8px; margin-left: 3px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23000000' %3E%3C/path%3E%3C/svg%3E");
}
.sidebar-ks .item:hover .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23399777' %3E%3C/path%3E%3C/svg%3E");
}
.sidebar .item-sub{
	position: absolute; right: 100%; top: 0; width:95px; background: #fff; box-shadow: -2px 2px 18px 0px rgba(97,144,128,0.2); border-radius: 12px;text-align: center; padding: 12px; margin-right: 10px;position: absolute;  display: none;

}
.sidebar .item:hover .item-sub{
	display: block;
}
.sidebar .item-sub:before{
	width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff; content: ""; display: block; position: absolute; right: -12px;  top: 30px;
}
.side-contact li{
	font-size: 12px; color: #1B1B1B; margin-bottom: 9px;
}
.side-contact li:last-child{
	margin-bottom: 0;
}
.side-contact .qr{
	font-size: 0; margin-bottom: 3px;
}
.side-contact .qr img{
	width: 72px;
}
.ywztc{
	display: flex; margin: -7px; flex-wrap: wrap;
}
.ywztc li{
	width: 196px; height: 108px; border-radius: 6px;
	background: url(../images/bg01.png) no-repeat center /cover	#beeeff;text-align: center;
	display: flex; align-items: center; justify-content: center;margin: 7px;
	transition: all 0.3s;
	position: relative;
}
.ywztc li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.ywztc li:nth-child(2){
	background-image:url(../images/bg03.png) ; background-color: #c4f6c6;
}
.ywztc li:nth-child(3){
	background-image:url(../images/bg02.png) ; background-color: #dadbff;
}
.ywztc li:nth-child(4){
	background-image:url(../images/bg05.png) ; background-color: #99eddc;
}
.ywztc li:nth-child(5){
	background-image:url(../images/bg04.png) ; background-color: #fff0dd;
}
.ywztc li>a{
	display: flex; align-items: center; justify-content: center; height: 100%;
}
.ywztc li>sup{
	width: 24px;
height: 24px;
background: #FF4E50; border-radius: 24px; font-size: 14px; color: #fff; text-align: center; line-height: 24px;border: 1px solid #FFFFFF;
position: absolute; right: 3px; top: 3px;
}
.ywztc .img img{
	width: 58px;
}
.ywztc h3{
	font-size: 15px; font-weight: bold; margin-left: 9px; color: #1B1B1B;
}


.ywztc4{
	display: flex; margin: -7px; flex-wrap: wrap;
}
.ywztc4 li{
	width: 240px; height: 108px; border-radius: 6px;
	background: url(../images/bg01.png) no-repeat center /cover	#beeeff;text-align: center;
	display: flex; align-items: center; justify-content: center;margin: 7px;
	transition: all 0.3s;
	position: relative;
}
.ywztc4 li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.ywztc4 li:nth-child(2){
	background-image:url(../images/bg03.png) ; background-color: #c4f6c6;
}
.ywztc4 li:nth-child(3){
	background-image:url(../images/bg02.png) ; background-color: #dadbff;
}
.ywztc4 li:nth-child(4){
	background-image:url(../images/bg05.png) ; background-color: #99eddc;
}
.ywztc4 li:nth-child(5){
	background-image:url(../images/bg04.png) ; background-color: #fff0dd;
}
.ywztc4 li>a{
	display: flex; align-items: center; justify-content: center; height: 100%;
}
.ywztc4 li>sup{
	width: 24px;
	height: 24px;
	background: #FF4E50; border-radius: 24px; font-size: 14px; color: #fff; text-align: center; line-height: 24px;border: 1px solid #FFFFFF;
	position: absolute; right: 3px; top: 3px;
}
.ywztc4 .img img{
	width: 58px;
}
.ywztc4 h3{
	font-size: 15px; font-weight: bold; margin-left: 9px; color: #1B1B1B;
}

.rqtc-btn,
.rqtcnew-btn{
	position: relative;
}
.rqtc-btn-prev,
.rqtc-btn-next{
	display: inline-block;position: static; width: 24px; height: 24px; background-color:rgba(51, 204, 153, 0.1); border-radius: 50%; background-size: 8px auto;  top: 0; margin-top: 0;
}
.rqtc-btn-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233D9B7C'%2F%3E%3C%2Fsvg%3E");
}
.rqtc-btn-next{
	margin-left: 16px;  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233D9B7C'%2F%3E%3C%2Fsvg%3E");
}
.rqtc li{
	width: 338px;
	/*height: 313px;*/
	padding:15px 13px 16px 13px; border-radius: 6px;  position: relative;
}

.rqtclibjyd{
	background: #fcfcfc !important;
	background-image: linear-gradient(140deg,rgba(0, 140, 255, 0.2) ,#fcfcfc 22%) !important;
}

.rqtchd{
	height: 71px;
}
.rqtchd .bg{
	position: absolute; right: 0; top: 0; width: 60px;
}
.rqtchd .tit img{
	display: block; height: 29px;
}
.rqtcbdjgyys,
.rqtcbdjgdq,
.rqtcbdsxdq,
.rqtcbdsxyys,
.rqtcbd{
	/*height: 218px;*/
	position: relative;

}
.rqtcbdjgyys  .swiper-slide,
.rqtcbdjgdq  .swiper-slide,
.rqtcbdsxdq  .swiper-slide,
.rqtcbdsxyys  .swiper-slide,
.rqtcbd  .swiper-slide{
	padding-bottom: 16px;
}
.rqtcbdjgyys .swiper-pagination,
.rqtcbdjgdq .swiper-pagination,
.rqtcbdsxdq .swiper-pagination,
.rqtcbdsxyys .swiper-pagination,
.rqtcbd .swiper-pagination{
	background:#afd9fc;
	width: auto;
	height: 8px;
	display: flex;
	border-radius: 4px;
 	left: 50%;
 	transform:translateX(-50%);
 	-webkit-transform:translateX(-50%);
 	bottom: 0px;
}

.rqtcbdjgyys  .swiper-pagination-bullet,
.rqtcbdjgdq  .swiper-pagination-bullet,
.rqtcbdsxdq  .swiper-pagination-bullet,
.rqtcbdsxyys  .swiper-pagination-bullet,
.rqtcbd  .swiper-pagination-bullet{
	height: 8px;
	display: block;
	margin: 0 !important;
	background: none;
	width:16px;
border-radius: 4px;
}

.rqtcbdjgyys  .swiper-pagination-bullet-active,
.rqtcbdjgdq  .swiper-pagination-bullet-active,
.rqtcbdsxdq  .swiper-pagination-bullet-active,
.rqtcbdsxyys  .swiper-pagination-bullet-active,
.rqtcbd  .swiper-pagination-bullet-active{
	background: #008CFF;
}
.rqtclidx .swiper-pagination{
	background-color: #c1ded4;
}
.rqtclidx .swiper-pagination-bullet-active{
	background-color: #3d9b7c;
}

.rqtclilt .swiper-pagination{
	background-color: #fce0be;
}
.rqtclilt .swiper-pagination-bullet-active{
	background-color: #ffa332;
}


.rqtc li:nth-child(4) .swiper-pagination{
	background-color: #cdcef7;
}
.rqtc li:nth-child(4) .swiper-pagination-bullet-active{
	background-color: #6467f0;
}

.rqtcbdjgdq .item,
.rqtcbdjgyys .item,
.rqtcbdsxyys .item,
.rqtcbdsxdq .item,
.rqtcbd .item{
	background: rgba(0, 140, 255, 0.08);border-radius: 8px; position: relative; margin-bottom: 8px; padding: 13px 25px 13px 35px;
}
.rqtcbdjgdq .item:hover,
.rqtcbdjgyys .item:hover,
.rqtcbdsxyys .item:hover,
.rqtcbdsxdq .item:hover,
.rqtcbd .item:hover{
	background-color: rgba(0, 140, 255, 0.15);
}
.rqtcbdjgdq .item:last-child,
.rqtcbdjgyys .item:last-child,
.rqtcbdsxyys .item:last-child,
.rqtcbdsxdq .item:last-child,
.rqtcbd .item:last-child{
	/*margin-bottom: 0;*/
}
.rqtcbdjgdq .img,
.rqtcbdjgyys .img,
.rqtcbdsxyys .img,
.rqtcbdsxdq .img,
.rqtcbd .img{
	position: absolute; left: 13px; top: 16px;
}
.rqtcbdjgdq .title,
.rqtcbdjgyys .title,
.rqtcbdsxyys .title,
.rqtcbdsxdq .title,
.rqtcbd .title{
	font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 6px;
}
.rqtcbdjgdq .info,
.rqtcbdjgyys .info,
.rqtcbdsxyys .info,
.rqtcbdsxdq .info,
.rqtcbd .info{
	display: inline-block; background-color: #fff; border-radius: 14px; font-size: 13px; color: #008CFF; margin-bottom: 6px;
}
.rqtcbdjgdq .info span,
.rqtcbdjgyys .info span,
.rqtcbdsxyys .info span,
.rqtcbdsxdq .info span,
.rqtcbd .info span{
	display: inline-block; padding:4px 8px; position: relative;
}
.rqtcbdjgdq .info span::after,
.rqtcbdjgyys .info span::after,
.rqtcbdsxyys .info span::after,
.rqtcbdsxdq .info span::after,
.rqtcbd .info span::after{
	content: ""; width: 1px; height: 14px; background: rgba(0, 140, 255, 0.2);position: absolute; right: 0; top: 50%; margin-top: -7px;
}
.rqtcbdjgdq .info span:last-child::after,
.rqtcbdjgyys .info span:last-child::after,
.rqtcbdsxyys .info span:last-child::after,
.rqtcbdsxdq .info span:last-child::after,
.rqtcbd .info span:last-child::after{
	display: none;
}
.rqtcbdjgdq .price,
.rqtcbdjgyys .price,
.rqtcbdsxyys .price,
.rqtcbdsxdq .price,
.rqtcbd .price{
	font-size: 14px; color: #008CFF; font-weight: bold;
}
.rqtcbdjgdq .more,
.rqtcbdjgyys .more,
.rqtcbdsxyys .more,
.rqtcbdsxdq .more,
.rqtcbd .more{
	width: 16px; height: 16px; position: absolute; right: 10px; top: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23008CFF' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-position: center;
}
.rqtclidx  .rqtcbdjgdq .more,
.rqtclidx  .rqtcbdjgyys .more,
.rqtclidx  .rqtcbdsxyys .more,
.rqtclidx  .rqtcbdsxdq .more,
.rqtclidx  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E");
}

.rqtclilt  .rqtcbdjgdq .more,
.rqtclilt  .rqtcbdjgyys .more,
.rqtclilt  .rqtcbdsxyys .more,
.rqtclilt  .rqtcbdsxdq .more,
.rqtclilt  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23FFA332' %3E%3C/path%3E%3C/svg%3E");
}

.rqtc li:nth-child(4)  .rqtcbdjgdq .more,
.rqtc li:nth-child(4)  .rqtcbdjgyys .more,
.rqtc li:nth-child(4)  .rqtcbdsxyys .more,
.rqtc li:nth-child(4)  .rqtcbdsxdq .more,
.rqtc li:nth-child(4)  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%236467F0' %3E%3C/path%3E%3C/svg%3E");
}

.rqtc .greenbox  .rqtcbdjgdq .more,
.rqtc .greenbox  .rqtcbdjgyys .more,
.rqtc .greenbox  .rqtcbdsxyys .more,
.rqtc .greenbox  .rqtcbdsxdq .more,
.rqtc .greenbox  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E") !important;
}

.rqtc .bluebox  .rqtcbdjgdq .more,
.rqtc .bluebox  .rqtcbdjgyys .more,
.rqtc .bluebox  .rqtcbdsxyys .more,
.rqtc .bluebox  .rqtcbdsxdq .more,
.rqtc .bluebox  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23008CFF' %3E%3C/path%3E%3C/svg%3E") !important;
}

.rqtc .orangebox  .rqtcbdjgdq .more,
.rqtc .orangebox  .rqtcbdjgyys .more,
.rqtc .orangebox  .rqtcbdsxyys .more,
.rqtc .orangebox  .rqtcbdsxdq .more,
.rqtc .orangebox  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23FFA332' %3E%3C/path%3E%3C/svg%3E") !important;
}

.rqtc .purplebox  .rqtcbdjgdq .more,
.rqtc .purplebox  .rqtcbdjgyys .more,
.rqtc .purplebox  .rqtcbdsxyys .more,
.rqtc .purplebox  .rqtcbdsxdq .more,
.rqtc .purplebox  .rqtcbd .more{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%236467F0' %3E%3C/path%3E%3C/svg%3E") !important;
}

.rqtclidx{
	background-image: linear-gradient(140deg,rgba(51, 204, 153, 0.2) ,#fcfcfc 22%);
}
.rqtclidx .item{
	background-color: rgba(51, 204, 153, 0.08);
}
.rqtclidx .item:hover{
	background-color: rgba(51, 204, 153, 0.15);
}
.rqtclidx .info span,
.rqtclidx .price{
	color: #3D9B7C;
}
.rqtclilt{
	background-image: linear-gradient(140deg,rgba(255, 163, 50, 0.2) ,#fcfcfc 22%);
}
.rqtclilt .item{
	background-color: rgba(255, 163, 50, 0.08);
}
.rqtclilt .item:hover{
	background-color: rgba(255, 163, 50, 0.15);
}
.rqtclilt .info span,
.rqtclilt .price{
	color: #FFA332;
}

.rqtc li:nth-child(4){
	background-image: linear-gradient(140deg,rgba(99, 104, 240, 0.2) ,#fcfcfc 22%);
}
.rqtc li:nth-child(4) .item{
	background-color: rgba(99, 104, 240, 0.08);
}
.rqtc li:nth-child(4) .item:hover{
	background-color: rgba(99, 104, 240, 0.15);
}
.rqtc li:nth-child(4) .info span,
.rqtc li:nth-child(4) .price{
	color: #6467F0;
}

.dbsx{
	display: flex;flex-wrap: wrap; margin: -6px;
}
.dbsx li{
	margin: 6px; width: 516px; border-radius: 6px; background: rgba(255, 163, 50, 0.08);
	transition: all 0.3s;
}
.dbsx li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.dbsxhd{
	height: 29px; background: rgba(255, 163, 50, 1); background: linear-gradient(90deg, #FFEEC5 0%, #FFA332 100%); border-radius: 6px 6px 0 0; display: flex; align-items: center; justify-content: space-between; padding: 0 12px;
}
.dbsx li.green{
	background: rgba(0, 204, 184, 0.08);
}
.dbsx li.green .dbsxhd{
	background: #33CC99; background: linear-gradient(90deg, #BBEEE2 0%, #33CC99 100%);
}
.dbsxhd .title{
	font-size: 14px; font-weight: bold;
}
.dbsxhd .tip{
	color: #fff;
}
.dbsxbd{
	padding: 15px 9px 11px 47px; position: relative; min-height: 114px;
}
.dbsxbd .img{
	position: absolute; left: 8px; top: 8px;
}
.dbsxbd .img img{
	width: 32px; display: block;
}
.dbsxbd .tit{
	font-size: 15px; font-weight: bold; margin-bottom: 6px;
}
.dbsxbd .txt{
	color: #6D7073; line-height: 1.6;
}
.dbsxbd .txt p{
	margin-bottom: 3px;
}
.dbsxbd .txt p:last-child{
	margin-bottom: 0;
}
.dbsxbd .btn{
	position: absolute; right: 9px; bottom: 10px; display: inline-block; background-color: #00CCB8; line-height: 25px; padding: 0 22px 0 10px; color: #fff; border-radius: 30px; font-size: 12px;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E"); background-size: 12px 12px; background-position: right 12px center; background-repeat: no-repeat;
}
.dbsxbd .btn:hover{
	background-color: #33CC99 ;
}
.notice{
	background: #399777 url(../images/notice-bg.png) no-repeat right 18px center; height: 76px; display: flex;
}
.noticel{
	width: 90px; height: 76px; display: flex; align-items: center;justify-content: center;
	flex-shrink: 0;
}
.noticer{
	font-size: 16px; color: #fff; padding-right: 10px;
}
.noticer .swiper-container > .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.noticer li{
	line-height: 76px; display: inline-block; padding: 0 15px; position: relative;
	width: auto;
}
.noticer li a{
	color: inherit;
}
.noticer li a:hover{
	text-decoration: underline;
}
.noticer li::after{
	position: absolute; top: 50%; margin-top: -11.5px; right: 0; height: 23px; width: 1px; background: rgba(255, 255, 255, 0.38); content: "";
}
.noticer li:last-child::after{
	display: none;
}
.zsk{
	display: flex; flex-wrap: wrap; margin: -7px;
}
.zsk li{
	margin: 7px; width: 338px; height: 119px; border-radius: 6px; background-color: #FAFAFA;
	transition: all 0.3s;
}
.zsk li:hover{
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.zskhd{
	background: #EBFBFA ; background: linear-gradient(360deg, rgba(196, 238, 235, 0.38) 0%, rgba(235, 251, 250, 0.38) 100%) ; border-radius: 6px 6px 0 0; padding: 9px 17px; height: 60px; position: relative;
}

.zskhd::after{
	content: ""; background: url(../images/zsk.png) no-repeat center/cover; width: 55px; height: 38px; display: block; position: absolute; right: 0; bottom: 0;
}
.zskhd .title{
	font-size: 15px; font-weight: bold; margin-bottom: 6px; line-height: 21px; background: url(../images/zsk01.png) no-repeat left center; padding-left: 19px; position: relative; z-index: 1;
	white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
}
.zskhd p{
	font-size: 13px; color: #999999;
}
.zskbd{
	padding: 7px 17px 3px 17px;color: #696969; font-size: 13px; line-height: 1.6;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wjdc{
	display: flex; margin: -7px; flex-wrap: wrap;
}
.wjdc li{
	width: 338px; height: 120px; background: url(../images/wjdc01.png) no-repeat center/cover #709bf3; border-radius: 10px; margin: 7px; padding: 19px 23px;
}
.wjdc .title{
	font-size: 19px; color: #fff; width: 215px; line-height: 1.4;
}
.wjdc li:nth-child(2){
	background-image: url(../images/wjdc02.png); background-color: #978eff;
}
.wjdc li:nth-child(3){
	background-image: url(../images/wjdc03.png); background-color: #00bce8;
}
.xyxw{
	display: flex; flex-wrap: wrap; margin:-4px -7px;
}
.xyxw li{
	width: 338px; margin:4px 7px; padding: 14px; border-top: 1px solid  rgba(108,112,115,0.3); display: flex;justify-content: space-between; padding: 9px 0;align-items: center;
}
.xyxw li>a{
	display: flex; justify-content: space-between; align-items: center; width: 100%;
}
.xyxw .date{
	width: 56px; height: 52px; text-align: center;background: rgba(108,112,115,0.05); border-radius: 6px;color: #6D7073; font-size: 12px;  padding-top: 5px;
}
.xyxw .date big{
	font-size: 17px;font-weight: bold;
}
.xyxw .title{
	width: 274px; font-size: 14px; color: #1A1A1A; font-weight: bold; line-height: 1.6;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xyxw li:hover .title{
	color: #3D9B7C;
}
.xyxw li:hover .date{
	background-color: rgba(51, 204, 153, 0.08);color: #3D9B7C;
}
.xyxw .title .icon{
	vertical-align: middle; height: 18px; margin-right: 3px;
}
.gjb{
	display: flex; flex-wrap: wrap; margin: -3px;
}
.gjb li{
	width: 203px; height: 48px; margin: 3px;background: #FAFAFA; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold;
}
.gjb li:hover{
	background-color: rgba(51, 204, 153, 0.08);
}
.gjb li>a{
	display: flex; align-items: center; justify-content: center; width: 100%;height: 48px;
}
.gjb .icon{
	display: inline-block;vertical-align: middle; margin-right: 5px;
}
/* 个人中心 */
.cardminh{
	min-height: 272px;
}
.table{
	border-collapse: collapse; border: 1px solid #D2E8E0; width: 100%;
}

.table  th{
	padding: 5px 8px;  height: 48px; font-size: 14px; font-weight: bold; background: rgba(57,151,119,0.1); border-bottom: 1px solid #D2E8E0;
}
.table  td{
	 padding: 6px 8px;border-bottom: 1px solid #D2E8E0; height: 48px;
}
.table1 tr td:first-child,
.table1 tr th:first-child{
	padding-left: 20px;
}
.table .tip{
	float: right;color: #999999;
}
.table-gray{
	border-color: #DFDFDF;
}
.table-gray th{
	background-color: #FAFAFA;border-color:#DFDFDF ; color: #333333; border-right: 1px solid #DFDFDF;
}

.table-gray td{
	border-color:#DFDFDF ;color: #6D7073;border-right: 1px solid #DFDFDF;
}
.fcorange{
	color: #FFA332 !important;
}
.fcgray{
	color: #999999 !important;
}
.fcgreen{
	color: #33CC99 !important;
}
.fcgreen1{
	color: #3D9B7C !important;
}
.fcblue{
	color: #00AAFF !important;
}
.fcpurple{
	color: #8F92F5 !important;
}
.gbbtn{
	line-height: 26px; background-color: #399777; border-radius: 4px;  padding: 0 9px; display: inline-block; color: #fff;border: 1px solid #399777; cursor: pointer;
}
.gbbtn:hover{
	background: #258866; color: #fff;
}
.gbbtnred{
	line-height: 26px; background-color: #f56c6c; border-radius: 4px;  padding: 0 9px; display: inline-block; color: #fff;border: 1px solid #f56c6c; cursor: pointer;
}
.gbbtnred:hover{
	background: #f56c6c; color: #fff;
}
.gbbtn-m{
	line-height: 38px; font-size:15px ; padding: 0 12px;
}
.gbbtn-m1{
	line-height: 34px;font-size:15px ; padding: 0 11px;
}
.gbbtn-white{
	border-color: rgba(77,171,142,0.5); color: #4DAB8E; background-color: #fff;
}
.gbbtn-white:hover{
	background-color: #e7f6f1;color: #4DAB8E;
}
.gbbtn .iconr{
	margin-left: 4px;width: 16px; height: 16px; display: inline-block;vertical-align: middle;
}

.icon-arrow{
	width: 16px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position:left -3px center;
}
.icon-arrow-green{
	width: 16px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position:left -3px center;
}
.icon-sort{
	width: 16px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M420.559974 72.98601l-54.855 0 0 774.336c-52.455014-69.163008-121.619046-123.762995-201.120051-157.052006l0 61.968c85.838029 41.401958 156.537958 111.337984 201.120051 198.221005l0 0.208 54.855 0 0-13.047c0.005018-0.00297 0.010035-0.005018 0.01495-0.007987-0.005018-0.010035-0.010035-0.019968-0.01495-0.030003L420.559974 72.986zM658.264986 73.385984l0-0.4L603.41 72.985984l0 877.68 54.855 0L658.265 176.524c52.457984 69.178982 121.632051 123.790029 201.149952 157.078016l0-61.961C773.560013 230.238003 702.853018 160.287027 658.264986 73.385984z' fill='%23399777' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position:center;
}

.icon-return{
	width: 16px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M927.2 610.5c0 143-116.3 259.4-259.3 259.4H196.1c-12.9 0-23.4-10.4-23.4-23.4 0-12.9 10.4-23.4 23.4-23.4h471.7c117.2 0 212.6-95.4 212.6-212.6S785 397.8 667.8 397.8h-458l199.6 199.6c9.1 9.1 9.1 23.9 0 33-4.6 4.6-10.5 6.8-16.5 6.8s-11.9-2.3-16.5-6.8L137 391.1c-9.1-9.1-9.1-23.9 0-33l239.6-239.5c9.1-9.1 23.9-9.1 33 0s9.1 23.9 0 33L210 351.2h457.9c143 0 259.3 116.3 259.3 259.3z' fill='%23399777' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position:center;


}
/* 套餐办理 */
.banner{
	margin-bottom: 17px; position: relative; overflow: hidden; border-radius: 6px; overflow: hidden;
}
.banner .img{
	background-size: cover; background-position: center; background-repeat: no-repeat; height: 190px; border-radius: 6px;
}
.banner .swiper-pagination{
	left: auto; right: 16px; width: auto;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
}
.banner .swiper-pagination-bullet{
	width: 10px; height: 10px; background: #fff; opacity: 0.3;
}
.banner .swiper-pagination-bullet-active{
	background: #fff; opacity: 1;
}
.pagemainl1{
	width: 270px;
}
.pagemainr1{
	width: 994px;
}
.cardgreen{
	background: linear-gradient(222deg, #CDEBE7 0%, #E2F4EA 52%, #EEFAEF 100%);border: 1px solid #BFE8CB;
}
.cardminh1{
	min-height: 496px;
}
.sidenav{
	padding: 15px 20px;
}
.sidenav>li{
	 margin-bottom: 16px;  display: flex; align-items: center;
}
.sidenav>li:last-child{
	margin-bottom: 0;
}
.sidenav>li>a{
	display: flex; align-items: center; width: 100%; padding: 0 25px; height: 80px;border-radius: 10px;background: #fff;
}
.sidenav  .img{
	margin-right: 10px;
}
.sidenav  .img img{
	width: 24px;
}
.sidenav .img1{
	display: block;
}
.sidenav .img2{
	display: none;
}
.sidenav .title{
	font-size: 18px; font-weight: bold;color: #1B1B1B;
}
.sidenav .more{
	width: 37px; height: 37px; border-radius: 37px; margin-left: auto;
	background-color: rgba(57, 151, 119, 0.1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E"); background-size: 18px 18px; background-repeat: no-repeat; background-position: left 6px center;
}
.sidenav>li>a:hover,
.sidenav>li.active>a{
	background: #399777;
}
.sidenav>li>a:hover .title,
.sidenav>li.active>a .title{
	color: #fff;
}
.sidenav>li>a:hover .img1,
.sidenav>li.active>a .img1{
	display: none;
}
.sidenav>li>a:hover .img2,
.sidenav>li.active>a .img2{
	display: block;
}
.sidenav>li>a:hover .more,
.sidenav>li.active>a .more{
	background-color: rgba(255, 255, 255, 0.1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E");
}
.tcblhd{
	height: 64px; display: flex; align-items: center; padding: 0 16px;
}
.tcblhdl{
	font-size: 16px; color: #6D7073;
}
.tcblhdl .num{
	line-height: 22px; padding: 0 6px; text-align: center;border-radius: 4px; background: #fff; color: #3D9B7C; margin: 0 3px; font-size:14px ; min-width: 24px;
}
.tcblhdr{
	margin-left: auto;
}
.tcblhdr .gbbtn{
	margin-left: 8px;
}
.tcblhd .btn{
	min-width: 70px;height: 40px;background: #FFFFFF;border-radius: 6px;border: 1px solid rgba(77,171,142,0.5); display: inline-block;vertical-align: middle;text-align: center; line-height: 38px; font-size: 14px; color: #4DAB8E; padding: 0 10px; margin-left: 3px; cursor: pointer;
}
.tcblhd .btn img{
	vertical-align: middle; margin-left: 2px;
}
.tcbl-list{
	padding: 0 16px 16px 16px;
}
.tcbl-list>li{
	display: flex; align-items: center; padding: 14px 24px 14px 11px; height: 103px; background: #fff;border-radius: 8px; margin-bottom: 8px;
}
.tcbl-list>li:last-child{
	margin-bottom: 0;
}
.tcbl-list .item:last-child{
	margin-left: auto;
}
.tcbl-list .item .gbbtn{
	display: block;
}
.tcbl-list .item1{
	width: 225px;
}
.tcbl-list .item2{
	width:280px;
}
.tcbl-list .item3{
	width: 165px;
}
.tcbl-list .item4{
	width: 135px;
}
.tcbl-list .img{
	display: inline-block;vertical-align: middle; margin-right: 10px;
}
.tcbl-list .img img{
	width: 48px;
}
.tcbl-list .desc{
	display: inline-block;vertical-align: middle;
}
.tcbl-list .title{
	font-size: 15px; font-weight: bold; color: #333; margin-bottom: 6px;
}
.tcbl-list .price{
	color: #FF6010; font-size: 14px; font-weight: bold;
}
.tcbl-list .tit{
	font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 4px;
}
.tcbl-list .info{
	font-size: 15px; color: #3D9B7C; font-weight: bold;
}
.tcbl-list .info span{
	position: relative;padding-right: 7px; margin-right: 7px;
}
.tcbl-list .info span::after{
	 content: "";
	/*width: 1px; */
	height: 12px; background-color: #E5E5E5; position: absolute; right: 0; top: 50%; margin-top: -6px;
}
.tcbl-list .info span:last-child::after{
	display: none;
}
.tcbl-list .star img{
	 height: 13px;vertical-align: middle;
}
.tcbl-list .star span{
	display: inline-block;vertical-align: middle; color: #FFA332; font-size: 13px;
}
.tcbl-list .txt{
	font-size: 15px; color: #696969;
}
.tcbl-list .txt span{
	font-weight: bold; margin-right: 5px;
}
.tcbl-list .tag{
	margin-top: 4px; color: #fff;line-height: 24px;background: #FFA332;border-radius: 12px; padding: 0 10px; display: inline-block;
}
.tcbl-list .gbbtn{
	margin-bottom: 8px;
}
.tcbl-list .gbbtn:last-child{
	margin-bottom: 0;
}
.tcbl-list .btn{
	height: 36px;background-color: #FFFFFF;border-radius: 4px;border: 1px solid rgba(57,151,119,0.5); font-size: 15px; color: #399777; display: block;text-align: center; line-height: 34px; margin-bottom: 8px; padding: 0 26px 0 11px; min-width: 98px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position:right 10px center;
}
.tcbl-list .btn:last-child{
	margin-bottom: 0;
}
.tcbl-list .btn-green{
	background-color: #399777; color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' >%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E");
}
.detailhd{
	background: linear-gradient(222deg, #CDEBE7 0%, #E2F4EA 52%, #EEFAEF 100%); height: 72px; margin-bottom: 8px;
}
.detailhd>.wrapper{
	display: flex; justify-content: space-between; align-items: center;
}
.detailhdl{
	height: 72px;align-items: center; display: flex;
}
.detailhdl .img{
	margin-right: 5px; display: inline-block;vertical-align: middle;
}
.detailhdl .img img{
	width: 48px;
}
.detailhdl .title{
font-size: 22px; color: #333333; font-weight: bold;	 display: inline-block;vertical-align: middle;
}
.detailhdr .gbbtn{
	margin-left: 16px;
}
.detailbd{
	margin-bottom: 8px;
}
.detailbd-box{
	background: #fff;
}
/* 弹窗 */
.dialog.layui-layer{
	border-radius: 12px;
	overflow: hidden;
	/* position: relative; */
}
/* .layui-layer-content{
	position: static;
}
.dialog.layui-layer-page .layui-layer-content{
	position: static;
} */
.gbdialog{
	display: none;   max-height: 70vh; height: 100%;
}

.dialog .layui-layer-title{
	text-align: center; padding: 0 30px;font-size: 15px; color: #333333;font-weight: bold; height: 56px; line-height: 55px;background: rgba(57,151,119,0.1);border-bottom: 1px solid #E7E7E7;
}
.dialog .layui-layer-setwin{
	right: 0; top: 0;
}
.dialog .layui-layer-setwin a{
	width: 56px; height: 56px; margin-left: 0;
}
.dialog .layui-layer-setwin .layui-layer-close1{
	background: url(../images/close.png) no-repeat center;
}


.gbdialog-main{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.privacy-text{
	padding: 24px 32px; font-size: 14px; color: #696969; line-height: 1.6;text-align: justify; line-height: 1.8; height: auto;
	overflow-y: scroll;
}
/* 滚动条 */
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{
	height: 8px;
}
::-webkit-scrollbar {
width:6px; height: 4px;
}
::-webkit-scrollbar-track {
border-radius:3px; background:rgba(0,0,0,0.05);
}
::-webkit-scrollbar-thumb {
border-radius:3px; background:#D8D8D8;
}
::-webkit-scrollbar-thumb:window-inactive {
background:#D8D8D8;
}
.privacy-text p{
	text-indent: 2em;
}
.gbdialog-ft{
	border-top: 1px solid #E7E7E7; padding: 24px 0;text-align: center;background-color: #fff;  /* position: absolute; left: 0; right: 0; bottom: 0;  z-index: 1; */
}
.privacy-chk{
	margin-bottom: 20px;font-size: 14px; color: #333333;
}
.inputchk{
	display: inline-block;vertical-align: middle; width: 16px; height: 16px; border: 1px solid #399777; border-radius: 2px; margin-right: 6px;position: relative; margin-top: -2px;
}
.inputchk:checked{
	background:#399777 url(../images/chk.png) no-repeat center/cover;
}
.inputchk2:checked{
	background:#399777 url(../images/chk.png) no-repeat center/cover;
}
.gbdialog .btn{
	height: 40px; line-height: 38px; background: #399777; border-radius: 6px; font-size: 14px; color: #fff; min-width: 120px; padding: 0 12px; display: inline-block; border: 1px solid #399777 ; cursor: pointer;
}
.gbdialog .btn:hover{
	background-color: #258866;
}
.dialog .layui-layer-btn{
	padding: 24px 0 24px 0; border-top: 1px solid #E7E7E7;
}
/* .dialog .layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{
	padding-top: 24px;
} */
.dialog.layui-layer .layui-layer-iframe .layui-layer-btn,.dialog.layui-layer-page .layui-layer-btn{
	padding-top: 24px;
}
.dialog  .layui-layer-btn a{
	height: 40px; line-height: 38px; background: #399777; border-radius: 6px; font-size: 14px; color: #fff; min-width: 120px; padding: 0 12px; display: inline-block; border: 1px solid #399777 ;  margin-top: 0;
}
.gbdialog-box{
	padding: 24px 32px;
}
.gbdialog-row{
	margin-bottom: 23px;
}
.gbdialog-row:last-child{
	margin-bottom: 0;
}
.gbdialog-hd{
	display: flex; margin-bottom: 10px;
}
.gbdialog-hd .title{
	font-size: 15px; color: #333333; font-weight: bold;  position: relative; padding-left: 13px;
}
.gbdialog-hd .title::before{
	content: ""; position: absolute; left: 0; top: 3px; width: 5px; height: 15px; background: #399777; border-radius: 3px; display: block;
}
.gbdialog-text{
	font-size: 14px; color: #696969; line-height: 1.9; max-height: 107px; overflow-y: auto;
}
.gbdialog-tip{
	font-size: 13px; color: #999999; line-height: 1.8; margin-bottom: 8px;
}
/*  */
.dialoginfo.layui-layer{
	border-radius: 6px;
}
.dialoginfo .layui-layer-setwin{
	display: none;
}
.dialoginfo .layui-layer-content{
	padding: 30px 32px; font-size: 14px; text-align: justify;
}
.dialoginfo .title{
	font-size: 16px; color: rgba(0,0,0,0.85); font-weight: bold; margin-bottom: 10px; display: flex; align-items: center;
}
.dialoginfo .title img{
	width: 22px; height: 22px; margin-right: 13px;
}
.dialoginfo .text{
	padding-left: 35px;color: rgba(0,0,0,0.65);line-height: 1.7;
}
.dialoginfo .layui-layer-btn{
	padding: 0 27px 24px 32px;
}
.dialoginfo.layui-layer .layui-layer-iframe .layui-layer-btn,.dialoginfo.layui-layer-page .layui-layer-btn{
	padding-top: 0;
}
.dialoginfo  .layui-layer-btn a{
	height: 32px; line-height: 30px; background: #399777; border-radius: 4px; font-size: 14px; color: #fff; padding: 0 16px; display: inline-block; border: 1px solid #399777 ;  margin-top: 0;
}
.dialoginfo  .layui-layer-btn .layui-layer-btn0{
	background-color: #fff; border-color: #D9D9D9; color: rgba(0,0,0,0.65);
}
.evaluate{
	padding-bottom: 24px;
}
.tags{
	text-align: center; margin: -5px -6px;
}
.tags span{
	display: inline-block;vertical-align: middle; font-size: 14px;color: #333; padding: 6px 13px; margin:5px 6px; background: rgba(57, 151, 119, 0.2); border-radius: 19px; cursor: pointer;
}
.tags span.active{
	 background: rgba(57, 151, 119, 1);color: #fff;
}
.textarea{
	width: 100%;border: 1px solid #DFDFDF; background: #FAFAFA;border-radius: 8px; padding: 10px; font-size: 14px; height: 93px; line-height: 1.4; transition: all 0.3s;
}
.textarea::placeholder{
	color: #C7C7CC;
}
.textarea:focus{
	border-color: rgba(77,171,142,0.5);box-shadow: 0 0 5px rgba(77,171,142,0.5) !important;
}
.stars{
	text-align: center; display: flex; justify-content: center; align-items: center; padding-bottom: 25px;
}
.stars .tit{
	margin-right: 12px; font-size: 15px; color: #333333;
}
.stars .rate{
	display: inline-block;vertical-align: middle; color: #FFA332;font-size: 15px;
}
.layui-rate{
	padding-top: 0; padding-bottom: 0;
}
.upload-box{
	display: flex; flex-wrap: wrap; margin: -8px;
}
.upload-file{
	width: 88px; height: 88px; border: 1px solid #DFDFDF;border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-direction: column;margin: 8px;font-size: 13px; color: #999999; position: relative; overflow: hidden;transition: all 0.3s;
}
.upload-file .icon{
	 width: 16px; height: 16px; margin-bottom: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' %3E%3Cpath d='M970.745 459.367 566.614 459.367 566.614 55.251C566.614 25.842 542.771 2 513.361 2c-29.411 0-53.253 23.841-53.253 53.251l0 404.116L55.975 459.367c-29.411 0-53.253 23.841-53.253 53.25 0 29.41 23.842 53.253 53.253 53.253l404.133 0 0 404.115c0 29.407 23.842 53.249 53.253 53.249 29.41 0 53.253-23.842 53.253-53.249L566.614 565.87l404.131 0c29.413 0 53.255-23.843 53.255-53.253C1024 483.208 1000.158 459.367 970.745 459.367z' fill='%233D9B7C' %3E%3C/path%3E%3C/svg%3E"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center;
}
.upload-file input[type='file']{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;  opacity: 0; cursor: pointer;
}
.upload-file:hover{
	border-color: rgba(77,171,142,0.5); background-color: #e7f6f1;
}
.upload-img{
	width: 88px; height: 88px; margin: 8px; overflow: hidden; position: relative;
}
.upload-img img{
	display: block;width: 88px; height: 88px;
}
.upload-img .close{
	position: absolute; right: 4px; top: 4px; z-index: 1; cursor: pointer; background: url(../images/close-s.png) no-repeat center;width: 16px; height: 16px;
}


.unbind-btn{
	/*width: 90px;*/
/*height: 32px;*/
border-radius: 4px;
border: 1px solid #F1F2F3;
display: inline-block;
padding: 7px 9px;
background: url(../images/unbind.png) no-repeat left 9px center;
padding-left: 30px;
}
.unbind-btn:hover{
	border-color: rgba(77,171,142,0.5);
    background-color: #e7f6f1;
    color: #4DAB8E;
}

/*2024.3.7*/
.ml-10{
	margin-left: 10px;
}
.ml-15{
	margin-left: 15px;
}
.msgbox_wrap{
	position: fixed; right: 22px; bottom: 22px; z-index: 99;
}
.msgbox{
	width: 386px;
height: 96px;
background: #FFFFFF;
box-shadow: 0px 5px 16px 0px rgba(101,101,101,0.13);
border-radius: 10px;
display: flex;
margin-top: 17px;
position: relative;
}
.msgbox_icon{
	flex-shrink: 0;
}
.msgbox_icon img{
	height: 108px;
}
.msgbox_text{
	padding-top: 22px;
}
.msgbox_text h4{
	font-size: 15px;
color: #1A1A1A; font-weight: 500;
}
.msgbox_text p{
	font-weight: 400;
font-size: 14px;
color: #6D7073;
margin-top: 8px;
}
.msgbox_text p>a{
	color: #008CFF;
	text-decoration: underline;
}
.msgbox_close{
	width: 16px; height: 16px;
	background: url(../images/msgbox_close.png) no-repeat center/cover;
	cursor: pointer;
	position: absolute; right: 11px; top: 16px;
}
/* 套餐评价 */
.navtab{
	height: 51px; background: rgba(57, 151, 119, 0.05); border-radius: 8px 8px 0 0;text-align: center; display: flex; display: -webkit-flex; overflow: hidden;
}
.navtab .item{
	flex: 1; font-size: 16px; color: #575757;display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center; justify-content: center; -webkit-justify-content: center;
}
.navtab .item.active{
	/* background: linear-gradient( 90deg, #64CEAA 0%, #399777 100%); */color: #fff;
	background: url(../images/tbg.png) no-repeat right center/cover;
}
.navtab .item:last-child.active{
	background: url(../images/tbg01.png) no-repeat left center/cover;
}
.navtab .item.active .icon-article{
	background-image:url(../images/article-white.png);
}
.navtab .item.active .icon-star{
	background-image:url(../images/star-white.png);
}
.navtab .item>a{
	display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center; justify-content: center; -webkit-justify-content: center;color: inherit; width: 100%; height: 100%;
}
.icon-article{
	display: inline-block;vertical-align: middle; background: url(../images/article-black.png) no-repeat center/cover; width: 24px; height: 24px; margin-right: 5px;
}
.icon-star{
	display: inline-block;vertical-align: middle; background: url(../images/star-black.png) no-repeat center/cover; width: 24px; height: 24px; margin-right: 5px;
}
.evaluate-bd{
	background: #fff;
}
.evaluate-type{
	padding: 24px 0;display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;
}
.evaluate-type .score{
	width: 137px; text-align: center; font-size: 12px; color: #1A1A1A;
}
.evaluate-type .score-num{
	font-size: 32px; color: #FF6010; line-height: 1; margin-bottom: 5px;
}
.evaluate-type-list{
	width: calc(100% - 137px); margin: -4px -3px;
}
.evaluate-type-list li{
	display: inline-block;border-radius: 14px;border: 1px solid #E5F5EB; font-size: 14px; color: #696969; padding: 5px 8px; margin: 4px 3px;
}
.evaluate-type-list li a{
	color: inherit;
}
.mtag{
	font-size: 14px; color: #399777; background: rgba(57, 151, 119, 0.17); line-height: 20px; min-width: 20px; padding: 0 5px; text-align: center; display: inline-block;vertical-align: middle; border-radius: 20px;
}
.evaluate-type-list li .mtag{
	margin-left: 3px;
}
.evaluate-nav{
	display: flex; display: -webkit-flex;align-items: center; -webkit-align-items: center;   background: #EFF6F2; padding:4px 16px;
}
.evaluate-nav-list{
	display: flex; display: -webkit-flex;
}
.evaluate-nav-list li{
	margin-right: 24px; font-size: 14px; color: #399777;display: flex; display: -webkit-flex;align-items: center; -webkit-align-items: center; cursor: pointer;
}
.evaluate-nav-list li a{
	color: inherit;
}
.evaluate-nav-list li .mtag{
	margin-left: 5px;
}
.evaluate-nav-list li.active{
	font-weight: bold;
}
.evaluate-nav-list li.active .mtag{
	background: #399777; color: #fff;
}
.msort{
	background: #fff; margin-left: auto;border-radius: 4px;padding: 4px;display: flex; display: -webkit-flex;
}
.msort .item{
	font-size: 14px; color: #696969; width: 100px; line-height: 32px;text-align: center;border-radius: 4px; cursor: pointer; background: #fff;
}
.msort .item.active{
	background: #399777; color: #fff;
}
.msort .item a{
	color: inherit;
}
.evaluate-list{
	padding:8px 0;
}
.evaluate-list li{
	position: relative;   padding: 16px; display: flex; display: -webkit-flex;
}
.evaluate-list .userimg{
	width: 56px; margin-right: 9px; flex-shrink: 0;-webkit-flex-shrink: 0;
}
.evaluate-list .userimg img{
	width: 56px; height: 56px; display: block; border-radius: 56px;border: 1px solid rgba(57,151,119,0.56);
}
.evaluate-txt{
	flex: 1;
}
.evaluate-list .name{
	font-size: 16px; color: #1A1A1A; font-weight: bold; margin-bottom: 4px;
}
.evaluate-list .name a{
	color: inherit;
}
.evaluate-list .attr{
	display: flex; display: -webkit-flex; font-size:14px; color: #333333; width: 100%; margin-bottom: 12px;
}
.evaluate-list .attr-star{
	display: flex; display: -webkit-flex;
}
.evaluate-list .attr-star .star{
	margin-left: 8px;
}
.evaluate-list .attr-star .star img{
	 height: 13px;vertical-align: middle;
}
.evaluate-list .attr-star .star span{
	display: inline-block;vertical-align: middle; color: #FFA332; font-size: 13px;  margin-left: 5px;
}
.evaluate-list .attr-time{
	margin-left: auto; font-size: 14px; color: #999999;
}
.evaluate-list .infobox{
	background: #EFF6F2;border-radius: 8px; margin-bottom: 8px; padding:11px 12px;
}
.evaluate-list .infobox:last-child{
	margin-bottom: 0;
}
.evaluate-list .info .desc{
	font-size: 15px; color: #333333;  line-height: 1.6;
}
.evaluate-list .info .time{
	font-size: 14px; color: #999999; margin-top: 4px;
}
.evaluate-list .info .reply{
	background: #E1EEE7;border-radius: 8px; padding:11px 12px; margin-top: 8px;
}
.evaluate-list .info .imgs{
	margin-top: 12px;
}
.evaluate-list .info .imgs img{
	width: 88px; height: 88px; border-radius: 4px; margin-right: 12px; display: inline-block; margin-right: 12px;
}
.pagination{
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-align-items: center; align-items: center;  font-size: 13px; color: #696969;-webkit-justify-content: flex-end; -ms-justify-content:flex-end ; justify-content: flex-end;
}
.pagination .total{
	margin: 0 4px;
}
.pagination .pager{

}
.pagination .pager a,
.pagination .btn{
	display: inline-block;vertical-align: middle; min-width: 32px; height: 32px; text-align: center; line-height: 30px; border: 1px solid #EDEDED; color: #696969; border-radius: 32px; margin: 0 4px; padding: 0 3px;
}
.pagination .pager a.active,
.pagination .pager a:hover,
.pagination .btn:hover{
	background-color: #399777; border-color: #399777; color: #fff;
}

.pagination .prev{
	background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='22' height='22'%3E%3Cpath d='M479.3 533.7l1.8 1.8 21.8 21.8L678.6 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L548.1 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L502.9 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23999999' p-id='5901'%3E%3C/path%3E%3Cpath d='M299.2 533.7l1.8 1.8 21.8 21.8L498.5 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L368 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L322.8 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23999999' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagination .prev:hover{
	background-color: #399777; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='22' height='22'%3E%3Cpath d='M479.3 533.7l1.8 1.8 21.8 21.8L678.6 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L548.1 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L502.9 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23ffffff' p-id='5901'%3E%3C/path%3E%3Cpath d='M299.2 533.7l1.8 1.8 21.8 21.8L498.5 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L368 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L322.8 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23ffffff' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagination .next{
	background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='22' height='22'%3E%3Cpath d='M553.1 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L345.4 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L475.9 512 300.2 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23999999' p-id='5901'%3E%3C/path%3E%3Cpath d='M733.2 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L525.5 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L656 512 480.3 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23999999' p-id='5902'%3E%3C/path%3E%3C/svg%3E");

}
.pagination .next:hover{
	background-color: #399777; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='22' height='22'%3E%3Cpath d='M553.1 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L345.4 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L475.9 512 300.2 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23ffffff' p-id='5901'%3E%3C/path%3E%3Cpath d='M733.2 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L525.5 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L656 512 480.3 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23ffffff' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagination .jumper{
	margin: 0 4px;
}
.pagination .jumper input{
	width: 32px; height: 26px; border: 1px solid #EDEDED; text-align: center; padding: 0 5px; font-size: 13px; margin: 0 4px;
}
.evaluate-bd .pagination{
	padding-bottom: 24px; padding-right: 17px;
}
/* 详情 */
.page-containerbg{
	background: url('../images/detailbg.png') no-repeat center top/100% auto; padding-top: 25px;
}
.mcurrent{
	padding: 18px 0; font-size: 14px; color: #1A1A1A; /* font-weight: bold; */
}
.mcurrent .icon-arrow{
	background: url(../images/arrow-right.png) no-repeat center; width: 16px; height: 16px; display: inline-block;vertical-align: middle;
}
.pagedetail-info{
	background: #fff; padding: 0 40px; border-radius: 12px;
}
.pagedetail-infohd{
	text-align: center; padding: 18px 0;color: #333;  border-bottom: 1px solid #A6D5C5;
}
.pagedetail-infohd h1{
	font-size: 22px; font-weight: bold; padding: 12px 0;
}
.pagedetail-infohd .attr{
	margin-top: 5px; font-size: 12px;
}
.pagedetail-infohd .attr span{
	margin: 0 12px;
}
.pagedetail-infohd .attr .icon{
	display: inline-block;vertical-align: middle; margin-right: 3px; height: 16px;
}
.pagedetail-infobd{
	padding: 25px 0; font-size: 14px; color: #333; line-height: 1.8;text-align: justify;
}
.pagedetail-pager{
	padding: 24px 0;display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; color: #333333;font-size: 14px;
}
.pagedetail-pager .btn{
	line-height: 28px;border-radius: 4px;
border: 1px solid rgba(57,151,119,0.34); background: #fff; display: inline-block;vertical-align: middle; padding: 0 8px; font-size: 14px; color: #696969;
}
.pagedetail-pager .title{
	max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;vertical-align: middle;
}
.pagedetail-pager .prev .btn{
	margin-right: 8px;
}
.pagedetail-pager .next .btn{
	margin-left: 8px;
}
.pagedetail-pager .icon-prev{
	display: inline-block;vertical-align: middle; width: 16px; height: 16px;background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='16' height='16'%3E%3Cpath d='M479.3 533.7l1.8 1.8 21.8 21.8L678.6 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L548.1 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L502.9 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23399777' p-id='5901'%3E%3C/path%3E%3Cpath d='M299.2 533.7l1.8 1.8 21.8 21.8L498.5 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L368 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L322.8 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23399777' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagedetail-pager .btn:hover{
	background-color: #399777; color: #fff;
}
.pagedetail-pager .btn:hover .icon-prev{
	background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='16' height='16'%3E%3Cpath d='M479.3 533.7l1.8 1.8 21.8 21.8L678.6 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L548.1 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L502.9 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23ffffff' p-id='5901'%3E%3C/path%3E%3Cpath d='M299.2 533.7l1.8 1.8 21.8 21.8L498.5 733c12.4 12.5 32.8 12.5 45.2 0.1 12.4-12.5 12.4-32.9 0-45.3L368 512l175.8-175.7c12.4-12.5 12.4-32.9 0-45.3-12.5-12.4-32.9-12.4-45.3 0L322.8 466.7l-21.5 21.5-2.2 2.2c-5.2 5.7-8.3 13.2-8.3 21.5-0.1 8.4 3.1 16.1 8.4 21.8z' fill='%23ffffff' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagedetail-pager .icon-next{
	display: inline-block;vertical-align: middle; width: 16px; height: 16px;background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='16' height='16'%3E%3Cpath d='M553.1 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L345.4 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L475.9 512 300.2 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23399777' p-id='5901'%3E%3C/path%3E%3Cpath d='M733.2 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L525.5 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L656 512 480.3 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23399777' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.pagedetail-pager .btn:hover .icon-next{
	background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg t='1711177852306' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5900' width='16' height='16'%3E%3Cpath d='M553.1 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L345.4 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L475.9 512 300.2 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23ffffff' p-id='5901'%3E%3C/path%3E%3Cpath d='M733.2 511.9c0-8.3-3.1-15.8-8.3-21.5l-2.2-2.2-21.5-21.5L525.5 291c-12.4-12.4-32.8-12.4-45.3 0-12.4 12.4-12.4 32.8 0 45.3L656 512 480.3 687.8c-12.4 12.4-12.4 32.8 0 45.3 12.4 12.4 32.8 12.4 45.2-0.1l175.7-175.7 21.8-21.8 1.8-1.8c5.3-5.7 8.5-13.4 8.4-21.8z' fill='%23ffffff' p-id='5902'%3E%3C/path%3E%3C/svg%3E");
}
.rqtcnew{
	 height: 314.5px; overflow: hidden;
}
.rqtcnew .tcbl-list{
	padding: 0;
}
.rqtcnew .tcbl-list li{
	background-color: #fafafa; border-radius: 8px;/* height: 99px !important; */ padding:12px 24px;  margin-bottom: 0;
}
.rqtcnew .tcbl-list li.top1{
	background-image: linear-gradient( to right,#fafafa 75%, rgba(110,150,255,0.11));
}
.rqtcnew .tcbl-list li.top2{
	background-image: linear-gradient( to right,#fafafa 75%,rgba(110,211,255,0.11));
}
.rqtcnew .tcbl-list li.top3{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(199,167,255,0.11) );
}
.rqtcnew .tcbl-list li.top4{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(199, 167, 255, 0.11) );
}
.rqtcnew .tcbl-list li.top5{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(255, 110, 241, 0.11) );
}
.rqtcnew .tcbl-list li.top6{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(255, 110, 110, 0.11) );
}
.rqtcnew .tcbl-list li.top7{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(255, 198, 167, 0.11) );
}
.rqtcnew .tcbl-list li.top8{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(110, 255, 142, 0.11) );
}
.rqtcnew .tcbl-list li.top9{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(149, 255, 110, 0.11) );
}
.rqtcnew .tcbl-list li.top10{
	background-image: linear-gradient(  to right,#fafafa 75%, rgba(100, 219, 221, 0.11) );
}
.rqtcnew .tcbl-list .item1{
	width: 28%;
}
.rqtcnew .tcbl-list .item2{
	width: 32%;
}
.rqtcnew .tcbl-list .item3{
	width: 18%;
}
.rqtcnew .tcbl-list .item4{
	width: 15%;
}
.rqtcnew .tcbl-list .item5{
	width: 90px;text-align: center; flex-shrink: 0;
}
.rqtcnew .tcbl-list .item5 .topimg{
	height: 49px;
}
.rqtcnew .tcbl-list .star span{
	margin-left: 5px;
}
.rqtc-sort{
	background: #F1F2F3; margin-right: 15px;
}
/* 我要保修 */
.mtab{
	background: #fff; border-radius: 12px; margin-bottom: 16px;
}
.mtabhd{
	border-radius: 12px 12px 0 0; background:rgba(57, 151, 119, 0.76); display: flex; display: -webkit-flex;  padding: 8px 12px 0 12px;
}
.mtabhd li{
	background: rgba(255, 255, 255, 0.8); border-radius: 8px 8px 0 0;  font-size: 15px; color: #1A1A1A; margin: 0 4px; padding: 11px 25px 8px 25px;
}
.mtabhd li.active,
.mtabhd li:hover{
	color: #399777; background: rgba(255, 255, 255, 1);
}
.mtabhd li a{
	color: inherit; display: block; width: 100%; height: 100%;
}
.mtab .mform{
	padding: 8px 99px 20px 16px; width: 905px; flex-shrink: 0;
}
.mform-item{
	display: flex; display: -webkit-flex;padding: 12px 0;
}
.mform-iteml{
	font-size: 14px; text-align: right; color: #1A1A1A; padding-top: 7px; min-height: 32px; width: 100px;
}
.red{
	color: #ff5555 !important;
}
.mform-iteml .red{
	margin-right: 5px;
}
.mform-itemr{
	flex: 1;-webkit-flex: 1;
}
.inputtext{
	width: 100%; height: 32px;border-radius: 4px; padding: 0 16px; font-size: 14px; color: #1A1A1A;border: 1px solid #DCDFE6;transition: all 0.3s;
}
.textarea1{
	width: 100%; height: 100px; padding: 7px 16px;border-radius: 4px;font-size: 14px; color: #1A1A1A;border: 1px solid #DCDFE6; line-height: 1.5;transition: all 0.3s;
}
.inputtext::placeholder,
.textarea1::placeholder{
	color: #C7C7CC;
}
.inputtext::-webkit-input-placeholder,
.textarea1::-webkit-input-placeholder{
	color: #C7C7CC;
}
.inputtext::-moz-placeholder,
.textarea1::-moz-placeholder{
	color: #C7C7CC;
}
.inputtext:focus,
.textarea1:focus{
	border-color: rgba(77, 171, 142, 0.5); box-shadow: 0 0 5px rgba(77,171,142,0.5) !important;
}
.mform-btn{
	width: 165px;height: 40px;border-radius: 4px;background: #399777; color: #fff; border: 1px solid #399777; cursor: pointer; font-size: 14px;
}
.personal-mform-btn {
	width: 88px;
	height: 40px;
	border-radius: 4px;
	background: #399777;
	color: #fff;
	border: 1px solid #399777;
	cursor: pointer;
	font-size: 14px;
}
.personal-edit-mform-btn {
	width: 88px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	color: #399777;
	border: 1px solid #399777;
	cursor: pointer;
	font-size: 14px;
}
.mform-btn:hover{
	opacity: 0.9;
}
.fileimgbox{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin-right: -16px; margin-bottom: -8px;
}
.filetip{
	font-size: 14px; color: #999999; margin-top: 12px; line-height: 1.3;
}
.fileimg-img{
	display: inline-block;vertical-align: middle; margin-right: 16px; margin-bottom: 8px; position: relative; border-radius: 4px; overflow: hidden;
}
.fileimg-img img{
	width: 142px;height: 106px; display: block;
}
.fileimg-img .close{
	position: absolute; right: 0; top: 0; cursor: pointer;background: url(../images/fileimg-close.png) no-repeat center/cover; width: 21px; height: 21px;
}
.fileimg{
	position: relative; background: #F5F9FA;border-radius: 4px; width: 142px; height: 106px; overflow: hidden; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center;margin-right: 16px; margin-bottom: 8px; text-align: center;
}
.fileimg input[type='file']{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;  cursor: pointer;z-index: 1; opacity: 0;
}
.fileimg-add{
	background: url(../images/fileadd.png) no-repeat center/cover; width: 25px; height: 25px; display: block;  margin: 0 auto;
}
.fileimg:hover{
	background: rgba(57, 151, 119, 0.08);
}
.filetxtbox{
	display: flex; display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; margin-bottom: -8px; margin-right: -8px;
}
.filetxt{
	display: inline-block;vertical-align: middle; margin-right: 8px; margin-bottom: 8px; position: relative; border-radius: 4px; overflow: hidden;height: 32px; border: 1px solid #DCDFE6; cursor: pointer;
}
.filetxt input[type='file']{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;  cursor: pointer;z-index: 1; opacity: 0;
}
.filetxt-info{
	font-size: 14px; color: #1A1A1A; padding: 0 8px; line-height: 30px;cursor: pointer;
}
.filetxt-info .icon-upload{
	margin-left: 8px; background:url(../images/fileupload.png) no-repeat center/cover ; width: 16px; height: 16px; display: inline-block;vertical-align: middle;
}
.filetxt:hover{
	background: rgba(57, 151, 119, 0.08);
}
.filetxt-list-item{
	height: 32px;background: rgba(57, 151, 119, 0.08); line-height: 32px; color: #399777; font-size: 13px;  padding: 0 32px 0 8px; border-radius: 4px; margin-right: 8px; margin-bottom: 8px; position: relative;
}
.filetxt-list-item .close{
	background: url(../images/close-green.png) no-repeat center/cover; width: 16px; height: 16px; display: inline-block;vertical-align: middle;  cursor: pointer;
	position: absolute; right: 8px; top: 50%; margin-top: -8px;
}
.filetxt-list-item .close:hover{
	opacity: 0.9;
}
.inputcode-box{
	display: flex; display: -webkit-flex; width: 100%;
}
.inputcode{
	flex: 1;
}
.codebtn{
	width: 115px; flex-shrink: 0; margin-left: 8px; border: 1px solid #399777; cursor: pointer; height: 32px; background: #fff; font-size: 14px; color: #399777; border-radius: 4px;
}
.codebtn:hover{
	background:#399777 ; color: #fff;
}
/* 我的绑定 */
.mtabbd{
	min-height: calc(100vh - 375px);
}
.binding{
	display: flex; display: -webkit-flex; flex-direction: column;-webkit-flex-direction: column; align-items: center;-webkit-align-items: center; justify-content: center; padding: 125px 0;

}
.binding-qr{
	font-size: 0;
}
.binding-qr img{
	width: 245px; height: 245px;
}
.binding-tit{
	font-size: 15px; color: #010101; margin-top: 6px; line-height: 1.7;
}
/* element */
.el-cascader{
	width: 100%; line-height: 32px;
}
.el-input__inner{
	height: 32px; line-height: 32px; padding: 0 16px;
}
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
	border-color: rgba(77, 171, 142, 0.5);
	    box-shadow: 0 0 5px rgba(77,171,142,0.5) !important;
}
.el-input__icon{
	line-height: 32px;
}
.el-popper[x-placement^=bottom]{
	margin-top: 2px;
}
.el-popper[x-placement^=bottom] .popper__arrow{
	display: none;
}
.el-cascader-menu__list{
	padding-top: 0; padding-bottom: 0;
}
.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover{
	background: rgba(57, 151, 119, 0.1); color: #399777;
}
.el-cascader-node{
	height: 32px; line-height: 32px; padding-left: 0;
}
.el-cascader-node__label{
	padding-left: 12px;
}
.el-cascader-node .el-icon-check:before{
	display: none;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{
	color: #399777;
}
.el-cascader-menu__wrap{
	width: 230px;
}
.el-cascader__dropdown{
	box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12); border-radius: 8px;
}
/* element end */
/* 我的工单 */
.subtabhd{
	display:flex; display: -webkit-flex; border-bottom: 1px solid #399777; color: #1A1A1A; padding: 0 17px;
}
.subtabhdl{
	line-height: 47px;
}
.subtabhdl .item{
	display: inline-block;vertical-align: middle; margin: 0 16px; cursor: pointer;
}
.subtabhdl .item a{
	color: inherit; display: block;
}
.subtabhdl .item.active,
.subtabhdl .item:hover{
	color: #399777;
}
.subtabhdr{
	margin-left: auto;
}
.subtab-sort{
	font-size: 13px; color: #1A1A1A; line-height: 47px; background: url(../images/arrow-down.png) no-repeat center right ; padding-right: 20px; cursor: pointer;
}
.subtabbd{
	padding: 17px;
}
.orderlist{
	display: flex;  display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-right: -16px; margin-bottom: 10px;
}
.orderlist-col{
	background: rgba(57, 151, 119, 0.05);border-radius: 8px; padding: 16px; font-size: 14px; color: #1A1A1A; line-height: 1.3; width: 615px; margin-right: 16px; margin-bottom: 16px; position: relative;
}
.orderlist-col .txt{
	margin-bottom: 8px;display: flex;  display: -webkit-flex;
}
.orderlist-col .txt:last-child{
	margin-bottom: 0;
}
.orderlist-col .txtl{
	color: #696969; flex-shrink: 0;
}
.orderlist-col .txtr{
	flex: 1; color: #1A1A1A;
}
.subtag{
	position: absolute; right: 0; top: 0; width: 71px;height: 26px; text-align: center; line-height: 26px; background: #FFA332; color: #fff; border-radius: 0 8px 0 8px; font-size: 13px;
}
.bc-orange{
	background: #FFA332 !important;
}
.bc-blue{
	background: #00AAFF !important;
}
.bc-green{
	background: #33CC99 !important;
}
.bc-purple{
	background: #8F92F5 !important;
}

/* 工单详情 */
.details-hd{
	display:flex; display: -webkit-flex; border-bottom: 1px solid #399777; color: #1A1A1A; padding: 0 17px; line-height: 47px;
}
.details-hdl{
	font-size: 15px; color: #1A1A1A; font-weight: bold;
}
.details-hdr{
	margin-left: auto;
}
.details-hdr .return{
	font-size: 13px; color: #1A1A1A; background: url(../images/return.png) no-repeat right center; padding-right: 20px;
}
.details-hdr .return:hover{
	color: #3D9B7C;
}
.details-bd{
	padding: 16px;
}
.gbtable{
	width: 100%; border-collapse: collapse;
}
.gbtable th,
.gbtable td{
	padding: 8px 15px; height: 48px;  font-size:14px; color:#1B1B1B;border: 1px solid #EDEDED;
}
.gbtable th{
	background-color: #FAFAFA; width: 126px;
}
.gbtable .txt{
	font-size: 14px; padding: 6px 0;text-align: justify;
}
.gbtable .imgs{
	padding: 6px 0; margin-right: -8px; margin-bottom: -6px; overflow: hidden;
}
.gbtable .imgs img{
	width: 108px; height: 108px;border-radius: 4px; margin-right: 8px; margin-bottom: 6px;
}
.gbtable .links{
	margin-right: -6px; margin-bottom: -6px; overflow: hidden;
}
.gbtable .links li{
	display: inline-block; margin-right: 6px; margin-bottom: 6px; background: #FAFAFB; font-size: 14px; color: #399777; line-height: 32px; border-radius: 2px;  min-width: 260px;
}
.gbtable .links li a{
	display: block; padding: 0 7px 0 27px; color: #399777; background: url(../images/link.png) no-repeat left 7px center;
}
.gbtable .links li:hover{
	background: #eee;
}
.details-rowhd{
	line-height: 47px;border-bottom: 1px solid #EDEDED; font-size: 15px; color: #1B1B1B; font-weight: bold;
}
.timeline{
	margin-top: 5px; font-size: 14px;
}
.timeline li{
	padding-left: 30px; position: relative; line-height: 1.5; padding-bottom: 20px;
}
.timeline li:last-child{
	padding-bottom: 10px;
}
.timeline li::after{
	position: absolute; left: 11px; bottom: 4px; width: 1px; top: 24px;  background: #BDBDBD; content: "";
}
.timeline li:before{
	width: 22px; height: 22px; background: url(../images/dot.png) no-repeat center/cover; content: ""; display: block; position: absolute; left: 0; top: 0;z-index: 1;
}
.timeline li.loading:before{
	/* background-image: url(../images/loading.gif); */
	display: none;
}
.timeline li.loading{
	min-height: 40px;
}
.timeline li.loading .dot{
	width: 22px; height: 22px; display: block; position: absolute; left: 0; top: 0;z-index: 1;
}
.timeline li.active:before{
	background-image: url(../images/dot-on.png);
}
.timeline li.active::after{
	background: #399777;
}
.timeline li:last-child::after{
	display: none;
}
.timeline .content{
	 margin-bottom: 4px;color: #696969;
}
.timeline li.active .content{
	color: #1B1B1B;
}
.timeline .title{
	color: #1A1A1A; margin-bottom: 4px;
}

.timeline .title .name{
	font-weight: bold;
}
.timeline .time{
	color: #696969;margin-bottom: 4px;
}
.timeline .btn{
	display: inline-block; min-width: 63px; height: 28px; line-height: 28px; cursor: pointer; border: 0; background: #399777; border-radius: 4px;text-align: center; color: #fff; padding: 0 10px;
}
.timeline .btn:hover{
	opacity: 0.9;
}
.timeline .list{
	width: 485px;
}
.timeline .list  dt{
	color: #696969; margin-bottom: 8px;
}
.timeline .list dd{
	background: #FAFAFA; border-radius: 4px; padding: 10px 0 10px 16px; display: flex; display:-webkit-flex;  color: #696969; margin-bottom: 8px;
}
.timeline .list dd:last-child{
	margin-bottom: 0;
}
.timeline .list-col{
	width: 100%;
}
.timeline .list-user{
	width: 190px; flex-shrink: 0; display: flex; display: -webkit-flex;
}
.timeline .img{
	 font-size: 0; margin-right: 8px; margin-top: 2px;
}
.timeline .img img{
	width: 35px; height: 35px; border-radius: 35px;
}
.timeline .info{
	 line-height: 1.4;
}
.timeline .info-name{
	color: #1A1A1A; font-weight: bold;  margin-bottom: 3px;
}
.timeline .info-txt{
	font-size: 12px; color: #696969;
}
.timeline .tit{
	color: #696969; font-size: 12px; margin-bottom: 2px;
}
.timeline .tel{
	display: flex; display: -webkit-flex;align-items: center; line-height: 20px;
}
.icon-tel{
	background: url(../images/tel.png) no-repeat ; display: inline-block;vertical-align: middle; margin-right: 4px; width: 14px; height: 14px;
}
.mstar{
	font-size: 15px; color: #FFA332;
}
.mstar img,
.mstar span{
	vertical-align: middle;display: inline-block; line-height: 1;
}
.mstar span{
	margin-left: 5px;
}
.details-evaluate{
	padding-top: 15px;color: #333333; font-size: 14px;
}
.details-evaluate .star{
	display: flex; display: -webkit-flex; margin-bottom: 12px;
}
.details-evaluate .star .mstar{
	margin-left: 8px; line-height: 1;
}
.details-evaluate .txt{
	font-size: 15px; line-height: 1.6;margin-bottom: 12px;text-align: justify;
}
.details-evaluate .imgs{
	margin-bottom: 2px; margin-right: -8px;
}
.details-evaluate .imgs img{
	width: 88px; height: 88px; border-radius: 4px; margin-bottom: 8px; margin-right: 8px;
}
.details-evaluate .tag{
	font-size: 14px; color: #696969;
}
/*  */

.header .nav{
	max-width: 300px;
	/*margin: 0 auto;*/
}
.mbanner{
	position: relative;border-radius: 6px; overflow: hidden;
}
.mbanner img{
	display: block;
}
.mbanner .swiper-pagination{
	left: auto; right: 16px; width: auto;
}
.mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 3px;
}
.mbanner .swiper-pagination-bullet{
	width: 6px; height: 6px; background: #fff; opacity: 0.3;
}
.mbanner .swiper-pagination-bullet-active{
	background: #fff; opacity: 1;
}
.pagemainl .user-login{
	height: 30px; display: block; margin: 0 7px 15px 7px; border-radius: 8px;background: #399777; color: #fff; font-size: 13px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;
}
.pagemainl .user-login .icon-login{
	background: url(../images/loginuser.png) no-repeat center; width: 16px; height: 16px; margin-right: 4px;
}
.datebox1{
	padding: 0 18px;
}
.datebox1 .date{
	display: flex; display: -webkit-flex; font-size: 13px; color: #459D7F; line-height: 1.5; margin-bottom: 15px;
}
.datebox1 .date p{
	font-size: 12px;
}
.datebox1 .date-icon {
	flex-shrink: 0; margin-right: 8px; margin-top: 2px;
}
.datebox1 .weather{
	padding-left: 23px;
}
.datebox1 .weather .temp{
	display: flex; display: -webkit-flex; align-items: center; font-size: 30px; color: #000000; font-weight: bold;
}
.datebox1 .weather .temp img{
	margin-left: 5px;
}
.datebox1 .weather .area{
	font-size: 13px; color: #696969; margin-top: 3px;
}
.pagemainl .slogan{
	margin-top: 30px;
}
.rqtc .greenbox{
	 background-image: linear-gradient(140deg, rgba(51, 204, 153, 0.2), #fcfcfc 22%) !important;
}
.rqtc .greenbox .item{
	background-color: rgba(51, 204, 153, 0.08) !important;
}
.rqtc .greenbox .item:hover{
	background-color: rgba(51, 204, 153, 0.15) !important;
}
.rqtc .greenbox .info span,
.rqtc .greenbox .price{
	color: #3D9B7C !important;
}
.rqtc .greenbox .swiper-pagination{
	background-color: #c1ded4 !important;
}
.rqtc .greenbox .swiper-pagination-bullet-active{
	background-color: #3d9b7c !important;
}
.rqtc .bluebox{
	background-image: linear-gradient(140deg, rgba(0, 140, 255, 0.2), #fcfcfc 22%) !important;
}
.rqtc .bluebox .item{
	background: rgba(0, 140, 255, 0.08) !important;
}
.rqtc .bluebox .item:hover{
	    background-color: rgba(0, 140, 255, 0.15) !important;
}
.rqtc .bluebox .info span,
.rqtc .bluebox .price{
	color: #008CFF !important;
}
.rqtc .bluebox .swiper-pagination{
	background-color: #afd9fc !important;
}
.rqtc .bluebox .swiper-pagination-bullet-active{
	background-color: #008CFF !important;
}
.rqtc .orangebox{
	background-image: linear-gradient(140deg,rgba(255, 163, 50, 0.2) ,#fcfcfc 22%) !important;
}
.rqtc .orangebox .item{
	background-color: rgba(255, 163, 50, 0.08) !important;
}
.rqtc .orangebox .item:hover{
	background-color: rgba(255, 163, 50, 0.15) !important;
}
.rqtc .orangebox .info span,
.rqtc .orangebox .price{
	color: #FFA332 !important;
}
.rqtc .orangebox .swiper-pagination{
	background-color: #fce0be !important;
}
.rqtc .orangebox .swiper-pagination-bullet-active{
	background-color: #ffa332 !important;
}

.rqtc .purplebox{
	background-image: linear-gradient(140deg,rgba(99, 104, 240, 0.2) ,#fcfcfc 22%) !important;
}
.rqtc .purplebox .item{
	background-color: rgba(99, 104, 240, 0.08) !important;
}
.rqtc .purplebox .item:hover{
	background-color: rgba(99, 104, 240, 0.15) !important;
}
.rqtc .purplebox .info span,
.rqtc .purplebox .price{
	color: #6467F0 !important;
}
.rqtc .purplebox .swiper-pagination{
	background-color: #cdcef7 !important;
}
.rqtc .purplebox .swiper-pagination-bullet-active{
	background-color: #6467f0 !important;
}
/* 我的工单 */
.mtablebox{
	margin-bottom: 20px;
}
.mtable{
	width: 100%; border-collapse: collapse; border: 1px solid #EDEDED;
}
.mtable thead th{
	background: #F4F5F7; border-bottom: 1px solid #EDEDED; height: 46px; font-size: 14px; color: #1A1A1A; padding: 5px 18px;box-sizing: border-box;
}
.mtable tbody td{
	font-size: 13px; color: #666666;padding: 5px 18px;height: 46px; border-bottom: 1px solid #F5F5F5; box-sizing: border-box;
}
.mtable tbody tr:hover td{
	background: rgba(57, 151, 119, 0.05); color: #66AF97;
}
.mlink{
	color: #399777;
}
.min-width-90{
	min-width: 90px;
}

.dialogmsg.layui-layer-dialog{
	min-width: 126px; border-radius: 2px;box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
}
.dialogmsg.layui-layer-dialog .layui-layer-padding{
	/* padding: 9px 16px; */font-size: 14px; color: rgba(0, 0, 0, 0.65);  padding-top: 10px; padding-bottom: 10px; padding-left: 40px;
}
.dialogmsg.layui-layer-dialog .layui-layer-content .layui-layer-ico{
	width: 14px; height: 14px;  left: 17px;top: 15px;
}
.dialogmsg.layui-layer-dialog .layui-layer-ico2{
	background: url(../images/icon-error.png) no-repeat center; border-radius: 14px;
}
.dialogmsg.layui-layer-dialog .layui-layer-ico3{
	background: url(../images/icon-code.png) no-repeat center; border-radius: 14px;
}
.pagemainl .user-bras{
	border-radius: 4px;border: 1px solid #D2E8E0; margin: 0 5px 12px 5px;
}
.pagemainl .user-info +.user-bras{
	margin-top: -6px;
}
.pagemainl .user-bras-hd{
	padding: 9px 8px; background: rgba(57, 151, 119, 0.15); display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;
}
.pagemainl .user-bras-hd .title{
	font-size: 12px; color: #1A1A1A; font-weight: bold;
}
.pagemainl .user-bras-hd .switch-wrap{
	 flex-shrink: 0;  margin-left: 5px; position: relative;
}


.pagemainl .user-bras-hd  .switch-list{
	position: absolute; left: 0; top: 100%;  padding-top: 5px;  display: none;
}
.pagemainl .user-bras-hd  .switch-list.on{
	display: block;
}
.pagemainl .user-bras-hd  .switch-list ul{
	background: #FFFFFF;box-shadow: 0px 1px 14px 0px rgba(59,104,89,0.39);border-radius: 8px;  width: 214px;  padding: 16px 10px;
}
.pagemainl .user-bras-hd  .switch-list li{
	margin-bottom: 8px; position: relative; padding-left: 22px;
}

.pagemainl .user-bras-hd  .switch-list li:last-child{
	margin-bottom: 0;
}
.pagemainl .user-bras-hd  .switch-list .input-radio{
	position: absolute; left: 0; top: 3px;
}
.pagemainl .user-bras-hd  .switch-list h3{
	font-size: 15px; font-weight: bold; color: #399777; font-weight: bold;  line-height: 21px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
}
.pagemainl .user-bras-hd  .switch-list p{
	font-size: 12px; color: #BDBDBD;color: #BDBDBD;padding: 3px 0; line-height: 1.5;
}
.pagemainl .user-bras-hd .button{
	height: 24px; line-height: 24px;background: #fff; border-radius: 4px; font-size: 13px; color: #399777; padding: 0 7px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; cursor: pointer; border: 1px solid #fff;
}
.pagemainl .user-bras-hd .button .icon{
	margin-left: 4px; background: url(../images/switch.png); display: inline-block; width: 16px; height: 16px;
}

.pagemainl .user-bras-bd{
	padding: 5px 7px;
}
.pagemainl .user-bras-bd h3{
	font-size: 15px; color: #399777; font-weight: bold;
}
.pagemainl .user-bras-bd p{
	font-size: 12px; color: #BDBDBD; padding: 3px 0; line-height: 1.5;

}
/*  套餐列表*/
.tclist-hd{
	display: flex; display: -webkit-flex; padding: 0 16px;background: #fff; border-radius: 10px 10px 0 0;
}
.tclist-hd .types{
	margin-left: auto; display: flex; align-items: center; font-size: 14px; color: #1A1A1A; position: relative;
}
.tclist-hd .types .dropdown{
	display: inline-block; margin-left: 3px; width: 16px; height: 16px; cursor: pointer; background: url(../images/dropdown.png);
}
.tclist-hd .types .types-on{
	cursor: pointer;
}
.tclist-hd .types-list{
	position: absolute; right: 0; top: 100%; background: #fff; z-index: 9;background-color: #fff; border-radius: 4px;box-shadow: 0px 2px 6px 0px rgba(57,151,119,0.3); padding: 2px 16px;  width: 88px; display: none;
}
.tclist-hd .types.on .types-list{
	display: block;
}
.tclist-hd .types-list li{
	cursor: pointer; padding: 7px 0; font-size: 14px; color: #1A1A1A; border-bottom: 1px solid #E8E8E8;
}
.tclist-hd .types-list li:last-child{
	border-bottom: 0;
}
.tclist-hd .types-list li:hover,
.tclist-hd .types-list li.active{
	color: #399777;
}
.tclist-hd .types-list li a{
	color: inherit;
}
.mtabhd1{
	padding-top: 8px; display: flex; display: -webkit-flex;
}
.mtabhd1 li{
	height: 40px; line-height: 40px; margin-right: 8px; font-size: 15px; color: #1A1A1A; padding: 0 19px; border-radius: 8px 8px 0 0; background: #fff;
}
.mtabhd1 li a{
	color: #1A1A1A;
}
.mtabhd1 li.active,
.mtabhd1 li:hover{
	background: #399777; color: #fff;
}
.mtabhd1 li.active a,
.mtabhd1 li:hover a{
	color: #fff;
}
.tclist-bd{
	padding:12px 16px 16px 16px;
}
.table-primary-wrap{
	 overflow-x: scroll;width: 100%; box-sizing: border-box;
}
.table-primary{
	 background: #fff; box-sizing: border-box; min-width: 100%;
}
.table-primary th,
.table-primary td{
	 box-sizing: border-box; background: #fff;
}
.table-primary th div,
.table-primary td div{
	min-width: 120px;
}
.table-primary .sticky{
	position: sticky;
	left: 0px;
	z-index: 11;
}
.table-primary .stickyright{
	position: sticky;
	right: 0px;
	z-index: 11;
}
.el-table--border, .el-table--group{
	border: 0 !important;
}
.el-table--border{
	border-radius: 8px; overflow: hidden;
}
.el-table thead{
	color: #333333; font-size: 13px;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
	border-color: #BFE8CB;
}
.el-table th.el-table__cell{
	background-color: #C3E8DC; border-right-color: #fff !important;
}
.el-table th.el-table__cell:last-child{
	border-color: #BFE8CB  !important;
}
.el-table th.el-table__cell>.cell{
	padding-left: 8px; padding-right: 0px;
}
.el-table__fixed, .el-table__fixed-right{
	-webkit-box-shadow: 0 0 10px rgba(57,151,119,0.3);
	    box-shadow: 0 0 10px rgba(57,151,119,0.3);
}
.el-table__fixed-right{
	border-radius: 0 8px 8px 0;
}
.el-table td.el-table__cell{
	color: #3D9B7C; font-size: 13px;
}
.el-table .iconsort{
	display: inline-block; float: right; width: 16px; height: 16px; background: url(../images/arrow.png); margin-top: 3px; cursor: pointer;
}
.el-table .caret-wrapper{
	/*float: right; */
	width: 20px;
	/*height: 20px;  display: flex; justify-content: center;flex-direction:inherit;*/
}
/*.el-table .sort-caret{*/
/*	position: static; display: inline-block;vertical-align: middle; width: 10px; height: 20px; border: 0; top: 0; bottom: 0;*/
/*}*/
/*.el-table .sort-caret.ascending{*/
/*	background: url(../images/sortl.png) no-repeat center right;*/
/*}*/
/*.el-table .sort-caret.descending{*/
/*	background: url(../images/sortr.png) no-repeat center ;*/
/*}*/
.el-table .iconset{
	display: inline-block;vertical-align: middle;width: 16px; height: 16px; background: url(../images/set.png);  cursor: pointer; margin-top: -3px;
}
.el-table th.el-table__cell>.cell .green{
	font-size: 15px;color: #399777;
}
.el-table .link{
	color: #399777; font-size: 14px; background: url(../images/more-green.png) no-repeat right center; padding-right: 18px; cursor: pointer;
}
.el-table .el-rate__icon{
	margin-right: 0;
}
.fcblack{
	color: #1A1A1A;
}
.fcorange{
	color: #FFA332;
}
/* 穿梭弹窗 */
.dialog-primary .el-dialog{
	border-radius: 12px;
}
.dialog-primary .el-dialog__header{
	padding: 16px;background: rgba(57,151,119,0.1);
}
.dialog-primary .el-dialog__title{
	font-size: 15px; color: #333333; font-weight: bold;
}
.dialog-primary .el-dialog__headerbtn{
	top: 15px; right: 16px;
}
.dialog-primary .el-dialog__headerbtn .el-dialog__close{
	color: #333; font-size:30px;
}
.dialog-primary  .el-dialog__footer{
	border-top: 1px solid #E7E7E7; padding: 12px;text-align: center;
}
.dialog-primary .dialog-footer .el-button{
	padding: 12px; width: 120px; border-radius: 6px; font-size: 14px;
}
.dialog-primary .dialog-footer  .el-button--primary{
	background: #399777; border-color: #399777;
}
.dialog-primary .dialog-footer  .el-button--primary:hover{
	opacity: 0.9;
}
.dialog-primary .el-dialog__body{
	padding: 12px;
}
.el-transfer{
	text-align: center;
}
.el-transfer-panel__item.el-checkbox{
	color: #696969;
}
.el-transfer-panel{
	width: 176px;text-align: left; border-color: #D9D9D9; border-radius: 2px;
}
.el-transfer-panel .el-transfer-panel__header{
	border-bottom-color:#D9D9D9 ; background: #fff;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{
	font-size: 14px; font-weight: bold;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{
	font-size: 14px; color: #696969;
}
.el-transfer__buttons{
	padding: 0 8px; box-sizing: border-box;
}
 .dialog-primary .el-transfer__buttons .el-button{
	width: 24px; height: 24px; display: block; border-radius: 3px; padding: 0; line-height: 24px;
}
.dialog-primary  .el-transfer__buttons .el-icon-arrow-left,.dialog-primary  .el-transfer__buttons .el-icon-arrow-right{
		font-size: 16px; line-height: 22px;
}
.dialog-primary  .el-transfer__buttons .el-transfer__button:first-child{
	margin-bottom: 3px;
}
.dialog-primary .el-transfer__buttons .el-button+.el-button,.dialog-primary .el-transfer__buttons .el-checkbox.is-bordered+.el-checkbox.is-bordered{
	margin-left: 0;
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover{
	background-color: #f5f5f5; border-color: #d9d9d9; color: #c3c3c3;
}
.el-button--primary{
	opacity:1; background-color:#399777 ; border-color: #399777; color: #fff;
}
.el-button--primary:focus, .el-button--primary:hover{
	opacity: 0.9;background-color:#399777 ; border-color: #399777; color: #fff;
}
.el-transfer-panel__item.el-checkbox{
	margin-right: 0;
}
.el-checkbox{

}

.el-transfer-panel__item.el-checkbox:hover{
	background-color: rgba(57,151,119,0.1);
}
.el-checkbox__input.is-checked+.el-checkbox__label{
	color: #696969;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
	border-color: #D9D9D9;
}
.el-checkbox__input.is-checked .el-checkbox__inner{
	border-color:#399777; background-color: #399777;
}
.el-checkbox__inner:hover{
	border-color: #D9D9D9;
}
.el-transfer-panel .el-checkbox__inner::after{
	height: 8px;
}
.el-transfer-panel .el-checkbox__inner{
	width: 16px; height: 16px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #fff; border-color: #D9D9D9;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
	width: 100%; height: 100%;top: 0;background-color: #399777;
}
.el-dialog__body .gbdialog-box{
	padding: 12px 20px;
}
.gbdialog-box .inputbox-row{
	display: flex; justify-content: space-between;
}
.gbdialog-box .inputbox-s{
	width: 390px;
}
.inputboxr{
	z-index: 1;
}
.btntxt{
	border: 0; background: transparent; cursor: pointer; color: #399777;
}
.inputbox .btntxt{
	padding: 0 16px;
}
.gbdialog-box .el-cascader{
	line-height: 40px;
}
.gbdialog-box .el-input__inner{
	height: 40px; line-height: 40px;
}
.el-popper[x-placement^=top] .popper__arrow{
	display: none;
}
.el-popper[x-placement^=top]{
	margin-bottom: 3px;
}
.el-cascader-menu__wrap{
	width: 204px;
}
.cascader-home .el-input__inner{
	padding-left: 34px;
}
.cascader-home .el-input::before{
	content: ""; width: 16px; height: 16px; display: inline-block; background: url(../images/icon-home.png) no-repeat center;
	position: absolute; left: 0; top: 0; width: 35px; height: 38px;
}
.pointer{
	cursor: pointer;
}
/* 保修助手 */
.bxzs{
	padding: 16px; background-color: rgba(57, 151, 119, 0.1); width: 375px;
}
.bxzs-hd{
	margin-bottom: 13px; position: relative;
}
.bxzs-hd .title{
	font-size: 20px; color: #1A1A1A; font-weight: bold; display: flex; display: -webkit-flex; align-items: center;-webkit-align-items: center;
}
.bxzs-hd .title img{
	margin-right: 8px;
}
.bxzs-hd .close{
	background: url(../images/close.png) no-repeat center/16px; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -8px;cursor: pointer;
}
.bxzs-title{
	font-size: 15px; color: #1A1A1A; margin-bottom: 20px;
}
.bxzs-list {
	margin-bottom: 16px;
}
.bxzs-list li{
	background: #FFFFFF; margin-bottom: 8px;border-radius: 4px;
}
.bxzs-list li:last-child{
	margin-bottom: 0;
}
.bxzs-list a{
	display: block; padding: 0 34px 0 16px; position: relative;  line-height: 48px; color: #1A1A1A; font-size: 15px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;position: relative;
}
.bxzs-list a::after{
	position: absolute; content: ""; width: 34px; height: 100%; background: url(../images/more01.png) no-repeat center; top: 0; right: 0;
}
.bxzs-list a:hover{
	color: #399777;
}
.bxzs-btns {
	margin-bottom: 20px;
}
.bxzs-btns .btn{
	width: 53px;height: 24px;border-radius: 4px;border: 1px solid rgba(57,151,119,0.5); display: inline-block; text-align: center; line-height: 22px; color: #399777; font-size: 13px; margin-right: 8px;
}
.bxzs-btns .btn:hover{
	background: rgba(57,151,119,0.1);
}
.bxzs-btns .btn.disabled{
	color: #999999;border: 1px solid rgba(153,153,153,0.5); pointer-events: none;
}
.bxzs-imgs{
	background: #fff; border-radius: 4px; padding: 16px;
}
.bxzs-imgs-tit{
	font-size: 16px; color: #1A1A1A; font-weight: bold; margin-bottom: 8px;
}
.bxzs-imgs-desc{
	font-size: 15px; color: #696969; margin-bottom: 20px;
}
.bxzs-imgs-list{
	position: relative;  padding: 0 18px;
}
.bxzs-imgs-list .Swiperbox{
	overflow: hidden;
}
.bxzs-imgs-list .img{
	position: relative;
}
.bxzs-imgs-list .img img{
	width: 100%; height: 99px; border-radius: 5px; display: block;
}
.bxzs-imgs-list .img .icon-play{
	position: absolute; width: 42px; height: 42px; background: url(../images/icon-play.png); display: block; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px;
}
.bxzs-imgs-list p{
	text-align: center; margin-top: 8px; text-decoration: underline; color: #399777; font-size: 15px;
}
.swiper-button-next, .swiper-button-prev{
	width: 24px; height: 24px; background-size: 10px 15px; margin-top: 5px;
}
.bxzs-imgs-list  .swiper-button-prev,.bxzs-imgs-list  .swiper-container-rtl .swiper-button-next{
	left: -6px; background-size: 10px 15px; margin-top: -20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23272636'%2F%3E%3C%2Fsvg%3E");

}

.bxzs-imgs-list .swiper-button-next,.bxzs-imgs-list  .swiper-container-rtl .swiper-button-prev{
	right: -6px; background-size: 10px 15px; margin-top: -20px;
	 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233D9B7C'%2F%3E%3C%2Fsvg%3E");

}
/* 微信公众号 */
.wxgzh{
	width: 230px;height: 300px; box-shadow: 0px 1px 14px 0px rgba(59,104,89,0.39);
border-radius: 8px; background-color: #fff;  padding: 12px 16px; position: fixed; z-index: 99; right: 20px; bottom: 220px;
}
.wxgzh .close{
	position: absolute; right: 0; top: 0; background: url(../images/close.png) no-repeat center; width: 40px; height: 42px; background-size: 16px 16px; cursor: pointer;
}
.wxgzh-tit{
	font-size: 14px; color: #1A1A1A; font-weight: bold; margin-bottom: 14px;
}
.wxgzh-qr{
	text-align: center; margin-bottom: 5px;
}
.wxgzh-qr img{
	width: 104px;
}
.wxgzh-desc{
	font-size: 12px; color: #696969;line-height: 1.5;text-align: justify;
}
.mform-itemr .inputbox + .mtip{
	flex-shrink: 0; margin-left: 16px; font-size: 14px; color: #999999; line-height: 32px;
}

.fc-toolbar .fc-right .fc-today-button{
	line-height: 24px;
}
.position-relative{
	position: relative;
}
.mtip{
	font-size: 14px; color: #999999;
}
.mtip .btn{
	line-height: 32px;background: #399777; padding: 0 8px; border-radius: 4px; color: #fff;display: inline-block;  margin-top: 8px;
}
.mtip .btn img{
	vertical-align: middle; height: 24px; margin-right: 5px; display: inline-block; position: relative; margin-top: -2px;
}

.mobile{
	display: none !important;
}

[v-cloak]{display:none!important}

.bysCautious{
	font-size: 11px;color: red;
}