.hcard{
	/*border-radius: 5px;*/
	border: 0;
}

/*header*/
.topnav{
	border-bottom: 2px solid #f1f3f6;
}
.topnav li{
	line-height: 50px; display: inline-block;vertical-align: middle; margin-right: 50px; font-size: 12px; color: #999;
}
.topnav li a{
	line-height: 50px;
}
.header-box{
	padding: 20px 0;
}
.header{
	background: #fff;margin-bottom: 25px;
}
.header-box .logo{
	float: left;
}
.header-r{
	float: right;
}
.header .search-box{
	display: inline-block;vertical-align: top; height: 32px; width: 305px; border: 1px solid #e6e6e6; margin-top: 8px;  position: relative; margin-right: 139px;
}
.header .search-box .text{
	width: 100%; height: 30px; border: 0; padding: 0 40px 0 10px; font-size: 12px;
}
.header .search-box button{
	position: absolute; right: 0; top: 0; bottom: 0; width: 40px; border: 0; cursor: pointer; background: url(../imgs/complaint/search.png) no-repeat center;
}
.header .search-box button:hover{
	background-image:url(../imgs/complaint/search-b.png) ;
}
.header .notice{
	display: inline-block;vertical-align: top;line-height: 48px; margin-right: 35px;
}
.header .notice .icon-notice{
	display: inline-block;vertical-align: middle; background: url(../imgs/complaint/notice.png) no-repeat; width: 16px; height: 19px;  margin-right: 5px; margin-top: -2px;
}
.header .notice .tit{
	font-size: 16px; color: #999999;
}
.header .notice .num{
	display: inline-block;vertical-align: middle;line-height: 16px; background: #f76868; color: #fff; font-size: 12px; padding: 0 5px; border-radius: 20px;
}
.header .user{
	display: inline-block;vertical-align: middle;vertical-align: top; line-height: 0;
}
.header .user img{
	width: 48px; height: 48px; border-radius: 50%;
}

/*index*/
.hm-bigimgs{
	width: 64.5%; height: 320px; float: left;
	/*margin-right: 14px;*/
	border-radius: 5px; overflow: hidden;
}
.hm-bigimgs li{
	position: relative;
}
.hm-bigimgs .img{
	width: 100%; height: 320px; background-size:cover ; background-repeat:no-repeat ; background-position:center ;
}
.hm-bigimgs .tit{
	position: absolute; left: 25px; right: 15px; bottom: 30px; color: #fff; font-size: 18px; line-height: 1.6;
}
.hm-bigimgs .swiper-button-prev{
	background: url(../imgs/complaint/btn01.png) no-repeat; width: 27px; height: 48px; left: 0; opacity: 0.8;
}
.hm-bigimgs .swiper-button-next{
	background: url(../imgs/complaint/btn02.png) no-repeat; width: 27px; height: 48px; right: 0;opacity: 0.8;
}
.hm-bigimgs .swiper-button-prev:hover,
.hm-bigimgs .swiper-button-next:hover{
	opacity: 1;
}
.hm-bigimgs.swiper-container-horizontal>.swiper-pagination-bullets{
	left: 20px; width: auto; bottom: 15px;
}
.hm-bigimgs .swiper-pagination-bullet{
	width: 5px; height: 5px;border-radius: 50%; margin: 0 3px;
}
.hm-bigimgs .swiper-pagination-bullet-active{
	background: #fff;
}
.hm-img{
	width:34% ; float: right; position: relative;border-radius: 5px; overflow: hidden;
}
.hm-img .img{
	width: 100%; height: 320px;background-size:cover ; background-repeat:no-repeat ; background-position:center ; overflow:hidden;border-radius:5px ;
}
.hm-img .tit{
	position: absolute;left: 20px; right: 20px; bottom: 30px; color: #fff; font-size: 18px; line-height: 1.6;
}
.hm-ts li{
	background: #fff;
	border-radius: 5px;
	border: 1px solid #f0f1f2; margin-bottom: 17px; height: 63px;text-align: center;
}
.hm-ts li span{
	display: inline-block;vertical-align: middle; line-height: 63px; font-size:20px; color: #1482f0; font-weight: bold;text-align: left; min-width: 110px;
}
.hm-ts li i{
	display: inline-block;vertical-align: middle; width: 35px; height: 35px; background-repeat:no-repeat ; background-position:center ;
}
.hm-ts .icon-ts{
	background-image: url(../imgs/complaint/icon01-b.png);
}
.hm-ts .icon-tsd{
	background-image: url(../imgs/complaint/icon02-b.png);
}
.hm-ts li:hover{
	background-color:#1482f0 ;
}
.hm-ts li:hover span{
	color: #fff;
}
.hm-ts li:hover  .icon-ts{
	background-image: url(../imgs/complaint/icon01.png);
}
.hm-ts li:hover  .icon-tsd{
	background-image: url(../imgs/complaint/icon02.png);
}
.hm-qzjl{
	background: #fff; border-radius: 5px;border: 1px solid #f0f1f2;  height: 160px; padding: 23px 20px;
}
.hm-qzjl .qr{
	float: left; margin-right: 15px; position: relative;
}
.hm-qzjl .qr img{
	width: 100px; height: 100px; position: relative; z-index: 1;
}
.hm-qzjl .qr:after{
	position: absolute; right: -4px; bottom: -4px; background: #f4f5f7; content: ""; width: 100%; height: 100%;
}
.hm-qzjl .info{
	width: calc(100% - 115px); float: left; padding-top: 0px;
}
.hm-qzjl .info .tit{
	font-size: 18px; margin-bottom: 8px;
}
.hm-qzjl .info p{
	font-size: 14px;color: #999; line-height: 1.5;
}

/*左*/
.hmts-left{
	border-radius: 8px; width: 305px; float: left; background: #ffffff;
}

.hmts-left.pos_fixed {
	position: fixed;
	top: 0;
	left: calc(100% / 2 - 636px);
}

.hmts-left--fixed{
	position: fixed; top: 25px;
}
.hmts-nav{
	text-align: center; height: 425px; overflow: hidden; overflow-y: auto; border-radius: 0;
}
.hmts-nav li{
	padding: 0 15px; height: 48px; position: relative;
}

.istool .hmts-nav li {
	height: 40px;
}

.hmts-nav li a {
	display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;
}

.hmts-nav li.active,
.hmts-nav li:hover {
	background: rgba(20, 130, 240, .1);
}
/*.hmts-nav li:after{
	position: absolute; content: ""; width: 54px; height: 1px; background: #f0f1f2; left: 50%; margin-left: -27px;
}*/
.hmts-nav li:before{
	content: ""; height: 100%; width: 4px; background: #1482F0; position: absolute; top: 0; margin-top: 0; left: 0; display: none;
}
.hmts-nav li:last-child:after{
	display: none;
}
.hmts-nav li a{
	display: block; font-size: 18px; color: #333333; line-height: 48px;
}
.istool .hmts-nav li a {
	font-size: 16px;
	line-height: 40px;
}
.hmts-nav li.active a,
.hmts-nav li:hover a{
	color: #1482F0;
}
.hmts-nav li.active:before,
.hmts-nav li:hover:before{
	display: block;
}
.hmts-qzjl{
	padding: 32px 8px 12px 8px; text-align: center; border-top: 1px solid #f5f5f5;
}
.hmts-qzjl .img{
	margin-bottom: 8px;
}
.hmts-qzjl .tit{
	margin-bottom: 8px; font-size: 14px; font-weight: 400; margin-bottom: 15px;
}
.hmts-qzjl p{
	font-size: 12px; color: #333333; line-height: 1.5;
}
/*中*/
.hmts-right{
	width:calc(100% - 24% - 15px) ;
	float: right;
}
.hmts-list-box{
	position: relative; background: #fff; border: 1px solid #f0f1f2;  border-radius: 8px; padding: 24px; min-height: 256px;
}
.hmts-list-box.islist {
	/*padding-bottom: 76px;*/
	padding-bottom: 8px;
}
.hmts-list {
	display: inline-block; margin-bottom: 25px; width: 100%;
}
.hmts-list li {
	position: relative; text-align: left; height: 99px; padding: 18px 18px 18px 94px; float: left; margin-right: 24px; width: calc((100% - 48px) / 3); border-radius: 8px; transition: box-shadow 300ms;
}
.hmts-list li:nth-child(3n) {
	border-bottom: 0; margin: 0;
}
.hmts-list li:hover {
	background-color: transparent;
	box-shadow: 0 0 20px 0 rgb(89 89 89 / 20%);
}
.hmts-list li:hover .desc,
.hmts-list li .btn {
	display: none;
}
.hmts-list li:hover .btn {
	position: relative; display: block; z-index: 10; margin-top: 29px;
}

.hmts-list-box.isDetail .hmts-list li:hover .btn {
	margin: 0;
}

.hmts-list li img {
	position: absolute; width: 64px; height: 64px; left: 18px; top: 50%; transform: translateY(-50%);
}
.hmts-list li h4 {
	font-size: 16px; color: #333333; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 18px 18px 18px 94px;
}

.hmts-list li:hover h4 {
	color: #1482F0;
}

.isDetail .hmts-list li:hover h4 {
	color: #333333;
}

