body{
  font-size: 0.24rem;
  font-family: "PingFang SC","Lantinghei SC","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","\\5FAE\8F6F\96C5\9ED1","STHeitiSC-Light","simsun","\\5B8B\4F53","WenQuanYi Zen Hei","WenQuanYi Micro Hei","sans-serif";
  background: #fff;
}       
* {margin: 0px;padding: 0px;max-height: 1000000px;}
*:before, *:after {max-height: 100000px;}
*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, li, dl, dd, dt, ol {list-style: none;}
em,strong {font-style: normal;}
a:link, a:visited, a:focus {text-decoration: none;outline: none;}
.clear {clear: both;overflow: hidden;display: block;}
p {word-wrap: break-word;}
h1,h2,h3,h4,h5{font-style:normal;}
textarea, input{background-color: #FFFFFF;
  font-family: "PingFang SC","Lantinghei SC","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","\\5FAE\8F6F\96C5\9ED1","STHeitiSC-Light","simsun","\\5B8B\4F53","WenQuanYi Zen Hei","WenQuanYi Micro Hei","sans-serif";
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus,select {	
	outline: 0 none;
}
:-moz-placeholder {color: #666666;  }
::-moz-placeholder {color: #666666;  }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #666666;   }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666666;  }
video::-webkit-media-controls {overflow: hidden !important;}
video::-webkit-media-controls-enclosure {width: calc(100% + 32px);margin-left: auto;}
 ::-webkit-scrollbar{width: 0px;} 
 ::-webkit-scrollbar-thumb:vertical {
	border-radius:0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:rgba(129,129,129,0.5);
} 
::-webkit-scrollbar-thumb:horizontal {
  border-radius:0px;
  -webkit-box-shadow: inset 0 0 0px rgba(255,255,255,0);
  background-color:rgba(255,255,255,0);
}
.floatF{float: left;}
.floatR{float: right;}
.wid92{width: 92%;margin: 0 auto;display:block;}
.wid94{width: 94%;margin: 0 auto;}
.wid96{width: 96%;margin: 0 auto;}
.over1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.over2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}
.shadowa{
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1); 
  -moz-box-shadow:0 3px 5px rgba(0,0,0,0.1);
  box-shadow:0 3px 5px rgba(0,0,0,0.1);
}
.borderbot{padding-bottom: 0.1rem;border-bottom: 0.1rem solid #F2F2F2; }
.container{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 4rem;
	/**overflow: hidden;*/
}
/* animation */
@keyframes animates{
  0%{right: -1.8rem;}
  100% {right: 0;}
}
@-webkit-keyframes animates{
  0%{right: -1.8rem;}
  100% {right: 0;}
}
@-moz-keyframes animates{
  0%{right: -1.8rem;}
  100% {right: 0;}
}
@-o-keyframes animates{
  0%{right: -1.8rem;}
  100% {right: 0;}
}
/* animationdsecond */
@keyframes rotatey{
  0%{transform: rotateY(90deg)}
  100% {transform: rotateY(0deg)}
}
@-webkit-keyframes rotatey{
  0%{transform: rotateY(90deg)}
  100% {transform: rotateY(0deg)}
}
@-moz-keyframes rotatey{
  0%{transform: rotateY(90deg)}
  100% {transform: rotateY(0deg)}
}
@-o-keyframes rotatey{
  0%{transform: rotateY(90deg)}
  100% {transform: rotateY(0deg)}
}
/* css */
.introductioncont,.organization{margin-top: 0.4rem;}
.summarycont em{float: left;height: 0.54rem;margin-left: -4%;}
.summarycont em img{display: block;width: 0.12rem;height: 0.54rem;}
.summaryright{float: left;font-weight: 600;font-size: 0.38rem;color: #000000;}
.summaryright span{display: block;}
.CHmeet{color: #000000;font-weight: 900;font-size: 0.28rem;height: 0.3rem;line-height: 0.3rem;}
.ENmeet{color: #000000;font-weight: 900;font-size: 0.2rem;height: 0.24rem;line-height: 0.24rem ;}
/* .introductCont p{font-size: 0.26rem;line-height: 1.75;color: #000000;margin: 2% 0;} */
.organizationCont{height:0.72rem;background: #F2F2F2;width: 97%;padding-left: 3%; border-radius: 3px;margin-top: 0.28rem;}
.organizateCH{height: 0.72rem;line-height: 0.72rem;font-size: 0.28rem;color: #000000;font-weight: 600;}
.organizateEN{height: 0.72rem;line-height: 0.78rem;font-size: 0.2rem;color: #666666;margin-left: 0.1rem;}
.lecturerName{float: left;width: 25%;color: #000000;font-size: 0.24rem;padding-top: 0.15rem;}
.bottomTab{height: 1rem;line-height: 1rem;background: #F2F2F2;width: 100%;position: fixed;bottom: 0;left: 0;z-index: 10000;}
.tabwid{width: 7.07rem;margin: 0 auto;}
.tabComm{float: left;width: 1.01rem;text-align: center;color: #000000;font-size: 0.3rem;}
.activeTab{color: #2351FB;font-weight: 600;border-bottom: 4px solid #2351FB;height: 0.96rem;}
.suspensionFirst{
  position: fixed;bottom: 22%;right: 0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #FF4A4A;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.newa em{float: left;margin-top: 0.05rem;margin-left: 0.08rem;width: 0.54rem;height: 0.54rem;background: #FFF;border-radius: 50%;}
.suspensionlogo{width: 0.54rem;height: 0.54rem;overflow: hidden;border-radius: 50%;display: block;float: left;margin-top: 0.05rem;margin-left: 0.08rem;}
.newa em .suspensionlogo{margin-top: 0rem;margin-left: 0rem;}
.suspensionwords{height: 0.64rem;line-height: 0.64rem;margin-left: 0.1rem;float: left;color: #fff;font-weight: 600;font-size: 0.24rem;}
.suspensionSecond{
  position: fixed;bottom: 16%;right:0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #8F45FF;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px; 
}
.suspensionThird{
  position: fixed;bottom: 10%;right:0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #FF8245;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.suspensionnew{
  position: fixed;bottom: 28%;right: 0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #FFA71D;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.suspensioncquan{
  position: fixed;bottom: 22%;right: 0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #65C715;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.suspensionbm{
  position: fixed;bottom: 20%;right: 0;z-index: 1000;width:1.8rem;height: 0.64rem;background: #FF4A4A;
  border-top-left-radius: 20px;border-bottom-left-radius: 20px;
}
.newa{
  perspective:180;
  perspective-origin: 100% 0%;
  transform-origin:100% 50%;
  transform: rotateY(90deg);
  animation: rotatey 0.5s ease 1 forwards;
  -webkit-animation:rotatey 0.5s ease 1 forwards;
  -moz-animation: rotatey 0.5s ease 1 forwards;	
  -o-animation: rotatey 0.5s ease 1 forwards;
}
.a{ 
  perspective:180;
  perspective-origin: 100% 0%;
  transform-origin:100% 50%;
  transform: rotateY(90deg);
  animation: rotatey 0.5s ease 0.3s 1 forwards;
  -webkit-animation:rotatey 0.5s ease 0.3s 1 forwards;
  -moz-animation: rotatey 0.5s ease 0.3s 1 forwards;	
  -o-animation: rotatey 0.5s ease 0.3s 1 forwards;
}
.b{
  perspective:180;
  perspective-origin:100% 0%;
  transform-origin:100% 50%;
  transform: rotateY(90deg);
  animation: rotatey 0.5s ease 0.6s 1 forwards;
  -webkit-animation:rotatey 0.5s ease 0.6s 1 forwards;
  -moz-animation: rotatey 0.5s ease 0.6s 1 forwards;	
  -o-animation: rotatey 0.5s ease 0.6s 1 forwards;
}
.c{
  perspective:180;
  perspective-origin: 100% 0%;
  transform-origin:100% 50%;
  transform: rotateY(90deg);
  animation: rotatey 0.5s ease 0.9s 1 forwards;
  -webkit-animation:rotatey 0.5s ease 0.9s 1 forwards;
  -moz-animation: rotatey 0.5s ease 0.9s 1 forwards;	
  -o-animation: rotatey 0.5s ease 0.9s 1 forwards;
}
.d{
  animation: rotate 1.8s ease 0.5s infinite;
  -webkit-animation:rotate 1.8s ease 0.5s infinite;
  -moz-animation:rotate 1.8s ease 0.5s infinite;	
  -o-animation:rotate 1.8s ease 0.5s infinite;
}
@keyframes rotate {
  0% {transform:rotateY(0deg);}
  50% {transform: rotateY(360deg);}
  100% {transform:rotateY(0deg);}
}


.reduceTips{display: none;position: fixed;top: 50%;left: 50%;z-index: 100000;width: 5rem;text-align: center;line-height: 0.5rem;margin-top: -0.4rem;margin-left: -2.7rem;background: rgba(0,0,0,0.8);color: #FFFFFF;border-radius: 3px;font-size: 0.28rem;padding: 0.2rem;}
.orderNumber{width: 100%;height: 0.8rem;line-height: 0.8rem;background: #e6e6e6;font-size:0.24rem;}

.orderLeft{width:65%;text-align: left;color: #000000;}
.orderRight{width: 35%;text-align: right;color: #999999;}
.payList{padding-bottom: 0.2rem;border-bottom: 2px dashed #e6e6e6;padding-top: 0.2rem;}
.payListL{width: 80%;}
.payListL p{font-weight: 600;font-size: 0.28rem;color: #000;line-height: 1.65;}
.payListR{height: 1rem;line-height: 1rem;font-size: 0.35rem;color: #606060;}
.totalprice{font-size: 0.28rem;font-weight: 600;color: #FF4D4D;padding: 0.2rem 0;}
.payBtn{width: 100%;height: 0.9rem;line-height: 0.9rem;text-align: center;color: #FFF;font-size: 0.35rem;font-weight: 600;background: #FF4D4D;border-radius: 3px;margin-top:0.3rem; }
.nopay{color: #FF4D4D;font-size:0.28rem;padding: 0.2rem 0;}
.haspay{color: #D6D6D6;font-size:0.28rem;padding: 0.2rem 0;}
.modifypay{color:#5E7FFD;font-size:0.28rem;padding: 0.2rem 0;}
.packettips{width: 100%;background: #FA6C6C;color: #FFF;font-size: 0.28rem;line-height: 1.6;padding: 0.1rem 0;}
.packettips span{color: #FED637;}
.packeList{margin-top: 0.3rem;}
.packtTop{padding: 0.3rem 0;background: #FFF;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.packetBottom{background: #F2F2F2;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;height: 0.7rem;line-height: 0.7rem;color:#999;padding-left: 0.3rem; }
.packetTL{margin-left: 0.3rem;}
.packetTR{margin-right: 0.3rem;color: #FF4D4D;font-size: 0.36rem;font-weight: 600;margin-top: 0.15rem;}
.packetTR span{font-weight: normal;font-size: 0.18rem;}
.packetTitle{font-weight: 600;font-size: 0.28rem;color: #000000;line-height: 1.75;}
.packetTime{color: #666666;font-size: 0.22rem;}
.ljstudy{width: 6.9rem;height:0.8rem;font-size: 0.3rem;color: #FFF;text-align: center;line-height: 0.8rem;border-radius: 3px;background: #FFA423;margin: 0 auto;margin-top: 0.3rem; }
.backIndex{width: 6.9rem;height:0.8rem;font-size: 0.3rem;color: #FFF;text-align: center;line-height: 0.8rem;border-radius: 3px;background: #2351FB;margin: 0 auto;margin-top: 0.3rem; }
.packeLists{margin-top: 0.3rem;}
.packeLists .packtTop{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.inputsty{width: 6.6rem;height: 0.8rem;line-height: 0.8rem;;margin: 0 auto;padding-left: 0.3rem;background: #FFF;font-size: 0.28rem;color: #000000;display: block;border: 0;border-radius: 3px;margin-top: 0.3rem;}
.submitBtn{height: 0.8rem;line-height: 0.8rem;text-align: center;color: #FFF;font-size: 0.3rem;border-radius: 3px;background: #2351FB;margin-top: 0.2rem;}

.noELogo{display: block;width: 2.9rem;margin: 0 auto;margin-top: 1.8rem;}
.noETips{color: #000000;font-size: 0.28rem;line-height: 1.75;width: 100%;text-align: center;padding-top: 0.1rem;}
.enrolmentBtn{width: 3.2rem;height: 0.9rem;text-align: center;line-height: 0.9rem;color: #FFF;font-size: 0.3rem;font-weight: 600;background:#2351FB;border-radius: 30px;margin: 0.3rem auto; }

.baomintips{width: 100%;padding: 0.15rem 0; background:#FA6C6C;color: #FFF;font-size: 0.28rem;line-height: 1.6; }
.enrolmentShow{width: 100%;background: #e6e6e6;padding-bottom:2rem; }
.qdtitle{font-size: 0.26rem;color: #000000;font-weight: 600;line-height: 1.75;width: 100%;text-align: center;padding-top: 0.15rem;}
.qdetail{font-size: 0.26rem;color: #000000;line-height: 1.75;width: 100%;text-align: center}
.codeShow{padding-top: 0.3rem;}
.codeLogo{display: block;width: 4rem;height: 4rem;margin: 0 auto;margin-top: 0.8rem;}
.codeName{width: 100%;text-align: center;font-size: 0.28rem;font-weight: 600;padding-top: 0.3rem;}
.serviceCont{overflow: hidden;}
.qdetail span{color: #2351FB;}
.kefu{font-size: 0.3rem;color: #000000;font-weight: 600;line-height: 1.75;width: 100%;text-align: center;padding-top: 0.15rem;}
.kefubox{padding-top: 0.8rem;}
.reviewTiltle{font-size: 0.32rem;color: #000000;font-weight: 600;padding-top: 0.2rem;padding-bottom:0.5rem;}
.peosee{position: absolute;top: 0.3rem;right: 0.3rem;color: #fff;font-size: 0.26rem;z-index: 10;}
.textareasty{width: 6.6rem;height: 1.2rem;line-height: 1.75;margin: 0 auto;padding-left: 0.3rem;background: #FFF;font-size: 0.28rem;color: #000000;display: block;border: 0;border-radius: 3px;margin-top: 0.3rem;resize: none;}
.submtop{margin-top: 0.4rem;}
.myPhoto{width: 100%;height: 2.6rem;background: #F2F2F2;overflow: hidden;}
.myPhontcont{width: 6.9rem;margin: 0 auto;margin-top: 0.4rem;}
.mybg{display: block;width: 6.8rem;}
.myimg_left{width: 1.8rem;height: 1.8rem;}
.myimg{display: block;width: 1.8rem;height: 1.8rem;overflow: hidden;border-radius: 50%;}
.myimg_right{width: 4.8rem;margin-left: 0.3rem;}
.nickname{width: 100%;font-size: 0.3rem;color: #000000;font-weight: 600;margin-top: 0.4rem;}
.mypacketbox{margin-top: 0.1rem;}
.mypacketbox em{font-size: 0.28rem;color:#FD4B49; }
.mypacketbox span{font-size: 0.22rem;color: #a1a1a1;padding-top: 0.03rem;}
.myList{width: 2.1rem;float: left;text-align: center;height: 2.1rem;background: #412ccf;border-radius: 6px;margin-top: 0.3rem;margin-left: 0.3rem;}
/* .myList:nth-child(2n+1){margin-right:0.3rem;} */
.mylist_cont{width: 1.6rem;height: 1.6rem;margin: 0.25rem;}
.myList img{display: block;width: 0.8rem;height: 0.8rem;}
.myList .listwords{color: #FFF;margin-top: 0.45rem;display: inline-block;font-size: 0.24rem;font-weight: 600;width: 100%;text-align: right;}
div#pintuan{background: #AB25E4;}
.chosepacket{ padding: 0.2rem 0; border-bottom: 2px dashed #E6E6E6;font-size: 0.28rem;}
.packetR .nopacket{color: #999}
.packetR .haspacket{color: #FF4D4D;}
.packetR img{width: 0.35rem;height: 0.35rem;}




/* 2018.10.9 */
/* 首页修改 */
.introductlist{margin-top: 0.35rem;}
.indextitle{font-size: 0.26rem;color: #000;}
.indexbox{margin-top: 0.1rem;}
.introdetail{line-height: 1.65;font-size: 0.24rem;color: #333333;}
.indexborder{border:1px solid #ccc;border-radius: 1px;margin-top: 0.3rem;}
.indexborder p{margin-left: 0.2rem;line-height: 1.6;}
.indexborder p:first-child{padding-top: 0.2rem;}
.indexborder p:last-child{padding-bottom: 0.2rem;}
.indexbox table{width: 100%;margin-top: 0.3rem;color: #222;}
.indexbox td{border: 1px solid #cccccc;border-bottom: 0;}
.indexbox tr:last-child td{border-bottom: 1px solid #cccccc;}
.indexbox td:nth-child(2n){border-left: 0;}
.indexbox td{text-align: center;height: 0.6rem;line-height: 0.6rem;font-size: 0.26rem;}
.zzhi{display: block;width: 100%;margin-top: 0.3rem;}
.introdetails{text-indent: 20px;font-size: 0.26rem;line-height: 1.65;margin-top: 0.3rem;}
.jyrclist{margin-top: 0.2rem;}
.jyrclist{height: 1rem;}
.jyrc{width: 40%;background: rgb(180,180,180);color: #333333;text-align: center;height: 1rem;font-size: 0.26rem;color: #000;}
.jyrcr{width: 60%;background: rgb(240,240,240);height: 1rem;line-height:1rem;text-align: center;font-size: 0.28rem;}
.jyrc span{display: inline-block;font-weight: 600;}
.jyrc span:first-child{margin-top: 0.15rem;}
.jyrcr span{display: inline-block;}
.jyrcr span:first-child{margin-top: 0.15rem;}
.indexbox ul li{font-size: 0.28rem;line-height: 1.65;color: #333333;}


/*我的订单  */
.orderNumber{margin-top: 0.35rem;}
.orderNumber:first-child{margin-top: 0;}

/* 线下支付 */
.tc{ text-align:center;}

.select{height:0.8rem;line-height:0.8rem;/* border:1px solid #2351FB; */
margin:0.5rem 1rem;position:relative;border-radius: 6px;background: #FF4A4A;}
.select label{width:100%;position:absolute;top:0;left:0;font-size:14px;color:#FFF;}
#upload{display:none;}
.preview{ margin:0.5rem 1rem; border:1px solid #bbb; padding:4px; display:none;}
/* .preview_img_list li{float:left;width:25%;padding:2px 0;}    */
.preview_img_list li img{display: block;max-width:100%;}

/* 2018.10.10 */
/* 我的 */
.vcodebox{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 10001;display: none;}
.vcodecont{width: 6rem;height: 3.6rem;background: #FFF;border-radius: 6px;margin: 0 auto;margin-top:3.5rem;}
.vclosebtn{
  width: 0.7rem;height: 0.7rem;border-radius: 50%;background: #FFF;text-align: center;
  line-height: 0.68rem;font-size: 0.5rem;margin: 0.5rem auto;color: #333333;
}
.qsrm{font-size: 0.36rem;text-align: center;padding-top: 0.5rem;font-weight: 600;color: #333;}
.vcodecont input{
  width: 5rem;height: 0.6rem;display: block;margin-left: 0.4rem;margin-top: 0.4rem;border-radius: 6px;border: 0;
  border: 1px solid #666;padding-left: 0.1rem;color: #000;line-height: 0.6rem;font-size: 0.28rem;
}
.surebtn{
  width: 2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: #2351FB;
  color: #FFF;
  border-radius: 3px;
  margin: 0.5rem auto;
  font-size: 0.28rem;
}

.boxoutb{width: 100%; height: 100%; position: relative;}
.hbalertboxb{width: 100%; height:100%; position: fixed; z-index:9999999; left: 0px; top: 0px; background: rgba(0,0,0,0.9);}
.hongbaoboxb{width: 96%; margin-left:2%; height:90%; margin-top: 10%; background: #F0F0F2; border-radius: 8px;}
.noneedb{ border-top: 1px solid #DDD;  width: 100%;  text-align: center; padding: 2% 0;  font-size: 1.35em; color: #999;}
.hblistboxb{width: 96%; padding: 4% 2%; height:90%; overflow-y:scroll;}
.hb-tipsb{text-align: center; font-size: 1.35em; color:#999; padding: 2% 0;}
.hongbaooutb{width: 100%; background: #FFF; border-radius:3px; margin-top:6%;}
.botboxchoseb{width:94%; padding:2% 3%; background:#FAFAFA; border-top: 1px solid #EFEFEF;}
.topboxtitleb{width:94%; padding: 2% 3%; position: relative;}
.hb-titleb{width: 80%;font-size: 1.38em; color: #282828;}
.hb-timeb{width: 80%;font-size: 1.3em; color: #777; margin-top:2%;}
.topboxtitleb span{position: absolute; right:4%;top:30%; color:#FF4D4D; font-size: 1.4em;}
.zhanghaoleftb{width:70%; height: 20px;line-height: 20px; float: left; font-size:1.3em;color: #999;}
.rightchoseb{width:20px; height:20px; border: 1px solid #EEE; float: right; border-radius:3px; background: #FFF;}
.rightchoseb img{display: block; width: 20px; height: 20px;}

.zslist{margin-bottom: 0.3rem;border-bottom: 1px solid #f0f0f0;padding-bottom: 0.3rem;}
.zslistL{width:35%;position: relative;height: 1.27rem;}
.zslistL .zslogo{display: block;width: 100%;height:100%;border-radius: 3px;}
.zslistR{position: absolute;top: 0;left: 110%;width: 175%;height: 100%;}
.zsgsname{font-size: 0.24rem;color: #282828;font-weight: 700;}
.zslbot{
position: absolute;
right: 0;
bottom: 0;
font-size: 0.22rem;
color: #999;
}
.loadmorebtn{
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.28rem;
	color: #999;
}
.exhibitNav .exhibitTab {width: 100%;background: #F2F2F2;height: 0.8rem; position: fixed; top: 0;left: 0;z-index: 1000;}
.exhibitContent{padding-top: 0.8rem;}

.taitbtn{padding-top: 0.3rem;}

.taitbox{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;display: none;}
.tatcont{ width: 94%;margin: auto;background: #FFF;margin-top: 30%;padding: 0.35rem 0; border-radius: 3px;position: relative;}
.taitlist{width: 95%;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #f0f0f0;padding: 0.2rem 0;font-size: 0.28rem;}
.tclosebtn{position: absolute;top: -12px;right: -6px;width: 0.6rem;height: 0.6rem;background: #333;border-radius: 50%;text-align: center;line-height: 0.6rem;font-size: 0.36rem;color: #fff;}

/* 2018.10.22 */
.txfpbtn{
  margin-right:0.85rem;color:#FFF;font-size:0.24rem;background: #FF9F49;
  padding:0.12rem;border-radius: 3px;
}
.sqtkbnt{
  margin-right:0.85rem;color:#FFF;font-size:0.24rem;background: #FF4A4A; padding:0.12rem;border-radius: 3px;
}
.chrbtn{
  color:#FFF;font-size:0.24rem;background: #3D9AFF;padding:0.12rem;border-radius: 3px;
}

.backindex{width: 40px;height: 40px;font-size:10px;color: #fff;background: #568EFF;border-radius: 50%;
  overflow: hidden;z-index: 100;position: fixed;bottom: 12%;right: 2%;}
.backitop,.backibot{height:12px;line-height:12px;text-align: center;margin-top:9px;  }
.backibot{margin-top:0;}

.fwhts{font-size: 0.3rem;line-height: 1.75;padding-top: 3rem;color: #282828;    width: 92%;margin: auto;}
.fwhbtn{border:1px solid #01BC0D;width: 4rem;height: 0.8rem;line-height: 0.8rem;
  text-align: center;color: #01BC0D;font-size: 0.3rem;
  border-radius: 6px;margin:0.5rem auto;
}

.fapdwei{position: relative;width:6.9rem;margin:0 auto;}
.ttbtn{padding: 0.1rem;font-size: 0.24rem;color: #FFF;background:#FF4A4A;border-radius:3px;}


.commstatebox{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;background: rgba(0,0,0,0.7);}
.commstate{ 
background: #fafafa;
color: #333;
width: 2.8rem;
height: 0.65rem;
text-align: center;
line-height: 0.65rem;
border-radius: 3px;
font-size: 0.28rem;
margin: 6rem auto 0;
}

.bannerimg{width:100%;}
.bannerimg img{display:block;width:100%;}

.pintbox{overflow: hidden;}
.pintlists{margin-top: 0.3rem;}
.pinttop{padding-bottom: 0.1rem;}
.pinttime{font-size: 0.28rem;color: #666;}
.pintnstate{font-size: 0.28rem;color: #666;}
.pintnimgs{width: 100%;}
.pintnimgs img{display: block;width: 100%;border-radius: 3px;}
.pintnbottom{height: 0.8rem;line-height: 0.8rem;}
.pintcpeo{font-size: 0.28rem;color: #FF4D4D;}
.yqhybtn{width:2rem;text-align: center;height: 0.5rem;line-height: 0.5rem;color: #fff;background: #FF4D4D;border-radius: 3px;font-size: 0.26rem;margin-top: 0.15rem;}

/* 2019.2.22 */
.pointerbox{
  position: absolute;
  top: 4rem;
  left: 3rem;
  width: 0.56rem;
  height: 0.56rem;
  animation: zhi 0.8s ease infinite;
  -webkit-animation:zhi 0.8s ease infinite;
  -moz-animation:zhi 0.8s ease infinite;	
  -o-animation:zhi 0.8s ease infinite;
}
.pointerbox img{display: block;width: 100%;height: 100%; transform: rotateZ(-12deg);}
@keyframes zhi{
  0% {transform: translateY(0);}
  25% {transform: translateY(-6px) ;}
  50% {transform: translateY(-12px);}
  75% { transform: translateY(-6px) ;}
  100% {transform: translateY(0) ;}
}
@-webkit-keyframes zhi{
  0% {transform: translateY(0) ;}
  25% {transform: translateY(-6px);}
  50% {transform: translateY(-12px);}
  75% { transform: translateY(-6px) ;}
  100% {transform: translateY(0) ;}
}
@-moz-keyframes zhi{
  0% {transform: translateY(0) ;}
  25% {transform: translateY(-6px);}
  50% {transform: translateY(-12px) scale(1.1, 0.9);}
  75% { transform: translateY(-6px) ;}
  100% {transform: translateY(0) ;}
}
@-o-keyframes zhi{
  0% {transform: translateY(0) ;}
  25% {transform: translateY(-6px);}
  50% {transform: translateY(-12px) scale(1.1, 0.9);}
  75% { transform: translateY(-6px) ;}
  100% {transform: translateY(0) ;}
}

.jghy_box{width: 100%;}
.hy_title em{font-size: 0.3rem;font-weight: 900;}
.hy_price {font-size: 0.3rem;font-weight: 900;}
.hy_price em{font-weight: 500;font-size: 0.28rem;}
.jghy_right{width: 0.8rem;height: 0.8rem;border-radius: 6px;background: #FFEDD3;text-align: center;
color: #B18F5F;font-size: 0.26rem;font-weight: 900;}
.jghy_right p:first-child{margin-top: 0.05rem;}
.bmxzbox{margin-top: 0.2rem;}
.bmxzcont{width: 100%;padding: 0.2rem 0;background: #FFF; border-radius: 3px;}
.tasklist_box{width: 100%;background: #FFF;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.tasklist{padding: 0.24rem 0;border-bottom: 1px solid #e3e3e3;}
.teaklist_left{width:4.8rem;color: #000;}
.tasktile{font-weight: 900;font-size: 0.28rem;}
.teak_detail{font-size: 0.26rem;}
.tasklist_right{width: 1.3rem;height: 0.5rem;text-align: center;line-height: 0.5rem;color: #FFF;
  font-size: 0.24rem;border-radius: 3px;background: #FF883A;margin-top:0.15rem;}
.mm_finish{background:#EFEFEF; }
.mm_share{background: #412ccf;}
.mm_tips{font-size: 0.22rem;color: #999999;background: #FFF;padding: 0.22rem 0;border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;}
.mm_tips p{width: 93%;margin: auto;line-height: 1.75;}
.vcode_box{width: 6rem;padding: 0.5rem 0;border-radius: 6px;background: rgba(0,0,0,0.8);
  position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);
  z-index: 999999;
}
.vcode_input{width: 5.2rem;height: 0.8rem;margin: auto; }
.vcode_input input{width: 100%;height: 100%;display: block;border-radius: 20px;border: 0;text-align: center;font-size: 0.3rem;}
.vcode_submit{width: 5.2rem;height: 0.8rem;margin: auto;color: #FFF;font-size: 0.3rem;
  text-align: center;line-height: 0.8rem;background: #FE9F42;border-radius: 20px;margin-top: 0.3rem;
}
.vcode_close{width: 0.6rem;height: 0.6rem;position:absolute;top: -14px;right: -14px;}
.vcode_close img{display: block;width: 100%;height: 100%;}
.wucanbox{width: 100%;}
.wucanbox img{display: block;width: 100%;}
.wcantotal_box{padding: 0.2rem 0;border-bottom: 1px solid #e3e3e3;}
.wcan_left{margin-top: 0.08rem;}
.wcan_left em{color: #FF4d4d;font-size: 0.3rem;font-weight: 900;}
.wcan_left span{color: #666;font-size: 0.24rem;}
.canq_tips{width: 6.9rem;margin:0.3rem auto;}
.canq_tipstitle{font-size: 0.28rem;font-weight: 900;}
.canq_tipsdetail{font-size: 0.26rem;line-height: 1.75;}
.canquan_buy{position: fixed;bottom: 1.4rem;left: 0.3rem;width: 6.9rem;height: 0.88rem;
  line-height: 0.88rem;text-align: center;background: #FF4D4D;border-radius: 3px;
  font-size: 0.3rem;color: #FFF;font-weight: 600;
}
.qb_top{width: 100%;background:#F2F2F2;padding: 0.3rem 0 0.5rem; }
.qb_tleft{width: 3.7rem;text-align: center;}
.qb_tline{width:0.06rem;height: 1.44rem;border-left: 1px solid #444444;}
.qb_number{font-size: 0.54rem;font-weight: 900;color: #000000;}
.qb_numbers{font-size: 0.54rem;font-weight: 900;color: #FF4d4d;}
.qb_text{font-size: 0.28rem;font-weight: 900;color: #444444;line-height: 1.75;}
.qb_tetxq{font-size: 0.2rem;color: #412ccf;}
.zh_detailbox{margin-top: 0.4rem;}

.zh_xqlist{width: 100%;padding: 0.25rem 0;background:#F2F2F2;border-radius: 3px;margin-top: 0.3rem; }
.zh_width{width: 6.3rem;margin: auto;}
.zh_top em{font-size: 0.28rem;font-weight: 600;}
.zh_top span{font-size: 0.24rem;font-weight: 600;color: #FF4d4d;padding-top: 0.03rem;}
.zh_bot{line-height: 1.75;}
.zh_bot em{color: #999999;font-size: 0.2rem;padding-top: 0.03rem;}
.zh_bot span{font-size: 0.24rem;color: #999999}
.cq_code{width: 4rem;height: 4rem;margin: 1.2rem auto 0;}
.cq_code img{display: block;width: 100%;height: 100%;}
.cq_tips{width: 100%;text-align: center;font-size: 0.28rem;color: #000000;margin-top: 0.2rem;}
.cq_tips em{color: #2351FB;text-decoration: underline;}
.buycq_btn{width: 3.2rem;height: 0.88rem;text-align: center;line-height: 0.88rem;font-size: 0.3rem;
  color: #FFF;font-weight: 600;border-radius: 20px;background: #412ccf;margin: 0.3rem auto;
}
.cq_codeno{width: 2.89rem;height: 3.66rem;margin: 1.2rem auto 0;}
.cq_codeno img{display: block;width: 100%;height: 100%;}
.zmoneybox{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index:1010;}
.zhiyin{width: 2.66rem;margin-left: 4.1rem;margin-top: 0.4rem;}
.zhiyin img{display: block;width: 100%;}
.zmoneycont{width: 6rem;margin:0.4rem auto;padding: 0.3rem 0;background: #3826B3;border-radius: 3px;}
.money_text{width: 5.2rem;margin: auto;text-align: center;color: #FFF;font-size: 0.24rem;line-height: 1.65;}
.money_text em{color: #FFC425;}
.know_btn{width: 3.6rem;height: 0.8rem;text-align: center;line-height: 0.8rem;color: #FFF;border: 1px solid #FFF;border-radius: 30px;
font-size: 0.26rem;margin: 0.3rem auto 0;}
.qbdetail_box{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 100;}
.qbdetail_cont{width: 6.5rem;padding: 0.5rem 0;background: #FFF;border-radius: 3px;margin: 3rem auto 0;}
.qbdetail_title{width: 100%;text-align: center;font-size: 0.36rem;font-weight: 900;color: #000000;margin-bottom: 0.2rem;}
.qbdetail_text{width: 5.9rem;margin: auto;font-size: 0.24rem;line-height: 1.65;}
.qbdetail_tips{width: 5.9rem;font-size: 0.24rem;font-weight: 900;color: #000000;margin: 0.1rem auto;}
.qb_close{width: 0.72rem;height: 0.72rem;margin: 0.3rem auto 0;}
.qb_close img{display: block;width: 100%;height: 100%;}


/* 2019.2.25 */
.pointerpopup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999999999;background: rgba(0,0,0,0.8);}
.pointerpeo{padding-top: 1.4rem;margin-left: 2%;}
.pointer_btn{width: 2.4rem;height: 0.8rem;text-align: center;line-height: 0.8rem;color: #FFF;border: 1px solid #FFF;font-size: 0.28rem;
border-radius: 30px;margin:2rem auto 0;
}

/* 2019.2.26 */
.hy_tipsbox{width: 100%;height: 0.7rem;background: #DFD7B6;}
.hy_tips{font-size: 0.22rem;color: #8F7343;line-height: 0.7rem;float: left;}
.xuf_btn{width: 1.1rem;height: 0.5rem;background: #FFF;font-size: 0.22rem;color: #8F7343;
  border-radius: 30px;float:right;margin-top: 0.1rem;text-align: center;line-height: 0.5rem;
}
.baseInfo{padding-bottom: 0.5rem;border-bottom:0.18rem solid #f0f0f2; }
.base_title{margin-top: 0.3rem;}
.base_line{width: 0.1rem;height: 0.36rem;background: #000;float: left;margin-top: 0.05rem;margin-left: -4%;}
.base_text{float: left;}
.base_text span{font-size: 0.32rem;color: #000000;font-weight: 900;}
.base_text em{color: #999999;font-size: 0.24rem;}
.binfolist{width: 92%;height: 0.88rem;margin:0.2rem auto 0;}
.binfolist input{display: block;width: 94%;padding:0 3%;height: 100%;border: 0;
  background:#F6F6F6;font-size: 0.28rem;border-radius: 3px;color:#000 }
.binfotextarea{width: 92%;height: 1.44rem;margin: 0.2rem auto 0;}
.binfotextarea textarea{display: block;width: 93%;height: 100%;padding:0.2rem 3% 0;font-size: 0.28rem;
border-radius: 3px;background: #F6F6F6;border: 0;resize: none;color:#000}
.base_tips,.base_tipsxq{width: 92%;margin:0.3rem auto 0;font-size: 0.26rem;color: #000000;font-weight: 900;}
.vcode_list{width: 92%;margin: auto;height: 0.72rem;line-height: 0.72rem;background: #F6F6F6;border-radius: 3px;margin-top: 0.2rem;font-weight: 900;font-size: 0.24rem;}
.vcode_left{float: left;margin-left: 0.3rem;}
.vcode_right{float: right;
    color: #412ccf;
    background: #412ccf;
    color: #FFF;
    padding: 0 0.3rem;
    border-radius: 5px;}
.vcode_right1{    float: right;
    color: #412ccf;
    background: #f99b0f;
    color: #FFF;
    padding: 0 0.3rem;
    border-radius: 5px;}

.base_tipsxq{color: #222222;font-size: 0.26rem;font-weight: 500;margin-top: 0.15rem;}
.gray_tips{font-size: 0.24rem;color: #999999;margin-top: 0.2rem;}
.zxj_list p{font-size: 0.24rem;width: 92%;margin: 0.3rem auto 0;}
.ldbox{width: 92%;margin: 0.2rem auto 0;}
.ldboxlist{width: 3.35rem;height: 0.88rem;float: left;margin-right: 0.1rem;}
.ldbox .ldboxlist:last-child{margin-left: 0.1rem;margin-right: 0;}
.ldboxlist select{display: block;width: 100%;height: 100%;border:none;background: #f6f6f6;font-size:0.34rem;color:#000}
.ldboxlist select option{width: 100%;display: block;}

.xxyh_img{margin-top: 0.2rem;}
.xxyh_img img{display: block;width: 100%;border-radius: 3px;}
.email_btn{width: 92%;margin: 0.2rem auto 0;height: 0.8rem;text-align: center;line-height: 0.8rem;color: #FFF;
background: #412ccf;border-radius: 3px;font-size: 0.3rem;
}
.quanyibox{margin-top: 0.3rem;}
.qyi_title{font-size: 0.28rem;font-weight: 900;}
.qyi_list{font-size: 0.26rem;line-height: 1.65;}
.superselect{margin-top: 0.3rem;}
.super_list{position: relative;width: 3.35rem;height: 1.44rem;background: #f6f6f6;border-radius: 3px;color: #222;margin-right: 0.1rem;float: left;}
.super_wid{width: 2.8rem;margin: auto;font-size: 0.24rem;text-align: center;line-height: 1.65;}
.qyxzimg{width: 0.36rem;height: 0.36rem;position: absolute;bottom: 0;right: 0;}
.qyxzimg img{display: block;width: 100%;height: 0.36rem;}
.superselect .super_list:first-child p.super_wid:first-child{margin-top: 0.3rem;}
.superselect .super_list:last-child{margin-left: 0.1rem;margin-right: 0;}
.superselect .super_list:last-child .super_wid{margin-top: 0.2rem;}
.hy_selected{background:#412ccf;color: #FFF; }


/* 2019.2.27 */
/* 美沃斯机构会员卡 */
.card_top{width: 100%;}
.card_top img{display: block;width: 100%;}
.card_imgs{width: 6.76rem;margin:0.2rem auto 0;}
.card_imgs img{display: block;width: 100%;}
.card_box{width: 7.1rem;margin: auto;}
.border_top{width: 100%;margin-top: 0.3rem;}
.border_top img{display: block;width: 100%;}
.card_cont{width: 7.1rem;background: #E8E1C4;margin: auto;position: relative;top: -1px;padding-bottom: 0.28rem;}
.card_info{width: 6.5rem;margin: auto;}
.tese_list{width: 3.15;float: left;margin-top: 0.2rem;margin-right: 0.1rem;}
.card_info .tese_list:nth-child(2n){margin-left: 0.1rem;margin-right: 0;}
.tese_list img{display: block;width: 0.6rem;height: 0.6rem;float: left;margin-right: 0.1rem;}
.tese_list p{float: left;;color: #442C12;font-size: 0.24rem;font-size: 600;width: 2.45rem;}
.border_center{width: 100%;position: relative;top: -2px;}
.border_center img{display: block;width: 100%;}
.hyzhx_title{padding-top: 0.2rem;width: 100%;text-align: center;font-size: 0.48rem;font-weight: 900;color: #442C12;}
.hyzhx_en{width: 100%;text-align: center;font-size: 0.2rem;color: #877059;padding-top: 0.1rem;}
.vip_get{width:100%;}
.vip_getimg{width: 100%;margin-top: 0.35rem;position: relative;}
.vip_getimg img{display: block;width: 100%;border-radius: 3px;}
.hyvideo{width: 1.28rem;height: 1.28rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.vip_getimg .hyvideo img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.vip_get p{width: 100%;text-align: center;font-size:0.24rem;color: #442C12;padding-top: 0.1rem; }
.qyjxtitle{padding-top: 0.2rem;}
.jx_logo{width: 0.42rem;float: left;}
.jx_logo img{display: block;width: 100%;}
.qxjx_text{float: left;width: 5.95rem;font-size: 0.28rem;font-weight: 600;color: #442C12;margin-left: 0.1rem;}
.qyjxmar{padding-top: 0.15rem;}
.qyjxdetail{font-size: 0.24rem;color: #442C12;line-height: 1.75;}

.border_bot{width: 100%;position: relative;top: -4px;}
.border_bot img{display: block;width: 100%;}
.vipmore{width: 100%;text-align: center;font-size: 0.3rem;font-weight: 900;color: #C7A976;padding-top: 0.2rem;}
.card_btns{position: fixed;bottom: 0;left: 0;width: 100%;color: #FFF;font-weight: 900;
  text-align: center;font-size: 0.36rem;line-height: 1rem;height:1rem;background:#FF4D4D; }

/* 2019.2.28 */
.fixed {
  position: fixed;
  top: -0.4rem;
  left:50%;
  transform:translateX(-50%);
  z-index: 9999;
}
.module_left{margin-left:0.3rem;float: left; }
.module_right{margin-right: 0.3rem;float: right;width: 1.8rem;text-align: center;font-size: 0.24rem;color: #FFF;
  font-weight: 900;height: 0.72rem;line-height: 0.72rem;background: #FF6398;border-radius: 3px;
}

.jghy_box img{display: block;width: 100%;}

.getvcode_btn{width: 2rem;height: 0.6rem;background: #412ccf;color: #FFF;
  border-radius: 6px;text-align: center;line-height: 0.6rem;margin: 0.4rem auto;}

.zhxj_info{width: 3.3rem;height: 0.88rem;margin:0.2rem 0rem 0 0.3rem; float: left;}
.zhxj_info input{display: block;width: 94%;padding:0 3%;height: 100%;border: 0;
  background:#F6F6F6;font-size: 0.28rem;border-radius: 3px; color:#000}
.show_list{display: none;}
.is_show{display: block;}
.infotips{
	width: 5rem;
    height: 2rem;
    background: #000;
    color: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    transform: translate(-50%,-50%);
    font-size: 0.32rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 20px;
    display: none;
}
.hasmake{color: #999999;}
/* 发票央视 */
.fpbtn{width: 92%;margin: 0.3rem auto 0;text-align: right;color: #999;}

.fapiaobox{
width: 100%;height: 100%;background: rgba(0,0,0,0.8);
position: fixed;top: 0;left: 0;z-index: 10000;
display: none;
}
.submtop{width: 92%;margin: 0.4rem auto 0;}
.fp_cancel,.fp_submit{width: 3.2rem;height: 0.8rem;text-align: center;line-height: 0.8rem;float: left;color: #FFF;
background: #2351fb;font-size: 0.3rem;border-radius: 3px;}
.fp_submit{background: #FF4D4D;float: right;}

/* 2019.3.7--ͨ��ģ�� */
.mask1{width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 1000;}
.maskcont{width: 6.6rem;padding: 0.2rem 0;background: #FFF;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-80%);}
.fwhcode{width: 70%;margin: 0.2rem auto;}
.fwhcode img{display: block;width: 100%;}
.masktext1,.masktext2{width: 100%;text-align: center;font-size: 0.3rem;line-height: 1.65;}
.masktext2{font-size: 0.34rem;}
.masktext1 em{color: #412ccf;}
.mask_close{width: 0.8rem;height: 0.8rem;position: absolute;top: 63%;left: 50%;transform: translate(-50%,0%);}
.mask_close img{display: block;width: 100%;height: 100%;}
.zmoneybox{background: rgba(0,0,0,0.6);}
.zmoneycont{background: #FFF;margin-top: 0.9rem;padding-bottom: 0.1rem;}
.zq_title{width: 5.4rem;position: relative;top: -0.9rem;margin: auto;}
.zq_title img{display: block;width: 100%;}
.zq_box{width: 5.4rem;margin: auto;position: relative;top: -0.5rem;}
.zq_list{width: 100%;margin-bottom: 0.2rem;}
.zq_list .zq_top{font-size: 0.3rem;font-weight: 900;color: #6E39FD;}
.zq_list .zq_bot{font-size: 0.28rem;color: #000000;line-height: 1.65;}
.zq_list .zq_bot em{font-weight: 900;color: #6e39fd;}
.zq_list .zq_bot2{font-size: 0.26rem;color: #FD3947;line-height: 1.65;text-decoration: underline;}
.zq_know{width: 1.4rem;height: 0.6rem;text-align: center;line-height: 0.6rem;font-size: 0.28rem;border: 1px solid #6e39fd;margin: auto;
  border-radius: 30px;position: relative;top: 0.15rem;}

iframe{display:block;width:100%}

.peomask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;background: rgba(0,0,0,.8);}
.peocont{width: 6.8rem;margin: 3rem auto 0;background: #FFF;padding: 0.5rem 0 0.2rem;border-radius: 3px;}
.peoinfolist{width:6rem;height: 0.8rem;margin:0 auto 0.3rem;}
.peoinfolist input{display: block;width:96%;padding-left: 4%;height: 100%;font-size: 0.26rem;color: #000;border-radius: 3px;border: 0;border: 1px solid #CCC;}
.peoinfolist select{display: block;width:100%;padding-left: 4%;height: 100%;font-size: 0.26rem;color: #000;border-radius: 3px;border: 0;border: 1px solid #CCC;}
.jg_cancle_btns{float: left;width: 2.5rem;height: 0.8rem;text-align: center;line-height: 0.8rem;background: #efefef;color: #585858;border-radius: 3px;font-size: 0.3rem;}
.jg_submit_btns{float: right;width: 2.5rem;height: 0.8rem;text-align: center;line-height: 0.8rem;background: #412ccf;color: #FFF;border-radius: 3px;font-size: 0.3rem;}


#audio_btn {
  width: 30px;
  height: 30px;
  background-image: url(../../images/music.svg);
  background-size: contain;
  position:fixed;
  top: 8px;
  right:8px;
  z-index: 99;
}

.rotate {
  -webkit-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite
}
@-webkit-keyframes rotating {
  from { -webkit-transform: rotate(0) }
  to { -webkit-transform: rotate(360deg) }
}

@keyframes rotating {
 from { transform: rotate(0) }
  to { transform: rotate(360deg) }
} 

.hc_bottom{width: 100%;height: 1rem;background: #FFF;position: fixed;bottom: 0;left: 0;z-index: 10000;}
.hc_left{float: left;line-height: 1rem;margin-left: 0.3rem;font-size: 0.3rem;color: #000000;font-weight: 900;}
.hc_center{float: left;width: 1.5rem;height: 0.6rem;background: #412ccf;color: #FFF;text-align: center;line-height: 0.6rem;margin-top: 0.2rem;border-radius: 3px;margin-left: 0.4rem;font-weight: 900;-webkit-animation: opacty 0.8s ease infinite;
animation: opacty 0.8s ease infinite}
.hc_center a{display: block;width: 100%;height: 100%;color: #FFF;}
.hc_right{float:right;margin-right: 0.3rem;background: #ff912f;color: #FFF;width: 1.5rem;height: 0.6rem;text-align: center;line-height: 0.6rem;margin-top: 0.2rem;border-radius: 3px;font-weight: 900;}

@-webkit-keyframes opacty {
0% { transform: scale3d(1,1,1) }
50%{ transform: scale3d(1.2,1.2,1.2)}
100%{transform: scale3d(1,1,1)}
}

@keyframes opacty {
0% { transform: scale3d(1,1,1) }
50%{ transform: scale3d(1.2,1.2,1.2)}
100%{transform: scale3d(1,1,1)}
}