﻿@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 1069499 */
  src: url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.eot');
  src: url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.woff') format('woff'),
  url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1069499_ovkjbxvob3.svg#iconfont') format('svg');
}
html,body{ background:#fff !important;}

.login-bg{ background:url(../images/bg.png) no-repeat center; min-height:740px;}
.login{ width:400px; background:#fff; height:400px; padding:30px; float:right; margin-top:120px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.login ul.title{ font-size:25px; font-weight:bold; color:#000; margin-bottom:30px;}
.login ul.title a{ float:right; padding-top:12px; font-size:14px; font-weight:normal;}
.login ul.title a span{ color:#f60;}
.login ul.list{}
.login ul.list li{ position: relative; background:#f5f5f5; padding:10px; margin:18px 0;}
.login ul.list li:before{ color:#888; font-family:'iconfont'; float:left; line-height:40px; font-size:25px;}
.login ul.list li.mobile:before{ content:'\e628'; }
.login ul.list li.password:before{ content:'\e77b';}
.login ul.list li.code:before{ content:'\e601';}
.login ul.list li input{ height:40px; line-height:40px; background:none; width:91%; border:0; float:right;}
.login ul.list li input:focus { border: none; box-shadow: none; }
.login ul.list li.code input{ float:left; width:40%; margin-left:3.5%;}
.login ul.list li.code img{ position: absolute; z-index: 1; top:10px; right:10px; height:40px;}
.login .sub{ width:100%; display:block; background:#ff8a00; color:#fff; border:0; margin:0; height:50px; line-height:50px; font-size:16px; border-radius:5px;}

/***reg*******/
.reg{ width:400px; background:#fff;  padding:30px; float:right; margin-top:100px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.reg ul.title{ font-size:25px; font-weight:bold; color:#000; margin-bottom:30px;}
.reg ul.title a{ float:right; padding-top:12px; font-size:14px; font-weight:normal;}
.reg ul.title a span{ color:#f60;}
.reg ul.list{}
.reg ul.list li{ position: relative; background:#f5f5f5; padding:10px; margin:18px 0;}
.reg ul.list li:before{ color:#888; font-family:'iconfont'; float:left; line-height:40px; font-size:25px;}
.reg ul.list li.mobile:before{ content:'\e628'; }
.reg ul.list li.password:before{ content:'\e77b';}
.reg ul.list li.code:before{ content:'\e601';}
.reg ul.list li input{ height:40px; line-height:40px; background:none; width:91%; border:0; float:right;}
.reg ul.list li input:focus{ outline:0; box-shadow: none;}
.reg ul.list li.code input{ float:left; width:40%; margin-left:3.5%;}
.reg ul.list li.code img{ position: absolute; z-index: 1; right:10px; height:40px;}
.reg .sub{ width:100%; display:block; background:#ff8a00; color:#fff; border:0; margin:0; height:50px; line-height:50px; font-size:16px; border-radius:5px;}

a.member-dialog-input-text{ position: absolute; z-index: 1; right:10px; top:15px; color:#fff; padding:5px 10px; border-radius:20px; background-color: #e05617;}
a.member-dialog-input-text.normal{background-color: transparent; color:#f60;}



.bottom-banquan{ text-align:center; padding:30px;}