.hmts-list li .desc {
	height: 34px; margin: 29px 0 0; line-height: 18px; color: #999999; word-break: break-all; font-size: 12px; width: 100%; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.load{
	text-align: center; padding: 20px; padding-top: 0;
}
.loadinggif{
	opacity: 0.3;
}
.hmts-list .user{
	margin-bottom: 20px;
}
.hmts-list .userimg{
	display: inline-block;vertical-align: top; margin-right: 10px;
}
.hmts-list .userimg img{
	border-radius: 50%; width: 48px; height: 48px;
}
.hmts-list .usertxt{
	display: inline-block;vertical-align: top; padding-top: 7px;
}
.hmts-list .usertxt .name{
	font-size: 16px; color: #666666; margin-bottom: 5px;
}
.hmts-list .usertxt .time{
	font-size: 14px; color: #999999;
}
.hmts-list .state{
	position: absolute; right: 0; top: 40px;
}
.hmts-list .state img{
	width: 80px;
}
.hmts-list .tit{
	line-height: 1.3; font-size: 20px; color: #333333; margin-bottom: 18px;
}
.hmts-list .desc{
	line-height: 1.5; font-size: 16px; color: #999999;
}
.hmts-list .ft{
	height: auto; overflow: hidden;
}
.hmts-list .ft-l{
	float: left;
}
.hmts-list .ft-l p{
	font-size: 14px; color: #333333;
}
.hmts-list .ft-l p + p{
	margin-top: 15px;
}
.hmts-list .ft-l span{
	margin-right: 15px;
}
.hmts-list .ft-l img{
	height: 16px; display: inline-block;vertical-align: middle; position: relative; margin-top:-2px ; margin-right: 5px;
}
.hmts-list .ft-r{
	float: right; position: absolute; right: 0; bottom: 40px;
}
.hmts-list .dz{
	background: url(../imgs/complaint/icon03.png) no-repeat center left; padding-left: 20px; display: inline-block;vertical-align: middle; margin-left: 30px; font-size: 12px; color: #999; cursor: pointer;
}
.hmts-list .ly{
	background: url(../imgs/complaint/icon04.png) no-repeat center left; padding-left: 20px; display: inline-block;vertical-align: middle; margin-left: 30px;font-size: 12px; color: #999; cursor: pointer;
}
.hmts-list .dz:hover{
	background-image:url(../imgs/complaint/icon03_b.png) ; color: #007AFF;
}
.hmts-list .ly:hover{
	background-image:url(../imgs/complaint/icon04_b.png) ; color: #007AFF;
}
/*右*/
.hm-nums{
	background: #fff; border-radius: 0 0 5px 5px;border: 1px solid #f0f1f2; border-top: 1px solid #1482f0; padding: 20px;
}
.hm-nums ul{
	height: auto; overflow: hidden;
}
.hm-nums ul li{
	float: left; width: 50%; padding: 15px 15px 15px 0; border-bottom: 1px solid #f3f4f7;
}
.hm-nums ul li:nth-child(1),
.hm-nums ul li:nth-child(2){
	padding-top: 0;
}
.hm-nums ul li:nth-child(2n){
	padding-left: 15px; padding-right: 0; border-left: 1px solid #f3f4f7;
}
.hm-nums ul li:nth-child(2n+1){
	clear: both;
}
.hm-nums .total{
	padding-top: 15px;
}
.hm-nums-hd{
	font-size: 14px; color: #999; margin-bottom: 10px;
}
.hm-nums-bd{
	height: auto; overflow: hidden; display: flex;justify-content: space-between;
}
.hm-nums-bd .num{
	float: left; font-size: 16px; color: #1482f0; line-height: 18px;
}
.hm-nums-bd .unit{
	float: right; font-size: 12px; color: #cccccc;line-height: 18px;
}
.hm-bg{
	margin-top: 5px;
	padding-bottom: 25px;
	overflow: hidden; padding-left: 10px; padding-right: 10px;
}
.hm-bg li{
	text-align: center;
	padding: 0 10px;
	margin-top: 20px;
	width: 33.33%;
	float: left;
}
.hm-bg-img{
	font-size: 0;
}
.hm-bg-img img{

}
.hm-bg li:nth-child(3n+1){
	clear: both;
}
.hm-bg li:hover .hm-bg-img{
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.hm-ads li + li{
	margin-top: 15px;
}
.hm-ads li img{
	display: block; border-radius: 5px;
}
/*详情 本人*/
.hm-current{
	padding: 18px 45px; border-bottom: 1px solid #f3f4f7; font-size: 12px; color: #999999;
}
.hm-detail{
	padding: 20px 45px;
}
.hm-detail-info{
	border-bottom: 1px solid #e5e5e5; position: relative;
}
.hm-detail-info .hd{
	margin-bottom: 40px; padding-top: 20px;
}
.hm-detail-info .hd h2{
	font-size: 24px; color: #333333; line-height: 1.3; margin-bottom: 18px;
}
.hm-detail-info .hd .attr{
	font-size: 14px; color: #999999;
}
.hm-detail-info .hd .userimg{
	display: inline-block;vertical-align: middle; width: 24px; height: 24px; border-radius: 50%;margin-right: 5px;
}
.hm-detail-info .hd .name{
	display: inline-block;vertical-align: middle; margin-right: 5px;
}
.hm-detail-info .hd .time{
	display: inline-block;vertical-align: middle;color: #cccccc;margin-right: 5px;
}

.hm-detail-info .bd li{
	height: auto;overflow: hidden; margin-bottom: 10px;
}
.hm-detail-info .bd-l{
	font-size: 16px; color: #999999; display: inline-block;vertical-align: top; margin-right: 10px; line-height: 1.5;
}
.hm-detail-info .bd-r{
	display: inline-block;vertical-align: top; width: 610px; font-size: 16px; color: #333333;line-height: 1.5;
}
.hm-detail-info .bd-r .icon{
	display: inline-block;vertical-align: middle; position: relative; margin-top:-3px ; margin-right: 3px;
}
.hm-detail-info .state{
	position: absolute; right: 0; top: 70px;
}
.hm-detail-info .state img{
	width: 148px;
}
.hm-detail-info .ft{
	padding: 5px 0 25px; height: auto; overflow: hidden;
}
.hm-detail-info .ft .attr{
	float: left; margin-top: 15px; padding-bottom: 15px;
}

.hm-detail-info .ft .attr .dz{
	background: url(../imgs/complaint/icon03.png) no-repeat center left; padding-left: 20px; display: inline-block;vertical-align: middle; margin-right: 30px; color: #ccc; font-size: 12px; cursor: pointer;
}
.hm-detail-info .ft .attr .ly{
	background: url(../imgs/complaint/icon04.png) no-repeat center left; padding-left: 20px; display: inline-block;vertical-align: middle;margin-right: 30px; color: #ccc; font-size: 12px;cursor: pointer;
}
.hm-detail-info .ft .attr .dz:hover{
	background-image:url(../imgs/complaint/icon03_b.png) ; color: #007AFF;
}
.hm-detail-info .ft .attr .ly:hover{
	background-image:url(../imgs/complaint/icon04_b.png) ;color: #007AFF;
}
.hm-detail-info .ft .btn-box{
	float: right;
}
.hm-detail-info .ft .btn{
	min-width: 100px; padding: 12px 18px;color: #666666; font-size: 14px; border: 1px solid #cccccc; border-radius: 5px; display: inline-block; margin-left:15px ;text-align: center;
}
.hm-detail-info .ft .btn:hover{
	background: #1482f0;border-color: #1482f0; color: #fff;
}
.hm-detail-info .ft .btnblue{
	background: #1482f0; border-color: #1482f0; color: #fff;
}
.hm-detail-info .ft .btnblue:hover{
	background: #1E60EA;
}
.hm-detail-list{
	padding: 45px 0 20px 0; position: relative;
}

.hm-detail-row{
	position: relative; padding-left: 60px; padding-top: 10px; padding-bottom:55px;
	left: -20px;
}
.hm-detail-row:before{
	position: absolute; left: 20px; top: 0; bottom: 0; content: ""; border-left: 1px dashed #ccc;
}
.hm-detail-row:last-child{
	padding-bottom: 0;
}
.hm-detail-row:last-child:before{
	border: 0;
}
.hm-detail-row .userimg{
	position: absolute; left: 0; top: 0; background: url(../imgs/complaint/img25.png); width: 46px; height: 40px;z-index: 1;
}
.hm-detail-row .userimg img{
	width: 32px; height: 32px; border-radius: 50%; position: relative; z-index: 1;
	margin-top: 4px; margin-left: 4px;
}
.hm-detail-row .title{
	font-size: 18px; color: #333333; line-height: 1.5; margin-bottom: 8px;
}
.hm-detail-row .title img{
	vertical-align: middle; display: inline-block; margin-right: 8px; width: 18px; position: relative; margin-top: -5px;
}
.hm-detail-row .title *{
	line-height: 1.5;
}
.hm-detail-row .title span{
	margin-right: 12px;
}
.hm-detail-row .time{
	font-size: 14px; color: #cccccc; margin-bottom: 15px;
}
.hm-detail-row .desc{
	font-size: 14px; color: #666666; line-height: 1.6;text-align: justify; margin-bottom: 15px;
}
.hm-detail-row .tiptxt{
	font-size: 12px; color: #c0c9d5; padding: 5px; line-height: 1.3; background: #fafbfc;text-align: center; margin-bottom: 15px;
}
.hm-detail-row .imgs{
	margin-bottom: 5px;
}
.hm-detail-row .imgs-item{
	display: inline-block;vertical-align: top; margin-right: 20px; margin-bottom: 10px;
	position: relative;
	border: #e5e5e5 solid 1px;
	background: #f3f3f3;
	border-radius: 5px;
	overflow: hidden;
}
.hm-detail-row .imgs-item img{
	width: 100px; height: 100px; display: block;

}
/*图片虚化*/
.img-locked{
	position: relative;
}
.img-locked:after{
	content: "";
	position: absolute; right: 0; top: 0; left: 0; bottom: 0;
	background: url(../imgs/complaint/imglocked.png) no-repeat center;
}
.img-locked img{
	filter: blur(3px);
	filter: progid:DXImageTransform.Microsoft.Blur(Pixel Radius=3，MakeShadow=false);
}

.hm-sj{
	margin-bottom: 15px; font-size: 16px; color: #666666; padding-top: 20px;
}
.hm-sj span{
	margin-right: 15px;
}
.hm-sj .icon{
	display: inline-block;vertical-align: top; margin-top: 1px; margin-right: 5px;
}
.hm-form1{
	border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;
}

.hm-form1-hd{
	font-size: 16px; font-weight: bold; margin-bottom: 25px; color: #333;
}
.hm-form1-hd .icon{
	width: 16px; height: 16px; margin-right: 8px;
}
.f-normal{
	font-weight: normal !important;
}
.hm-form1-input{
	margin-bottom:40px; position: relative;
}
.hm-form1-input textarea{
	width: 100%; border: 1px solid #e5e5e5; height: 165px; padding: 10px 10px 30px 10px; line-height: 1.6; font-size: 14px;
}
.hm-form1-input .tip{
	position: absolute; right: 10px; bottom: 13px; font-size: 12px; color: #cccccc;
}
.hm-form1-check{
	margin-bottom: 40px;
}
.hm-form1-check span{
	font-size: 16px; margin-right: 5px;
}
.hm-form1-check small{
	font-size: 12px;
}
.hm-form1-upload{
	margin-bottom: 40px;
}
.hm-form1-upload #uploader{
	margin-bottom: 20px;
}
.hm-form1-uploadimg{
	width: 120px; height: 120px;  position: relative; overflow: hidden; display: inline-block;vertical-align: middle;  margin-right: 20px;
}
.hm-form1-uploadimg input.file{
	position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
}
.hm-form1-uploadimg  .file-info{
	width: 120px; height: 120px;border: 1px solid #e5e5e5;text-align: center; padding-top: 35px; cursor: pointer;
}
.hm-form1-uploadimg  .file-info .icon{
	display: inline-block; background: url(../imgs/complaint/icon5.png) no-repeat center; width: 24px;height: 24px; margin-bottom: 10px;
}
.hm-form1-uploadimg  .file-info p{
	font-size: 14px; color: #999999;
}
.hm-form1-uploadtxt{
	display: inline-block;vertical-align: middle; font-size: 12px; color: #999999;
}
.hm-tspj-ft button{
	min-width: 120px; height: 40px; background: #fff; color: #666; font-size: 16px; border: 1px solid #cccccc; border-radius: 5px; cursor: pointer; margin-right: 15px;text-align: center;
	font-weight: bold;
}
.hm-tspj-ft button:hover{
	background: #1482f0; border-color: #1482f0; color: #fff;
}
.hm-tspj-ft button.blue{
	border-color: #1482f0;
}
.hm-tspj-ft button.blue:hover{
	background: #1E60EA  !important;
}
.checkbox-box1{
	display: inline-block;vertical-align: middle; margin-right: 5px; position: relative;
}
.checkbox-box1 input{
	width: 0; opacity: 0;
}
.checkbox-box1 >i{
	display: inline-block;vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1px solid #9f9f9f; position: relative;
}
.checkbox-box1 input[type="checkbox"]:checked +i:after{
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background: #1482f0;
	border-radius: 50%;
	content: "";
}
.checkbox-box1 input[type="checkbox"]:checked +i{
	border-color: #1482f0;
}
.hm-form1-check span,
.hm-form1-check small{
	display: inline-block;vertical-align: middle; line-height: 1.5;
}
.relative{
	position: relative;padding-bottom: 10px;
}
.mb15{
	margin-bottom: 15px !important;
}
.hm-form1-stars{
	margin-bottom: 40px;
}
.hm-form1-stars .row + .row{
	margin-top: 20px;
}
.hm-form1-stars .tit{
	display: inline-block;vertical-align: middle; font-size: 18px; color: #333; letter-spacing: 2px; line-height: 30px; margin-right: 3px;
}
.hm-form1-stars .icons{
	display: inline-block;vertical-align: middle;
}
.hm-form1-stars .icons img{
	margin-right: 9px;
}

