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;
}
.clear:after {
  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 {
  outline: 0 none;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #c0c4cc;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #c0c4cc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c0c4cc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c0c4cc;
}

video::-webkit-media-controls {
  overflow: hidden !important;
}
video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}
.wid96 {
  width: 96%;
  margin: 0 auto;
}

.borderbot {
  padding-bottom: 0.5rem;
  border-bottom: 10px solid #fafafa;
}

.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 200px;
    background: #141482;
    -webkit-overflow-scrolling: touch;
}


::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar-thumb:vertical {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 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);
}
.baiyi_header img {
  width: 100%;
  display: block;
}
.baiyi_cons {
  /* margin-top: -15%; */
  position: relative;
  text-align: center;
  padding-bottom: 2rem;
}
.taoke_box {
    width: 100%;
    margin: 6% auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-radius: 6px;
    padding-bottom: 6%;
}
.taoke_box ul {
     width: 100%;
    margin: 0 auto;
    padding-bottom: 5%;
    border-radius: 6px;
}
.taoke_box ul li {
    width: 46%;
    background: #fff;
    padding: 1% 1% 2% 1%;
    border-radius: 6px;
    float: left;
    margin: 0 1% 4% 1%;
}
.jiesuo_ke {
  width: 100%;
  margin-top: 5%;
}
.person_num {
  color: #0c0c6b;
  font-size: 0.24rem;
  font-weight: 600;
  float: left;
}
.js_btn {
    border-radius: 2em;
    background: #ff5a03;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    padding: 1.5% 4.5%;
    float: right;}

.yi_jiesuo {
  background: rgb(63, 179, 88);
  border-radius: 2em;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    padding: 1.5% 4.5%;
    float: right;
}

