/****** reset ******/
html,body,ul,ol,dl,dt,dd,div,form,label,textarea,input,p,span,h1,h2,h3,h4,h5,h6,a,
header,footer,section,nav,article,aside,figure,figcaption,hgroup,audio,video,source
{
  margin: 0; padding: 0; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}
html{

  	font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  	-webkit-text-size-adjust: none;
	height: 100%;
}
body{ max-width: 640px; width: 100%; min-height: 100%; height: 100%; position: relative;}
textarea,input,a,button,li{ -webkit-tap-highlight-color: rgba(0,0,0,0); }
input,textarea{ -webkit-appearance: none; outline: none; border: 0; display: block;}
table{ border-spacing: 0; border-collapse: collapse; }
ul,ol{ list-style-type: none; }
img{ display: block; border: 0; max-width: 100%; vertical-align: middle; -webkit-touch-callout: none; }
a{ text-decoration: none; }
@media screen and (min-width: 320px) {
  html{ font-size: 20px }
}
@media screen and ( min-width: 360px) {
  html{ font-size: 22.5px }
}
@media screen and ( min-width: 375px) {
  html{ font-size: 23px }
}
@media screen and ( min-width: 384px) {
  html{ font-size: 24px }
}
@media screen and( min-width: 400px) {
  html{ font-size: 25px }
}
@media screen and ( min-width: 414px) {
   html{ font-size: 26px }
}
@media screen and ( min-width: 440px) {
  html{ font-size: 27.5px }
}
@media screen and ( min-width: 480px) {
  html{ font-size: 30px }
}
@media screen and ( min-width: 500px) {
  html{ font-size: 31.25px }
}
@media screen and ( min-width: 540px) {
  html{ font-size: 33.75px }
}
@media screen and ( min-width: 600px) {
  html{ font-size: 37.5px }
}
@media screen and ( min-width: 640px) {
  html{ font-size: 40px }
}
input::-webkit-input-placeholder{ color: #999999; font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;font-size: .65rem;}
/*底部悬浮begin*/
.pop_xf {
    display: none;
    height: 47px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: solid 1px #9c9c9c;
    border-bottom: solid 1px #9c9c9c;
    background: #f2f2f2;
    z-index: 100;
}
.px_box {
    width: 208px;
    height: 47px;
    margin: 0 auto;
}
.px_box a {
    width: 88px;
    height: 30px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAeCAYAAAColNlFAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGQSURBVGhD7dq7L0NhGMfx9w8gkUhECBHScBoiIad6GokESwfEXdzKIiGMJovdYvAfmGwWi0EMIi4xoxp1Pyi9nIpLq36et/0T2md7hs/Jk5ztmydv3uFVjuMg+XiP1PoKMgs9wFibyENmsQ+pjVUkX2zoturjOojMnB9/9FMUjl7W5MMN1M/aMjJjXsHghzZZpWe68DvqFQzS870UeNSC4JGa6aYjggbBRAf+pkEw0YE/RywIJgEK/EGDYKIDJ4ctCCbTFDhBg2CiA8eHLAgmUxQ4NmhBMJmkwNEBC4LJBAV+77cgmIxT4C93EQQTTwVd04wiCCYmBY7SIJjowLZRDMHjWQe+NUogeNyZVVBXRikEj5BZA3VhlEHwCJp1UOfucggelx4XbXBjJQSPoLeBzuDmaggeIZ8bKtxWj3BLrWBw29kK9RQYxL3pEgzspVmo2ME+bFplm84LUUDtTYifnSD7Ni22s42I34dXCi3yF+npQHxvN/c2TX+y3iJIHB8ivrUp8pA4PYITfc81dRz8A6WyjOMi48hoAAAAAElFTkSuQmCC) 0 0 no-repeat;
    margin: 10px 0 0 0;
    font: 14px/30px '微软雅黑';
    text-align: center;
    color: #fff;
}
/*底部悬浮end*/
/*弹出报名框*/
.tan_baoming,.mb_box{display: none; max-width: 640px; width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;z-index:999; }
.tan_1{width: 95%; position: relative; margin: -200px auto 0;top: 50%;}
.tan_2{width: 100%; position: absolute; top:14%; left: 0; right: 0; margin: 0 auto;}
.tan_3{width: 100%; position: relative;}
.tan_fanhui{  width: 16% !important;position: absolute;left: 0;right: 0;margin: auto;bottom: 9px;}
.bao_loading{width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;z-index:99;}
.bao_loading1{width: 32px; height: 32px; position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto;}
.y_p1{ text-align: center; color: #a3a3a3; font-size: 12px;padding-bottom: 3%; line-height: 18px;}
.y_p1 span{color: #000; font-size: 22px;  font-weight: bold;}
.an{width:80%; margin: 7% auto 0; }
.hide{position: absolute;  width: 8%;height: 18px;right: 1%;top: 0.8%;}
.bao_tan_ming{width: 85%; margin: 0 auto; border:1px solid #b2b2b2; box-sizing: border-box;border-radius:8px;}
.box_1{ width: 100%; margin: 0 auto;box-sizing: border-box; padding:8px 0px 8px 4px; border-radius:8px 8px 0 0; background: #fff;}
.box_1 label img{width:22px; height:23px; float: left; padding-right:4px;}
.box_ipt2{ margin-left:5px; height:26px; line-height:26px; width:80%;background:none;border: none;font-size:16px;}
.box_bottom{border-bottom:1px solid #b2b2b2;}
.box_bottom1{border-radius: 0 0 8px 8px !important;}
#formError{ font-size:14px; width:100%; text-align:center; color:#F00;}
#formError img{ display:inline-block; vertical-align:-3px;}
.mb_div{display: none;width: 100%;max-width: 640px;height: 20.50rem;position:fixed;top:5;-webkit-transform: scale(.86);transform: scale(.86);z-index:9999; background: url(../images/mb_bg_02.png) center center/100% 100% no-repeat;padding-top: 9rem;}
.mb_div input::-webkit-input-placeholder{color: #959595;font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;font-size: .65rem;}
.mb_div input{width: 70%;height: 1.6rem;line-height: 1.7rem;color: #000;font-size: .65rem;margin: 5% auto 0;padding-bottom: 6px;background: transparent;border:none;border-bottom: 1px solid #959595;}
.mb_div .btn_yuyue,.btn_yuyue2{margin-top: 1rem;}
/*弹出报名框END*/
.btn_yuyue,.btn_yue img{
    -webkit-transform-style: preserve;
    -webkit-animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(.8);}
    100% {-webkit-transform: scale(1);}
}
keyframes spin {
    0% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(.8);}
    100% {-webkit-transform: scale(1);}
}
#wrap{
	position: relative;
	max-width: 640px;
	margin:0 auto;
	background: #fff;
}
.orange{
	color: #f0955b;
}
.txt-form{
	width: 100%;
	height: 12.55rem;
	text-align: center;
	font-size: 0.9rem;
	background: url(../images/bana_02.jpg) center center/100% 100% no-repeat;
}
.txt-form p.yuyueNum {
	font-size: 0.6rem;
    font-weight: bold;
    text-align: center;
    width: 5rem;
    margin: auto auto 0 6rem;
}
.txt-form p.yuyueNum span{
	color: #e60027;
	
}
.txt-form p.yuyueNum em{
	text-decoration: underline;
	font-style: normal;
}
.bao_tan_ming{
	margin-top: 0.1rem;

}
#xm1,#dh1{
	width: 11.975rem;
	height: 1.7rem;
	line-height: 1.7rem;
	border:1px solid #333333;
	border-radius: 0.25rem;
	margin:.3rem auto 0;
	padding-left: 2.9rem;
	font-size: 0.65rem;
}
#xm1{
	background:#fff url(../images/icon_head.jpg).3rem center/2.5rem auto no-repeat;
}
#dh1{
	background:#fff url(../images/icon_phone.jpg) .3rem center/2.5rem auto no-repeat;
}
#baomingqu{margin-top: .6rem;}
.btn_yuyue,.btn_yuyue2{
	display: block;
	width: 60%;
	margin:0.6rem auto 0;
}

.wram-tip{
	width: 11.0rem;
	height: 2.45rem;
	margin: 0.55rem auto 0;
	border:1px dotted #51a49f;
	border-radius: 0.15rem;
	color: #026f69;
}
.wram-tip h4{
	height: 1.2rem;
	line-height: 1.2rem;
}
.wram-tip p{
	font-size: 0.45rem;
	line-height: 0.55rem;
}

.btnGroup{
	width: 100%;
	height:1.9rem;
	background: url(../images/ban_15.jpg) center center/100% auto no-repeat;
}
.btnGroup>div{
	width: 9.25rem;
	margin:0 auto;
}
.btn_zixun{
	margin-right: 1.85rem;
	background: url(../images/btn_zixun.png) center center/100% auto no-repeat;
}
/*.btn_yue{
	background: url(../images/btn_yue.png) center center/100% auto no-repeat;
}*/
.banner{
	width: 100%;
	height: 10.15rem;
	background: url(../images/bg_02.jpg) center center/100% auto no-repeat;
}
.anniuG{
	
	height: 9.325rem;
	margin-top: 1.55rem;
	margin-right: 0.3rem;
	padding-left: 0.475rem;
	float: left;
}
.anniuG a{
	display: block;
	width: 2.575rem;
	height: 1.4rem;
	border-radius: 0.25rem;
	padding:0.075rem 0 0 0.075rem;
	background: #00c6c9;
	margin-top: 0.5rem;

}
.anniuG a.active{
	background: #ff7499;
}
.anniuG a span{
	width: 2.425rem;
	height: 1.25rem;
	border-radius: 0.25rem;
	border:1px solid #fff;
	font-size: 0.4rem;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.scroll{
	position: relative;
	float: left;
	width: 12.3rem;
	height: 9.325rem;
	border:0.05rem solid #20c7bc;
	overflow: hidden;
}
.scroll ul{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 1000%;
}
.scroll li{
	float: left;
	width: 12.3rem;
	height: 9.325rem;
	position: relative;
}
.scroll li p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.05rem;
	background: rgba(255,255,255,0.8);
	font-size: 0.4rem;
	color: #3d3d3d;
	text-align: center;
	line-height: 1.05rem;
}
.leftBtn,.rightBtn{
	z-index: 9;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 0.5rem;
	height: 1.85rem;
	line-height: 1.85rem;
}
.leftBtn{
	background: rgba(255,255,255,0.8) url(../images/left.png) center center/100% auto no-repeat;
}
.rightBtn{
	right: 0;
	background: rgba(255,255,255,0.8) url(../images/right.png) center center/100% auto no-repeat;
}
.room{
	position: relative;

}
.yuan{
	position: absolute;
	left: 50%;
	top: 2.15rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 5.55rem;
	height: 5.55rem;
	background: url(../images/yuan.png) center center/100% auto no-repeat;
}
.btn_y{
	display: block;
	width: 3.175rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom:0.7rem;
}
.btn_fangan{ background: url(../images/btn_fangan.png) center center/100% auto no-repeat; }
.btn_zuhe{ background: url(../images/btn_zuhe.png) center center/100% auto no-repeat; }



/*轮播*/
.lunbo_1,.lunbo_2,.lunbo_3,.lunbo_4{    width: 100%;position: relative;margin: 0 auto;}
.room_btn{ display: -webkit-flex; width: 86%;   margin: .2rem auto 1.3rem;}
.room_btn li{
  position: relative;
  text-align: center;
  font-size: 0.6rem;
  width:30%;
  padding:.4rem 0;
  background: #fff;
  margin:0 0.2rem;
  border: 1px solid #1593d3;
  color: #1593d3;
}
.room_img li{display: none; }
.left-arrow,.right-arrow{position: absolute;top: 0;bottom: 0;margin: auto;  width: 8%;z-index: 99;}
.left-arrow{left: .56rem;}
.right-arrow{right: .58rem;}
.touch-box{width: 100%;height: 100%;position: absolute;top: 0;}
.relative{position: relative;}
.btn-cc{  width: 40%;position: absolute;bottom: 5%;left: 0; right: -26%;margin: auto;}
.dot{width:3.3rem;position: absolute;left: 0;right: 0;margin: auto;bottom: -1rem;}
.lunbo_2 .dot{width: 4.3rem;}
.click_ul{width: 91%;position: absolute;top: 2px;overflow: hidden;left: 0;right: 0;margin: auto;z-index: 999;}
.click_ul li{float: left;height:1.2rem;}
.click_ul li:nth-child(1),.click_ul li:nth-child(2){width: 29%;}
.click_ul li:nth-child(3){width: 22%;}
.click_ul li:nth-child(4){width: 20%;}
.dot ul li{width: .45rem;height: .45rem;border-radius: 100%;-webkit-border-radius: 100%;background: #7d7d7d;margin-right: .2rem;display: inline-block;}
.dot ul li:last-child{margin-right: 0;}
.dot ul .cur{background:#535353;}
.tip_img_box{    width: 36%;position: absolute;bottom: -.8rem;right: .29rem;}
/*.btn_group{padding:20px 3% 30px;display: flex;justify-content:space-between;}*/
.btn_group div{display: inline-block;}
/*.btn_group .btn_a{width: 6.5rem;height:1.8rem;background: url(../images/know_btn.png) top center/100% 100%;}
.btn_group .btn_b{width: 6.5rem;height:1.8rem;background: url(../images/get_btn.png) top center/100% 100%;}*/
.bg_y{background: #f6f0e2;}
.right_box{width: 50%;height: 100%;position: absolute;top: 0;right: 0;}
.lun_box{width: 90%;margin: auto;}
.lun_box .left_box{width:75%;float: left;}
.lun_box .right_box1{width: 24%;float: right;}
.lun_box .left_box li{display: none;}
.lun_box .right_box1 li{margin-bottom: 9%;position: relative;}
.lun_box .right_box1 p{    position: absolute;top: 0;left: 0;color: #fff;line-height: 2.2rem;text-align: center;font-size: .4rem;width: 100%;height: 100%;background: rgba(0,0,0,.5);}