.edui-default .edui-editor-bottomContainer{
	margin-bottom: 5px; margin-right: 10px;
}
/*发起投诉*/
.hm-form{
	padding-top: 20px;
}
.hm-form-ft{
	text-align: center; border-top: 1px solid #f3f4f7; padding: 25px 0 30px 0;
}
.hm-form-ft button{
	width: 240px ; height: 49px; background: #1482f0; border: 1px solid #1482f0; border-radius: 5px; font-size: 18px; font-weight: bold; color: #fff; cursor: pointer;
}
.hm-form-ft button:hover{
	background: #1e60ea;
}
.hm-form .tip{
	padding-left: 45px; font-size: 12px; color: #e33838; line-height: 1.5; margin-bottom: 15px;
}
.hm-form-row{
	padding: 0 45px;
}
.hm-formhd{
	margin-bottom: 20px;
}
.hm-formhd h3{
	font-size: 20px; color: #333333; font-weight: bold; position: relative;
}
.hm-formhd h3:before{
	position: absolute; left: -45px; top: 50%; margin-top: -8px; width:4px ; height: 16px; background: #1482f0; content: ""; display: inline-block;
}
.hm-formbd{

}
.hm-formbd .item-box{
	height: auto; overflow: hidden;
}
.hm-formbd .item{
	width: 100%; display: inline-block;vertical-align: top;
}
.hm-formbd .item-l{
	display: inline-block; width: 85px; vertical-align: top; font-size: 15px; color: #333333; line-height: 1.5; padding-top: 10px;
}
.hm-formbd .item-r{
	width: calc(100% - 90px ); display: inline-block;vertical-align: top; position: relative; margin-bottom: 40px;
}
.hm-formbd .item-r .error{
	text-align: right;display: none; left: auto; right: 0; bottom: -20px;
}
.hm-formbd .item2{
	width: 49%;
}
.hm-formbd .item-box .item2:nth-child(2n){
	float: right;
}
.hm-formbd .item input.text{
	width: 100%; height: 40px; border: 1px solid #e5e5e5; padding: 0 10px;font-size: 14px;
}
.hm-formbd .item textarea{
	width: 100%; border: 1px solid #e5e5e5; padding: 10px; font-size: 14px; line-height: 1.5;
}
.hm-formbd .item-r .tright{
	position: absolute; right: 10px; top: 0; line-height: 40px;
}
.hm-formbd .item-r .trightbtn{
	position: absolute; right: 0; top: 0; height: 40px; width: 40px; background: url(../imgs/complaint/search.png) no-repeat center; border: 0; cursor: pointer;
}
.hm-formbd .item-r .upload-img{
	margin-bottom: 20px;
}
.hm-formbd .item-r .upload-tip{
	color: #999999; font-size: 14px; line-height: 1.5; margin-top:20px; margin-bottom: 20px;
}
.hm-formbd .item-r .upload-chek{
	margin-bottom: 20px;
}
.hm-formbd .item-r .upload-chek small{
	display: block; margin-top: 10px; line-height: 1.5; font-size: 12px;
}
.hm-formbd .item-r .upload-chek span{
	display: inline-block;vertical-align: middle; color: #333333;
}
.hm-formbd .item-r .inputbox-s{
	width: 310px; display: inline-block;vertical-align: middle; margin-right: 15px;
}
.hm-formbd .item-r .inputbox-tip{
	display: inline-block;vertical-align: middle; width: 370px; font-size: 12px; color: #999; line-height: 1.4;
}
.hm-formbd .item-r .radio-box{
	margin-right: 3px;
}
.radio-box-wrap{
	margin-top: 15px;
}
.radio-box-wrap span{
	font-size: 15px; margin-right: 8px; display: inline-block;vertical-align: middle;
}
.radio-box-wrap small{
	display: inline-block;vertical-align: middle; font-size: 12px; color: #cccccc; line-height: 1.5; width: 560px;
}
.hm-formbd .radio-box input[type="radio"]:checked+ i{
	border-color: #1482f0;
}
.hchart{
	padding: 15px 0 25px 0;
}
.hchart-btn{
	text-align: center;
}
.hchart-btn .btn{
	width: 90px; height: 32px; border: 1px solid #1482f0; color: #1482f0; font-size: 14px; display: inline-block; line-height: 30px; margin-top: 20px; border-radius: 3px;
}
.hchart-btn .btn:hover{
	background: #1482f0; color: #fff;
}
.hcard-hd .tabtime1{
	line-height: 55px;
}
.hcard-hd .tabtime1 span{
	display: inline-block; vertical-align: middle; font-size: 12px; color: #cccccc; cursor: pointer;
}

.hcard-hd .tabtime1 span a:hover{
	color: inherit;
}
.hcard-hd .tabtime1 span +span{
	border-left: 1px solid #d3d3d3; padding-left: 5px; margin-left: 5px;
}
.hcard-hd .tabtime1 span.active,
.hcard-hd .tabtime1 span:hover{
	color: #666666;
}
.hcard-hd .tabtime1 span.active,
.hcard-hd .tabtime span.active{
	color: #007AFF;
}
.hchart-form-row + .hchart-form-row{
	margin-top: 20px;
}
.hchart-form-row{
	height: auto; overflow: hidden; border: 1px solid #e5e5e5; height: 32px; position: relative;
}
.hchart-form-rowl{
	position: absolute; left: 15px; top: 0; line-height: 32px; font-size: 12px; color: #666666;
}
.hchart-form-rowl strong{
	font-size: 16px; margin-right: 6px;
}
.hchart-form-rowr{
	position: absolute; right: 15px; top: 0; line-height: 32px; font-size: 12px; color: #ccc;
}
.hchart-form-rowc{
	width: 100%; height: 100%;
}
.hchart-form-rowc .text{
	width: 100%; height: 100%; border: 0; padding: 0 45px 0 70px; font-size: 14px;
}
/*上传*/
.filelist{

}
.filelist >li{
	display: inline-block;vertical-align: top; position: relative; width: 120px; height: 122px; margin-right: 15px; margin-bottom: 15px; border: 1px solid #e5e5e5; border-radius: 3px; overflow: hidden;
}
/**
.file-panel{
	position: absolute; color: #fff; left: 0; top:45px ; right: 0; display: none;
}
**/
.filelist .imgWrap{
	position: relative;
}
.filelist .imgWrap img{
	width: 120px; height: 120px; display: block;border-radius: 3px;
}
.filelist >li .imgWrap:after{
	position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background: rgba(0,0,0,0.5); display: none; border-radius: 3px;
}
.filelist >li:hover .imgWrap:after{
	display: block;
}
.filelist .title{
	display: none;
}
/**
.file-panel .cancel{
	background: url(../imgs/complaint/icon07.png) no-repeat center; background-size:21px 24px; width: 30px; height: 30px; display: inline-block;
}
.filelist >li .file-panel{
	display: block;z-index: 3;
}
**/

.hm-tjqx table{
	width: 100%;
}
.hm-tjqx table thead td{
	font-size: 12px; color: #333; text-align: right;
}
.hm-tjqx table thead .bartit{
	display: inline-block;
}
.hm-tjqx table thead .bartit .item{
	margin-left: 15px;
}
.hm-tjqx table thead .bartit i{
	width: 8px; height: 8px; border-radius: 8px; display: inline-block;vertical-align: middle; margin-right: 5px; position: relative; margin-top: -2px;
}
.hm-tjqx table thead .bartit .i1{
	background: #3999ff ;
}
.hm-tjqx table thead .bartit .i2{
	background: #fa6466 ;
}
.hm-tjqx table tbody{}
.hm-tjqx table tbody th{
	font-size: 12px; color: #999; padding: 5px 0;
}
.hm-tjqx table tbody td{
	padding: 5px 0;
}
.hm-tjqx table tbody .bar{
	height: 8px;
}
.hm-tjqx table tbody .bar span{
	height: 8px; display: block; float: left;
}
.hm-tjqx table tbody td .barl{
	border-radius: 6px 0 0 6px;
}
.hm-tjqx table tbody td .barr{
	border-radius:0 6px 6px 0;
}
.hm-tjqx table tbody td .blue{
	background: #3999ff ;
}
.hm-tjqx table tbody td .red{
	background: #fa6466 ;
}
.hm-hqrlt-hd{
	margin-bottom: 12px;
}
.hm-hqrlt-hd .tits span{
	font-size: 12px; color:#333 ; margin-right: 10px;
}
.hm-hqrlt-hd .tits span i{
	display: inline-block;vertical-align: middle; width: 8px; height: 8px; background: #e0e5eb; border-radius: 8px; position: relative; margin-top: -2px; margin-right: 3px;
}


