body,html{ background: #f1f2f3;}
a{color: #333;}
a:hover{color: #333;}
a:visited{color: #333;}
.modular{ width: 100%; display: inline-block; }
.warp{ text-align: center; margin-top: 20px;}
.main{width: 1200px; display: inline-block;    background: #fff url(../../images/login/l_bj.jpg) left top repeat-y;}
.left_sidebar{ width:210px; float:left; _overflow:hidden;}
.left_sidebar ul{ padding:14px 0 5px 0;}
.left_sidebar li{ height:80px; line-height:80px;  position:relative; cursor:pointer;}
.left_sidebar li a{display:block; color:#6e6c6c; font-size:16px; position:absolute; left:60px; top:0;  -webkit-transition:left 0.2s ease-out; -ms-transition:left 0.2s ease-out;-moz-transition:left 0.2s ease-out;-o-transition:left 0.2s ease-out; transition:left 0.2s ease-out;  }
.left_sidebar li span{ display:block; width:23px; height:24px; background:url(../../images/login/reg_ico.png) no-repeat; position:absolute; left:33px; top:30px;  -webkit-transition:background-position 0.2s ease-out; -ms-transition:background-position 0.2s ease-out;-moz-transition:background-position 0.2s ease-out;-o-transition:background-position 0.2s ease-out; transition:background-position 0.2s ease-out;}
.left_sidebar li.current{ height:80px; background:url(../../images/login/l_li_bj.jpg) 3px 0 no-repeat; position:relative; left:0; top:0; }
.left_sidebar li.current a{ color:#f45c01; left:70px; top:0; }
.left_sidebar li.current span{ color:#f45c01; top:30px; }
.left_sidebar li:hover a{color:#f45c01; left:70px; text-decoration:none; }
.left_sidebar li .username{ background-position:0 0;}
.left_sidebar li .phone{ background-position:0 -52px;}
.left_sidebar li:hover .username{ background-position:0 -25px;}
.left_sidebar li:hover .phone{ background-position:0 -78px;}
.left_sidebar li.current .username{ background-position:0 -25px;}
.left_sidebar li.current .phone{ background-position:0 -78px;}
.main .content{ width:810px; float:right; padding:20px 0 100px; margin-right:10px; overflow:hidden; text-align: left; }
.main .content .title{ height:40px; background:url(../../images/login/nav_bg.jpg) no-repeat; margin:10px 0 25px 0; line-height:40px;  padding:0 20px; border-radius:3px; font-size:14px;}
.main .content .title span{ color: #f45c01;}
.main .content .tips{ color:#999; margin-bottom:30px; padding-left:20px; font-size: 12px;}
.main .content .item{ margin-bottom:20px; overflow:hidden; clear:both;}
.main .content .item li{ float: left; height:40px; line-height:40px;  }
.main .content .item .name{ width:90px; text-align:right; font-size:14px;color:#525252;}
.main .content .item .input{ width:250px; margin: 0 10px; }
.main .content .item .input input{ width:250px; height:36px; padding:0 10px; line-height:36px; border:1px solid #cfcece; border-radius:3px; font-size: 12px; }
.main .content .item .input input:focus{border:2px double #78c143;}
.main .content .item .input .sent-btn{ display:inline-block; width:105px; height:36px; line-height:36px; text-align:center; color:#fb5f01; font-size:14px; cursor:pointer; background:url(../../images/login/sent-msg-btn.png) 0 0 no-repeat; margin:3px 0 0 10px;}
.main .content .item .input .sent-btn:hover{ background-position:0 -40px;}
.main .content .item .input .get-btn{ display:inline-block; width:105px; height:36px; line-height:36px; text-align:center; color:#000; border-radius: 5px; font-size:14px; cursor:pointer; background:#ddd; margin:3px 0 0 10px;}
.main .content .item .code{ width: 130px!important; }
.main .content .item .error{  width:calc(100% - 400px); color:#f45c01; font-size: 12px; }
.main .content .explain{ overflow:hidden; margin-bottom:30px; margin-top:10px;  clear:both; border-top:1px dotted #d6d6d6; padding-top:20px;}
.main .content .explain p{ color: #999; font-size: 12px; line-height:20px; }
.main .content .agreement{ font-size: 12px; color: #999; line-height: 30px; padding-left:100px; margin-top: -10px; }
.main .content .agreement a{ color:#78c143; padding-top: 1px; display: inline-block }
.main .content .agreement a:hover{ text-decoration: underline }
.main .content .reg-btn input{ width:240px; height:35px; border: none; margin: 10px 0 0 100px; line-height:35px;cursor:pointer; color:#fff; font-size:16px; text-align:center; background:#fb5f01; border-radius:3px;transition:all 0.2s ease-out 0s;}
.main .content .reg-btn input:hover{ background: #78c143;}



/*  同意协议开关  */
.lcs_wrap{display: inline-block; direction: ltr; height: 28px; vertical-align: middle; margin-top: 8px;}
.lcs_wrap input{display: none;}
.lcs_switch{display: inline-block; position: relative; width: 53px; height: 18px; border-radius: 30px; background: #ddd; overflow: hidden; cursor: pointer; -webkit-transition: all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.lcs_cursor{display: inline-block; position: absolute; top: 2px; width: 20px; height: 14px; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); z-index: 10; -webkit-transition: all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear;}
.lcs_label{font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #fff; font-weight: bold; position: absolute; width: 33px; top: 1px; overflow: hidden; text-align: center; opacity: 0; -webkit-transition: all .2s ease-in-out .1s; -ms-transition:all .2s ease-in-out .1s; transition:all .2s ease-in-out .1s;}
.lcs_label.lcs_label_on{left: -70px; z-index: 6;}
.lcs_label.lcs_label_off{right: -70px; z-index: 5;}
/* on */
.lcs_switch.lcs_on{background: #78c143; box-shadow: 0 0 2px #78c143 inset;}
.lcs_switch.lcs_on .lcs_cursor{left: 31px;}
.lcs_switch.lcs_on .lcs_label_on{left: 0; opacity: 1;}
/* off */
.lcs_switch.lcs_off{background: #b2b2b2; box-shadow: 0 0 2px #a4a4a4 inset;}
.lcs_switch.lcs_off .lcs_cursor{left: 3px;}
.lcs_switch.lcs_off .lcs_label_off{right: 0; opacity: 1;}
/* disabled */
.lcs_switch.lcs_disabled{opacity: 0.65; filter: alpha(opacity=65); cursor: default;}