﻿/*登录*/
.wrapper { width: 960px; font-family:'Microsoft YaHei'; }
.log_head {width:1200px; margin: auto; height: 88px; overflow: hidden; }
.log_logo { height: 88px; width: 220px; }
.log_logo a { position:relative; width:400px; height:88px; display:block; background:url(../logo.png) no-repeat center left; background-size:204px 60px;}
.log_logo span { text-decoration:none; color:#ff6700; font-weight:normal; font-size:24px; position:absolute; top:23px; left:230px; line-height:36px; border-left:2px solid #d6d6d6; padding-left:20px;}

.login_wrap {background:#fff url(bg.jpg) no-repeat center top; padding:40px 0;}
.log_ad { width: 600px; float: left; overflow: hidden; height: 370px; }
.log_ad a { display:block; width:600px; height:370px;}

.login_border { float: right;  background:rgba(255,255,255,.6); height:370px;}
.login { width: 330px; min-height: 350px; padding-bottom:20px; background: #fff; position: relative;} 
.login input { font-family:'Microsoft YaHei'; outline:none;}
.login input:focus { box-shadow: 0 0 5px rgba(46, 141, 237, 0.3); border: 1px solid rgba(46, 141, 237, 0.5) !important; } 
.login-body { padding: 5px 30px 0; overflow: hidden; }
.login ul { overflow: hidden; width:310px; padding-left:20px; border-bottom:1px solid #e7e7e7; height: 46px; }
.login ul li { float: left; width: 60px; text-align: center; height: 45px; margin:0 10px; line-height: 46px; border-bottom:1px solid #fff; cursor: pointer; }
.login ul li em { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f60; position: absolute; top: 26px; left: 56px; opacity: 0; }
.login-style { display: none; }
.login-on { color: #f60; font-size:14px; border-bottom:1px solid #f60 !important;}
.login-on em { opacity: 1 !important; }
.login dl { margin-top: 20px; }
.login dl dt { height: 25px; line-height: 25px; color: #777; width: 240px; font-weight: bold; }
.login dl dt a { color: #39f; }
.login dl dd input[type=text], .login dl dd input[type=password] { border: solid 1px #d6d6d6; height: 34px; line-height: 28px\9; width: 233px; padding-left: 35px; border-radius:3px; }
.btn_mfyzm { width: 90px; margin-left: 10px; height: 36px; background: #f0f0f0; border: 1px solid #d6d6d6; border-radius:3px; cursor:pointer;}
.tishi { line-height: 26px; color: #f60; margin-top: 10px; }
.remember { margin-top: 15px; }
.remember input[type=checkbox] { vertical-align: middle; margin-right: 5px; }
.remember label { color: #999; }
.login button { width: 270px; border: 0; background: #f60; border-radius: 3px; height: 40px; color: #fff; cursor: pointer; margin-top: 10px; font-size:16px; font-family: 'Microsoft YaHei';  }

.close { right:10px; top:10px; position:absolute; z-index:10;}
.app_login { position:relative; padding:35px 50px 0;}
.app_login h1 { text-align:center; background:#ffebeb; color:#e4393c; border:1px solid #FFAEAF; padding-left:25px; line-height:32px;display:none}
.app_login h1 i { width:16px; height:16px; background:#e4393c; color:#fff; font-weight:bold; line-height:16px; text-align:center; border-radius:100%; position:absolute; margin:8px 0 0 -25px; font-size:17px;}
.app_login h2 { text-align:center; font-size:16px; font-family:'Microsoft YaHei'; color:#888; line-height:32px;}
.app_code { border: 1px solid #e1e1e1; padding: 10px; width: 155px; margin: 15px auto; font-size:0;}
.app_code img { width:100%; height:100%;}
.shuaxin { text-align:center;}
.shuaxin span{ padding: 0 10px; width:155px; line-height: 30px;display: inline-block; border-radius: 3px; cursor: pointer; background:#f60; color:#fff; margin-bottom:8px;}

.hezuo { margin-top: 15px; padding: 0 30px; }
.hezuo h3 { color: #999; margin-bottom: 10px; font-weight:normal; }
.hezuo p a { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; background: #f3f3f3; border: solid 1px #e3e3e3; border-radius: 3px; margin-right: 10px; text-shadow: 0 1px 0 #fff; }
.hezuo p a i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background: url(log_icon.png) no-repeat; }
.hezuo p a i.wx { background-position: 0 0; }
.hezuo p a i.qq { background-position: -16px 0; }
.hezuo p a i.alipay { background-position: -32px 0; }
.foot_nav i { margin: 0 10px; }

.qiehuan { width:60px; height:60px; position:absolute; right:0; bottom:0; background:url(login-code.png) no-repeat right top; cursor:pointer;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:rgba(255,255,255,0) !important}
#phone{ background:url(iconfont-shouji.png) no-repeat 6px center; background-size:22px;}
#dynamicPWD { background:url(iconfont-duanxin.png) no-repeat 6px center; background-size:22px;}
#txtCode,#txtCode2 { background:url(iconfont-yanzhengma.png) no-repeat 6px center; background-size:22px;}
#txtUser { background:url(iconfont-yonghu.png) no-repeat 7px center; background-size:20px;}
#Userpwd { background:url(iconfont-psw.png) no-repeat 7px center; background-size:20px;}

/*注册*/
.yhzt { background-color: #fff; border: 1px #8FA4F5 solid; height: auto; left: 50%; padding: 1px; position: absolute; width: 700px; z-index: 100; }
.yhzt h2 { background: rgb(27, 145, 235); color: #fff; font-family: 微软雅黑; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 30px; padding-left: 10px; position: relative; }
.yhzt h2 a { color: #fff; font-size: 12px; position: absolute; right: 5px; }
.yhxy { border: 3px #EEE solid; color: #666; font-size: 12px; height: 400px; line-height: 22px; margin: auto; margin-bottom: 30px; overflow: auto; padding: 10px; width: 600px; }
.yhxy p { margin-bottom: 8px; text-indent: 25px; }
.yhxy h4 { font-family: 微软雅黑; font-size: 14px; margin: 5px 0; }
.yhxy div { padding: 0 25px; }
#TB_overlayBG { -moz-opacity: 0.5; background-color: #666; display: none; filter: alpha(opacity=50); height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 99; }
.regtip { margin: 10px 10px 0 0; text-shadow: 0 1px 0 #fff; }
.regtip a { background: #9c3; color: #fff; margin-left: 5px; padding: 2px; text-shadow: none; }
.reg dl { line-height: 30px; margin-top: 15px; min-height: 30px; }
.reg dl dt { color: #999; float: left; height: 30px; line-height: 30px; text-align: right; width: 100px; }
.reg dl dt i { color: #f33; }
.reg dl dd { margin-left: 110px; }
.reg dl dd input[type=text],
.reg dl dd input[type=password] { border: solid 1px #ccc; border-radius: 2px; box-shadow: inset 0 2px #f3f3f3; height: 28px; line-height: 28px\9; text-indent: 5px; width: 240px; }
.reg dl dd em { color: #999; margin-left: 10px; }
.reg dl dd button { background: #f60; border: 0; border-radius: 3px; outline:none; color: #fff; cursor: pointer; font-size: 14px; height: 40px; width: 160px; }
.foot_nav i { margin: 0 10px; }
.zhuce-tab { cursor: pointer; font-size: 16px; color: #999; background: #eee; display: inline-block; font-family: 'Microsoft YaHei'; }
.zhuce-tab .xz { border-top: solid 2px #f60; font-size: 16px; color: #666; background: #fff; }
.zhuce-tab ul li { float: left; height: 40px; line-height: 40px; padding: 0 20px; border-right: solid 1px #ddd; }
.btn { margin-left: 10px; border: 1px solid #dddddd; padding: 0; width: 106px; height: 30px; background: #f4f4f4; margin-top: 0; text-align: center; line-height: 30px; color: #333; text-decoration: none; display: inline-block; }
#codedl{ display: none;} 

@charset "UTF-8";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:12px/1.5 tahoma,Verdana,arial,"microsoft yahei","sim sun";*line-height:1.5;color:#333;-ms-overflow-style:scrollbar}button,input,select,textarea{font-size:100%}a{color:#333;text-decoration:none;hide-focus:expression(this.hideFocus=!0);outline:0;transition:color .1s}a:hover{text-decoration:underline;color:#ff6700}table{border-collapse:collapse;border-spacing:0}
fieldset,img,area,a{border:0;outline:0}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}ol,ul{list-style:none}
body{background:#f5f5f5}
small{font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}.orange,a.orange{color:#ff6700}.orange-bg{background-color:#ff6700}.grey,a.grey{color:#505050}.grey-bg{background-color:#505050}.grey-6,a.grey-6{color:#6b6b6b}.grey-6-bg{background-color:#6b6b6b}.grey-9,a.grey-9{color:#9c9c9c}.grey-9-bg{background-color:#9c9c9c}.grey-d,a.grey-d{color:#dfdfdf}.grey-d-bg{background-color:#dfdfdf}.grey-f,a.grey-f{color:#f5f5f5}.grey-f-bg{background-color:#f5f5f5}.black,a.black{color:#333}.black-bg{background-color:#333}.light,a.light{color:#fff}.light-bg{background-color:#fff}.red,a.red{color:#e12e2e}.red-bg{background-color:#e12e2e}.light-red,a.light-red{color:#ff5050}.light-red-bg{background-color:#ff5050}.orange-red,a.orange-red{color:#ff4e00}.orange-red-bg{background-color:#ff4e00}.yellow,a.yellow{color:#fbcb30}.yellow-bg{background-color:#fbcb30}.orange-yellow,a.orange-yellow{color:#fd9712}.orange-yellow-bg{background-color:#fd9712}.green,a.green{color:#5dc800}.green-bg{background-color:#5dc800}.light-green,a.light-green{color:#8fd14c}.light-green-bg{background-color:#8fd14c}.blue,a.blue{color:#3caaff}.blue-bg{background-color:#3caaff}.light-blue,a.light-blue{color:#7597dc}.light-blue-bg{background-color:#7597dc}.pink,a.pink{color:#fb5c9b}.pink-bg{background-color:#fb5c9b}.purple,a.purple{color:#a776d9}.purple-bg{background-color:#a776d9}.light-purple,a.light-purple{color:#b394f3}.light-purple-bg{background-color:#b394f3}
.wrapper{width:1200px;margin:0 auto}
.close{display:block;cursor:pointer;background:url(iconc54a.png?t=6) no-repeat 0 -36px;width:16px;height:16px;transition:-webkit-transform .3s;transition:transform .3s}.close:hover{background-position:-16px -36px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon{background:url(iconc54a.png?t=6) no-repeat}.refresh-icon{background-position:-162px -36px;width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:3px;position:relative;bottom:1px}.yahei{font-family:'Microsoft YaHei UI',SimHei}.block,a.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hide{display:none}.left{float:left}.right{float:right}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.clear{clear:both}.overflow-hide{overflow:hidden}.normal{font-weight:normal}.bold{font-weight:bold}.title-font{font-size:18px}.large-font{font-size:16px}.normal-font{font-size:14px}.small-font{font-size:12px}.border{border:1px solid #dfdfdf}.border-top{border-top:1px solid #dfdfdf}.border-right{border-right:1px solid #dfdfdf}.border-bottom{border-bottom:1px solid #dfdfdf}.border-left{border-left:1px solid #dfdfdf}.margin{margin:10px}.margin-top{margin-top:10px}.margin-right{margin-right:10px}.margin-bottom{margin-bottom:10px}.margin-left{margin-left:10px}.padding{padding:10px}.padding-top{padding-top:10px}.padding-right{padding-right:10px}.padding-bottom{padding-bottom:10px}.padding-left{padding-left:10px}.text-center{text-align:center}.layer-center{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.row2{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{word-wrap:normal;white-space:nowrap}.break-word{white-space:normal;word-wrap:break-word;word-break:break-all}.triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #bbb;display:inline-block;vertical-align:middle;margin:0 3px}

.bottom{background:#f6f6f6}
.foot_nav{height:50px;line-height:50px;text-shadow:0 1px 0 #fff;text-align:center; margin: 60px auto 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.foot_nav i{margin:0 15px;color:#ccc}.copy{padding-bottom:15px;text-align:center}
.copy p{line-height:25px;color:#999;text-shadow:0 1px 0 #fff}
.copy p img{ position:relative; top:5px;}
.copy p a{color:#999; text-decoration:none;}