.hm-hqrlt{
	width: 100%;
}
.hm-hqrlt th > .tit {
	font-size: 12px;
	color: #1482f0;
	font-weight: bold;
	/*height: 50px;*/
	padding-top: 17px;
	display: block;
}
.hm-hqrlt table{
	width: 100%; background: #f4f5f6; border-collapse:collapse;
	border: 1px solid #fff;   font-size: 12px;
}
.hm-hqrlt th,
.hm-hqrlt td{
	border-collapse:collapse;
	border: 1px solid #fff;  padding: 5px; line-height: 1.4; font-size:  12px;
	/*width: 10%;*/
}
.hm-hqrlt th{
	text-align: center; color: #666666;
}
.hm-hqrlt thead th{
	height: 50px;
}
.hm-hqrlt thead th.tit{
	position: relative; background:
		linear-gradient(29deg, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%);
}
.hm-hqrlt thead th.tit .s1{
	position: absolute; left: 8px; top: 50%;margin-top: 2px;
}
.hm-hqrlt thead th.tit .s2{
	position: absolute; right: 8px; top: 10px;
}
.hm-hqrlt tbody th,
.hm-hqrlt tbody td{
	height: 50px;
}

.hm-hqrlt .bc1{
	background: #eaf4fe; color: #267ff3;
}
.hm-hqrlt .bc2{
	background: #4ca0f6;color: #fff;
}
.hm-hqrlt .bc3{
	background: #3994ef;color: #fff;
}
.hm-hqrlt .bc4{
	background: #e2e7ed;color: #333;
}
.hm-hqrlt .bc5{
	background: #ffeced;color: #f23821;
}
.hm-hqrlt .bc6{
	background: #ff807f;color: #fff;
}
.hm-hqrlt .bc7{
	background: #f44c4b;color: #fff;
}


/**/

.hm-szdbd .hm-szdhd{
	height: auto; overflow: hidden;  background: #399af9; height: 30px; padding: 0 15px; font-size: 12px; /*margin-bottom: 1px;*/
}
.hm-szdbd .hm-szdhd th{
	height: 30px;
}
.hm-szdhd .tits{
	float: left; line-height: 30px; margin-left: 10px;
}
.hm-szdhd .tits span{
	margin-right: 8px;color: #fff;
	cursor: pointer;
}
.hm-szdhd .time{
	float: right;line-height: 30px; margin-right: 10px;
}
.hm-szdhd .time span{
	margin-left: 8px;
	cursor: pointer;
}
.hm-szdhd span.active{
	font-weight: bold;
}
.hm-szdbd {

}
.hm-szdbd table{
	width: 100%;
	background: #f4f5f6;
	border-collapse: collapse;
	border: 1px solid #fff;
}

.hm-szdbd th > .tit {
	font-size: 12px;
	color: #1482f0;
	font-weight: bold;
	/*height: 50px;*/
	padding-top: 17px;
	display: block;
}
/**/

.hm-szdbd th,
.hm-szdbd td{
	border-collapse:collapse;
	border: 1px solid #fff;  padding: 5px; line-height: 1.4; font-size:  12px;
	/*width: 10%;*/
}
.hm-szdbd th{
	text-align: center; color: #666666;
}
.hm-szdbd thead th{
	height: 45px;
}

.hm-szdbd thead th.tit{
	position: relative; background:
		linear-gradient(29deg, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%);
}
.hm-szdbd thead th.tit .s1{
	position: absolute; left: 8px; top: 50%;margin-top: 2px;
}
.hm-szdbd thead th.tit .s2{
	position: absolute; right: 8px; top: 10px;
}
.hm-szdbd tbody th,
.hm-szdbd tbody td{
	height: 42px;text-align:center;
}
.hm-szdbd tbody td{
	color: #1482f0;
	background: #f4f5f6;
}

.hrowtop {
	padding: 24px; border-bottom: 1px solid #f5f5f5;
}

.search-box {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	width: 100%;
	position: relative;
}

.search-box .text {
	width: 100%;
	height: 30px;
	border: 0;
	padding: 0 40px 0 10px;
	border: #e5e5e5 1px solid;
	font-size: 12px;
}

.search-box button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	border: 0;
	cursor: pointer;
	background: url(../imgs/complaint/search.png) no-repeat center;
}

.search-box:hover input {
	border-color: #1482f0;
}

.search-box:hover button {
	background-image: url(../imgs/fy22.png);
}

/* 按钮组样式 开始 */

.toolMall .btn {
	position: relative; padding: 0; border: 1px solid #1482F0; display: inline-block; border-radius: 4px; overflow: hidden; width: 100%; z-index: 10;
}

.toolMall .btn button {
	position: relative; display: block; float: left; border: 0; color: #1482F0; background: #ffffff; width: 40%; height: 32px; padding: 0; transition: all .3s ease;
}

.toolMall .btn button.download {
	width: 20%; border-right: 1px solid #1482F0; background: #ffffff url(../imgs/toolMall/download.png) no-repeat center; background-size: 16px;
}

.toolMall .btn button.iscenter_btn:hover,
.toolMall .btn button.isright_btn:hover {
	color: #ffffff; background: #1482F0;
}

.toolMall .btn button.download:hover {
	background-color: #eee;
}

.toolMall .btn button.isright_btn:before {
	position: absolute;
	display: inline-block;
	content: '';
	left: 0;
	top: 50%;
	height: 50%;
	border-left: 1px solid #F2F2F2;
	transform: translateY(-50%);
}

.toolMall .btn button:hover:before {
	display: none;
}

/* 按钮组样式 结束 */

/* 星星样式 开始 */
.start-score {
	text-align: center; width: 100%; display: inline-block;
}

.start-score i {
	display: inline-block; width: 16px; height: 15px; background: url(../imgs/toolMall/start-default.png) no-repeat top right; background-size: auto 100%; margin-right: 4px;
}

.start-score i:last-child {
	margin: 0;
}

/* 10星的样式 开始 */
/* 1星 */
.start-score.start-1 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-one.png);
}

/* 2星 */
.start-score.start-2 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 3星 */
.start-score.start-3 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-3 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-one.png);
}

/* 4星 */
.start-score.start-4 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-4 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 5星 */
.start-score.start-5 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-5 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-5 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-one.png);
}

/* 6星 */
.start-score.start-6 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-6 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-6 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 7星 */
.start-score.start-7 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-7 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-7 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-7 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-one.png);
}

/* 8星 */
.start-score.start-8 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-8 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-8 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-8 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 9星 */
.start-score.start-9 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-9 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-9 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-9 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-9 i:nth-child(5) {
	background-image: url(../imgs/toolMall/start-one.png);
}

/* 10星 */
.start-score.start-10 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-10 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-10 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-10 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start-10 i:nth-child(5) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 10星的样式 结束 */

/* 5星的样式 开始 */


/* 1星 */
.start-score.start5-1 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 2星 */
.start-score.start5-2 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-2 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 3星 */
.start-score.start5-3 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-3 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-3 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 4星 */
.start-score.start5-4 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-4 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-4 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-4 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 5星 */
.start-score.start5-5 i:nth-child(1) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-5 i:nth-child(2) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-5 i:nth-child(3) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-5 i:nth-child(4) {
	background-image: url(../imgs/toolMall/start-two.png);
}
.start-score.start5-5 i:nth-child(5) {
	background-image: url(../imgs/toolMall/start-two.png);
}

/* 5星的样式 结束 */

/* 星星 样式 结束 */

/* 下拉组件样式 开始 */

.lanhu-select {
	position: relative;
	display: inline-block;
	min-width: 100px;
	height: 24px;
}

.lanhu-select .lanhu-input {
	position: relative;
	width: 100%;
	line-height: 24px;
	border: 1px solid #E5E5E5;
	color: #999999;
	font-size: 12px;
	padding: 0 17px 0 7px;
	background: #ffffff;
	cursor: context-menu;
}

.lanhu-select .lanhu-input:after {
	position: absolute;
	right: 7px;
	top: 50%;
	width: 10px;
	height: 7px;
	content: '';
	display: inline-block;
	background: url(../imgs/comp08.png) no-repeat center;
	transform: translateY(-50%);
}

.lanhu-select ul {
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	background: #ffffff;
	border-radius: 4px;
	padding: 9px 0;
	box-shadow: 0 0 10px 0 rgb(89 89 89 / 20%);
	z-index:20;
	display: none;
}

.lanhu-select.show ul {
	display: block;
}

.lanhu-select li {
	padding: 7px 13px;
	color: #666666;
	font-size: 12px;
	cursor: context-menu;
}

.lanhu-select li:hover,
.lanhu-select li.on {
	color: #1482F0;
	background: rgba(20, 130, 240, .1);
}

/* 下拉组件样式 结束 */

.toolMall .header-m-nav {
	margin: 0 !important;
	max-width: calc(100% - 140px);
}

.toolMall .header-m-nav ul {
	display: inline-block;
}

.toolMall .header-m-nav li {
	color: #999999; height: initial; line-height: initial; margin-left: 0; margin-right: 32px;
}

.toolMall .header-m-nav li:last-child {
	margin: 0;
}

.toolMall .header-m-nav li a {
	line-height: initial;
	padding-bottom: 15px;
	font-size: 16px;
}

.toolMall .header-m-nav li.active a,
.toolMall .header-m-nav li:hover a {
	color: #3574FA;
}

.toolMall .menu-bar {
	border-bottom: 1px solid #f5f5f5; display: inline-block; width: calc(100% + 48px); margin-left: -24px;  padding: 0 24px;
}

.toolMall .menu-bar .menu-bar-select {
	float: right;
}

.hmts-list-box .tool-list {
	display: inline-block;
	width: 100%;
	padding: 32px 0 0;
}

.ea-list .searchTip {
	text-align: center;
	color: #999999;
	font-size: 14px;
}

.ea-list .searchTip .sname {
	color: #333333;
}

.hmts-list-box .tool-list li {
	position: relative;
	float: left;
	width: calc((100% - 96px) / 5);
	margin-right: 24px;
	padding: 8px;
	margin-bottom: 24px;
	border-radius: 8px;
	border: 1px solid #F0F1F2;
	overflow: hidden;
	transition: box-shadow 300ms;
}

.hmts-list-box .tool-list li:hover {
	box-shadow: 0 0 20px 0 rgb(89 89 89 / 20%);
}

