@charset "UTF-8";
body,ul,li,span,input,img{padding: 0; margin: 0}
li{list-style: none;}
.login_bg{width: 100%;height: 100%; background: url(../img/login_bg.jpg) repeat center top;}
.login_title{height: 124px;background: url(../img/login_logo2.png) no-repeat center top;}
.login_con{height: 490px;width: 1000px; background: url(../img/login_kk2.png) no-repeat; margin: 60px auto 0 auto;}
.top_list{height: 56px; border-bottom: 2px solid #64b152; background: #ecfbe9; width: 938px; margin: 0 auto; position: relative;text-align: center;}
.top_list ul li{float:left;width: 133px; height: 56px; cursor: pointer;}
.top_list ul li span{display: block;font-size: 16px;color: #459333;width: 133px; border-right: 1px solid #a1e591;margin-top: 18px;}
.top_list ul li.on{background:#64b152; }
.top_list ul li.on span{color: #fff; border-right: none;}

.login_middle{width: 938px; margin: 0 auto}
.srk_box{border: 1px solid #e0e0e0; padding:0 10px;}
.srk{width: 310px; padding: 10px 0}
.srk_input{display: block; height: 32px; border-left: 1px solid #e0e0e0;}
.login_input{height: 32px;width:240px; line-height: 32px; padding: 0 5px; border: 0; margin-left: 10px;}
.srk_ico {display: block; width: 32px; height: 32px; margin-right: 10px;}
.srk_ico img{width: 32px; height: 32px; }
.yzm_box{margin-top: 10px;}
.srk_yzm{border: 1px solid #e0e0e0; padding: 10px;}
.fs_yzm{display: block;width: 154px; height: 52px; background:#ecfbe9 ;border: 1px solid #e0e0e0; color: #666; line-height: 52px; text-align: center; cursor: pointer;}
.login_btn{display: block;width: 100%; height: 52px; background:#459333; border:1px solid #459333; cursor:pointer; color: #fff; margin-top: 20px; text-decoration: none;line-height: 52px; font-size: 16px; text-align: center;}
.login_srk h4{font-weight: 300; color: #459333; font-size: 20px; text-align: center;margin: 20px 0}
.login_all_srk{width: 488px; margin-top: 10px;}
.login_srk{width: 332px;margin-left: 72px;}
.login_footer{position: fixed; bottom: 0; width: 100%; height: 60px; line-height: 60px; text-align: center;background: rgba(0,0,0,0.2); }
.login_footer span{color: #fff; font-size: 14px; padding: 0 10px}
.btn_bottom{text-align: right; color: #666;  font-size: 14px; padding-top: 10px; display: block; width: 100%}
.btn_bottom:hover{color: #19aa8d; text-decoration: none;}
.ks_box{margin: 10px 0;}
.ks_box span{float: left; margin-right: 10px; display: block;}
.ks_box span label{font-size: 14px; color: #666; padding-left: 5px; vertical-align: middle;}
.ks_box span input{vertical-align: middle;margin-top: 2px;}
.dkq{display: block; background: #ecfbe9;border: 1px solid #e0e0e0;color: #666; width: 120px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;}

.demo-code-background{height:208px;width:150px;background:#FFF; position:absolute; top:185px; left:15px; z-index:999;}
.demo-code-background img{width:120px}
.demo-code-background .demo-code-img{display:block;margin: 5px 0 0 15px;}
.demo-code-background .demo-code-text{text-align:center; line-height:25px;font-size: 13px;color: #333;margin: 2px 0 0 0; font-weight:bold}
.demo-code-background .demo-code-text2{text-align:center; line-height:18px;color: #666;margin:0; font-size:12px; }


.demo-code-background2{height:208px;width:150px;background:#FFF; position:absolute; top:184px; left:15px; z-index:999;}
.demo-code-background2 img{width:120px}
.demo-code-background2 .demo-code-img{display:block;padding:5px 0 0 0;margin: 3px 0 0 10px;}
.demo-code-background2 .demo-code-text{text-align:center; line-height:25px;font-size: 13px;color: #333;margin: 2px 0 0 0; font-weight:bold}
.demo-code-background2 .demo-code-text2{text-align:center; line-height:18px;color: #666;margin:0; font-size:12px; }