.wap {background: #f6f6f6;}
.header {
  position: relative;
  background-image: -moz-linear-gradient(top, #1be788, #41d082); /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1be788), color-stop(1, #41d082)); /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1be788', endColorstr='#41d082', GradientType='0'); /* IE*/
  height: 20rem;
}
.user { position: absolute; left: 1rem; top: 1rem; color: #fff; font-size: 1.1rem; line-height: 3rem;}
.user img{ width: 3rem; height: 3rem; border-radius: 1.5rem; margin-right: .5rem}
.share { position: absolute; right: 1rem; top: 1.5rem; display: block; float: right; font-size: 1.1rem; background: url("../images/share-icon.png") right center no-repeat; background-size: 1.5rem; height: 1.5rem; padding-right: 2rem}
.goBtn {
  border: .2rem solid #fff; display: block;
  height: 3rem;border-radius: 1.7rem; text-align: center; line-height: 3rem; font-size: 1.6rem;
  width: 80%;
  position: absolute; left: 10%; bottom: -1.5rem; z-index: 1;
  -moz-box-shadow:0 .3rem .5rem rgba(255,144,0,.6),0 0 .7rem #ffb22e inset;/*背景内外阴影*/
  -webkit-box-shadow:0 .3rem .5rem rgba(255,144,0,.6),0 0 .7rem #ffb22e inset;
  box-shadow:0 .3rem .5rem rgba(255,144,0,.6),0 0 .7rem #ffb22e inset;
  background-image: -moz-linear-gradient(top, #ffa200, #fecc74); /* 背景渐变 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa200), color-stop(1, #fecc74));
}
.numb {padding-top: 20%}
.numb p {background: rgba(0,0,0,.2); border-radius: 3rem; color: #fff; text-align: center; padding: 0 1rem .2rem 1rem; font-size: 1.1rem}
.numb p:nth-child(1){float: left; margin: 3rem 0 0 1rem}
.numb p:nth-child(2){ float: right; margin: 3rem 1rem 0 0}
.numb p strong { display:block; font-weight: 800}
.tz-chang { background: url("../images/num-bg.png") 0 0 no-repeat; background-size: 100%; width: 10rem; height: 10rem; text-align: center; margin: 0 auto}
.bs-font {
  -moz-text-shadow:0 .2rem .5rem rgba(0,0,0,.6);/*背景内外阴影*/
  -webkit-text-shadow:0 .2rem .5rem rgba(0,0,0,.6);
  text-shadow:0 .2rem .5rem rgba(0,0,0,.6);
  color: #fff;
}
.tz-chang i {
  display: block; font-style: normal; font-size: 1.1rem; padding-top: 2.2rem; border-bottom: .1rem solid #2dd380;
  padding-bottom: .5rem;
  width: 60%; margin: 0 auto .2rem auto;
}
.tz-chang label { display: block; font-size: 2.4rem}
.tz-chang em { display: block; font-style: normal; font-size: 1rem}
.bg {position: absolute; left: 0; bottom: 0; width: 100%}


/*-------------------------------*/
.box { padding: 1rem; overflow: hidden}
.box h1 { color: #42cd87; font-size: 1.2rem; margin: 3rem 0 1rem 0; background: url("../images/title-icon01.png") 0 center no-repeat; padding-left: 1.7rem; background-size: 1.5rem}
.box h1 em { font-style: normal; color: #8a8a8a; font-size: 1rem}
.box ul li { position: relative; width: 25%; float: left; text-align: center;background: url("../images/line.png") 0 0 no-repeat; background-size: 100%; height: 7rem; font-size: 1rem}

.box ul li.active {background: url("../images/line-active.png") 0 0 no-repeat; background-size: 100%; color: #fff}
.box ul li img { display: block; width: 2.5rem; margin: 1.5rem auto 0 auto}
.box ul li i { position: absolute; right: .5rem; top: .5rem; background: url("../images/dian.png") 0 0 repeat;  background-size: 100%; width: 1.5rem; height: 1.5rem; display: inline-block}

.swiper-container {padding: 0 1rem;}
.swiper-slide {
  text-align: center;
  background: #fff;
  -moz-box-shadow:0 0 .5rem rgba(0,0,0,.3);
  -webkit-box-shadow:0 0 .5rem rgba(0,0,0,.3);
  box-shadow:0 0 .5rem rgba(0,0,0,.3);
  margin: 1rem 0 2rem 0;
  border-radius: .5rem;
  border-top: .5rem solid #ffbe2f;
  padding-bottom: 1rem;
}
.swiper-box { background: url("../images/bg-swper.png") 0 0 no-repeat; background-size: 100%}
.swiper-box h1 { padding:1rem 1rem 1rem 2.7rem;color: #42cd87; font-size: 1.2rem;background:#f6f6f6 url("../images/title-icon02.png") 1rem center no-repeat;  background-size: 1.5rem; border-bottom: .1rem solid #ebebeb}
.swiper-box img { width: 6rem; margin:1rem auto}
.swiper-box strong { display: block; text-align: center; font-size: 2rem; color: #42cd87}
.swiper-box i { font-style: normal; font-size: 1rem; color: #42cd87}

.map {
  border-top: .1rem solid #ebebeb;
  background: #e6f6e7;
}
.map h1 { color: #42cd87; font-size: 1.6rem; text-align: center; margin:1rem; border-top: .1rem solid #ebebeb; padding-top: .5rem;}
.map h1 label { border-bottom: .2rem solid #42cd87}

.photo { padding: 1rem; overflow: hidden}
.photo h1 {padding-left:1.7rem;color: #42cd87; font-size: 1.2rem;background:url("../images/title-icon02.png") 0 0 no-repeat;  background-size: 1.5rem; margin:1rem 0 1rem 0}
.photo ul li { width: 32%; float: left; background: #fff}
.photo ul li:nth-child(2) { margin: 0 2%}
.photo ul li img { width: 100%}
.photo ul li p { padding: .5rem; color: #6c6c6c; font-size: 1rem}


.hot {}
.hot h1 { color: #42cd87; font-size: 1.2rem; background: url("../images/title-icon03.png") 0 center no-repeat; padding-left: 1.7rem; background-size: 1.5rem; margin:1rem 1rem 1rem 1rem}
.hot h1 em { font-style: normal; color: #8a8a8a; font-size: 1rem}
.hot-info { position: relative; background: #fff; border-bottom: .1rem solid #e1e1e1; padding: 1rem}
.hot-info img { width: 4rem; border-radius: 2rem; float: left;margin-right: .5rem}
.hot-info h2 { font-size: 1.1rem; color: #9c9c9c; padding-bottom: .5rem}
.hot-info p label{ display: inline-block; font-size: 1.1rem; margin-right: 1.5rem}
.hot-info a {
  display: block;
  position: absolute; right: 1rem; top: 1.5rem;
  background: #ffbe2f; padding:.5rem 1rem; font-size: 1.2rem;
  -moz-box-shadow:0 -.2rem 0 #f3ac0f inset;/*背景内外阴影*/
  -webkit-box-shadow:0 -.2rem 0 #f3ac0f inset;
  box-shadow:0 -.2rem 0 #f3ac0f inset;
  border-radius: .3rem;
}

.f-btn { text-align: center; padding: 2rem 0}
.btn {
  display: inline-block;
  height: 3rem;border-radius: 1.7rem; line-height: 3rem; font-size: 1.4rem;
  width: 40%;
  margin: 0 2% ;
  -moz-box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;/*背景内外阴影*/
  -webkit-box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;
  box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;
  background-image: -moz-linear-gradient(top, #41db8f, #33cd82); /* 背景渐变 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41db8f), color-stop(1, #33cd82));
}
.f-btn p { padding-top: 1.5rem}
.f-btn p a { display: inline-block; color: #3ecc84; border-bottom: .1rem solid #3ecc84; font-size: 1.2rem; background: url("../images/doc.png") right .1rem no-repeat; background-size: 1.2rem; padding-right: 1.2rem; padding-bottom: .5rem}

.code { background: #fdfdfd; border-top: .1rem solid #f0f0f0; text-align: center; padding: 2rem 0}
.code img { width: 8rem; padding: .5rem; border: .1rem solid #9eebc5}
.code p { color: #32cd81; font-size: 1.1rem; padding: .5rem 1rem 0 1rem}


.billboard { position: relative; background: #fff; border-radius: .5rem; margin: 3rem 1rem 2rem 1rem}
.bill-title { width: 70%; position: absolute; left: 15%; top: -2rem;}

.Noticebox { padding-top: 2rem;  color: #5b5b5b; text-align: center}
.Noticebox ul { border-bottom: .1rem solid #e8e8e8; padding-bottom: 1rem}
.Noticebox li { display:inline-block; cursor:pointer; text-align:center; font-size: 1.1rem; width: 35%; line-height: 3rem}
.sn_hover {color:#40cd87; border-bottom: .1rem solid #40cd87}
.Contentbox{clear:both; padding-bottom: 2rem}
.bill-ul { overflow: hidden; font-size: 1.1rem; padding: 1rem;border-bottom: .1rem solid #e8e8e8;}
.bill-ul img{width: 4rem; border-radius: 2rem; float: left;margin-right: .5rem}
.bill-ul h1 { padding: .3rem 0; font-weight: bold}
.bill-ul h1 em{ float: right; font-style: normal; font-weight: normal; color: #ffbe30}
.bill-ul p { color: #aeaeae}
.bill-ul p i {font-weight: bold; color: #54d191; font-style: normal}
.bill-ul p em { float: right; font-style: normal; color: #727272}

.tt { display: block; width: 30%; margin: 2rem auto}
.sex-box li{ position: relative; float: left; width: 50%; text-align: center}
.sex-box li img { width: 80%}
.sex-box li p { font-size: 1.1rem; padding: 1rem}
.sex-box li i { display: none; position: absolute; right:20%; bottom: 10%; background: url("../images/checked.png") 0 0 no-repeat; background-size: 100%; width: 3rem; height: 3rem}

.submit-btn {
  display: block;
  text-align: center;
  margin: 2rem auto;
  height: 3rem;border-radius: 1.5rem; line-height: 3rem; font-size: 1.4rem;
  width: 80%;
  -moz-box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;/*背景内外阴影*/
  -webkit-box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;
  box-shadow:0 .3rem .5rem rgba(57,219,137,.6),0 0 .7rem #33cd82 inset;
  background-image: -moz-linear-gradient(top, #41db8f, #33cd82); /* 背景渐变 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #41db8f), color-stop(1, #33cd82));
}

.sex-box01 { width: 80%; margin: 2rem auto; overflow: hidden}
.sex-box01 li{ position: relative; float: left; width: 49%; text-align: center}
.sex-box01 li:nth-child(1) { background: url("../images/line-sex.png") right 30% no-repeat; background-size: 1%; color: #2fa4fe}
.sex-box01 li:nth-child(2) { color: #fa7f94}
.sex-box01 li img { width: 40%}
.sex-box01 li p { font-size: 1.1rem; padding: .5rem}
.sex-box01 li i { display: none; position: absolute; right:20%; top: 10%; background: url("../images/checked01.png") 0 0 no-repeat; background-size: 100%; width: 1.6rem; height: 1.6rem}

.from-box { border-top: .1rem solid #ccc; margin: 1rem; padding: 1rem 7% 0 7%}
.from-box ul li { position: relative; border: .1rem  solid #d4d4d4; background: #f7f7f7; border-radius: .5rem; height: 3rem; margin-top: 1rem; padding:0 .5rem 0 8.5rem }
.from-box ul li span { position: absolute; left: .5rem; top: .5rem; display: inline-block; color: #767676;font-size: 1.1rem; border-right: .1rem solid #dfdfdf; line-height: 2rem; padding: 0 .5rem;}
.from-box ul li:nth-child(1) span  { background: url("../images/icon05.png") 0 center no-repeat; background-size: 1.5rem; padding-left: 2rem}
.from-box ul li:nth-child(2) span  {background: url("../images/icon06.png") 0 center no-repeat; background-size: 1.5rem; padding-left: 2rem}
.from-box ul li:nth-child(3) span  { background: url("../images/icon07.png") 0 center no-repeat; background-size: 1.5rem; padding-left: 2rem}
.from-box ul li:nth-child(4) span  { background: url("../images/icon08.png") 0 center no-repeat; background-size: 1.5rem; padding-left: 2rem}
.from-box ul li input { width: 100%; line-height: 2rem; margin-top: .5rem; font-size: 1.1rem; background: none}
.from-box ul li select { width: 100%; line-height: 2rem; margin-top: .5rem; font-size: 1.1rem; background: none; color: #999}

.index { position: fixed; left: 0; top: 0; width: 100%; height: 100%}
.shareImg { display: none; position: fixed; left: 0; top: 0; z-index: 3; width: 100%; text-align: center}
.shareImg img { width: 70%; margin-top: 20%}
.pop-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 2;}

.dk {
  position: relative; color: #fff; text-align: center;
  background-image: -moz-linear-gradient(top, #70cefd, #6fa9fc); /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70cefd), color-stop(1, #6fa9fc)); /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70cefd', endColorstr='#6fa9fc', GradientType='0'); /* IE*/
  height: 20rem;
}
.dk p { font-size: 1.1rem; padding: 2rem 0 1rem 0}
.num01 { background: url("../images/bg03.png") 0 0 no-repeat; background-size: 100%; width: 11rem; height: 11rem; margin: 0 auto}
.num01 label { display: block; font-size: 5rem; padding: 1.5rem 0 1rem 0}
.num01 label i { font-style: normal; font-size: 1.1rem}
.num01 em { display: block; font-style: normal; font-size: 1.1rem}
.dk strong { display: inline-block; background: rgba(0,0,0,.15); line-height: 2rem; border-radius: 1rem; padding: 0 1rem; font-size: 1.1rem; font-weight: normal; margin: 1rem 0 }

.camera { background: #f4f4f4; margin: 1rem; border-radius: .5rem; padding: 20% 0}
.addCover{  position:relative; width:5rem; height: 5rem; background:#fff url(../images/camera.png) center center no-repeat; background-size: 80%; overflow: hidden; margin: 0 auto; border-radius: 2.5rem}
.addCover .upload { width: 4rem; height: 4rem; position:absolute; top:0; right:.5rem; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
.camera p { text-align: center; font-size: 1.1rem; color: #aaaaaa; padding-top: .5rem}

.tipsText { text-align: center; color: #6fadfc; font-size: 1.1rem}

.yanWap { background: url("../images/yanBg.png") 0 0 no-repeat; background-size: 100%; margin: 1rem; border-radius: .5rem; padding: 2rem 0}
.yan { background: url("../images/yan.png") 0 0 no-repeat; width: 15rem; height: 15rem; background-size: 100%; margin: 0 auto; color: #fff; text-align: center}
.yan p {font-size: 1.2rem; padding: 4rem 0 0 0}
.yan label { font-size: 5rem}
.yan label i { font-size: 1.2rem; font-style: normal}

.info-text { color: #8c8c8c; border-top: .1rem solid #ececec; margin: 1rem 1rem 0 1rem; padding: 1rem 1rem 0 1rem; font-size: 1.1rem; line-height: 150%}
.info-text b { display: block; font-weight: normal; padding:4rem 0 1rem 0; color: #3ed98c; text-align: center}