.hmts-list-box .tool-list li:nth-child(5n) {
	margin-right: 0;
}

.hmts-list-box .tool-list li .pic {
	display: block;
	width: 100%;
	height: 146px;
	border-radius: 8px;
	margin-bottom: 12px;
	border: 1px solid #F0F1F2;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hmts-list-box .tool-list li p {
	margin-bottom: 15px;
	width: 100%;
	height: 29px;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.hmts-list-box .tool-list li img {
	display: none;
}

.hmts-list-box .tool-list li .desc-show {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	overflow: hidden;
	background: #ffffff;
	padding: 50px 10px 10px;
	z-index: 10;
	transition: all .3s ease-in-out;
}

.hmts-list-box .tool-list li .desc-show .desc-main {
	padding-top: 42px;
	display: block;
}

.hmts-list-box .tool-list li .desc-show a:hover h4 {
	color: #1482F0;
}

.hmts-list-box .tool-list li:hover .desc-show {
	height: 100%;
	opacity: 1;
}

.hmts-list-box .tool-list li .desc-show h4 {
	font-size: 14px;
	color: #333333;
	padding: 23px 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

.hmts-list-box .tool-list li .desc-show .start-score {
	margin-bottom: 15px;
}

.hmts-list-box .tool-list li .desc-show p {
	position: relative;
	line-height: 20px;
	color: #999999;
	font-size: 12px;
	height: 92px;
	overflow: hidden;
}

.hmts-list-box .tool-list li .desc-show p:after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	content: '';
	width: 100%;
	height: 40px;
	background-color: #ffffff;
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
}

.hmts-list-box .tool-list li a>p {
	color: #333333;
	font-size: 12px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 15px;
	line-height: 18px;
	height: 36px;
}

.hmts-list-box .paginationBox {
	position: absolute;
	left: 0;
	bottom: 40px;
	height: 36px;
	width: 100%;
	text-align: center;
}

.toback {
	font-size: 12px;
	color: #333333;
}

.toback > a {
	color: #999999;
}

/* 无数据 开始 */

.no-data {
	padding: 129px 0;
	text-align: center;
	color: #999999;
	font-size: 14px;
	height: 100vh;
}

.no-data a {
	color: #1482F0;
	text-decoration: underline;
}

.no-data img {
	width: 83px;
	margin-bottom: 40px;
}

/* 无数据 结束 */

/* 详情页面 开始 */

.hmts-list-box.isDetail {
	padding: 24px 48px;
}

.hmts-list-box.isDetail .hmts-list {
	margin: 0;
}

.hmts-list-box.isDetail .hmts-list li {
	padding: 40px 102px 40px 172px; height: 226px; width: 100%;
}

.hmts-list-box.isDetail .hmts-list li:hover {
	box-shadow: initial;
}

.hmts-list-box.isDetail .hmts-list li img {
	left: 0; top: 120px; width: 146px; height: 146px; border-radius: 4px; border: 1px solid #F0F1F2;
}

.hmts-list-box.isDetail .hmts-list li:hover .desc, .hmts-list-box.isDetail .hmts-list li .btn {
	display: inline-block;
}

.hmts-list-box.isDetail .hmts-list li:after {
	position: absolute;
	left: -48px;
	bottom: 0;
	content: '';
	width: calc(100% + 96px);
	border-bottom: 1px solid #F5F5F5;
}

.hmts-list-box.isDetail .hmts-list li h4 {
	padding-top: 26px;
	padding-left: 0;
	font-size: 24px;
}

.hmts-list-box.isDetail .hmts-list li h4:hover {
	color: #333333;
}

.hmts-list-box.isDetail .hmts-list li>p {
	font-size: 14px;
	color: #999999;
	margin-bottom: 16px;
}

.hmts-list-box.isDetail .hmts-list li>p span {
	margin-right: 38px;
}

.hmts-list-box.isDetail .hmts-list li .start-score {
	text-align: left;
}

.hmts-list-box.isDetail .hmts-list li .btn-group {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.hmts-list-box.isDetail .hmts-list li .btn-group {
	width: 102px;
}

.hmts-list-box.isDetail .hmts-list li .btn-group button {
	width: 100%;
	font-size: 14px;
}

.hmts-list-box.isDetail .hmts-list li .btn-group button:before {
	display: inline-block;
	content: '';
	width: 13px;
	height: 13px;
	background: url(../imgs/toolMall/download-one.png) no-repeat center;
	background-size: cover;
	vertical-align: middle;
	margin-right: 6px;
}

.hmts-list-box.isDetail .hmts-list li .btn-group .btn:hover button:before {
	background-image: url(../imgs/toolMall/download-two.png);
}

.hmts-list-box.isDetail .hmts-list li .btn-group .btn:first-child {
	margin-bottom: 15px;
}

.cke_editable {
	font-size: 16px;
	line-height: 1.6;
	word-wrap: break-word;
}

.hmts-list-box.isDetail .detail-main ul,
.hmts-list-box.isDetail .detail-main p {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 30px;
}

.hmts-list-box.isDetail .detail-main ul,
.hmts-list-box.isDetail .detail-main ol{
	padding: revert;
	margin: revert;
}

.hmts-list-box.isDetail .detail-main p img {
	max-width: 90%; margin: 0 5%;
}

.hmts-list-box.isDetail .detail-main p,
.hmts-list-box.isDetail .detail-main li {
	text-align: justify;
	word-break: break-all;
}

.hmts-list-box.isDetail .detail-main a {
	color: #1482F0;
}

.hmts-list-box.isDetail .detail-main li {
	font-size: 16px;
	list-style: initial;
	line-height: 1.6;
}

.detail-main table,
.detail-main table > tr > td,
.detail-main table > tr > th,
.detail-main table > tbody > tr > td,
.detail-main table > tbody > tr > th,
.detail-main table > thead > tr > td,
.detail-main table > thead > tr > th,
.detail-main table > tfoot > tr > td,
.detail-main table > tfoot > tr > th {
	border: #d3d3d3 1px dotted;
}

/* 详情页面 结束 */

.lanhu-dialog {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
}

.lanhu-dialog .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(51, 51, 51, .2);
}

.lanhu-dialog .lanhu-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 480px;
	background: #ffffff;
	border-radius: 4px;
	z-index: 2;
	transform: translate(-50%, -50%) scale(0);
	transition: all .3s ease-in-out;
}

.lanhu-dialog.show {
	display: block;
}

.lanhu-dialog.show1 .lanhu-box {
	transform: translate(-50%, -50%) scale(1);
}

.lanhu-dialog .lanhu-box .lanhu-title {
	text-align: right;
	padding: 14px 20px;
}

.lanhu-dialog .lanhu-box .lanhu-title button {
	width: 16px;
	height: 17px;
	margin-left: 40px;
	background: 50%/contain no-repeat transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQflBAcNMhljydEKAAAAtklEQVQoz3XQOwrCQBCA4X8HDbgH8SYqEkFII6Sx8XAWeTURjyCy1hZWXsMUscjG3WTjlDPfMA9lQNHyP5SgeFMRTZY1F15Cy4M9+QTSlGy5C3CgZhcgTcmajKMAH5IA9SClEZhAHgCxXT0qiIYAlHHTIwpiauY+GJIe4QM3qIuZ3WWBckmfaCpWZNTEFO46CUBKMkQSgMZe90MSAPcCi2QCjJAycGUzAv4LcmWEJzdOAejQmeUXzbdL/Kyqah4AAAAASUVORK5CYII=);
	border: none;
	vertical-align: middle;
}

.lanhu-dialog .lanhu-box .lanhu-main {
	text-align: center;
	color: #333333;
	font-size: 16px;
	padding-bottom: 56px;
}

.lanhu-dialog .lanhu-box .lanhu-main a {
	color: #1482F0;
	text-decoration: underline;
	cursor: pointer;
}

.lanhu-dialog .lanhu-box .lanhu-main img {
	width: 83px;
	margin-bottom: 25px;
}

.lanhu-dialog .lanhu-box .lanhu-main button {
	margin: 40px 0 24px;
	padding: 13px 0;
	border-radius: 4px;
	background: #1482F0;
	color: #ffffff;
	font-size: 14px;
	width: 240px;
	border: 0;
	transition: all .3s ease-in-out;
}

.lanhu-dialog .lanhu-box .lanhu-main button:hover {
  background-color: #1F60EB;
  color: #ffffff;
}

/* 工具端样式 开始 */
.istool .wrapper {
	width: auto;
}

.istool .mbox {
	margin: 0;
}

.istool .hmts-left,
.istool .hmts-list-box {
	border-radius: 0;
}

.istool .hmts-left {
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
}

.istool .hmts-left .hrow .hmts-nav {
	height: calc(100vh - 321px);
}

.istool .hmts-right {
	width: calc(100% - 200px);
}

.istool .hmts-list-box {
	border: none;
}

.istool .hmts-left {
	border-right: 1px solid #f0f1f2;
}

/* 工具端样式 结束 */

.posTagA {
	position: relative;
}

.posTagA>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.posTagA>a.min {
	position: initial;
	width: initial;
	height: initial;
	z-index: initial;
}

.showDetail .hmts-right.all-mall .islist,
.hmts-right.all-mall .isDetail {
	display: none;
}

.showDetail .hmts-right.all-mall .isDetail {
	display: block;
}

.toolMall .pagination {
	margin: 0;
	padding-bottom: 16px;
}

@media (max-width: 1640px) {
	.start-score i {
		margin-right: 1px;
	}

	.hmts-list-box .tool-list li .desc-show p {
		height: 48px;
	}

	.hmts-list-box .tool-list li .pic {
		height: 100px;
	}

	.istool .wrapper {
		width: auto;
	}

	.hmts-left {
		width: 240px;
	}

	.hmts-left.pos_fixed {
		left: calc(100% / 2 - 500px);
	}
}

.ea-list {
	background: #FFFFFF;
	border: 1px solid #F0F1F2;
	border-radius: 4px;
	box-sizing: border-box;
}

.ea-list > section {
	padding-left: 24px;
	padding-right: 24px;
}

.ea-list > section:not(.ea-list-tab):first-child {
	margin-top: 24px;
}

.ea-list > section.ea-list-tab:first-child {
	margin-top: 10px;
}

.ea-list > section:last-child {
	padding-bottom: 24px;
}

.ea-list > section.ea-main-content {
	min-height: 100vh;
}

.ea-list:not(~.detail-panel[style]) {
	height: 100vh;
}

.ea-list .head-bar:not(:empty) {
	display: grid;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
	grid-gap: 24px;
	padding-bottom: 10px;
}

