
/*  login  */
body,html{ width:100%; height:100%;}
.login{ padding:135px 0 0; width:100%; height:auto; position:absolute; left:0;top:0; z-index:44;}

.dl_banner{position:relative; width:100%; height:100%;}
.dl_banner .swiper-container { width: 100%; height:100%; position: relative;}
.dl_banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;width:100%; height:100%;}
.swiper-wrapper{ width:100%; height:100%;}
.dl_banner .arrow{position: absolute; width:70px; height:70px; z-index:45;top:50%; margin:-35px 0 0 0;
 cursor:pointer; text-indent:-9999px;}
.dl_banner .arrow-left{left:20px; background:url(../../images/dlzc/dl_arrow_l.png)/*tpa=http://www.newclasses.org/register/images/dlzc/dl_arrow_l.png*/ no-repeat center center;
background-size:70px 70px;}
.dl_banner .arrow-right{right:20px; background:url(../../images/dlzc/dl_arrow_r.png)/*tpa=http://www.newclasses.org/register/images/dlzc/dl_arrow_r.png*/ no-repeat center center;
background-size:70px 70px;}

.login_lef{ float:left; width:500px; padding-left:100px; padding-top:80px;}
.login_rgt{ float:right; width:500px;}

.log_lef_til{ color:#2eb27a; font-size:32px; line-height:56px;}
.log_lef_tal{ color:#f2f2f2; position:relative; padding-top:40px; margin:40px 0;}
.log_lef_tal:before{content:" "; position:absolute; width:1px; background:#ccc; left:30px; top:0px; bottom:0px;}
.log_lef_tex{ padding-left:70px; line-height:60px; height:60px; font-size:20px; position: relative; margin-bottom:60px;}
.log_lef_ico{ position:absolute; top:0; left:0; width:60px; height:60px; background-repeat:no-repeat; background-position:center center;}
.log_lef_ico01{ background-image:url(../../images/log_lef_ico01.png)/*tpa=http://www.newclasses.org/register/images/log_lef_ico01.png*/;}
.log_lef_ico02{ background-image:url(../../images/log_lef_ico02.png)/*tpa=http://www.newclasses.org/register/images/log_lef_ico02.png*/;}
.log_lef_ico03{ background-image:url(../../images/log_lef_ico03.png)/*tpa=http://www.newclasses.org/register/images/log_lef_ico03.png*/;}
.log_lef_ico04{ background-image:url(../../images/log_lef_ico04.png)/*tpa=http://www.newclasses.org/register/images/log_lef_ico04.png*/;}
.log_lef_ico05{ background-image:url(../../images/log_lef_ico05.png)/*tpa=http://www.newclasses.org/register/images/log_lef_ico05.png*/;}


.log_rgt_til{ font-size:25px; line-height:42px; color:#fefefe; font-weight:normal; padding-left:18px; margin-bottom:15px;}
.log_rgt_til b{ color:#f2c161;}

.log_rgt_tal{ background:url(../../images/dlzc_bg.png)/*tpa=http://www.newclasses.org/register/images/dlzc_bg.png*/; border-radius:10px; border:1px solid rgba(153,153,153,.9); padding:20px;}

.log_rgt_intil{ position:relative; line-height:31px; color:#2eb27a; font-size:18px; padding:0 0 18px;}

.log_rgt_ico{ display:inline-block; vertical-align:top; width:31px; height:31px; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
.log_rgt_ico01{ background-image:url(../../images/log_rgt_ico01.png)/*tpa=http://www.newclasses.org/register/images/log_rgt_ico01.png*/;}
.log_rgt_ico02{ background-image:url(../../images/log_rgt_ico02.png)/*tpa=http://www.newclasses.org/register/images/log_rgt_ico02.png*/;}
.log_rgt_ico03{ background-image:url(../../images/log_rgt_ico03.png)/*tpa=http://www.newclasses.org/register/images/log_rgt_ico03.png*/; background-size:31px auto;}

.log_ipt_al input{ height:42px; line-height:40px; border:1px solid #a6a6a6; font-size:14px; border-radius:5px; 
	width:416px; padding:0 20px; background:none; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.log_ipt_al input:focus{ border-color:#2eb27a;}
.log_ipt_note{ font-size:12px; line-height:16px; height:16px; padding:4px 0 4px 10px; color:#ef0707;}
.log_ipt_note .log_ipt_note_reg{ float:right;}
.log_ipt_al .log_ipt_aut input{ width:274px; }
.note_hide{ display:none;}

.log_ipt_note .log_ipt_note_bzq{ width:120px; float:left; }

.zc_select_box {width:100%; height:100%; position:relative;background:url(../../images/xsrwcz_arrow.png)/*tpa=http://www.newclasses.org/register/images/xsrwcz_arrow.png*/ no-repeat 96% center; }
.zc_select_box span { display:block; height:50px; line-height:48px; border:1px solid #a6a6a6; color:#777; font-size:14px;
 border-radius:5px; width:406px; padding:0 20px; background:none; transition: .3s; -moz-transition: .3s; 
 -webkit-transition: .3s; -o-transition: .3s; cursor:pointer;}
.zc_select_box ul li {cursor:pointer; border-bottom:1px solid #eee;}
.shcolbox{ position:relative;}
.shcolboxsel { display:block; height:50px; width:100%; position:absolute; top:0; right:-12px; cursor:pointer;}
.zc_son_ul {width:100%; position:absolute; left:-1px; top:48px; z-index:3; border:1px solid #f2f2f2; background:#fff; box-sizing:content-box;}
.zc_son_ul li {display:block; padding:12px 0 12px 10px; width:100%;}
.hover {background:#27c47f; color:#fff;}


.dropdown{position:relative; width:100%;border:1px solid #a6a6a6;cursor:pointer;background:none;border-radius:5px;
	-webkit-user-select:none;-moz-user-select:none;user-select:none; text-indent:10px; margin-right:15px;}

.dropdown .selected,.dropdown li{display:block;font-size:14px;overflow:hidden; height:40px; line-height:40px;
	white-space:nowrap;}
.dropdown .selected{ padding-left: 10px; color: #666;}

.log_ipt_aut{ width:314px; display:inline-block; vertical-align:top;}
.log_ipt_atn{ width:120px; display:inline-block; vertical-align:top; float: right; margin-right: 10px;}
.log_ipt_atn img{ display:block; width:120px; height:40px; display:inline-block; vertical-align:top; margin:2px 0;}
.log_ipt_atn_clk{ display:block; width:120px; height:42px; text-align:center; line-height:42px; background:#22c37e; border-radius:10px; color:#fff; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.log_ipt_atn_clk.code_dised{ background:#ccc; color:#999; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.log_ipt_atn_clk:hover{ background:#60cf85; color:#fff;}
.log_ipt_atn_clk.code_dised,.log_ipt_atn_clk.code_dised:hover{ background:#ccc; color:#666; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}

.log_not_aut{ color:#333;}
.log_not_tips{ color:#999; padding-top:20px;}
.log_not_num{ color:#3aad7c;}
.log_not_que{ color:#666;}
.log_not_que input{ vertical-align:top; margin-top:6px; margin-right:5px; 	}

.logbtnclk{ display:block; width:230px; height:52px; text-align:center; border:1px solid #079661; font-size:24px; margin:10px auto 0 auto; line-height:50px; background:#22c37e; border-radius:10px; color:#fff; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.logbtnclk:hover{ background:#60cf85; color:#fff;}

.logbtnclk_zc{ background:#fff; border:1px solid #219363; color:#219363; }






