@charset "utf-8";
/* CSS Document */

body{ background:#37af68  url(../image/cp-login-bg.jpg) no-repeat right bottom; padding:0; margin:0px; font-size:12px;font-family:'Microsoft YaHei'; } 
auto{ margin:0px auto;}
p,h2{ padding:0; margin:0; }
ul,li{ padding:0; margin:0; list-style:none;}
label,input,button,iframe{ padding:0; margin:0; border:none; background:none}
a{ text-decoration:none;}
a:hover{ text-decoration:underline}

.wrap{width:980px; margin:0px auto;}
.header{width:100%; height:40px; position:relative; margin-top:40px; }
.logo{ position:absolute; left: 25px; top:0px; width:290px; height:40px; background: url(../image/cp-login-logo.png) no-repeat left center;}
.label{ position:absolute; right:0px; top:0px; width:168px; height:33px;  text-align:center;} 
.label a{ line-height:33px; color:#fff; font-size:14px; }
.label span{ color:#fff; font-size:12px; padding:0px 5px;}

.main{ width:100%; height:435px;position:relative; margin-top:80px;}
.showImg{ position:absolute; left:0px; top:0px; width:640px; height:435px; background:url(../image/cp-login-show-img.png) no-repeat left center;} 
.qrcode{position:absolute; right:50px; top:0px; width:236px; height:370px;}
.qrcode-img{width:236px; height:236px; background:#fff;}
.qrcode-img img{ width:218px; height:218px; margin:9px; }
.qrcode-tip{ background:#ffe469; width:236px; height:40px; margin-top:15px; line-height:40px; text-align:center;font-size:14px;
 font-weight:normal; border-radius:40px; font-weight:bold; color:#555;}
.qrcode a{ text-decoration:none; color:#fff; display:block; width:112px; height:24px; line-height:24px; margin:20px auto 0px;
 border-bottom:1px solid #fff;text-align:center; background:url(../image/cp-login-click.png) no-repeat 5px center; }

.footer{ text-align:center; color:#fff; height:45px; background:url(../image/cp-login-line.png) no-repeat center top; line-height:45px; font-size:12px; } 


/*弹出层界面begin*/

.poplayer_box{position: fixed;_position: absolute;text-align: left; padding:10px;  
z-index:9999; display:none; background:url(../image/cp-login-poplaylayer.png) repeat left top;}
.poplayer_frame{ border:1px solid #666;}
.poplayer_title {position: relative;width:400px;height:35px;line-height:35px;overflow: hidden;background:#37af68;border-bottom:1px solid #e9e9e9;}
.poplayer_title h2{position:absolute;font-size:14px;color:#777; left:20px; color:#fff;}
.poplayer_close{position: absolute;right:10px;top:10px;width:16px;height:16px;text-indent:-10em;overflow: hidden;
background: url(../image/cp-login-close.png) no-repeat left center;cursor: pointer;}
.poplayer_content_box{position: relative;background:#FAFAFA;padding: 5px 0 10px 0px;}
.poplayer_content{ width:312px; margin:10px auto; height:280px;}
.mbquesTxt{width:312px;}
.mt{padding: 10px 30px 0;}
.mt li{ margin-bottom:10px;}
.mbquesTxt li label {line-height:24px;display: block; font-size:12px; font-weight:bold;}
.login-text {width: 242px;height: 18px;line-height: 18px;padding: 3px;border: solid 1px #c8c8c8;vertical-align: middle; background:#fff;}
.J_Submit{width:254px; height:32px; line-height:32px; background:#37af68; color:#fff; border:1px solid #35a467; border-radius:2px;
 margin-top:10px; font-size:14px; font-weight:bold; cursor:pointer;} 
 .J_Submit:hover{ background:#35a467;}
/*弹出层界面end*/

/*二维码滑动效果*/
.qrcode{z-index:100; display:block}
.qrcode img{z-index:101}
.qrcode-showway{ position:absolute; left:0px; top:-50px; width:240px; height:370px; z-index:102; display:none}