.ea-list .head-bar:empty {
	display: none;
	padding-bottom: 0px;
}

.ea-list .head-bar .card {
	/*width: 284px;*/
	height: 100px;
	background: #FFFFFF;
	border-radius: 4px;
}

.ea-list .head-bar .card:hover {
	box-shadow: 0px 2px 8px 0px rgba(89, 89, 89, 0.25);
}

.ea-list .head-bar .card .card-container {
	display: flex;
}

.ea-list .head-bar .card .card-container .left {
	width: 64px;
	height: 64px;
	padding: 18px;
	box-sizing: content-box;
	object-fit: contain;
}

.ea-list .head-bar .card .card-container .right {
	padding: 18px 18px 18px 0px;
	text-align: left;
	width: calc(100% - 100px);
	height: inherit;
}

.ea-list .head-bar .card .card-container .right .title {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
}

.ea-list .head-bar .card .card-container .right .down {
	display: none;
	padding-top: 11px;
}

.ea-list .head-bar .card .card-container .right .down .download {
	width: 32px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #1482F0;
	border-radius: 4px 0px 0px 4px;
	display: inline-block;
	background-image: url(../imgs/toolMall/download.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.ea-list .head-bar .card .card-container .right .down .download-content {
	width: 106px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #1482F0;
	border-radius: 0px 4px 4px 0px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-left: 0px;
}

.ea-list .head-bar .card .card-container .right .down .download-content .divider-line {
	width: 1px;
	height: 16px;
	background: #F2F2F2;
}

.ea-list .head-bar .card .card-container .right .down .download-content .text {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1482F0;
	line-height: 18px;
}

.ea-list .head-bar .card .card-container .right .desc {
	padding-top: 11px;
	display: flex;
	max-width: 150px;
	height: 47px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ea-list .head-bar .card .card-container .right .desc .text {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 18px;
	height: 100%;
}


.ea-list .head-bar .card .card-container:hover .right .down {
	display: flex;
}

.ea-list .head-bar .card .card-container:hover .right .desc {
	display: none;
}

.ea-list .ea-list-tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #F5F5F5;
	height: 40px;
}

.ea-list .ea-list-tab {
	position: relative;
}

.ea-list .ea-list-tab .tab-container {
	display: flex;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	align-items: center;
}

.ea-list .ea-list-tab .tab-prev {
	display: none;
	position: absolute;
	left: 20px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	background: white;
	border-bottom: 1px solid #F5F5F5;
}

.ea-list .ea-list-tab .tab-next {
	display: none;
	position: absolute;
	right: 20px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	background: white;
	border-bottom: 1px solid #F5F5F5;
}

.ea-list .ea-list-tab .tab-container .tab {
	padding: 0 18px;
	cursor: pointer;
	white-space: nowrap;
}

.ea-list .ea-list-tab .tab-container .tab>span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 13px;
	color: #999999;
	padding-bottom: 8px;
}

.ea-list .ea-list-tab .tab-container .tab:hover>span,
.ea-list .ea-list-tab .tab-container .tab.active>span {
	color: #3574FA;
	border-bottom: 2px solid #3574FA;
}

.ea-list .ea-main-content .filter-bar .sort-container .sort {
	width: 160px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.ea-list .ea-main-content .filter-bar .sort-container .sort i {
	margin-right: 10px;
	color: #C4C4C4;
}

.ea-list .ea-main-content .filter-bar .sort-container .sort span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	margin-left: 7px;
}

.ea-list .ea-main-content .filter-bar .sort-container {
	position: relative;
}

.ea-list .ea-main-content .filter-bar .sort-container ul.select-options {
	background: #FFFFFF;
	box-shadow: 0px 4px 15px 0px rgba(89, 89, 89, 0.25);
	border-radius: 4px;
	list-style: none;
	z-index: 22;
	position: absolute;
	margin-top: 0px;
	text-align: left;
}

.ea-list .ea-main-content .filter-bar .sort-container ul.select-options li {
	height: 24px;
	background: white;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: black;
	line-height: 24px;
	cursor: pointer;
	padding: 0 38px 0 13px;
	white-space: nowrap;
}

.ea-list .ea-main-content .filter-bar .sort-container ul.select-options li:hover {
	height: 24px;
	background: rgba(20, 130, 240, 0.1);
}

.ea-list .ea-main-content .filter-bar .sort-container ul.select-options li.active {
	height: 24px;
	background: rgba(20, 130, 240, 0.1);
}

.ea-list .ea-main-content .filter-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ea-list .ea-main-content .filter-bar .filter-container {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 3px 0;
}

.ea-list .ea-main-content .filter-bar .filter-container div.button {
	/*width: 100px;*/
	height: 24px;
	background: rgb(242, 247, 252);
	color: black;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	font-weight: 200;
	border-radius: 20px;
	/*padding: 12px 23px;*/
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}

.ea-list .ea-main-content .filter-bar .filter-container div.button:hover {
	box-shadow: 0px 2px 8px 0px rgba(89, 89, 89, 0.25);
}

.ea-list .ea-main-content .filter-bar .filter-container div.button.select {
	background: #1482F0;
	color: white;
}

.ea-list .ea-main-content .tip-bar {
	margin-top: 12px;
	/*height: 32px;*/
	line-height: 32px;
	background: rgba(221, 1, 1, 0.06);
	border-radius: 4px;
	text-align: left;
	display: flex;
	justify-content: space-between;
}

.ea-list .ea-main-content .tip-bar .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	line-height: 32px;
	margin-left: 6px;
}

.ea-list .ea-main-content .tip-bar>div:nth-child(1) {
	display: flex;
	align-items: center;
}

.ea-list .ea-main-content .tip-bar>div:nth-child(1)>img {
	color: #DD0101;
	margin-left: 12px;
	display: flex;
	align-items: center;
}

.ea-list .ea-main-content .tip-bar>div:nth-child(2) {
	padding-right: 12px;
	display: flex;
	align-items: center;
}

.ea-list .ea-main-content .tip-bar>div:nth-child(2)>i {
	color: rgba(221, 1, 1, 0.65);
}

.ea-list .ea-main-content .tip-bar .view-text {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: underline;
	color: #DD0101;
	line-height: 32px;
	opacity: 0.65;
	margin-left: 4px;
	cursor: pointer;
}

.ea-list .ea-main-content {
	padding-top: 12px;
}

@media (max-width: 1600px){
	.ea-list .ea-main-content .card-container {
		display: grid;
		grid-template-columns: repeat(3, minmax(204px, 1fr));
		grid-gap: 24px;
		margin-top: 24px;
	}
}

@media (min-width: 1601px){
	.ea-list .ea-main-content .card-container {
		display: grid;
		grid-template-columns: repeat(4, minmax(204px, 1fr));
		grid-gap: 24px;
		margin-top: 24px;
	}
}

#environment[value=tool] ~ .ea-list .ea-main-content .card-container {
	grid-template-columns: repeat(4, minmax(204px, 1fr));
}

