*{margin:0; padding:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
img{border:none; max-width:100%;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
i,s,em,u{font-style:normal; text-decoration:none;}
a{text-decoration:none; outline:none; color:inherit;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden;}
.clearfix{*zoom:1;}
textarea,input{font:inherit; outline:none;}
body{font: 14px/1.5 arial, microsoft yahei; color: #666; background:#fff;}
/*公共样式*/

.login{width: 100%; overflow-x: hidden;}
.loign_main{position: relative; width: 1200px; margin: 0 auto; height: 750px; background-image: url(/static/vip/images/user_bg.jpg)}

.lm_user{position: absolute; right: 28px; top: 68px; background-color: #fbfbfc; width: 456px; padding: 28px 38px; box-sizing: border-box;}
.lmu_top{text-align: right;}
.lmu_top dl{display: inline-block; overflow: hidden;}

.lmu_top dd{float: right; width: 58px; height: 58px; background-image: url(/static/vip/images/login_1.png);}
.lmu_top dd a{width:100%;height:100%;}
.lmu_top dt{position: relative; color: #a67e3d; font-size: 14px; margin-right: 66px; line-height: 24px; border: 1px solid #ba9c71; padding: 0 10px; margin-top: 16px; cursor: pointer;}
.lmu_top dt:before{content: ""; position: absolute; right: -6px; top: 50%; width: 6px; height: 10px; margin-top: -5px; background-image: url(/static/vip/images/entry.jpg);}

.login_title{font-size: 22px; font-weight: bold; color: #222;}
.login_form dl{margin: 32px 0;}
.login_form dt{position: relative; float: left; height: 40px; border: 1px solid #b5b5b5; text-align: center; box-sizing: border-box;}
.login_form select{position: relative; outline: none; width: 100%; border: 0; background-color: transparent; -webkit-appearance: none; padding: 0 10px; box-sizing: border-box; line-height: 38px; font-size: 18px; color: #4a4a4a; z-index: 10;}
.login_form input[type="text"],.login_form input[type="password"],.login_form input[type="button"],.login_form input[type="email"]{outline: none; border: none; width: 100%; line-height: 38px; background-color: transparent; padding: 0 15px; box-sizing: border-box; display: block; font-size: 18px; color: #4a4a4a;}
.login_form input::-webkit-input-placeholder{color: #666;}
.login_form input[type="button"]{color: #fff; height: 40px; line-height: 40px;}
.u_tel dt{width: 114px;}
.u_tel dt i{position: absolute; right: 0; top: 50%; width: 24px; height: 40px; margin-top: -20px; background-image: url(/static/vip/images/dropdown.png); background-size: 8px;}
.u_tel dd{margin-left: 120px; line-height: 40px; height: 40px; border: 1px solid #b5b5b5; box-sizing: border-box;}

.u_message dt,.u_captcha dt{width: 160px;}
.u_message dd,.u_captcha dd{margin-left: 168px;}
.u_message dd input[type="button"]{outline: none; background-color: #a67e3d; border: 0; height: 40px; line-height: 40px; color: #fff; width: 100%; display: block; text-align: center; font-size: 18px; cursor: pointer; border-radius: 4px;}
.u_captcha dd .pic_code{outline: none; border: 0; height: 40px; line-height: 40px; color: #fff; width: 100px; display: inline-block; text-align: center; font-size: 18px; cursor: pointer; border-radius: 4px;}
/*.u_message dd button:hover em{text-decoration: underline;}*/
.u_submit{height: 40px; line-height: 40px; text-align: center; background-color: #a67e3d; border-radius: 4px; cursor: pointer;}

.lmu_bottom{font-size: 16px; color: #333;}
.lmu_bottom a{color: #c69c57; cursor: pointer;display:inline-block}
.lmu_bottom a:hover{text-decoration: underline;}

.u_password,.u_email{border: 1px solid #b5b5b5;}
.u_forget{margin-top: -6px; text-align: right;}
.u_forget label{font-size: 16px; color: #343965; cursor: pointer;}
.u_forget label:hover{text-decoration: underline;}

.code{margin-top: 14px;}
.code h3{width: 138px; height: 138px; margin: 0 auto;position:relative;}
.code h3 img{display: block;}
.code p{padding: 34px 0; line-height: 1.4; font-size: 16px; color: #333; text-align: center;}
.code p em{color: #777;}
.code .txt{font-size:10px;color:#fff;padding:0;margin:0;text-align:center;}
.login_form .u_remember{margin:2px 0;position:relative;}
.u_remember .remember{width:20px;height:20px;border:1px solid #ccc;display:inline-block;-webkit-appearance:checkbox;}
.u_remember span{display:inline-block;position:absolute;left:30px;}

.sl_main{position: relative; width: 1200px; margin: 0 auto; height: 750px; background-image: url(/static/vip/images/user_bg_before.jpg)}
.sl_register{position: absolute; right: 0; top: 28px; width: 40px; padding: 40px 0; background-color: #fff; color: #a67e3d; font-size: 22px; line-height: 1.6; text-align: center;}
.sl_user{position: absolute; right: 46px; top: 28px; background-color: #fbfbfc; width: 372px; box-sizing: border-box;}
.slu_top{color: #a67e3d; margin: 20px;}
.slu_top h2{font-size: 28px; letter-spacing: 10px;}
.slu_top p{letter-spacing: 2px;}
.slu_panel{background-color: #fbf9f5; padding: 0 22px;}
.slu_form dt{font-size: 16px; color: #a67e3d; padding: 10px 0 8px;}
.slu_form dt i{color: #e7544d; padding-left: 6px;}
.slu_form dd{display: flex; align-items: center;}
.slu_form dd p{position: relative; border: 1px solid #aaa; background-color: #fff; width: 100%;}
.slu_form dd p.slu_sel{width: 174px; margin-right: 6px;}
.slu_form dd p.slu_code{width: 540px; margin-right: 6px;}
.slu_form dd input{outline: none; border: none; width: 100%; line-height: 36px; background-color: transparent; padding: 0 10px; box-sizing: border-box; display: block; font-size: 15px; color: #4a4a4a;}
.slu_form dd input::-webkit-input-placeholder{color: #666;}
.slu_form dd select{position: relative; outline: none; width: 100%; border: 0; background-color: transparent; -webkit-appearance: none; padding: 0 10px; box-sizing: border-box; line-height: 36px; font-size: 15px; color: #4a4a4a; z-index: 1;}
.slu_form dd s{position: absolute; right: 0; top: 50%; width: 24px; height: 40px; margin-top: -20px; background-image: url(/static/vip/images/dropdown.png); background-size: 8px;}
.slu_form dd button{outline: none; background-color: transparent; border: 0; height: 36px; line-height: 36px; color: #4a4a4a; width: 100%; display: block; text-align: center; font-size: 15px; cursor: pointer; border-radius: 4px;}
.slu_form dd button:hover em{text-decoration: underline;}
.slu_form h6{font-size: 15px; color: #4a4a4a; padding: 16px 0 8px;}
.slu_form h3{width: 132px; text-align: center; padding: 8px 0 24px; margin: 0 auto;}
.slu_form h3 input{outline: none; border: none; width: 100%; line-height: 36px; background-color: #a67e3d; padding: 0 10px; box-sizing: border-box; display: block; font-size: 15px; color: #fff;}