.jiesuo2 {
  background: #21212B;
    border: 2px solid #87877B;
}
.dh_jl{ background: #FF5A03; }

.jiesuo2 span{color:#FFCC55;}
.aside {
  position: fixed;
  right: 0;
  bottom: 12%;
  z-index: 1000;
}
.aside > div {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  color: #fff;
  font-size: 14px;
  margin-top: 10%;
  height: 30px;
  line-height: 30px;
  padding-right:3px;
}
.aside_img{
    float: left;
    width: 26px;
    height: 26px;
    margin:2px 5px;
}
.aside_img img {
  width: 100%;
  display: block;
 
}
.aside  span{
  display: block;
  float: left;
}
.jiesuo {
   background: #86919B;
    border: 2px solid #CCD5DD;
}
.hd_rule {
  background: #3fb358;
}
.hd_rule1 {
  background: #ff5a03;
}
.ys_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: none;
}
.ys_mask .ys_box {
  position: absolute;
  top: 20%;
  width: 96%;
  left: 2%;
}
.getys_box {
  position: absolute;
  top: 20%;
}
.getys_box img {
  width: 100%;
  margin: 0 auto;
}
.ys_bg {
  width: 100%;
  margin: 0 auto;
  z-index: 10002;
  display: block;
}
/* �����γ̵��� */
.jiesuo_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: black;
  display: none;
}
.ys_cont {
  width: 96%;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 2%;
  
}
.jiesuo_close {
  width: 0.6rem;
  position: absolute;
  right: 10%;
  top: -6%
}
.ys_box {
  position: relative;
  height:100%;
}
.ys_header{  position: relative;
	
}
.ys_box h3 {
     color: #fced4a;
    font-size: 0.4rem;
    position: absolute;
    left: 50%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height:3;
  
}
.ys_wrap {
  width: 93%;
  height:90%;
  background: #161a90;
  margin: 0% auto;
  border-radius: 6px;
  z-index: 999;
  padding-bottom: 1rem;
}
.ys_tit {
  width: 86%;
  height: 0.6rem;
  margin: 0% auto 4%;
  border-radius: 2em;
  background: #00058d;
  padding: 2%;
}
.ys_tit p {
  width: 48%;
  height: 0.58rem;
  height: 0.58rem;
  line-height: 0.58rem;
  text-align: center;
  color: #fff;
  font-size: 0.28rem;
  font-weight: bold;
  border-radius: 2em;
  margin-left: 2%;
}
.ys_tit p:nth-child(1){
    float: left;
}
.ys_tit p:nth-child(2){
  float: right;
}
.ys_tit .active {
  background: #fff;
  color: #0007f7 !important;
}
.ys_bot {
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 6px;
    padding: 0 1% 2%;
}
.doctors,
.js_sections {
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.js_sections {
  display: none;
}
.yq_history {
  /* display: none; */
}
.yq_none,
.js_none {
  width: 100%;
  text-align: center;
  display: none;
}
.yq_none img,
.js_none img {
  width: 40%;
  margin: 15% auto 2%;
}
.yq_none h6,
.js_none h6 {
  color: #fff;
  font-size: 0.36rem;
  font-weight: 400;
}
.yq_none p,
.js_none p {
  text-indent: 1em;
  width: 88%;
  color: #fff;
  font-size: 0.28rem;
  margin: 5% auto;
  line-height: 0.46rem;
}
.doctor_mess {
  width: 100%;
  color: #98aeff;
  font-size: 0.26rem;
}
.doctor_mess p {
  font-size: 0.3rem;
  color: #9599d1;
  float: left;
}
.doctor_mess p:nth-child(1){
  padding-left: 2%;
}
.doctor_mess p:nth-child(1),
.doctor_mess p:nth-child(3),
.yq_history ul li p:nth-child(1),
.yq_history ul li p:nth-child(3) {
  width: 25%;
}
.doctor_mess p:nth-child(2),
.yq_history ul  li p:nth-child(2) {
  width: 45%;
  margin-left: 3%;
}
.ys_bot ul li {
  color: #fff;
  width: 100%;
  height: 0.8rem;
  margin: 3% auto;
  border-radius: 6px;
}
.ys_bot ul li:nth-child(2n) {
  background: #2138bb;
}
.ys_bot li p:nth-child(1),
.ys_bot li p:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.yq_history ul li p {
  float: left;
  font-size: 0.24rem;
  line-height: 0.8rem;
}
.yq_history ul li p:nth-child(1){
    padding-left: 2%;
}
.rz {
  color: #52ff77;
}
.doctor_mess p:nth-chil(3) {
  color: #fff;
}
.js_sections ol {
  width: 100%;
  overflow-y: scroll;
}
.js_sections ol li:nth-child(1){
  margin-top: 2%;
}
.js_sections ol li {
  margin-top: 5%;
  border-radius: 4px;
  background: #fff;
  padding: 3% 3% 5%;
}
.jske_top {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.parimg {
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow:hidden;
  height:130px;
}
.ke_pic {
  width: 100%;
  display: block;
  border-radius: 4px;
  
}
.bfbtn {
  width: 0.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.js_biao {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to bottom right, #7d52f9, #5e49e8);
  padding: 0.1rem 0.12rem;
  font-size: 0.24rem;
}
.ke_video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.kan_btn {
  width: 80%;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 2em;
  color: #fff;
  background: #ff5a03;
  text-align: center;
  font-size: 0.28rem;
  margin: 0.3rem auto 0;
}
.beizhu {
  color: #666666;
  font-size: 0.26rem;
  width: 90%;
  text-align: center;
  margin: 4% auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.down_app {
  width: 90%;
  height: 0.8rem;
  background: #ff5a03;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #fff;
  z-index: 99999;
  position: fixed;
  bottom: 0;
  left: 5%;
 
}
.down_close {
  color: #fff;
  width: 0.5rem;
  height: 0.5rem;
  background: rgba(0,0,0,.3);
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.38rem;
  border-bottom-right-radius: 85%;
  position: absolute;
  left: 0;
  top: 0;
}
.down_cons {
  margin-left: 0.4rem;
  padding-right: 0.1rem;
}
.down_cons P:nth-child(1){
  float: left;
  margin-top: 3%;
}
.down_right {
  float: right;
  color: #ff5a03;
  background: #fff;
  padding: 0.5% 2%;
  font-size: 0.24rem;
  border-radius: 4px;
  margin-top: 3%;
} /* ����� */
.gg_wrap {
  width: 100%;
  position: relative;
  background: #0c0c6b;
  padding-bottom: 1rem;
}
.js_head {
  display: block;
  width: 100%;
}
.js_section {
  width: 86%;
  position: relative;
  border-radius: 4px;
  background: #3435d7;
  color: #fff;
  padding: 4%;
  margin: 0 auto 2%;
}
.js_section img {
  width: 7%;
}
.js_section p {
  text-indent: 0.4rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  margin-top: 5%;
  color: #c7c6f3 !important;
  letter-spacing: 0.02rem;
}
.js_section em {
  display: block;
  color: #d8b060;
  margin-top: 6%;
  font-size: 0.3rem;
  margin-bottom: 5%;
}
.js_section input {
  color: #fff;
  width: 94%;
  height: 0.8rem;
  border: none;
  background: #4e50eb;
  border-radius: 4px;
  padding-left: 3%;
  margin: 0 auto 3%;
  font-size: 0.28rem;
}
.submit_btn {
  width: 98%;
  height: 0.8rem;
  border-radius: 4px;
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.8rem;
  background: #ff5a03;
}
.kec_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  z-index: 10000;
  display: none;
}
.kec_cont {
  width: 98%;
  height: 96%;
  margin: 2% auto 0;
  overflow: hidden;
 
 
}
.kec_close {
  width: 0.6rem;
  float: right;
  margin-bottom: 3%;
}
.kec_top {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.kec_parimg {
  width: 100%;
  position: relative;
}
.kec_ke {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.kec_bf {
  width: 0.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jiesuo_video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.kec_list {
  width: 100%;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 3% 0;
  overflow-y: scroll;
}
.kec_list ul {
  width: 94%;
  margin: 0 auto;
}
.kec_list ul li {
  width: 100%;
  border-bottom: 1px solid #efefef;
  padding: 3% 0;
  display: flex;
}
.kec_list ul li:last-child{
    border-bottom: none;
    margin-bottom: 150px;
}
.kelist_left {
  width: 30%;
  float: left;
}
.kelist_left img {
  width: 100%;
  border-radius: 4px;
}
.kelist_sayt {
  width: 65%;
  margin-left: 0.2rem;
  position: relative;
  float: left;
}
.kelist_sayt h6 {
  width: 95%;
  font-size: 0.26rem;
  color: #222222;
}
.jiesuo_qian {
  margin-top: 0.1rem;
  display:none;
}
.jiesuo_qian span {
  display: inline-block;
  margin-right: 0.2rem;
  background: #f4f4f4;
  border-radius: 4px;
  padding: 0.05rem 0.08rem;
  color: #8a8a8a;
  font-size: 0.2rem;
  margin-bottom:0.1rem;
}
.kelist_sayt em {
  font-size: 0.26rem;
  color: #999999;
  position: absolute;
  bottom:2px;
}
.jiesuo_sta {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.2rem;
  color: #ff5a03;
}
.jiesuo_stab{
	position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.2rem;
  color: #999;
}

.jiesuo_botbtn {
  width: 80%;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 2em;
  color: #fff;
  background: #ff5a03;
  text-align: center;
  font-size: 0.3rem;
  position:fixed;
  bottom:3%;
  left:10%;
}
.jiesuo_botbtn2{
  background: #ff5a03;
  position: absolute;
  bottom: 0;
  width: 98%;
  height: 0.8rem;
  margin: 0;
  left:1%;
}
.jiesuo_botbtn2 .down_close{
    background: rgba(0,0,0,.4);
}
.jiesuo_botbtn2 .down_right{
    color: #ff5a03;
    margin-top: 3%;
}
/* �����ɹ����� */
.jiesuo_succmask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10001;
  display: none;
}
.sucess_box {
  width: 80%;
  margin: 50% auto 0;
  position: relative;
}
.success_cont {
  width: 100%;
}
.success_cont img {
  width: 100%;
  display: block;
}
.success_close {
  position: absolute;
  width: 0.6rem;
  right: 0%;
  top: -25%;
}
/* ����ʧ�ܵ��� */
.jiesuo_failmask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10001;
  display: none;
}
.fail_cont {
  width: 80%;
  margin: 40% auto 0;
  position: relative;
}
.fail_close {
  position: absolute;
  width: 0.6rem;
  right: 0%;
  top: -14%;
}
.fail_box {
  width: 100%;
  position: relative;
}
.fail_box img {
  width: 100%;
  display: block;
}
.yq_doctor {
  position: absolute;
  bottom: 4%;
  width: 55%;
  left: 22.5%;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
  color: #fff;
  border-radius: 2em;
  background: #ff5a03;
  font-size: 0.28rem;
  padding: 0.5% 0.8%;
}
/* û��ҽʦ��֤ */
.ysrz_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10001;
  display: none;
}
.ysrz_box {
  width: 80%;
  margin: 70% auto 0;
  background: #fff;
  border-radius: 6px;
  text-align: center;
  padding: 8% 6% 5%;
}
.ysrz_box h3 {
  font-size: 0.36rem;
  color: #303133;
}

.go_ysrz {
  width: 60%;
  margin: 5% auto 0;
  height: 0.7rem;
  text-align: center;
  line-height: 0.7rem;
  color: #fff;
  border-radius: 2em;
  background: #0007f7;
  font-size: 0.28rem;
}
.foot {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1% 3% 3%;
  background: #FFF;
}

.foont_btn {
    width: 80%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    background: #ff5a03;
    border-radius: 2em;
    font-size: 0.3rem;
    margin: 2% auto 0;
}

.tanchuang1 {
  position: fixed;
  width: 56%;
  left: 20%;
  padding: 5% 2%;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  top: 40%;
  z-index: 10000000;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.9);
  display: none;
}

/* ������ */
.share_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.9);
  display: none;
}
.share_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.share_box img {
  display: block;
  width: 65%;
  position: absolute;
  top: 5%;
  right: 3%;
}
.lazyload_mask{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001;
  display: none;
}
.lazyload_mask img{
  width: 15%;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
}
.rz_mask{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.8);
	z-index:10001;
	display:none;
}
.fs_cont{
	width:85%;
	margin:45% auto 0;
	background:#fff;
	border-radius:4px;
	padding-top:5%;
	padding-bottom:1%;
	
}
.fs_title{
	wudth:100%;
	text-align:center;
}
.fs_font{
	width: 90%;
    padding: 0 5%;
	
}
.fs_font p:nth-child(2){
	margin-top:2%;
}
.fs_cont h3{
	font-size:0.3rem;
	font-weight:bold;
	color:#000;
}