.ea-list .ea-main-content .card-container .card {
	/*width: 208px;*/
	background: #FFFFFF;
	border: 1px solid #F0F1F2;
	border-radius: 8px;
	padding: 17px 16px 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ea-list .ea-main-content .card-container .card:hover {
	box-shadow: 0 0 20px 0 rgb(89 89 89 / 20%);
}

.ea-list .ea-main-content .card-container .card:hover .card-footer .right .pay-button {
	animation: num-jump 1s infinite;
}

.ea-list .ea-main-content .card-container .card:hover .price {
	font-size: 24px !important;
}
.ea-list .ea-main-content .card-container .card:hover .free {
	font-size: 24px!important;
	line-height: 24px!important;
}

.ea-list .ea-main-content .card-container .card .title {
	height: 17px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ea-list .ea-main-content .card-container .card .award {
	display: flex;
	align-items: center;
	margin-top: 6px;
	text-align: left;
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(1) .on {
	color: rgb(247, 186, 42) !important;
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(1) .el-icon-star-on {
	color: color-mix(in srgb, white 80%, black 20%);
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 3px;
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(2)>div {
	width: 36px;
	height: 16px;
	background: #F1F6FA;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(2)>div:nth-child(2) {
	margin-left: 6px;
}

.ea-list .ea-main-content .card-container .card .award>div:nth-child(2)>div span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1482F0;
	line-height: 18px;
}

.ea-list .ea-main-content .card-container .card .hot {
	text-align: left;
	margin-top: 9px;
	display: flex;
	height: 16px;
}

.ea-list .ea-main-content .card-container .card .hot span {
	height: 11px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	line-height: 18px;
	text-align: left;
	margin-left: 4px;
}

.ea-list .ea-main-content .card-container .card .flag {
	display: block;
	margin-top: 4px;
	gap: 8px;
	flex-wrap: wrap;
	/*height: calc(100% - 180px - 89px - 17px - 4px);*/
	box-sizing: border-box;
}

.ea-list .ea-main-content .card-container .card .flag:empty {
	display: none;
}

.ea-list .ea-main-content .card-container .card .flag>div {
	height: 20px;
	background: #FFFFFF;
	border: 1px solid #1482F0;
	border-radius: 2px;
	display: inline-block;
	margin-top: 4px;
}

.ea-list .ea-main-content .card-container .card .flag>div span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1482F0;
	line-height: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 4px;
	padding-right: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

.ea-list .ea-main-content .card-container .card .second {
	position: relative;
}

.ea-list .ea-main-content .card-container .card .desc {
	max-height: 35px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 18px;
	margin-top: 16px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.ea-list .ea-main-content .card-container .card .desc:empty {
	display: none;
}

.ea-list .ea-main-content .card-container .card .desc ~ .tooltip {
	display: none;
}

.ea-list .ea-main-content .card-container .card .tooltip .angle {
	width: 0px;
	height: 0px;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid white;
	position: absolute;
	/*box-shadow: 0px 2px 8px 0px rgba(89, 89, 89, 0.25);*/
	top: -25px;
	left: 70px;
}

.ea-list .ea-main-content .card-container .card .desc:hover:not(:empty) ~ .tooltip {
    display: block;
	max-width: 200px;
	z-index: 999;
	position: absolute;
	background: white;
	box-shadow: 0px 2px 8px 0px rgba(89, 89, 89, 0.25);
	padding: 12px;
	transition: opacity .5s ease-in-out;
	opacity: 1;
	line-height: 18px;
	min-width: 200px;
	animation: tooltip-fade-in 500ms;
	left: 50%;
	transform: translateX(-50%);
	top: 55%;
	word-wrap: break-word;
}

@keyframes tooltip-fade-in {
	from {
		left: 50%;
		transform: translateX(-50%);
		top: 100%
	}

	to {
		left: 50%;
		transform: translateX(-50%);
		top: 55%
	}
}

.ea-list .ea-main-content .card-container .card .brand {
	margin-top: 7px;
}

.ea-list .ea-main-content .card-container .card .brand.blank {
	height: 109px;
	background: #6FDA8B;
	border-radius: 4px;
}

.ea-list .ea-main-content .card-container .card .brand.blank>span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 100%;
	height: 100%;
	text-align: center;
}

.ea-list .ea-main-content .card-container .card .brand.chart {
	height: 109px;
	width: 100%;
	border: none;
}

.ea-list .ea-main-content .card-container .card .brand.chart img {
	height: 100%;
	width: 100%;
}

.ea-list .ea-main-content .card-container .card .card-footer {
	display: flex;
	margin-top: 14px;
	justify-content: space-between;
}

.ea-list .ea-main-content .card-container .card .card-footer .left {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.ea-list .ea-main-content .card-container .card .card-footer .left:hover {
	background-size: 20% 100%;
	background: #656565 linear-gradient(to left, transparent, #fff, transparent) no-repeat 0 0;
	-webkit-background-clip: text;
	animation: shine 2s infinite;
}

@keyframes shine {
	from {
		background-position: 0% 0%;
	}

	to {
		background-position: 100% 100%;
	}
}

.ea-list .ea-main-content .card-container .card .card-footer .left .oprice {
	display: flex;
	align-items: center;
}

.ea-list .ea-main-content .card-container .card .card-footer .left .oprice .price {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #DD0101;
	line-height: 18px;
}

.ea-list .ea-main-content .card-container .card .card-footer .left .oprice .currency {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	line-height: 18px;
	margin-left: 4px;
}

.ea-list .ea-main-content .card-container .card .card-footer .left .pprice {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: line-through;
	color: #999999;
	line-height: 18px;
}

.ea-list .ea-main-content .card-container .card .card-footer .left .free {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
}

/**/
.ea-list .ea-main-content .card-container .card .card-footer .left .limit-free {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #DD0101;
	line-height: 18px;
}

.ea-list .ea-main-content .card-container .card .card-footer .left .limit-free:hover {
	font-width: 800;
}

.ea-list .ea-main-content .card-container .card .card-footer .right .pay-button {
	width: 76px;
	height: 32px;
	background: #1482F0;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	text-align: center;
}

@keyframes num-jump {
	0% {
		transform: translate3d(1%, 1%, 0) scale(1);
		-webkit-font-smoothing: subpixel-antialiased
	}
	50% {
		transform: translate3d(1%, 1%, 0) scale(1.1);
		-webkit-font-smoothing: subpixel-antialiased
	}
	100% {
		transform: translate3d(1%, 1%, 0) scale(1);
		-webkit-font-smoothing: subpixel-antialiased
	}
}

.ea-list .ea-main-content .card-container .card .card-footer .right .pay-button span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
}

.view-rule-dialog .content {
	margin-top: 12px;
	width: 316px;
}

.view-rule-dialog .content>div:nth-child(2n - 1) {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 29px;
	margin-top: 12px;
}

.view-rule-dialog .content>div:nth-child(2n - 1) span {
	padding: 2px 10px;
	background: #DD0101;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 29px;
	border-radius: 8px 8px 8px 0px;
	margin-left: 12px;
}

.view-rule-dialog .content>div:nth-child(2n) {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin-top: 12px;
}

.view-rule-dialog .card-footer {
	height: 40px;
	background: #1482F0;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	margin-top: 24px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 316px;
}

.view-rule-dialog .card-footer:hover {
	background: color-mix(in srgb, #1482F0, #fff 30%);
}
/*详情页样式*/
.ea-detail-mask-dialog {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	z-index: 8888;
}

.ea-detail .ea-detail-card {
	background: #FFFFFF;
	border-radius: 8px;
	padding: 24px 48px 48px 48px;
	display: grid;
	grid-template-columns: 3fr 1fr;
	column-gap: 36px;
}

.ea-detail .ea-detail-card .ea-detail-card-container {
	margin-top: 52px;
	position: relative;
	/*max-width: 580px;*/
}

.ea-detail .ea-detail-mini-card {
	display: none;
	flex-direction: row;
	align-items: center;
	top: 0px;
	position: fixed;
	width: calc(100% - 24% - 15px);
	padding: 0px !important;
	background: #f2f2f2;
	padding-bottom: 12px !important;
	border-radius: 0px !important;
	z-index: 998;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container {
	/*display: flex;*/
	/*align-items: center;*/
	/*flex-direction: row;*/
	justify-content: space-between;
	margin-top: 0px !important;
	padding: 12px !important;
	background: white;
	padding-left: 48px!important;
	padding-right: 48px!important;
	border-radius: 8px 8px 8px 8px;
	width: 100% !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.ea-detail .ea-detail-mini-card .toback {
	position: absolute;
	z-index: 99;
	left: 12px;
	cursor: pointer;
}

.ea-detail .ea-detail-mini-card .toback img {
	width: 24px;
	height: 24px;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container .ea-detail-card-content .content .title {
	font-size: 14px !important;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container .ea-detail-card-content .avator {
	height: 44px!important;
	width: 44px!important;
}
.ea-detail .ea-detail-mini-card .ea-detail-card-container .ea-detail-card-content .avator img {
	height: 34px!important;
	width: 34px!important;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container .card-footer {
	margin-top: 0px !important;
	justify-content: flex-end !important;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container .card-footer>div:nth-child(1) {
	width: auto!important;
	min-width: auto !important;
    margin-right: 12px !important;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container>div {
	width: auto !important;
}

.ea-detail .ea-detail-mini-card .ea-detail-card-container .ea-detail-card-content {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.ea-detail .ea-detail-card .ea-detail-card-container .back {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-left: -20px;
	position: absolute;
	top: -52px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content {
	display: grid;
	grid-template-columns: 1fr 7fr;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .avator {
	width: 100px;
	height: 100px;
	background: #FFFFFF;
	border: 1px solid #F0F1F2;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .avator span {
	word-break: break-word;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .avator img {
	width: 84px;
	height: 84px;
	object-fit: contain;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content {
	padding-left: 16px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .title {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	display: grid;
	grid-template-columns: 3fr 1fr;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .title span {
	white-space: nowrap;
	max-width: 380px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .hot {
	display: flex;
	align-items: center;
	margin-left: 8px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .hot span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	margin-left: 4px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .hot img {
	width: 14px;
	height: 14px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .version {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-top: 11px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .version span:nth-child(2) {
	margin-left: 38px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .flag {
	margin-top: 11px;
	display: flex;
	flex-direction: row;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .flag>div {
	height: 20px;
	background: #F1F6FA;
	border-radius: 2px;
	/*max-width: 64px;*/
	text-align: center;

}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .flag>div:nth-child(n+2) {
	margin-left: 8px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .ea-detail-card-content .content .flag>div span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1482F0;
	line-height: 18px;
	padding: 8px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .desc {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin-top: 16px;
	word-wrap: break-word;
	word-break: break-all;
}

.ea-detail .ea-detail-card .ea-detail-card-container .promotion {
	/*height: 32px;*/
	border: 1px solid #DD0101;
	/* opacity: 0.1; */
	border-radius: 4px;
	margin-top: 17px;
	display: flex;
	align-items: center;
	background: rgba(221, 1, 1, 0.06);
}

.ea-detail .ea-detail-card .ea-detail-card-container .promotion img {
	height: 16px;
	width: 16px;
	margin-left: 11px;
	line-height: 32px;
}


.ea-detail .ea-detail-card .ea-detail-card-container .promotion .title {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	line-height: 20px;
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ea-detail .ea-detail-card.ea-detail-mini-card .ea-detail-card-container .card-footer {
	flex-wrap: nowrap;
}

.ea-detail .ea-detail-card:not(.ea-detail-mini-card) .ea-detail-card-container .card-footer > div {
	margin-top: 23px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1) {
	display: flex;
	align-items: baseline;
	min-width: 227px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1):hover {
	background-size: 20% 100%;
	background: #656565 linear-gradient(to left, transparent, #fff, transparent) no-repeat 0 0;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: shine 2s infinite;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1) .price {
	height: 21px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #DD0101;
	line-height: 20px;
	white-space: nowrap;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1) .free {
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1) .price .unit {
	height: 11px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DD0101;
	line-height: 20px;
	margin-left: 8px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(1) .pprice {
	height: 9px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: line-through;
	color: #999999;
	line-height: 18px;
	margin-left: 15px;
	white-space: nowrap;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2) {
	display: flex;
	align-items: center;
	min-width: 80px;
	gap: 12px;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.first {
	/*width: 88px;*/
	padding-left: 12px;
	padding-right: 12px;
	height: 40px;
	background: #1482F0;
	border-radius: 4px;
	text-align: center;
	box-sizing: content-box;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.first:hover {
	background: #0777e7;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.first span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
	cursor: pointer;
	white-space: nowrap;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.second {
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #1482F0;
	border-radius: 4px;
	text-align: center;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	align-items: center;
	/*margin-left: 12px;*/
	box-sizing: content-box;
	cursor: pointer;
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.second:hover {
	border: 1px solid color-mix(in srgb, #1482F0, #fff 30%);
}

.ea-detail .ea-detail-card .ea-detail-card-container .card-footer>div:nth-child(2)>div.second span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1482F0;
	line-height: 40px;
	margin-left: 1px;
	white-space: nowrap;
}

.ea-detail .ea-detail-card .award {
	width: 240px;
	padding: 24px;
	background: #FAFBFC;
	border-radius: 12px;
	position: relative;
	margin-top: 44px;
	box-sizing: border-box;
}

.ea-detail .ea-detail-card .award .star {
	position: absolute;
	width: 192px;
	height: 36px;
	background: #FFFFFF;
	box-shadow: -4px 0px 20px 0px rgba(89, 89, 89, 0.15);
	border-radius: 18px 18px 18px 0px;
	left: 24px;
	top: -13px;
	display: flex;
	align-items: center;
}

.ea-detail .ea-detail-card .award .star img {
	width: 24px;
	height: 21px;
}

.ea-detail .ea-detail-card .award .star img.on {
	color:#FFB903;
}

.ea-detail .ea-detail-card .award .star img:nth-child(1) {
	margin-left: 20px;
}

.ea-detail .ea-detail-card .award .star img:nth-child(n+2) {
	margin-left: 8px;
}

.ea-detail .ea-detail-card .award .content {
	/*padding: 24px;*/
	background: #FAFBFC;
}

.ea-detail .ea-detail-card .award .content .title {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-top: 16px;
}

.ea-detail .ea-detail-card .award .content .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #151835;
	line-height: 20px;
	margin-top: 10px;
}

.ea-detail .ea-detail-card .award .content .text.red {
	color: #DD0101;
}

.ea-detail .ea-detail-content {
	/*width: 952px;*/
	background: #FFFFFF;
	border-radius: 8px;
	margin-top: 16px;
}

.ea-detail .ea-detail-content:last-child
{
	margin-bottom: 16px;
}
.ea-detail .ea-detail-content .ea-detail-content-container {
	padding: 24px 48px 48px 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	min-height: 200px;
}

.ea-detail .ea-detail-content .ea-detail-content-container.read-more {
	height: 400px;
	overflow: hidden;
}

.ea-detail .ea-detail-content .ea-detail-content-container:empty {
	display: none;
}

.ea-detail .ea-detail-content .ea-detail-content-container .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	width: 100%;
	box-sizing: border-box;
	word-break: break-all;
}

.ea-detail .ea-detail-content .ea-detail-content-container .avator {
	background: #FFFFFF;
	border: 1px solid #F0F1F2;
	border-radius: 8px;
	margin-top: 42px;
	width: 691px;
	height: 431px;
}

.ea-detail .ea-detail-content .ea-detail-content-container .avator img {
	width: 691px;
	height: 431px;
}

.ea-detail .ea-detail-content .ea-detail-content-container .kchart {
	box-sizing: border-box;
	width: 100%;
}

.ea-detail .ea-detail-content .ea-detail-content-container .kchart img {
	width: 100%;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata {
	width: 100%;
	border-collapse: collapse;
	margin-top: 41px;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata tr {
	background: #F5F6F7;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata tr:nth-child(2n) {
	background: white;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata td {
	height: 64px;
	/*border: 1px solid #E5E5E5;*/
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata td>div {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	padding-left: 24px;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata td>div.num {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
}

.ea-detail .ea-detail-content .ea-detail-content-container table.kdata td>div.red {
	color: rgba(221, 1, 1, 1);
}

.ea-detail .ea-detail-content .ea-detail-footer {
	border-top: 1px solid #F4F5F7;
	height: 141px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ea-detail .ea-detail-content .ea-detail-footer .award {
	width: 64px;
	height: 64px;
	background: rgba(20, 130, 240, 0.1);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: flex;
}

.ea-detail .ea-detail-content .ea-detail-footer .award img {
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.ea-detail .ea-detail-content .ea-detail-footer .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	margin-top: 16px;
}


.ea-detail-paynow-dialog {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: inherit;
	background-color: rgba(255, 255, 255, 1);
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(242, 242, 242, 1);
	border-radius: 5px;
	padding: 16px 16px 40px 40px;
	z-index: 1000;
	width: 404px;
	display: none;
}

.ea-detail-paynow-dialog .line {
	position: absolute;
	width: 1px;
	height: 480px;
	background: #E5E5E5;
	left: calc(375px + 30px);
	top: 40px;
	padding-bottom: 40px;
	display: none;
}

.ea-detail-paynow-dialog .title {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 29px;
}

.ea-detail-paynow-dialog .handler-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ea-detail-paynow-dialog .handler-bar .close img {
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.ea-detail-paynow-dialog .tip {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 29px;
	margin-top: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container {
	display: flex;
	flex-direction: row;
	gap: 80px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content {
	display: flex;
	flex-direction: column-reverse;
	margin-top:16px;
	width: 324px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content {
	/*width: 375px;*/
	width: 100%;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .gray {
	background: #FAFBFC;
	border-radius: 12px 0px 0px 0px;
	padding: 12px;
	padding-top:20px;
}

.money-title {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 13px;
	color: #000000;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .money {
	font-size: 32px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #DD0101;
	line-height: 20px;
	display: flex;
	align-items: baseline;
	margin-top: 13px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .money .sub {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-decoration: line-through;
	color: #999999;
	line-height: 13px;
	margin-left: 8px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .money2 {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-top: 20px;
	display: flex;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .money2>div {
	width: 1px;
	height: 10px;
	margin-left: 6px;
	margin-right: 6px;
	background: #7F7F7F;
	margin-top: 2px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .divide {
	height: 1px;
	background: #F2F2F2;
	/*margin-top: 16px;*/
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .detail {
	margin-top: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .detail>div {
	display: flex;
	margin-top: 12px;
	justify-content: space-between;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .detail span {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-top: 2px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .detail .promotion {
	display: flex;
	margin-left: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .price-detail .detail img {
	width: 16px;
	height: 16px;
	margin-left: 3px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .qrcode {
	display: none;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .qrcode .code .wechat-tip > div {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: 8px;
	padding-top: 24px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .qrcode .code .inline-tip > div {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: 8px;
	padding-top: 24px;
}

/* 阅读协议 */
.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 13px;
	margin-top: 16px;
	display: flex;
	align-items: center;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy span {
	padding-left: 1px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy input {
	width: 12px;
	height: 12px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy a {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(20, 130, 240, 1);
	line-height: 13px;
	text-decoration: underline;
	cursor: pointer;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy .error-tip:empty {
	display: none;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy .error-tip {
	color: red;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .read-policy input[type=checkbox]:checked~.error-tip {
	display: none;
}

/* 协议内容 */
.ea-detail-paynow-dialog .dialog-content-container .read-policy-content {
	max-height: 432px;
	overflow: auto;
	margin-top: -15px;
	overflow-x: hidden;
	width: 320px;
	box-sizing: content-box;
	padding-right: 30px;
}

.ea-detail-paynow-dialog .dialog-content-container .read-policy-content>div {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	width: 320px;
}

.ea-detail-paynow-dialog .dialog-content-container .read-policy-content>div>span:first-child {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 29px;
}

.ea-detail-paynow-dialog .dialog-content-container .read-policy-content>div .title {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 29px;
	margin-top: 30px;
}

.ea-detail-paynow-dialog .dialog-content-container .read-policy-content>div .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin-top: 15px;
}

/* 支付方式 */
.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way {
	margin-top: 16px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way span {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 29px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	height: 48px;
	background: #FAFBFC;
	border-radius: 4px;
	border: 1px solid #E5E5E5;
	cursor: pointer;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button > input[type=checkbox] {
	display: none;
	visibility: hidden;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button > input[type=checkbox] + img.checkbox {
	display: none;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button > input[type=checkbox]:checked + img.checkbox {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 12px;
	line-height: 50px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button:nth-child(n+2) {
	margin-top: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button.select {
	border: 1px solid #1482F0;
	background: #ffffff;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button .text {
	display: flex;
	align-items: center;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button .text img:nth-child(1) {
	width: 12px;
	height: 12px;
	margin-left: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button .text img:nth-child(2) {
	width: 24px;
	height: 24px;
	margin-left: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button .text span {
	margin-left: 8px;
	color: rgba(20, 130, 240, 1);
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-content .content .pay-way .pay-button img {
	width: 12px;
	height: 12px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .price-detail {
	display: none;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode {
	background: #FAFBFC;
	border-radius: 12px 0px 0px 0px;
	/*margin-top: 12px;*/
	display: block;
	padding: 20px 19px 20px 19px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .divide {
	margin-top: 24px;
	height: 1px;
	background: #F2F2F2;
	position: relative;
	width: 100%;
	margin-left: -20px;
	padding-right: 40px;
	box-sizing: content-box;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .money-title {
	border-width: 0px;
	height: 17px;
	display: flex;
	font-family: 'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .money {
	border-width: 0px;
	width: 123px;
	height: 35px;
	display: flex;
	font-family: 'PingFangSC-Ultralight', 'PingFang SC Ultralight', 'PingFang SC', sans-serif;
	font-style: normal;
	color: #D9001B;
	font-size: 24px;
	margin-top: 13px;
	font-weight: 400;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .money .payAmount {
	margin-left: 6px;
	font-size: 32px;
	font-weight: bold;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .code {
	text-align: center;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 13px;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 24px 0px 0px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .code .server-wechat-tip {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .code .server-wechat-tip >span:nth-child(1) {
	font-weight: bold;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer.active~.content .qrcode .code img {
	margin-top: 16px;
	width: 180px;
	height: 180px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer {
	margin-top: 16px;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer .confirm-button {
	height: 40px;
	background: #1482F0;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer .confirm-button:hover {
	background: color-mix(in srgb, #1482F0, #ffff 10%);
}

.ea-detail-paynow-dialog .dialog-content-container .dialog-footer .confirm-button span {
	display: flex;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 13px;
}

.ea-detail-file-dialog .handler-bar .title {
	margin-left: 50%;
	transform: translateX(-56%);
	margin-right: 24px;
}

.ea-detail-file-dialog .content {
	width: 350px;
	padding-right: 24px;
}

.ea-detail-file-dialog .content>div {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
}

.ea-detail-file-dialog .content .text {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 13px;
}

.ea-detail-file-dialog .content .sub-text {
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 12px;
	margin-top:10px;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ea-detail-file-dialog .content>div>span {
	margin-right: 12px;
}

.ea-detail-file-dialog .content>div>button:last-child {
	height: 32px;
	background: #1482F0;
	border-radius: 4px;
	padding: 18px 18px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
	display: flex;
	align-items: center;
	border: none;
}

.ea-detail-mask-dialog {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000;
	z-index: 999;
}
.payloading {
	position: absolute;
	z-index: 555;
	background: rgba(51,51,51,.2);
	width: 192px;
	height: 192px;
	margin-top: 20px !important;
	display: none;
}
.payloading img {
	animation: rotate 2s ease-in-out infinite;
	display: inline-block;
	width: 40px !important;
	height: 40px !important;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 20px);
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/*查看更多*/
.read-more {
	position: relative;
	transition: height .5s linear
}

.read-more-mask {
	display: none;
}

.read-more-mask-close {
	display: none;
}

.read-more .read-more-mask {
	display: block;
	position: absolute;
	z-index: 200;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(-180deg,rgba(255,255,255,.8) 0,#fff 63%);
}

.read-more .read-more-mask-close {
	display: none;
	position: absolute;
	z-index: 200;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(-180deg,rgba(255,255,255,.8) 0,#fff 63%);
}

.read-more .read-more-mask .read-btn, .read-more .read-more-mask-close .read-btn{
	display: block;
	margin: 20px auto auto;
	width: 80px;
	font-size: 14px;
	color: #999999;
	line-height: 14px;
	cursor: pointer;
}