@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 'microsoft yahei','微软雅黑', Arial, sans-serif; }
address, cite, dfn, em, i, var { font-style: normal; }
ul,ol,li{ list-style:none;}
img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
button, input, select, textarea { border:0; background:none; outline:none; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; outline: none; transition: all .5s ease;}
a:hover{ transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -o-transition:all ease .5s;}
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
input{ background:none; border:none; outline:none; appearance:normal;box-sizing:border-box;vertical-align:middle;}
textarea{ background:none; border:none; outline:none; appearance:normal;}
body { color:#333; overflow-x: hidden; }
a{color:#333; }
a:hover{color:#ee2e2c; }
body { background: url("bg.jpg"); }
.header { width: 1200px; margin:0 auto; padding: 42px 0 20px; }
.logo-sub { margin-top: 10px; margin-left: 18px; padding-left: 18px; border-left: 1px solid #cecece; font-size: 20px; line-height: 50px; font-weight: bold; }
.footer { padding: 30px 0; text-align: center; line-height: 30px; }

.container { position: relative; width: 1200px; margin:0 auto; background: #fff; }

.regForm { position:absolute; top: 0; right: 0; width: 600px; height: 518px; padding: 68px 128px 0 0; z-index: 9; }

.sform ul { margin:0; }
.sform ul li { position: relative; margin-bottom:14px; }
.sform ul li .m-ipt-lt { float: left; width: 88px; height:46px; margin-right: 14px; line-height:46px; overflow: hidden; text-align: right; }
.sform ul li .m-ipt-lt span { color: #ee2e2c; }
.sform ul li .m-ipt-rt { display: block; overflow: hidden; height:46px; }
.sform ul li .u-ipt { width: 100%; height:46px; padding:10px; background:#fff; border-radius: 5px; border: 1px solid #dfdfdf; color: #333; line-height:44px; }
.sform ul li .u-ipt:focus { box-shadow:0 0 3px rgba(0,0,0,0.2); }
.sform ul li.submit { padding-left: 102px; text-align:center; }
.sform ul li.submit input { width:100%; height: 46px; margin: 0 auto; padding: 0; border:0; border-radius: 5px; background: #ee2e2c; color: #fff; font-size:16px; line-height:48px; overflow: hidden; cursor: pointer; }
.sform ul li.submit input:hover { background: #3172b8; }
.sform .m-ipt-checkbox .m-ipt-lt,
.sform .m-ipt-checkbox .m-ipt-rt { height: 30px; line-height: 30px; }
.sform .m-ipt-radio .m-ipt-lt,
.sform .m-ipt-radio .m-ipt-rt { height: 30px; line-height: 30px; }
.sform .other { padding-left: 92px; color: #dfdfdf; }
.sform .other a { margin: 0 10px; color: #ee2e2c; }

.loginForm { position:absolute; top: 0; right: 0; width: 600px; height: 518px; padding: 108px 188px 0 0; z-index: 9; }
.loginForm h2 { margin-bottom: 20px; padding-left: 45px; line-height: 40px; font-size: 20px; font-weight: 400; }

.loginForm .sform ul li { margin-bottom: 20px;}
.loginForm .sform ul li .m-ipt,
.loginForm .sform ul li.submit { padding-left: 45px; }
.loginForm .sform ul li .m-ipt-lt { position: absolute; left: 45px; top: 0; width: 46px; height: 46px; border-radius: 5px 0 0 5px; border: 1px solid #ddd; background: #f4f4f4; font-size: 0; line-height: 999; overflow: hidden;}
.loginForm .sform ul li .m-ipt-rt .u-ipt { padding-left: 56px;}
.loginForm .sform .other { padding-left: 35px; }
.loginForm .sform ul li:nth-child(1) .m-ipt-lt { background: url("z1.jpg") no-repeat 50% #f4f4f4; }
.loginForm .sform ul li:nth-child(2) .m-ipt-lt { background: url("z2.jpg") no-repeat 50% #f4f4f4; }