.bt_two{
	margin-bottom:4%;
}
.fs_cont p{
	font-size:0.28rem;
}
.fs_cont p em{
	font-weight:bold;
	font-size:0.24rem;
}
.know_btn{
	width:50%;
	color:#fff;
	font-size:0.28rem;
	text-align:center;
	border-radius:2em;
	background:#1827b8;
	padding:1% 1%;
	margin:3% auto 2%;
}
.kectop_left{ position: relative; width: 60%; height: 0.6rem; line-height: 0.6rem; border-radius:2em; background: #385AFB; float: left; } .lei_img{ float: left; width: 0.4rem; height: 0.4rem; background: #fff; border-radius: 50%; text-align: center; line-height: 0.4rem; margin: 0.1rem 0 0 0.1rem; } .lei_img img{ width: 100%; display: block; } .lei_name{ float: left; margin-left: 0.2rem; color: #fff; font-size: 0.26rem; } .xiala_pic{ float: right; margin-right: 0.2rem; width: 0.35rem; margin-top: 0.1rem; } .xiala_pic img{ width: 100%; display: block; } @keyframes xiala { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(180deg); } } .lei_cont{ position: absolute; width: 50%; background: #fff; height: 3rem; overflow-y: scroll; border-radius: 6px; margin-top: 0.8rem; z-index: 9999; padding-bottom: 0.4rem; display:none; } .lei_cont p{ width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 0.3rem; padding-left: 0.2rem; font-size: 0.28rem; color: #606266; } .lei_cont p:active{ background: #385AFB; color: #fff; width: 98%; height: 0.5rem; line-height:0.5rem; } .gotoapp_mask,.gotoapp_my{ width:100%; height:100%; position: fixed; top:0; left:0; background: rgba(0,0,0,.8); display: none; z-index: 10000;} .goapp_cont,.gotoapp_mycont{ position: relative; width: 70%; height: 15%; border-radius:6px; background: #fff; text-align: center; margin:45% auto 0; padding:7% 5% 0; } .goapp_cont p,.gotoapp_mycont p{ font-size: 0.28rem;line-height:1.75;} .go_btn{ position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); background: #385AFB; color: #fff; width: 35%; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 2em; font-size: 0.28rem; }
.goapp_close,.gotoapp_btn{
	width:0.5rem;
	border:1px solid #fff;
	border-radius:50%;
	color:#fff;
	text-align:center;
	line-height:0.5rem;
	font-size:0.3rem;
	margin:8% auto;
}
.foont_btn1{    
	width: 45%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    background: #ff5a03;
    border-radius: 2em;
    font-size: 0.3rem;
    margin-top: 2%;
    float: left;}
.foont_btn2{
	width: 40%;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    background: #1E69FF;
    border-radius: 2em;
    font-size: 0.3rem;
    margin-top: 2%;
    margin-right: 5%;
    float: right;
}


.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
      .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } 
      .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
      @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada }

      #audio_btn { width: 30px; height: 30px; background-image: url(./images/music.svg); background-size: contain; position: fixed; top: 2%; left: 90%; z-index: 999999999999999; }
      
      .rotate { -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -o-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) } } @-moz-keyframes rotating { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) } }
     
     #audio_btn { width: 30px; height: 30px; background-image: url(/activity/static/images/music.svg); background-size: contain; position: fixed; top: 2%; left: 90%; z-index: 999999999999999; }

     .rotate { -webkit-animation: rotating 1.2s linear infinite; -moz-animation: rotating 1.2s linear infinite; -o-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) } } @-moz-keyframes rotating { from { -moz-transform: rotate(0) } to { -moz-transform: rotate(360deg) } }
     
     
     
 .qywxbox{ position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
	display: none;
}  
    
  .qywximg{    width: 80%;
    background: #FFF;
    padding: 4%;
    border-radius: 5px;
    position: relative;
    z-index: 111111111111;
    margin-left: 6%;
    margin-top: 20%;
}
.qywximg img{display:block; width:100%;}
.qywximg p{font-size: 0.3rem;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;}
   .qywximg span  {    font-size: 0.4rem;
    position: absolute;
    bottom: -100px;
    background: #FFF;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;}
     
 .hdgz_box{position: fixed; width: 100%; height: 100%; background: #000; left: 0; top: 0; z-index: 10000000;}
 .closehdgz{width:30px; height:30px;    font-size: 20px;  position: fixed; right: 3%; top: 0;z-index: 100000; margin-right:0%; background:#FFF; border-radius:30px; color: #000; text-align:center; line-height:30px; }
 .gzboox{width: 88%;
    margin-left: 6%;}
 .gzboox img{display: block;width: 100%;       margin-top: -20px; }
 .hdgz_box a{ display:block; width: 100%; }
 .hdgz_box a img{     display: block;
    width: 80%;
    cursor: pointer;
    margin-left: 10%;
    margin-top: 2%;}
.fuwuhao{position: fixed; width: 100%; height: 100%; background: #000; left: 0; top: 0; z-index: 10000000;}
.fuwuhao img{display: block; width: 90%; margin-left: 5%; margin-top: 10%;}

.dhalertboxxx{position: fixed; width: 100%; height: 100%; background: #000; left: 0; top: 0; z-index: 1000000000;}
.closedhbtn{width:30px; height:30px;    font-size: 20px;  position: fixed; right: 3%; top:3%;z-index: 100000; margin-right:0%; background:#FFF; border-radius:30px; color: #000; text-align:center; line-height:30px; }

.dhalertbox{width: 88%; margin-left: 2%; background: #FFF; margin-top: 30%; padding: 4%; border-radius: 5px;}

.dhtitle{font-size:0.4rem; color: #000; font-weight: bold;    text-align: center;}
.dhtext{    font-size: 0.24rem;
    color: #333;
    text-align: center;
    margin: 4% 0;}
.dhtext span{ color:#FF7B35; }
.dhbtn{width: 60%;
    background: #0007F7;
    margin: auto;
    color: #FFF;
    padding: 2%;
    text-align: center;
    border-radius: 20px;
    font-size: 0.3rem;}
.dhbtnb{width: 60%;
    background: #FF7B35;
    margin: auto;
    color: #FFF;
    padding: 2%;
    text-align: center;
    border-radius: 20px;
    font-size: 0.3rem;}

.dhjlu{background: #F2F2FF;
    margin-top: 6%;
    padding: 2%;
    width: 96%;
}
    .dhtitlesmall{    font-size: 0.3rem;
    font-weight: bold;
    padding-bottom: 1.5%;
    border-bottom: 1px dashed #666;}
  .chjl{ margin-top: 4%;}

  .chjl em{    font-size: 0.22rem;
    color: #000;
}

  .chjl .cha{    float: right;
    padding: 1% 2%;
    color: #fff;
    background: #0007F7;
    font-size: 0.2rem;
    border-radius: 20px;
    border:1px solid #0007F7;
  }

      .chjl .chb{    float: right;
    padding: 1% 2%;
    color: #0007F7;
    background: #FFF;
    font-size: 0.2rem;
    border-radius: 20px;
      border:1px solid #0007F7;
}

.tanchuangbgbox{position: fixed; width: 100%; height: 100%; background: #000; left: 0; top: 0; z-index: 1000000000;}

.tanchuangdhbox   { background: #F2F2FF;
    margin-top: 26%;
    padding: 4% 2%;
    width: 90%;
    margin-left: 3%;
    border-radius: 5px;}

.dhtitlev{ text-align: center; font-size: 0.3rem;color: #c50000;; margin: 4%; }


.dingdanewm{ width: 80%; margin-left: 10%;}
.dingdanewm img{ display: block; width: 100%; }

.mask1,.mask2,.mask3{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(0,0,0,.7);
z-index: 10000000000;
}

.sh_status{
width: 90%;
margin: 40% auto 0;
}
.sh_cont{
width: 100%;
background: #fff;
border-radius:4px;
padding: 8% 0 2%;
}
.sh_cont img{
width: 1.88rem;
display: block;
margin:0 auto 2%;
}
.sh_cont h5{
font-size: 0.36rem;
color:#303133;
margin: 0 auto;
text-align: center;
font-weight: 600;
}
.sh_cont p{
margin: 2% auto;
color: red;
font-size: 0.4rem;
text-align: center;
}
.sure_btn{
margin: 4% auto 2%;
width: 90%;
text-align: center;
color: #fff;
background: #1E69FF;
height: 0.6rem;
line-height: 0.6rem;
border-radius: 20px;
font-size: 0.3rem;
box-shadow: 0 0 2px #1E69FF;
letter-spacing: 2px;
}
.sh_close{
width: 0.6rem;
height: 0.6rem;
border:1px solid #fff;
color: #fff;
text-align: center;
line-height: 0.6rem;
font-size: 0.36rem;
border-radius: 50%;
margin: 10% auto;
}
.yichang{
width: 80%;
}

.lingyaoshi{padding:2%; background: rgb(0,0,0,0.4);width: 92%;margin: 4% 2%;}
  .qdboxa{float: left;width: 36%;}
  .qdboxb{float: right;
    background: #68b581;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border-radius: 30px;
    padding: 1% 3%;margin-right: 3%;
    margin-top: 4%;}
  .qdboxc{float: right;
    background: linear-gradient(to right,#e26e56,#f6ac59);
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border-radius: 30px;
    padding: 1% 3%; margin-top: 4%;}

  .qdboxcc{float: right;
    background:#CCC;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border-radius: 30px;
    padding: 1% 3%; margin-top: 4%;}
  .lingyaoshi div img{display: block; width: 100%}


.dkbox span{width:8.291%; float: left; border-radius: 100%; background: rgb(0,0,0,0.4);}
.dkbox img{display: block; width:100%;}

.dkbox{width: 96%;margin: 5% 2%; text-align: center;}
.dkbox span{margin: 0  2.99%;}
.toplogobox{width: 96%; margin-left: 2%; margin-top:2%;}
.toplogobox img{display: block; width: 100%;}
.hdgzbox{width: 96%; margin-left: 2%; margin-top:8%;}
.hdgzbox img{display: block; width: 100%;}
.allbackbox{display:none;position: fixed; z-index: 1000000; width: 100%; height: 100%; left: 0; top: 0; background:rgb(0,0,0,0.7);}
.qiandaochenggong{width: 80%;  margin-left: 10%; margin-top: 30%;}
.qiandaochenggong img{width: 100%;display: block;}

.baiyiadd{width: 96%;margin: 5% 2%;}
.baiyiadd img{width: 100%;}

.allbackboxb{display:none;position: fixed; z-index: 1000000; width: 100%; height: 100%; left: 0; top: 0; background:rgb(0,0,0,0.7);}
.allbackboxc{display:none;position: fixed; z-index: 1000000; width: 100%; height: 100%; left: 0; top: 0; background:rgb(0,0,0,0.7);}
.huodeyaoshi{width: 80%;  margin-left: 10%; margin-top: 30%;}
.huodeyaoshi img{width: 100%;display: block;}