[v-cloak] {
   display: none;
}
.header{
	padding-bottom: 2.25rem !important;
}
.header_height_ios{
	height: 3.25rem !important;
}
.header_top_ios{
	top: 3.25rem !important;
}
.header_height_end{
	height: 3.5rem !important;
}
.header_top_end{
	top: 3.5rem !important;
}
/*滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
	width: 0.1rem;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 0.1rem;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 0.25rem;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}


.Spacer{clear:both;display:block;margin:0;padding:0;height:0; overflow:hidden}
.Spacer1{clear:both; font-size:0; line-height:0; height:0;}
.block{ display:block}
.Fl{float:left;}.Fr{float:right;}
.bold{font-weight: bold;}

.f12{ font-size:1.2rem} .f14{font-size:1.4rem;} .f16{font-size:1.6rem;} .f18{font-size:1.8rem;}
.txtline{ text-decoration:underline}
dl,dt,dd,ul,ol{ display:block} .Kover{ overflow:hidden}

.Mar6{margin-top:6px;}


/***************/
/***  index  ***/
/***************/
.c_top{background: url(../images/btopbg.jpg) 0 0 repeat !important; background-size: 100% !important;}
.ch_height{height: 2.25rem;}
.ch_topheight{top: 2.25rem}

.c_banner{padding: 0.45rem;z-index: 1;}
.search{
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
	background: #fff;
	border-radius: 0.2rem;
	padding: 0 0.25rem;
	color: #aaa;
	position: relative;
	margin: 0 0.45rem;
  display: flex;
  height: 1.5rem;
}
.search i.f12{
  font-size:1rem;
  line-height: 1.5rem;
}
.scrollDiv{z-index:9;height: 1.5rem;width: 90%;line-height: 1.5rem;overflow:hidden;position: absolute;left: 1.5rem;font-size: 0.7rem;}
.scrollDiv li{height:1.2rem;}
.scrollDiv li a{color: #aaa;}
i.f7{ font-size:0.7rem;}
i.f10{ font-size:1rem;}
i.f11{ font-size:1.1rem;}
span.f11{ font-size:1.1rem;}
img.c_nav{text-align: center;}
.c_navc{padding: 0.35rem;z-index: 99;padding-bottom: 2.25rem;}

.c_foot div span{display: none;}
.c_foot div.c_active{color: #5d372f;}
.c_foot div.c_active span{display: inline; color: #5d372f;}
.c_foot div.c_active i{display: none;}


.popup-cenner {
	position: absolute;
	left: 50%;
	top:18%;
	width: 80%;
	height: 50%;
	display: none;
	margin-left: -40%;
	z-index: 999999;
}
.c_center{z-index:999;height:100%;border: 4px solid #FC365A; border-radius: 10px; margin-top: 12px; background: #F2F2F2;}
.c_center_top{margin: -10px 0;}
.c_center_top img{width: 120px;}
.c_center_h3{text-align: center;margin: 0.5rem;}
.c_centerh{ overflow-y: auto;}

.demo_top{background-image: linear-gradient(to right, #84523e, #bcaa16); background-size: 100%; padding: 0.05rem 0.8rem; position: relative;}
.demo_icon{position: absolute; right: 1rem; top: 0.1rem;}
.demo_mar{margin-left: 0.5rem;}

.demo_tj{background: url(../images/btopbg.jpg) 0 0 repeat; border-bottom: 1px solid #dadada;}
.demo_tjcolor{color: #edd401 !important;    font-weight: bold;}
.demo_gray{color: #edd401;}
.demo_bor{border-right: 1px solid #dadada;}
.demo_bort{border-top: 1px solid #dadada; padding: 10px 3%; }
.demo_but,.demo_but1,.demo_but2{width: 44%;
height: 2rem;
line-height: 2rem;
margin: 0 3%;
font-size: 0.9rem;
background: url(../images/c_button.jpg) 0 0 repeat;
border-radius: 0.5rem;
float: left;
text-align: center;
box-shadow: 3px 3px 3px #FEC9D2;}
.demo_but1{background: url(../images/c_button1.jpg) 0 0 repeat; box-shadow: 3px 3px 3px #FECAC0;}
.demo_but2{background: url(../images/c_button2.jpg) 0 0 repeat; box-shadow: 3px 3px 3px #FECAC0;}
.demo_team{height: 2rem;line-height: 2rem;width: 31%;margin: 0 1%;}
.demo_team0{height: 2rem;line-height: 2rem;width: 100%;margin: 0 1%;}
.demo_team1{height: 2rem;line-height: 2rem;}
i.f18{ font-size:1.9rem;}
i.f9{ font-size:0.9rem;}
.demo-qicon1,.demo-qicon2,.demo-qicon3,.demo-qicon4,.demo-qicon5,.demo-qicon6,.demo-qicon7,.demo-qicon8{background: #FF6E25; width: 1.5rem;  height: 1.25rem; text-align: center; line-height: 1.25rem; border-radius: 100%;}
.demo-qicon2{background: #8E38D7;}
.demo-qicon3{background: #57B8FD;}
.demo-qicon4{background: #FF9F00;}
.demo-qicon5{background: #33CCCC;}
.demo-qicon6{background: #FF6699 !important;}
.demo-qicon7{background: #35CF0D;}
.demo-qicon8{background: #fc375a !important;}
.demo_qbor{border-bottom: 1px solid #000;}

.demovip{display: inline-block; background: url(../images/vipbg.png) 0 0 repeat-x; color: #D2FFAD; height: 0.9rem; line-height: 0.7rem; font-size: 0.4rem; padding: 0 0.15rem; margin: 0 0 0 0.2rem; border: 1px solid #E3A667; border-radius:0.9rem;}
.demojd_le{width:2.6rem; margin-top: 1.2rem; margin-bottom: 0.8rem;}
.demojd_ri{position: absolute; left: 4rem; top: 1.5rem; width: 75%;}
.demojd{line-height: 0.8rem; width: 100%; color: #FEDDDE; font-size: 0.6rem;}
.demotiao{background: #FE9291; border-radius:0.3rem; width: 100%; position: relative;}
.demotiao1{background: #fff; height: 0.5rem; border-radius:0.5rem;}
.demotiao2{position: absolute; right: 0.3em; top: -0.2em;font-size: 0.7rem;}

.sc_navc{padding: 10px 10px 10px 10px; position: relative; max-width: 590px; margin: 0 auto;}

.sc_foot{height: 50px;}
.room_bg1{background: url(../images/roombg_1.jpg) center 45px repeat-y; background-size: 100%;height: 100%;}
.room_bg2{background: url(../images/roombg_2.jpg) center 45px repeat-y; background-size: 100%;}
.room_bg3{background: url(../images/roombg_3.jpg) center 45px repeat-y; background-size: 100%;}
.room_bg4{background: url(../images/roombg_4.jpg) center 45px repeat-y; background-size: 100%;}
.room_bg5{background: url(../images/roombg_5.jpg) center 45px repeat-y; background-size: 100%;}
.sc_small{position:absolute;top:calc(52% - 5px);left:24%;}
.sc_small1{position:absolute;top:calc(53% - 6px);left:36%;}

i.f8{ font-size:0.8rem;}
.sc_28{position: relative; float: left; width: 50%; padding: 10px 10px 10px 10px; max-width: 282px;}
.sc_28tit{text-align: center; padding: 0 0;}
.sc_28small{position:absolute;top:0;left:0; padding: 10px 10px 10px 10px;}
.sc_28shu{position:absolute;bottom:calc(10% - 6px); text-align: center; width: 90%;}

.logo_bg{ 
	/* background: url(../images/c_logo.jpg) center bottom repeat-x;  */
	background-size: 100%; height: 130px; position: relative;}
.logo_icon{position: absolute; bottom: -33px; left:50%; margin-left: -1.7rem;}
.logo_icon img{width: 3.4rem; border-radius: 0.6rem; 
	/* border: 2px solid #fff; */
}
.logo_co{color: #fff;}
.logo_mar{padding-top: 20px;}
.logo_bor{border-bottom: #DFDFDF 1px solid; margin-top: 10px;}
.logo_mar1{margin: 0.5rem 2.5rem;font-size: 0.8rem;}
.logo_mar2{margin: 0.5rem 2rem;font-size: 0.8rem;}
.logo_mima{text-align: right;  font-size: 0.6rem;}
.logo_button{background: url(../images/loginbtn.png) 0 0 repeat; font-weight: bold; padding: 10px 0; text-align: center; border-radius: 30px; margin: 10px 0;}
.logo_button1,.logo_button2{ font-weight: bold;padding: 8px 0; width: 46%; text-align: center; border-radius: 30px;}
.logo_button2{background: url(../images/loginbtn1.png) 0 0 repeat; }
.logo_dian{background: url(../images/c_diandian.jpg) 0 center repeat-x; text-align: center; padding: 10px 0;}
.logo_dian span{display: inline; padding: 0 10px; background: #fff; font-size: 0.6rem; color: #C2C2C2;}
.logo_icon1{text-align: center;}
.logo_color{
	color: #35CF0D;    
	background-color: white;
    border-radius: 30px;
}

.tz_con{height: 100%; width: 100%; position: fixed; left: 0; z-index: 1; background: #F5F5F5;}
.tz_but{
  width: 3.2rem;
  height: 1.5rem;
  display: block;
  line-height: 1.5rem;
  margin: 0 0.5em 0 0;
  font-size: 0.8rem;
  color: #fff;
  background: linear-gradient(to left, #fc365a, #fe5c45);
  border-radius: 0.4rem;
}
.tz_time{
	background: #fff;
	border-bottom: 1px solid #E0E0E0;
    display: -webkit-box;
    width: 100%;}
.tz_le{ width: 50%;font-size: 0.7rem; border-left: 0.1em solid #dddddd; text-align: center;}
.tz_le div{padding: 0.05rem;}
.tz_leti span{display: inline-block; background: #626262; padding: 1px 4px; color: #fff; border-radius: 5px;}
.tz_ri{ width: 40%;text-align: center;}
.tz_ri div{padding: 0.1rem;}
.tz_kaijc{margin: 0.1em 0 0 0;
	border-top: 0.05em solid #E0E0E0;
    position: relative;}
.tz_kaij{
	background: #fff;
	border-bottom: 0.05em solid #E0E0E0;
    padding: 0.2rem;}
.tz_kaij1{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.tz_kaijq,.tz_kaijq1{width: 1rem; height: 1rem; text-align: center; line-height: 1rem; border-radius: 0.2rem; background: #13B5B1;}
.tz_kaijq1{background: #556FB5;}
.tz_kaijlist{position: fixed;width: 100%;z-index: 9999;}
.tz_kaijlist div.tz_kaiji{width: 0.6rem;}
.tz_kaijlist div.tz_kaij:active{background: #EBECED;}
.tz_kaij2{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;*/
}
.tz_kaijq2 i,.tz_kaijq2 em,.tz_kaijq2 span{background-color:#00A0E9; font-style: normal; text-align: center; border-radius:100%; width: 1rem; height: 1rem; line-height: 1rem;margin-left:0.1rem;}
.tz_kaijq2 em{background-color:#E60012;}
.tz_kaijq2 span{background:#63ccf8;width: 1.8rem;border-radius:0.2rem;}


.tx_box{background: #ddd; color: #6e6e6e; width: 80% !important; border-radius: 8px; text-align: center; padding: 8px 5px; margin: 0 auto;
    margin-bottom: 0.5rem;
    font-size: 0.6rem;
    color: #757575;}
.box{position: fixed; bottom: 0; left: 0; width: 100%; background: #fff;  display: none; z-index: 9999;}
.box_tit{background: linear-gradient(to left, #fc365a, #fe5c45); padding: 0.2rem 0.5rem;}
ul.box_tit li{float: left;width: 20%;line-height: 1.5rem;margin: 0.1rem 0;color: #fff;text-align: center;}
ul.box_tit li.on{background: #fff; color: #FC365A;}
ul.wth li{
    width: 16.5%;
}
.box_tit2{margin: 0 0.1rem; background-color: #f5f5f5; }
ul.box_tit2 li{
    display: grid;
    float: left;
    margin: 0.2em 0;
    width: 20%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    color: #212121;
    font-weight: bold;
    /* border-radius: 1em; */
    border: 0.1em #2121216b solid;
}
ul.box_tit2 li.aui-active{
  background: linear-gradient(to left, #fc365a, #fe5c45);
  color: #fff;
  border:#fe5c45;
}

.box_tit3{margin: 0 0.1rem; background-color: #f5f5f5; }
ul.box_tit3 li{
    display: grid;
    float: left;
    margin: 0.2em 0;
    width: 20%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    color: #212121;
    font-weight: bold;
    /* border-radius: 1em; */
    border: 0.1em #2121216b solid;
}
ul.box_tit3 li.aui-active{
  background: linear-gradient(to left, #fc365a, #fe5c45);
  color: #fff;
  border:#fe5c45;
}

.box_tit4{padding: 0.1rem; }
ul.box_tit4 li{
    display: block;
    float: left;
    width: 25%;
    line-height: 2.2em;
    text-align: center;
    color: #212121;
    /* border-radius: 1rem; */
    border: 0.05rem #2121216b solid;
}
ul.box_tit4 li.aui-active{background: linear-gradient(to left, #fc365a, #fe5c45);border: 0.05rem #FC365A solid;}

.box_tit5{padding: 0.1rem; }
ul.box_tit5 li{
    display: block;
    float: left;
    width: 20%;
    line-height: 2.2em;
    text-align: center;
    color: #212121;
    font-weight: bold;
    /* border-radius: 1rem; */
    border: 0.05rem #2121216b solid;
}
ul.box_tit5 li.aui-active{background: linear-gradient(to left, #fc365a, #fe5c45);border: 0.05rem #FC365A solid;}
.box_co{color: #FE5C45;}
.box-row {
	/* width: 80%; */
	margin: 0 auto;
	height: 6rem;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.box-row div.box-col-xs{
	width: 20%;
	padding: 0;
	border: 0.1rem #fff solid;
	height: 2rem;
  margin: 0.3rem 0 0.3rem 0;
	position: relative;
	float: left;
	text-align: center;
}
.box-row div.box-col-xs.aui-active{border:0.1em #fd5449 solid;  color: #FE4650;}

.box-row div.box-col-xs-3{
    padding: 0;
    border: 0.1rem #fff solid;
    width: 20%;
  	height: 2rem;
    margin: 0.3rem 0 0.3rem 0;
    position: relative;
    float: left;
    cursor: pointer;
    text-align: center;
}
.box-row div.box-col-xs-3.aui-active{border: 1px #FE4650 solid;color: #FE4650;}
.box-row div.box-col-xs-3-3{
	padding: 0;
	border: 2px #fff solid;
	width: 30%;
	height: 2rem;
  margin: 0 10%;
	position: relative;
	float: left;
  cursor: pointer;
	text-align: center;
}
.box-row div.box-col-font-3-3{
    text-align: center;
    padding: 0.2rem;
    font-weight: bold;
}
.box-row div.box-col-xs-3-3.aui-active{
	border: 2px #e51c23 solid;
    border-bottom-color: #d3721b;
    border-top-color: coral;
    border-right-color: #f29820;
    color: #FE4650;
}
.box-row1 {
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 10px;
}
.box-row1 div.box-col-xs-2{
	width: 16.66666667%;
	position: relative;
	float: left;
	padding: 0;
	border: 2px #fff solid;
	padding: 0 5px;
	text-align: center;
}
.box-row1 div.box-col-xs-2 img{ height: 1.9rem; width: 1.9rem;}
.box-row1 div.box-col-xs-2.aui-active img{box-shadow: 0px 5px 2px #ffc107;border-radius: 100%;background: none;margin-top: -0.4rem;}
.tz_text{}
.tz_but1,.tz_but2{padding: 0 0.2rem;
height: 1.8rem;
line-height: 1.8rem;
font-size: 0.7rem;
width: 20%;
color: #fff;
background: url(../images/c_button3.jpg) 0 0 repeat-x; background-size: auto 100%;
border-radius: 0.4rem;
text-align: center;}
.tz_but2{width: 25%;padding: 0 0.4rem; background: url(../images/c_button4.jpg) 0 0 repeat-x; background-size: auto 100%;}

.box_touz{
	justify-content:center;
	align-items:center;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 99;
}
.box_touzdiv{
	display: flex;
	justify-content:center;
	align-items:center;
	width: 100%;
}
.box_touzdiv div{
	margin: 0.1rem;
}
.box_touz1{
    display: flex;
    justify-content:space-between;
    align-items:center;
    left: 0;
    width: 100%;
    bottom: 0;
    margin-top: 3.1rem;
    background: #808080;
}
.box_touz1img{width: 2.5rem; border-radius: 100%; position: absolute; left:0.5rem; bottom: 0.5rem;}
.box_touz1zj{padding-left: 3.5rem; font-size: 0.6rem;}
.box_touz1btn{padding: 0.5rem 1rem; font-size: 0.7rem; background: #969696;}



.box_touzjlpopup{
	bottom: 0;
	z-index: 999999 !important;
	background: white !important;
	width: 100%;
	height: 40% !important;
}
.box_touzjl{
    display: flex;
    justify-content:space-between;
    align-items:center;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #808080;
}
.box_touzjlimg{width: 2.5rem; border-radius: 100%; position: absolute; left:0.5rem; top: -1.25rem;}
.box_touzjlzj{padding-left: 3.5rem; font-size: 0.6rem;}
.box_touzjlbtn{padding: 0.5rem 1rem; font-size: 0.7rem; background: #969696;}

.box_touzbtn{ padding: 0.5rem 1rem; font-size: 0.7rem; background: #e51c23;}
.tz_co{color: #FF4931;}

.jilu_p{padding: 0 10px;}
ul.jilu_p1{ margin: 0 auto;}
ul.jilu_p1 li{position: relative;display: block; margin: 10px 0; margin-right: 0.5rem; padding: 0 2.0rem 0 0.5rem; background: #fff; border-radius: 0.3rem; height: 3rem;}
.jilu_p1bu{display: flex; justify-content: space-between; line-height: 1.5rem;}
.jilu_p1zt1,.jilu_p1zt2,.jilu_p1zt3,.jilu_p1zt4,.zijin_p1zt0,.zijin_p1zt1{position: absolute;
right: -0.5rem;
top: -0.05rem;
 background: #F29820 url(../images/c_piao.jpg) right 0 repeat-y;
 width: 1rem;
 color: #fff;
 line-height: 16px;
 padding: 0 1.5rem 0 0.5rem;
 height: 3rem;
 display: flex;
 text-align: center;
 align-items:center;
 }
.jilu_p1zt2{background: #7AB05A url(../images/c_piao1.jpg) right 0 repeat-y;}
.jilu_p1zt3{background: #C7C7C9 url(../images/c_piao2.jpg) right 0 repeat-y;}
.jilu_p1zt4{background: #C7C7C9 url(../images/c_piao2.jpg) right 0 repeat-y;}
.jilu_p1bor1{border: 1px solid #F29820; border-right: 0;}
.jilu_p1bor2{border: 1px solid #7AB05A; border-right: 0;}
.jilu_p1bor3{border: 1px solid #C7C7C9; border-right: 0;}
.jilu_p1bor4{border: 1px solid #C7C7C9; border-right: 0;}
.jilu_p1co{color: #C2C2C2;}.jilu_p1co1{color: #F29820;}
.jilu_p1bor{border-bottom: 1px dotted #eee;}
ul.jilu_p1 li:active{background: #F6F6F6;}

.zijin_p1bor1{border: 1px solid #7AB05A; border-right: 0;}
.zijin_p1bor0{border: 1px solid #C2C2C2; border-right: 0;}
.zijin_p1zt1{background: #7AB05A url(../images/c_piao1.jpg) right 0 repeat-y;}
.zijin_p1zt0{background: #C7C7C9 url(../images/c_piao2.jpg) right 0 repeat-y;}

.jilu_time{width: 70%; background: #fff; position: relative;}
.jilu_time1{padding: 0.3rem 0 0.3rem 0.5rem;}
.jilu_time1  input{display: inline !important;width: 40% !important;text-align: center;}
.jilu_time_tit{padding: 5px 0;}
.jilu_time_icon div.aui-col-xs-5{background: #F0F2F5; margin: 0 2%  10px 0; padding: 0.3rem 0; border: 2px solid #F0F2F5; border-radius: 0.4rem; text-align: center;}
.jilu_time_icon div.aui-col-xs-5.aui-active{background: #fff; border: 2px solid #FF3838;}

.jilu_btn{height: 2.2rem;
    display: flex;
    justify-content:space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;}
.jilu_btn1,.jilu_btn2{width: 50%; padding: 10px 0;font-size: 0.8rem; text-align: center; background: #868686; color: #fff;}
.jilu_btn2{background: #FE5649;}

.zs_con{position: absolute; left: 0; width: 100%;}
.zs_conle{position: absolute; top: 0; left: 0; height: 100%; width: 3rem;}
.zs_conri{padding: 0 0 0 3rem; width: 100%; overflow: auto;}

.zs_tab{border-collapse:collapse; background-color:#fff;}
.zs_tab td,.zs_tab th{padding:0 6px; height: 1.5rem; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; font-size: 0.6rem; text-align: center;}
.zs_tab th{height: 2rem;}
.zs_tab th span{font-weight: normal; color: #AEAEAE;}
.zs_style1{display:inline-block; border-radius: 100%; width: 1rem; height: 1rem; line-height: 1rem; color: #fff; background: #ff5548}
.zs_style2{background: #F8B44C; color: #fff;}
.s_styledas{background: #FDD000; color: #fff;}
.zs_styledange{background: #8B0061; color: #fff;}
.s_styledans{background: #12AAE4; color: #fff;}

.zs_conles{width: 4.7rem;}
.zs_conris{padding: 0 0 0 4.7rem;}
.zs_stylea{background: #FC293A; color: #fff;}
.zs_styleb{background: #2299DB; color: #fff;}
.zs_stylec{background: #2DC03E; color: #fff;}

.zs_stylelh span{display: inline-block; padding: 0.1rem 0.5rem; background: #eee;}
.zs_stylelh span.active{background: #8B0061; color: #fff;}

.pass_conbox{position: fixed; bottom: 0; left: 0; width: 100%;}
.pass_con{padding: 0 2rem; margin-top: 6rem; color: #9F9F9F;}
.pass_con1{
	padding: 0.8rem 0;
    display: flex;
    justify-content:space-between;}
.pass_con1 input.pass_text{width: 2rem; border: 1px solid #ccc; font-size: 2rem; text-align: center; background-color: #fff;
    border-radius: 0.2rem;}
.pass_ts{text-align: center; color: #666;}
.pass_tab div.aui-col-xs-4{background: #fff; border-bottom: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; color: #000;}
.aui-font-size {
	font-size: 1.1rem !important;
	line-height: 1.3rem;
}
.pass_tab div.pass_bt{height: 2.6rem; border-bottom: none;}
.pass_tab div.pass_tabba{background: #D1D5DB;}
.pass_tab div.pass_pad{padding-top: 0.6rem;}

.pass_tab div:nth-child(3){border-right: none;}
.pass_tab div:nth-child(6){border-right: none;}
.pass_tab div:nth-child(9){border-right: none;}
.pass_tab div:nth-child(12){border-right: none;}
i.f15{font-size: 1.5rem;}

/* 团队列表 */
.team_tab{border-collapse:collapse; background-color:#fff;width: 100%;}
.team_tab td,.team_tab th{padding:0 6px; height: 1.5rem; border-bottom:1px dotted #ccc; border-right:1px solid #ccc; font-size: 0.6rem; text-align: center;}
.team_tab th{height: 2rem;}
.team_tab th span{font-weight: normal; color: #AEAEAE;}
.team_tab tr.active{background-color: #ccc; }

.team_seach{width: 70%;top:2.25rem; display: none; right: 0; bottom: 0; background: #fff; }
.team_seach1{padding: 0.3rem 0 0.3rem 0.5rem;}
.team_seach1 input{display: inline;width: 40%;text-align: center;}
.team_seach_tit{padding: 5px 0;}
.team_seach_icon div.aui-col-xs-5{background: #F0F2F5; margin: 0 2%  10px 0; padding: 0.3rem 0; border: 2px solid #F0F2F5; border-radius: 0.4rem; text-align: center;}
.team_seach_icon div.aui-col-xs-5.aui-active{background: #fff; border: 2px solid #FF3838;}

.team_status1{color: #F29820 !important;}
.team_status2{color: #7AB05A !important;}
.team_status3{color: #C7C7C9 !important;}
.team_status4{color: #C7C7C9 !important;}

.team_hao{position: fixed;top: 30%;display: none;left: 50%;margin-left: -40%;width:80%}
/* 20181224 */
.jiludel{padding: 0 10px; background: url(../images/c_top1.png) center 0 no-repeat;}
.jilu_top{background: #fff; border-radius: 0.5rem; padding: 0.5rem; position: relative;}
.jilu_top_img{width: 2.7rem; margin-top: 0.75rem;}
.jilu_top_ri{margin: 0 1.2rem 0 3.2rem;}
.jilu_top_tit{padding: 0.3rem 0; border-bottom: 0.05rem solid #E3E3E3;}
.gray{color: #A3A3A3;}
ul.jilu_topli{display: flex; justify-content:space-around; text-align: center; padding: 0.5rem 0 0 0;}
ul.jilu_topli li{width: 49%;}
ul.jilu_topli li.jilu_topbor{border-right: 0.05px solid #f3f3f3;}
.jilu_topbiao,.jilu_topbiao1,.jilu_topbiao2{position: absolute; right: 0; top: 0; width: 1.5rem; color: #fff; background: #C7C7C9; border-radius: 0 0 1.5rem 1.5rem; line-height: 0.8rem; text-align: center; padding: 0.2rem 0.3rem 0.5rem 0.3rem; box-shadow: 0 0.1rem 0.15rem #ddd;}
.jilu_topbiao1{background: #7AB05A;}
.jilu_topbiao2{background: #F29820;}

.jilucon{background: #fff; border-radius: 0.5rem; padding: 0.5rem 0;}
.mar10{margin-top: 0.5rem;}
.jilucon_tit{color: #fff; background: #FF4349; border-radius: 0 1.5rem 1.5rem 0; display: inline-block; padding: 0.1rem 0.8rem 0.1rem 0.5rem;}
.jilucon_c{padding: 0.5rem 1rem;}
.jiluconq,.jiluconq1{width: 1.5rem; height: 1.5rem; text-align: center; display: inline-block; line-height: 1.5rem; border-radius: 1.5rem; background: #FE8826;}
.jiluconq1{background: #25D582;}
.jiluth{background: #f5f5f5 !important; padding: 0.2rem 0.5rem; border-radius: 0.25rem 0.25rem 0 0;}
.jilutr{border: 0.01em #ccc solid;border-radius: 0 0 0.25rem 0.25rem; background: #f5f5f5 !important; padding: 0 0.5rem 0.2rem 0.5rem;}
.jilutd{display: flex; justify-content: space-around; padding: 0.1rem 0;}
.jilutd div{
	width:33%
}
.xunitit{background: url(../images/c_top.jpg) center 0 no-repeat; text-align: center; padding: 0.2rem 0; border-radius: 0.5rem 0.5rem 0 0; color: #fff;font-size: 0.7rem;}
.xunic{padding: 0.5rem; background: #fff; border-radius: 0 0 0.5rem 0.5rem;}
.xunicpad{padding: 0 0.5rem;}
.wrong{border: 0.5rem solid #e51c23; padding: 0 1rem 1rem 1rem; text-align: center; background: #fff; border-radius: 2rem;}
i.wrongst{font-size: 6rem; text-shadow: 0.3rem 0.3rem 0.15rem #ccc;}

/* 20181225 */
.recha1{background: url(../images/recharg.jpg) 0 0 repeat; background-size: auto 100%; height: 5.5rem; padding-bottom: 0.5rem; display: flex; align-items: center;  text-align: center; color: #fff;}
.recha_font1{font-size: 1.2rem;}
.recha_btn{display: flex; align-items: center; justify-content: center; text-align: center;border: 0.1rem solid #FF6E25;padding: 0.2rem;color: #FF6E25;}
.recha{background: url(../images/loginbtn.png) 0 0 repeat; background-size: auto 100%; height: 5.5rem; padding-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.recha_font{font-size: 1.5rem;}
.recha_tit{border-left: 0.2rem solid #FF4B2F; padding: 0 10px; margin-top: 0.5rem;}
.recha_ba{background: #fff;}
.pay_con{margin: 0.5rem; padding: 0.5rem; border-radius: 0.5rem; box-shadow: 0 0 0.5rem #ccc;}
.pay_li a{display: inline-block; padding: 0.15rem 1.3rem; margin: 0.5rem 0.2rem 0 0.2rem; color: #818181; border: 0.05rem solid #C0C0C0; border-radius: 0.3rem;}
.pay_li a.aui-active{background: #FF4153; color: #fff; border: 0.05rem solid #FF4153;}

ul.pay_list li{display: flex; align-items: center; justify-content: space-between; height: 1.8rem;}
i.f12{font-size: 1.2rem;}
i.f13{font-size: 1.25rem;}
i.f15{font-size: 1.5rem;}
i.f20{font-size: 2rem;}
.pay_listf{display: flex; align-items: center;}
.pay_listf1{ font-size: 0.7rem; margin-left: 0.5rem; color: #666;}
.pay_c1{color: #09BB07;}
.pay_c2{color: #009CE2;}
.pay_c3{color: #00A4FF;}
.pay_c4{color: #C91720;}
.pay_c5{color: #F56700;}
.pay_c6{color: #13ADC4;}
.pay_tix{padding: 0.5rem;}

.pay_ewm{text-align: center; padding: 1rem 0; display: flex; justify-content:center}

.share{background: #FF8F2C url(../images/sharebg.jpg) center 0 no-repeat;}
.sharef{text-align: center; margin-top: 4.6rem; color: #fd844c03; font-size: 0.7rem;}
.shareimg{ padding-top: 0.3rem;}
.sharelink{margin: 0.9rem auto 0 auto; width: 4.8rem; text-align: center; line-height: 1.6rem; color: #D55A00; background: #FFE5D1; border-radius: 1.6rem;}

.sharetis{padding: 0.5rem 2rem 0 2rem; margin: 0 auto; text-align: center;}
@media only screen and (min-width: 400px){
	.sharef{margin-top: 3.9rem;}
}
@media only screen and (min-width: 480px){
	.sharef{margin-top: 2.5rem; font-size: 0.6rem;}
	.sharelink{margin: 0.2rem auto 0 auto;}
}

.share1{background: #FF8F2C url(../images/sharebg1.jpg) center 0 no-repeat;}
.share1_con{margin: 2rem auto 0 auto; width: 13rem; background: #fff; border-radius: 0.5rem; padding: 0.5rem; box-shadow: 0 0 1rem #E51C23;}
.share1_tit{padding: 0.5rem 0; text-align: center;}
/* 20181227 */
.htz_qiu,.htz_qiu1,.htz_qiu2,.htz_qiu3,.htz_qiu4,.htz_qiu5,.htz_qiu6,.htz_qiu7,.htz_qiu8,.htz_qiu9{width: 1.2rem; margin: 0 0.2rem; height: 1.2rem; font-weight: bold; font-size: 0.8rem; text-align: center; line-height: 1.2rem; border-radius: 1.2rem; background: #FE8826; box-shadow:-3px -3px 10px #AF5001 inset;}
.htz_qiu1{background: #25D582; box-shadow:-3px -3px 10px #1CA463 inset;}
.htz_qiu2{background: #5FD0F7; box-shadow:-3px -3px 10px #0B9ACA inset;}
.htz_qiu3{background: #44C1CC; box-shadow:-3px -3px 10px #0D9BA7 inset;}
.htz_qiu4{background: #DD4FFB; box-shadow:-3px -3px 10px #9B04BB inset;}
.htz_qiu5{background: #E548A4; box-shadow:-3px -3px 10px #D0298B inset;}
.htz_qiu6{background: #8272E8; box-shadow:-3px -3px 10px #4E3BC6 inset;}
.htz_qiu7{background: #AEAEAE; box-shadow:-3px -3px 10px #888888 inset;}
.htz_qiu8{background: #BC6969; box-shadow:-3px -3px 10px #994747 inset;}
.htz_qiu9{background: #FB4917; box-shadow:-3px -3px 10px #CD0C01 inset;}
.htz_wid{width: 10rem;}
.htz_tit{border-bottom: 1px solid #eee; padding: 0.2rem 0.5rem; color: #666;}
.htz_tit1{border-bottom: 1px solid #eee; padding: 0.2rem 0.5rem; color: #eee;}
.htz_c{padding: 0 0.5rem; color: #757575;}
.htz_c1{padding: 0 0.5rem; color: #eee;}
@media only screen and (max-width: 350px){.htz_wid{width: 10rem;}}
@media only screen and (max-width: 320px){.htz_wid{width: 10rem;}}
.htz_vip{display: inline-block; background: url(../images/vipbg.png) 0 0 repeat-x; color: #D2FFAD; height: 0.9rem; line-height: 0.75rem; font-size: 0.4rem; padding: 0 0.15rem; margin: 0 0 0 0.2rem; border: 1px solid #E3A667; border-radius:0.9rem;}


.htz1_tit a{display: block; float: left; border-radius: 3rem; margin: 0.1rem 0.05rem; border: 1px solid #666; color: #666; width: 19%; text-align: center; padding: 0.1rem 0;}
.htz1_tit a.aui-active{background: #FC365A; border: 1px solid #FC365A; color: #fff;}

.htz1_box{height: 80%;overflow-y: scroll;}
.htz1_tab{background: #f5f5f5;display: flex; align-items: center; justify-content: space-between; padding: 0.2rem 1rem;}
.htz1_tit1{background: #ececec; padding: 0.5rem 1rem; color: #FC365A;}


.htz1_row1{height: 165px; overflow-y:scroll;}
.htz1_rowt{text-align: center;}
.htz1_row {
	width: 240px;
	margin: 0 auto;
	overflow-y: auto;display: flex; justify-content: space-between;
}
.htz1_row div.box-col-xs-3{
	width: 25%;
	padding: 0;
	border: 2px #fff solid;
	width: 50px;
	height: 50px;
	margin: 1px 5px;
	position: relative;
  cursor: pointer;
	float: left;
	text-align: center;
}
.htz1_row div.box-col-xs-3.aui-active,.htz1_row2 div.box-col-xs-3.aui-active{border: 2px #FE4650 solid; border-radius: 100%; color: #FE4650;}
.htz1_tit2{padding: 0.1rem 1.5rem 0.1rem 0.5rem; background: #FC365A; color: #fff; display: inline-block; border-radius: 0 1rem 1rem 0;}
.htz1_row2 {
	width: 300px;
	margin: 0 auto;
	overflow-y: auto;
}
.htz1_row2 div.box-col-xs-3{
	width: 20%;
	padding: 0;
	border: 2px #fff solid;
	width: 50px;
	height: 50px;
	margin: 1px 5px;
	position: relative;
	float: left;
  cursor: pointer;
	text-align: center;
}
.htz1_tis{text-align: center; padding: 1rem 0;}
.htz1_tisbtn{display: flex; justify-content: space-between;}

.htz1_pei{
    top: 20% !important;
    left: 10% !important;
    width: 80% !important;
    border: 0.3rem solid #e51c23;
    padding: 0 1rem 1rem 1rem !important;
    background: #fff !important;
	border-radius: 2rem;
	overflow:auto;/* winphone8和android4+ */ 
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
	      	transform: translate3d(0, 0, 0);
}
.htz1_peitit{padding: 0.5rem 0; color: #FC365A; font-weight: bold; text-align: center;}
.htz1_peicon{height: 12rem; overflow-y: scroll;  text-indent: 1rem;}
.innerbox{
	position: absolute;
    z-index: 1;
	height: 68%;
	width: 100%;
	overflow-y: scroll;
	color: #000;
	font-size: 0.7rem;
	padding-bottom: 1.5rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
	/* -webkit-box-sizing: content-box !important;
	box-sizing: content-box !important; */
	/* font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; */
}

.cash_popup{
	top: 35%;
  margin-left: 10%;
  border-radius: 0.2rem;
  /*margin-right: 10%;*/
	z-index: 999999 !important;
	background: white !important;
	width:80% !important;
  visibility: hidden;
	position: fixed;
	/*display: none;*/
}
.cash_tit{background: #ff5548; padding: 0.5rem; color: #fff;text-align: center;border-radius: 0.2rem 0.2rem 0 0;}

.cash_pass{
	margin: 0.5rem;
  display: flex;
	justify-content:space-between;
}
.cash_pass input.pass_text{
	width: 2rem;
	height: 2rem;
	border: 0.1em solid #666;
	text-align: center;
	background-color: #fff;
	border-radius: 0.2rem;
	font-weight: bold;
}
.cash_center{
	text-align: center;
}

.cash_conbox{bottom: 0; left: 0; width: 100%;}

i.if16{font-size: 1.6rem;}
i.if12{font-size: 1.2rem;}
.hicon .aui-col-xs-4 i{background: #FF6E25; border-radius: 1.6rem; color: #fff; padding: 0.3rem; box-shadow: 3px 3px 15px #F95100 inset;}

.hicon1 .aui-col-xs-4 i{background: #edd401; border-radius: 1.6rem; color: #fff; padding: 0.3rem; box-shadow: 3px 3px 15px #FF246B inset;}
.hicon2 .aui-col-xs-4 i{background: #6699CC; border-radius: 1.6rem; color: #fff; padding: 0.3rem; box-shadow: 3px 3px 15px #508AC5 inset;}

.hicon1 .aui-col-xs-4 i.demo-qicon1{background: #FF6E25; box-shadow: 3px 3px 15px #FB5200 inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon2{background: #8E38D7; box-shadow: 3px 3px 15px #7B26C1 inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon3{background: #57B8FD; box-shadow: 3px 3px 15px #1D9DFC inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon4{background: #FF9F00; box-shadow: 3px 3px 15px #C47A00 inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon5{background: #33CCCC; box-shadow: 3px 3px 15px #28A4A4 inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon6{background: #FF6699; box-shadow: 3px 3px 15px #FF1E67 inset;}
.hicon1 .aui-col-xs-4 i.demo-qicon7{background: #35CF0D; box-shadow: 3px 3px 15px #2BAC0B inset;}

.hbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #666; opacity:0.3; text-align: center; position: fixed; bottom: 3rem; right: 0.5rem;}
.hbottom i{font-size: 1.2rem; color: #fff;}
.hbottom:active{ background: #ddd;}
.hbottom:active i{ color: #bbb;}

.khbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #1D9DFC;  text-align: center; position: fixed; top: 9rem; right: 0.5rem;}
.khbottom i{font-size: 1.2rem; color: #fff;}
.khbottom:active{ background: #ddd;}
.khbottom:active i{ color: #bbb;}

.gzbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #F95100;color: white;  text-align: center; position: fixed; top: 11.2rem; right: 0.5rem;}
.gzbottom i{font-size: 1.2rem; color: #fff;}
.gzbottom:active{ background: #ddd;}
.gzbottom:active i{ color: #bbb;}

.czbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #7B26C1;color: white;  text-align: center; position: fixed; top: 13.4rem; right: 0.5rem;}
.jlbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #28A4A4;color: white;  text-align: center; position: fixed; top: 15.6rem; right: 0.5rem;}
.zsbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #FF1E67;color: white;  text-align: center; position: fixed; top: 17.8rem; right: 0.5rem;}
.ggbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #2BAC0B;color: white;  text-align: center; position: fixed; top: 20rem; right: 0.5rem;}
.sxbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background: #C47A00;color: white;  text-align: center; position: fixed; top: 22.2rem; right: 0.5rem;}

.ggcbottom{z-index: 998;width: 2rem; height: 2rem; line-height: 2rem; background: #666; opacity:0.3; text-align: center; position: fixed; top: 0.2rem; right: 0.2rem;}
.ggcbottom i{font-size: 1.2rem; color: #fff;}
.ggcbottom:active{ background: #ddd;}
.ggcbottom:active i{ color: #bbb;}

.code-input{
	float: left !important;
	width: 90% !important;
	padding-right: 0 !important;
}
.code-input1{
	float: left !important;
	width: 70% !important;
    text-align: left !important;
	padding-right: 0 !important;
}
.input-clear-x {
	display: none !important;
}
.code-input:valid + .input-clear-x {
	display: inline !important;
	padding-right: 0 !important;
	right: -1rem;
    line-height: 2.2rem;
}
.code-input1:valid + .input-clear-x {
	display: inline !important;
	padding-right: 0 !important;
	right: -1rem;
    line-height: 2.2rem;
}

.notes-li {
    border-bottom: 0.1rem solid #ff5a4645 !important;
    padding-left: 0.5rem !important;
}
.notes-title {
    color: #212121;
    font-size: 1rem;
}
.notes-list-text {
    height: 100% !important;
    min-height: 100% !important;
}
.notes-label {
    display: inline-block;
	padding: 0 0.2rem;
	font-size: 0.7rem;
	line-height: 1.2rem;
	min-width: 1.2rem;
	color: #ffffff;
	background-color: #fca35c;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.8rem;
	position: relative;
}
.notes-label1 {
    display: inline-block;
	padding: 0 0.2rem;
	font-size: 0.7rem;
	line-height: 1.2rem;
	min-width: 1.2rem;
	color: #ffffff;
	background-color: #13B5B1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.2rem;
	position: relative;
}
.notes_kaijq2 i,.notes_kaijq2 em,.notes_kaijq2 span{background-color:#00A0E9; font-style: normal; text-align: center; border-radius:100%; width: 1.2rem; height: 1.2rem; line-height: 1.2rem;margin-left: 0.1rem;}
.notes_kaijq2 em{background-color:#E60012;}
.notes_kaijq2 span{background:#63ccf8;width: 1.8rem;border-radius:0.2rem;}

.notes-label-coler {
	background-color: #63ccf8 !important;
}
.notes-label-coler0 {
	background-color: #556FB5 !important;
}
.notes-label-coler1 {
	background-color: #c37173 !important;
}
.notes-label-coler2 {
	background-color: #63ccf8 !important;
}
.notes-label-coler3 {
	background-color: #f5581f !important;
}
.notes-label-coler4 {
	background-color: #29da8f !important;
}
.notes-label-coler5 {
	background-color: #aca9aa !important;
}
.notes-label-coler6 {
	background-color: #60d2d9 !important;
}
.notes-label-coler7 {
	background-color: #6852cf !important;
}
.notes-label-coler8 {
	background-color: #e54df3 !important;
}
.notes-label-coler9 {
	background-color: #e45db2 !important;
}
.notes-label-coler10 {
	background-color: #fb7744 !important;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.3);
	z-index: 999;
	display: none;
	top: 0;
	left: 0;
	}

.reveal-modal {
	visibility: hidden;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 888;
}

.reveal-modal.small 		{ width: 10rem; margin-left: -7rem;}
.reveal-modal.medium 		{ width: 20rem; margin-left: -12rem;}
.reveal-modal.large 		{ width: 30rem; margin-left: -17rem;}
.reveal-modal.xlarge 		{ width: 40rem; margin-left: -22rem;}

.reveal-modal .close-reveal-modal {
	font-size: 1.1rem;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px #fff;
	font-weight: bold;
	cursor: pointer;
}

.fudai{background: url(../images/fudai.png) 0 0 no-repeat; background-size: 100%; width: 10rem; height: 11.3rem; margin: 0 auto;}
.fudaizj{padding-top: 9.75rem; color: #D81000; text-align: center; font-weight: bold;}

.reload{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f6f6f4;
}
.reloaddiv{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 30%;
}
.reloaddiv img{
  width: 40%;
  margin-left: 30%;
}
.reloaddiv div{
  margin: 1rem;
  width: 39%;
  color: #03A9F4;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  margin-left: 30%;
  border: 0.05em #9da9a2 solid;
}

.margin-b-5{margin-bottom: 0.4rem; width: 100%;}
.margin-b-5 img{width: 100%;}

.chback{background: #fff; margin:0.45rem 0.45rem 0 0.45rem; border-radius: 0.2rem;}
ul.chlist{padding: 0.25rem 0.5rem;}
ul.chlist li{display: flex; justify-content: space-between;padding: 0.2rem 0; font-size: 0.7rem;}




/*********************/
/***  guaguajiang  ***/
/*********************/
.ggdiv{margin: 0 auto; width: 320px; height: 294px; background: url(../images/gglbg.png) 0 0 no-repeat; background-size: 100%; padding: 0.2rem; position: relative;}
.ggtit{ padding:14px 0 6px 0; width:100%;}

.ggtitri{text-align:center; color: #fff;}
.ggcolor{color:#FFFF00;}
.ggcon{width:300px; text-align: center; background: #fff; height: 98px; margin-top: 20px;margin-left:6px;  color:#F75F5E;}
.gggbor{font-size: 3.8rem; margin-top: 1.7rem;font-family: "Microsoft YaHei",Arial, Helvetica; font-weight: bold; display: inline-block; }
.gggbor1{padding-left: 0rem;}
.gggbor2{margin: -0.2rem;}
.gggr{font-size: 0.8rem; font-family: "Microsoft YaHei",Arial, Helvetica; font-weight: bold; text-align:right; padding-right: 5px;}
.gggr1{font-size: 1.5rem;font-family: "Microsoft YaHei",Arial, Helvetica; font-weight: bold;}

.demo{width:300px; height:150px; position: absolute; top: 85px; left: 10px;}
.msg{text-align:center; height:32px; line-height:32px; font-weight:bold; margin-top:50px}



.ggcen{text-align: center; color: #fff; padding: 0.2rem 0;font-size: 0.7rem;}
.ggbtn{text-align: center;}
.ggbtn a{display: inline-block; padding: 6px 16px; background: #FCD202; margin: 0 6px;}
.ggbtn a.ggbtn1{background: #ccc;}