/* 注意：REM已按100倍缩放 by tonydai 2016/4/27 11:50:06，请保留此行防止重复缩放 */

@charset "utf-8";

/*body,h1,h2,h3,h4,p,dl,dd,dt,ul,input{padding:0;margin:0;}*/
* { padding: 0; margin: 0; }
body { background-color: #fff; font-family: Helvetica; font-size: 0.32rem;}
/* media */
@media all {
    html { font-size: 50.00px; }
}

@media all and (min-width: 320px) {
    html { font-size: 44.44px; }
}

@media all and (min-width: 360px) {
    html { font-size: 50.00px; }
}

@media all and (min-width: 375px) {
    html { font-size: 52.08px; }
}

@media all and (min-width: 393px) {
    html { font-size: 54.58px; }
}

@media all and (min-width: 411px) {
    html { font-size: 57.08px; }
}

@media all and (min-width: 414px) {
    html { font-size: 57.50px; }
}

@media all and (min-width: 435px) {
    html { font-size: 60.41px; }
}

img { display: inline-block; vertical-align: top; border: 0; max-width: 100%; }

ul, ol { list-style: none; }
i, em { font-style: normal; }
a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
input{vertical-align:middle;}
input:focus,button,a{ outline: none; }
::-webkit-input-placeholder { font-size: 0.240rem; color: #aaa; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;-webkit-tap-highlight-color: transparent; }
textarea { -webkit-appearance: none; }

select{-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */appearance:none;}
select::-ms-expand { display: none; }

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { zoom: 1; }


.header { position: fixed; width: 100%; left: 0; top: 0; height: 0.900rem; background: rgba(9,26,26,.8); z-index: 10; }
.header h1 { float: left; position: relative; top: -0.290rem; margin-left: 0.200rem; }
.header h1 a { display: block; background-image: url(/Areas/Mobile/Content/images/logo.png); background-repeat: no-repeat; background-size: cover; text-indent: -9999px; width: 0.980rem; height: 1.290rem; }
.header h3 { float: left; margin-left: 0.200rem; color: #00D0D0; font-size: .2rem; font-weight: normal; padding-top: 0.160rem; }
.header h3 span { display: block; font-size: 0.18rem; padding-top: 0.064rem; color:#0AB1B1; }
.header a.back { padding-left: 0.800rem; color: #00D0D0; display: block; float: left; height: 0.900rem; line-height: 0.900rem; font-size: 0.280rem; background: url(/Areas/Mobile/Content/plan/images/arr_c.png) no-repeat 0.350rem center; background-size: 0.230rem 0.420rem; }


.nav { float: right; width:.9rem; height: .9rem; position: relative; background: url(/Areas/Mobile/Content/plan/images/nav_line.png) no-repeat center center; background-size: .3rem .3rem; }
.wrap_d { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.container { background-color: #333; }

.plan_step { position: relative; overflow: hidden; text-align: center; }
.plan_step .step {position: absolute; left: 0; top: 0.900rem;  width: 100%; color: #fff; }
.plan_step .step h3{margin-top:.34rem;text-indent:-9999px;height:.38rem;background: url(/Areas/Mobile/Content/plan/images/new_sb.png) no-repeat center top; background-size:4.16rem .38rem;}

/*.plan_step { position: relative; overflow: hidden; text-align: center; }
.plan_step .step {position: absolute; left: 0; top: 0.900rem; height: 100%; width: 100%; color: #fff; }*/
.brand_b_en, .brand_b_zh { text-align: center; }
.brand_b_en { margin-top: 0.500rem; }
.brand_b_en span { display: inline-block; width: 2.800rem; height: 0.740rem; text-align: center; line-height: 0.740rem; border: 2px solid #fff; border-radius: 5px; font-size: 0.360rem; }
.brand_b_zh { margin-top: 0.250rem; }
.brand_b_zh span { font-size: 0.300rem; }
.step i { position: relative; font-size: 12px; }
.brand_b_en i { top: -0.320rem; left: 0.100rem; }
.brand_b_zh i { top: -0.160rem; left: 0; }
/*.step1 { width: 4.950rem; margin: 0.700rem auto 0 auto; }
.view_step { width: 5.760rem; margin: 0.220rem auto 0 auto; }
.view_step span { display: block; float: left; width: 25%; font-size: 0.200rem; text-align: center; }*/

.step1 { width:3.46rem;height:.46rem;margin: 0.36rem auto 0 auto; }
.view_step {margin: 0.2rem auto 0 auto;width:4.5rem;}
.view_step span { display: block; float: left; width: 33.33333%; font-size: 0.200rem; text-align: center; }


.screen { padding: 0.140rem 0 1.984rem 0; }
.screen .wt { width: 85%; margin: 0.320rem auto 0 auto; position: relative; }
.screen .wt span { display: block; color: #00D0D0; font-size: 0.240rem; margin-bottom: 10px; }
.screen .wt input.text { width: 100%; font-size: 0.240rem; color: #aaa; border: 1px solid #666; background: #666 url(/Areas/Mobile/Content/plan/images/arr_b.png) no-repeat 95% center; height: 0.780rem; text-indent: 0.280rem; border-radius: 25px; color: #fff; }
.screen .wt input.btn { background-color: #00D0D0; border: 0; height: 0.780rem; width: 100%; border-radius: 8px; color: #333; font-size: 0.938em; margin-top: 0.260rem; }

.footer { background-color: #091A1A; color: #fff;position: relative; padding-bottom:.4rem;}
.footer .web_logo{float:left;margin-left:.28rem;}
.web_logo img{float:left;width:.98rem;}
.web_logo p{float:left;color:#fff;font-size:.2rem;line-height:.98rem;margin-left:.15rem;}
.footer a {background-image: url('/Areas/Mobile/Content/images/tel2.png');background-repeat:no-repeat;background-size:2rem .44rem;display:block;float:right;height:.44rem;width:2rem;margin:.34rem .3rem 0 0;}


/*.nav_ico{display:none;position: fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#2D4040;z-index:100;}*/
/*#wrap2 { display: none; position: fixed; color: #fff; background-color: #007373; width: 100%; height: 100%; overflow: auto; z-index: 70; left: 0; top: 0; }
.close_btn { background: url(/Areas/Mobile/Content/plan/images/close.png) no-repeat center center; background-size: 0.400rem; width: 0.800rem; height: 0.800rem; display: none; position: fixed; right: 0.320rem; top: 0.320rem; }
#close_btn1 { z-index: 70; }
.pb_login { text-align: center; color: #fff; padding-top: 1.920rem; position:relative;}
.pb_login img { width: 1.960rem; }
.pb_login i{position:absolute;top:3.2rem;left:50%;margin-left:.5rem;width:.57rem;height:.57rem;background:url('images/photo_ico.png') no-repeat;background-size:.57rem .57rem;}
.pb_login p { font-size: 0.300rem; padding: 0.200rem 0 0.360rem 0; }
.pb_login span { color: #fff; font-size: 0.240rem; display: inline-block; height: 0.500rem; width: 1.750rem; text-align: center; line-height: 0.500rem; border: 1px solid #fff; border-radius: 0.800rem; }
.icoAll { margin-top: 0.499rem; }
.icoAll a { display: block; float: left; width: 33.3%; text-align: center; color: #fff; margin-top: 0.520rem;position:relative; }
.icoAll a img { width: 1.200rem; }
.icoAll a p { padding-top: 0.200rem; font-size: 0.240rem; }
.icoAll a i{position:absolute;width:.55rem;height:.55rem;line-height:.55rem;font-size:.18rem;background-color:#FF4000;border-radius:50%;top:-.1rem;left:50%;margin-left:.275rem;}*/

/*新版菜单*/
.new_menu_wrap,.nav_ico{position:fixed;top:0;bottom:0;}
.new_menu_wrap{left:0;right:0;background-color:rgba(0,0,0,.7);z-index:70;display:none;}
.nav_ico{width:45%;z-index:71;background-color:#006666;overflow:auto;right:-50%;}
.pb_login{background-image: url('images/newpoint.jpg');background-position:left top;background-size:.2rem .22rem;min-height:2.53rem;text-align:center;padding-top:.35rem;}
.pb_login img{width:1rem;height:1rem;border-radius:100%;margin-bottom:.24rem;}
.pb_login p{font-size:.24rem;color:#fff;}
.pb_login span{display:block;width:1.4rem;height:.4rem;line-height:.4rem;border:1px solid #fff;background-color:rgba(255,255,255,.2);color:#fff;font-size:.2rem;border-radius:.2rem;margin:.15rem auto 0 auto;}
.icoAll{padding:.6rem 0 0 .35rem;}
.icoAll a{display:block;font-size:.24rem;color:#fff;line-height:.5rem;background-repeat:no-repeat;background-position:left center;background-size:.5rem .5rem;padding-left:.72rem;margin-bottom:.35rem;}
.icoAll a.icon01{background-image:url(/newAreas/Mobile/Content/tutor/images/icon_01.png);}
.icoAll a.icon02{background-image:url(/newAreas/Mobile/Content/tutor/images/icon_02.png);}
.icoAll a.icon03{background-image:url(/newAreas/Mobile/Content/tutor/images/icon_03.png);}
.icoAll a.icon04{background-image:url(/newAreas/Mobile/Content/tutor/images/icon_04.png);}
.icoAll a.icon05{background-image:url(/Areas/Mobile/content/plan/images/ico_a.png);}
.icoAll a.icon06{background-image:url(/Areas/Mobile/content/plan/images/ico_b.png);}
.icoAll a.icon07{background-image:url(/Areas/Mobile/content/plan/images/ico_h.png);}
.icoAll a.icon08{background-image:url(/Areas/Mobile/content/plan/images/ico_c.png);}
.icoAll a.icon09{background-image:url(/Areas/Mobile/content/plan/images/ico_d.png);}
.icoAll a.icon10{background-image:url(/Areas/Mobile/content/plan/images/ico_e.png);}
.icoAll a.icon11{background-image:url(/Areas/Mobile/content/plan/images/ico_f.png);}
.icoAll a.icon12{background-image:url(/Areas/Mobile/content/plan/images/ico_g.png);}
.new_close{display:none;position:fixed;top:.3rem;right:50%;width:.24rem;height:.24rem;background:url(images/new_close.png) no-repeat left top/cover;z-index:71;border:0;text-indent:-9999px;}



#login_div { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #2D4040; z-index: 110; }
#close_btn2 { z-index: 110; }
.login { position: absolute; height: 100%; width: 100%; }
.login .tips { width: 90%; position: absolute; left: 5%; bottom: 5%; }
/*.login{display:none;position: fixed;left:0;top:0;width:100%;height:100%;background-color:#2D4040;z-index:110;}
.login .tips{width:90%;position:absolute;left:5%;bottom:5%;}*/
.login p { color: #fff; font-size: 0.280rem; line-height: 200%; }
.login_form { background-color: #DDDDDD; padding: 0.280rem 0.400rem; border-radius: 10px; position: relative; margin-top: 0.384rem; text-align: center; }
.login_form input.text { background-color: #fff; width: 100%; height: 0.780rem; border-radius: 25px; border: 0; text-indent: 16px; margin-top: 0.300rem; font-size: 0.240rem; }
.login_form input.submit { border: 0; background-color: #00D0D0; width: 100%; border-radius: 10px; height: 0.780rem; color: #fff; font-size: 0.300rem; margin-top: 0.300rem; }
.login_form input.btn { position: absolute; top: 0.544rem; right: 0.464rem; border: 0; background-color: #00D0D0; color: #fff; height: 0.670rem; width: 2.220rem; border-radius: 25px; font-size: 0.75em; }
.lg input.btn { top: 2.790rem; }
#span_Mobile, #span_MobilePlan { text-align: left; color: #f00; font-size: 0.240rem; margin-top: 0.300rem; }

.screen .wt input.nobg { background-image: none; }

/*上传头像*/
.face_box{background-color:#007373;position:absolute;top:0;left:0;width:100%;height:100%;}
.upload_face{position:absolute;bottom:.5rem;background-color:#DDDDDD;width:94%;left:3%;border-radius:.2rem;}
.up_fc{padding:.58rem .4rem .4rem .4rem;}
.up_fc .cancel,.photograph,.simulation{border:1px solid #00D0D0;height:.76rem;font-size:.3rem;border-radius:.12rem;}
.up_fc .cancel{background-color:transparent;color:#00D0D0;margin-top:.62rem;}
.up_fc .cancel,.photograph{width:100%;}
.photograph,.simulation{background-color:#00D0D0;color:#fff;}
.simulation{position:relative;text-align:center;line-height:.76rem;font-size:.24rem;margin-top:.2rem;}
.album{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

/*显示上传的图片*/
.upFace{background-color:#333;}
.moveWrap{margin-top:.9rem;padding-top:2.1rem;position:relative;overflow:hidden;}
.p_bg{position:absolute;left:0;top:0;width:100%;height:100%;/*background:url(/areas/mobile/content/images/p_bg.png) no-repeat center top;background-size:7.21rem 11.99rem;*/z-index:10;text-align:center;}
.dragme{position:relative;text-align:center;}
.c_save_cancel{padding:.45rem .66rem 0 .66rem;}
.c_save_cancel button{height:.7rem;border:1px solid #00D0D0;width:100%;font-size:.3rem;border-radius:.1rem;}
.c_save{background-color:#00D0D0;color:#fff;}
.c_cancel{background-color:transparent;color:#00D0D0;margin-top:.2rem;} 

/*弹窗*/
.del_info{background-color:rgba(0,0,0,.8);position: absolute;top:0;left:0;width:100%;height:100%;z-index:100;}
.del_c{position:absolute;width:90%;color:#fff;height:2rem;left:5%;top:50%;margin-top:-1rem;border-radius:.2rem;}
.del_succ{background-color:#007373;}
.del_fail{background-color:#f00;}
.d_cz{float:left;font-size:.3rem;margin:.5rem 0 0 .7rem;}
.d_cz i{display:inline-block;width:1rem;height:1rem;background-color:#fff;border-radius:50%;text-align:center;line-height:1rem;font-size:.5rem;margin-right:.5rem;}
.del_succ .d_cz i{color:#007373;}
.del_fail .d_cz i{color:#f00;}
.del_c span{float:right;width:1.48rem;height:.44rem;border:1px solid #fff;border-radius:.1rem;text-align:center;line-height:.44rem;font-size:.24rem;margin:.77rem .45rem 0 0;}

.alert_wrap{position:fixed;left:0;top:0;width:100%;height:100%;}
.alert_wrap_in{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);}
.alert_commen{position:absolute;width:100%;left:0;/*bottom:-30rem;*/}
.alert_warning{background-color:#f00;}
.alert_question{background-color:#FFBF00;}
.alert_input{background-color:#00B2B2;}
.alert_content{padding:.44rem .68rem .58rem .68rem;color:#fff;font-size:.24rem;}
.alert_title{min-height:1rem;padding-left:1.3rem;}
.alert_warning .alert_title{background:url(/areas/mobile/content/images/warn_icon.png) no-repeat left center;background-size:1rem 1rem;}
.alert_question .alert_title{background:url(/areas/mobile/content/images/question_icon.png) no-repeat left center;background-size:1rem 1rem;}
.alert_input .alert_title{background:url(/areas/mobile/content/images/input_icon.png) no-repeat left center;background-size:1rem 1rem;}
.alert_input input{margin-top:.52rem;height:.78rem;width:100%;background-color:#fff;outline:none;border-radius:.4rem;border:0;padding-left:.15rem;box-sizing:border-box;}
.alert_input .alert_confirm{margin-top:.46rem;}
.alert_btn{height:.76rem;border:1px solid #fff;border-radius:.1rem;line-height:.76rem;text-align:center;}
.alert_confirm{margin-top:.7rem;}
.alert_cancel{margin-top:.2rem;}

/*自定义字体*/
@font-face{
	font-family: "rbn";
	src:url('/areas/mobile/content/plan/RBNo2Light.otf')  format('truetype');
	font-weight:normal;
	font-style:normal;
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-timing-function:ease;
    -webkit-animation-timing-function:ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
    0% {bottom:-150%;}
    100% {bottom:0;}
}

@keyframes bounceInDown {
    0% {bottom:-150%;}
    100% {bottom:0;}
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceOutDown {
    0%{bottom:0;}
    100% {bottom:-150%;}
}

@keyframes bounceOutDown {
    0%{bottom:0;}
    100% {bottom:-150%;}
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@keyframes newRightIn{
    0%{right:-50%;}
    100%{right:0;}
}
@-webkit-keyframes newRightIn{
    0%{right:-50%;}
    100%{right:0;}
}

.newRightIn{-webkit-animation:newRightIn .5s;animation:newRightIn .5s;right:0;}

@keyframes newRightOut{
    0%{right:0;}
    100%{right:-50%;}
}
@-webkit-keyframes newRightOut{
    0%{right:0;}
    100%{right:-50%;}
}

.newRightOut{-webkit-animation:newRightOut .5s;animation:newRightOut .5s;right:-50%;}
.new_tg{position:relative;}
.ajax_school{position:absolute;left:0;top:.8rem;width:100%;border:1px solid #0AB1B1;box-sizing:border-box;z-index:10;background-color:#333;max-height:3rem;overflow:auto;padding:.2rem 0;display:none;}
.newdropul li{color:#fff;font-size:.2rem;padding:.1rem .2rem;}