@charset "UTF-8";

.flex-box {  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;}
html { font-size:62.5%;-webkit-text-size-adjust: 100%;}
* { margin:0; padding:0; border:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration:none; list-style:none;outline:none;}
body, ul, li, img, p { font-family:"Microsoft Yahei",'PingFangSC'; margin:0; padding:0; }
img { border: 0; width: 100%; height:auto; vertical-align:middle; }
.h10 { height:1rem;}
.grey-b { background:#ECECEC; overflow:auto;}
.clear-div { clear:both;}
#tipMsg { font-style:1.4rem;}
.nav-top { position:fixed; width:100%;top:0;z-index:9999}
.nav-top ul { width:100%; background:#fff; float:left;}
.nav-top ul li { float:left; width:49.8%; line-height:2.4rem; margin:1rem 0; text-align:center; position:relative;}
.nav-top ul li:first-child { border-right:solid 1px #ABE55E;}
.nav-top ul li span { font-size:1.6rem; color:#999;}
.nav-top ul li.nav-lr span { color:#111; background:url(../images/signup/item_icon_line@2x.png) no-repeat 0 bottom; background-size: 100% 0.5rem; font-weight:bold;}
.nav-top ul li img { width:15%; position:absolute; top:0; z-index:2; margin-left:-0.5rem; }
.nav-top ul li.nav-lr >img  { display:none} 
.ad-b { position:relative; width:94%; margin:0 auto;}
.ad-b .ad-tit {position:absolute;width: 74%;left: 13%;z-index:1; }
.ad-b .ad-tit p { text-align:center; line-height:1.8rem; font-size:1.4rem; padding-top:0.3rem; min-height:4rem; display:-webkit-flex; justify-content: center; align-items:center;}
.ad-b .ad-tit .check-b { display:-webkit-flex; justify-content: center; align-items:center; height:2.2rem;}
.check-a {  color:#28C0FF; text-decoration:underline; font-size:1.4rem;}
.cont-msg { width:94%; margin:-1.5rem auto 0 auto; background:#fff; position:relative; border-radius:0.6rem;}
.cont-msg .t-msg { font-size:1.4rem; color:#333; line-height:3.2rem;}
.cont-msg .cont-padd { padding:0 1rem;}
.area-school-class-info-box { justify-content: space-between;}
.area-school-class-info-box .area-school-class-info { width:80%;}
.show-select-area {border-bottom:solid 1px #D2D2D2; width:100%; line-height:2rem; padding:1rem 0;-webkit-appearance:none; font-size:1.3rem; border-radius:0;}
.show-select-area.p-input { color:#D2D2D2}
.row-d { width:100%; justify-content: flex-start; height:4.2rem; font-size:1.5rem; margin-bottom:2px;}
.row-d .label-l { line-height:4.2rem; text-align:center; white-space: nowrap;}
.row-d .label-l span { color:#5EC84E; padding-right:0.2rem;} 
.row-d .input-r { width:100%;   }
.row-d .input-r-80 { width:80%;   }
.row-d2 { width:100%; justify-content: flex-start; font-size:1.5rem; margin-bottom:2px;}
.row-d2 .label-l { line-height:4.2rem; text-align:center; white-space: nowrap;}
.row-d2 .label-l span { color:#5EC84E; padding-right:0.2rem;} 
.row-d2 .input-r { width:100%;   }
.row-d2 .input-r-80 { width:80%;   }
.area-choice {  text-align:center; display:block; line-height:3.6rem; background:#fff;border:solid #50C341 1px;box-sizing: border-box; color:#50C341;width:100%; font-size:1.5rem; border-radius:3.6rem;white-space: nowrap;}
.area-choice img { width:1.0rem; margin-right:0.5rem; padding-bottom:0.2rem;}
.row-d input.input-d { border-bottom:solid 1px #D2D2D2; width:100%; line-height:2rem; padding:1rem 0;-webkit-appearance:none; font-size:1.3rem; border-radius:0;}
.row-d input[type=hidden] { height:0 !important; padding:0 !important;}
.row-d input[type=text]:focus { color:#5EC84E;}
.row-d input::-webkit-input-placeholder {color: #D2D2D2;}
.row-d input:focus::-webkit-input-placeholder{ text-indent: -999em; z-index: -20;}	
.row-d input.input-placeholder-blue::-webkit-input-placeholder {color: #28C0FF;}
.row-d-d input.input-d { border-bottom:solid 1px #D2D2D2; width:100%; line-height:2rem; padding:1rem 0;-webkit-appearance:none; font-size:1.5rem; border-radius:0;}
.row-d-d input[type=text]:focus { border-bottom:solid 1px #5EC84E; color:#5EC84E;}
.row-d-d input::-webkit-input-placeholder {color: #D2D2D2;}
.row-d-d input:focus::-webkit-input-placeholder{ text-indent: -999em; z-index: -20;}	
.tip-msg { padding:1rem 0; font-size:1.4rem; color:#666;}
.tip-msg span { color:#28C0FF;}
.cont-text{ width:94%; margin:1.5rem auto 6rem auto;}
.cont-text p {font-size:1.5rem; color:#666; padding-bottom:0.5rem;line-height:2.2rem;}
.submit-btn { width:84%; line-height:3.8rem; display:block; background:#73D759; text-align:center; font-size:1.8rem; color:#fff; margin:1.5rem auto 2rem auto; border-radius:3.8rem; position:fixed; left:8%; bottom:0;}
.get-btn { width:84%; line-height:3.8rem; display:block; background:#73D759; text-align:center; font-size:1.8rem; color:#fff; margin:1.5rem auto; border-radius:3.8rem; position:absolute; left:8%; bottom:0;}
.clad-div { width:80%; margin:0 auto; text-align:center; padding-top:30%;}
.clad-div img { width:65%; margin:0 auto;}
.clad-div p { line-height:2.2rem; font-size:1.5rem; padding-top:1.3rem;}
.clad-div p span { color:#28C0FF;}
.mainContent { margin:1rem auto 0 auto;}
.select-avatar-btn { width:40%; line-height:2.8rem; display:block; background:#5EC84E;border-style: solid;border-width: 1px;border-color: #5EC84E; text-align:center; font-size:1.4rem; color:#fff; margin:0 auto; border-radius:2.8rem;}
.check-avatar-btn { width:40%; line-height:2.8rem; display:block; background:#fff;border-style: solid;border-width: 1px;border-color: #5EC84E; text-align:center; font-size:1.4rem; color:#5EC84E; margin:0 auto; border-radius:2.8rem;}
.pop-comfirm-area-box {width: 100%; height: 100%; position: fixed; z-index: 11111; left: 0; top: 0; right: 0; bottom: 0; display: none; }
.pop-comfirm-area-box .comfirm-area-box { width: 86%; position: fixed; left: 7%; top: 50%; height:180px; margin-top:-90px; z-index: 100000; background: #fff; -webkit-appearance: none; border-radius: 0.4rem;}
.pop-comfirm-area-box .comfirm-area-box p.title-t { text-align:center; padding:25px 0 10px 0; font-size:1.4rem; color:#333;}
.pop-comfirm-area-box .comfirm-area-box p#cur-choose-area { text-align:center; padding:10px 0 25px 0; font-size:2.0rem; color:#69d054;}
.pop-comfirm-area-box .comfirm-btn-box { display:flex; display:-webkit-flex; justify-content: space-between; align-items:center; width:80%; margin:0 auto; }
.pop-comfirm-area-box .comfirm-btn-box a.btn01 { background:#a9a9a9; color:#fff; height:44px; line-height:44px; text-align:center; border-radius:44px; font-size:1.5rem; width:45%; }
.pop-comfirm-area-box .comfirm-btn-box a.btn02 { background:#69d054; color:#fff; height:44px; line-height:44px; text-align:center; border-radius:44px; font-size:1.5rem; width:45%; }
.pop-comfirm-area-box .pop-mask-box { width: 100%; height: 100%; background: #111; opacity: 0.5; z-index: 11111; }


/**/
#photo { flex-shrink: 0;}
.upload-box { padding-left: 10px; flex-wrap: wrap; align-content: space-between; height: 103px }
.upload-box .text { color: #666; font-size: 1.3rem; }
.row-d2.photo {padding-top: 1rem; padding-bottom: 0.6rem;}
.row-d2.photo-box {padding-left: 1rem; align-items: flex-start; box-sizing: border-box}
.row-d2.photo .label-l {line-height: normal; }
@media screen and (max-width: 320px) {
.check-a { font-size:1.2rem;}	
.ad-b .ad-tit p { text-align:center; line-height:1.6rem; font-size:1.2rem; padding-top:0.3rem; min-height:3.2rem;}	
.row-d { font-size:1.4rem;}
.cont-text p { font-size:1.2rem;}
.tip-msg { font-size:1.2rem;}
.clad-div p { line-height:2.2rem; font-size:1.3rem; padding-top:1.3rem;}
	}

@media screen and (min-width: 1025px) {
.nav-top ul li img { width:30px;  }
.mainContent { width:480px; margin:35 auto 0 auto;}	
.submit-btn {width:480px; margin-left:-240px; left:50%; line-height:3.8rem; display:block; background:#73D759; text-align:center; font-size:1.8rem; color:#fff; border-radius:3.8rem; position:fixed; bottom:0;}	 
}