.f-l{ float: left;}
.f-r{ float: right;}

.header{height:100px;background-color: #fff;    position: relative;    z-index: 999;}
.header .logo{ margin-top: 20px;}
.header .menu{width: 941px;}
.header .menu .nav li{ float: left;height:100px; line-height: 100px;width:70px; text-align: left}
.header .menu .nav li a{display: block;font-size: 18px;color: #444;}
.header .menu >.fr{width:339px;margin-top: 32px;}
.header .menu .search{width:189px;position: relative; }
.header .menu .search input{color: #666; padding: 0px 8px;height:36px; border: 1px solid #ddd; border-radius: 3px;width:100%}
.header .menu .search span{height:36px;width:36px;font-size:18px; line-height:36px; text-align: center; position: absolute;top:0px;right:0px;color: #666;}
.header .menu .head-user{ float: right; position: relative;width:120px;}
.header .menu .head-user .head-user-login{line-height: 32px; display: block; height:36px;position: absolute;z-index:9}
.header .menu .head-user img{height:36px;width:36px;border-radius:50%; float: left; margin-right: 5px;}
.header .menu .head-user p{width:70px;    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.header .menu .head-user .head-user-logout{ display: block;  border: 1px solid #ddd; border-radius:2px;height:120px; position: absolute;width:140px;top:-10px; left:-10px; padding-top: 50px; text-align: center;background-color: #fff;z-index:5;display: none}
.header .menu .head-user .head-user-logout .btn{background-color: #ff5555; color: #fff;height:30px;width:80px;display: inline-block; line-height:30px; margin-top: 20px;}
.header .menu .head-user:hover .head-user-logout{display: block;}
.header .menu .head-user .logoBtn{height:36px; line-height:36px;}

.footer{height:318px;background-color: #333;padding-top:40px; margin-top: 70px;}
.footer .footer_nav a{float: left;color: #fff;font-size: 16px; margin-right: 50px;}
.footer .foot-logo{ margin-bottom: 15px; text-align: center}
.footer .ewm>div{float: left;}
.footer .ewm>div.wxewm{ margin-right: 13px;}
.footer .ewm>div>p{color: #999; text-align: center; margin-top: 8px;}
.footer .help{font-size:16px; margin-top: 50px;}
.footer .help span{color: #999;}
.footer .help a{color: #fff; margin-right: 20px;}
.footer .copyright{ margin-top: 60px; color: #999;}

.position {
    color: #333;
    padding-bottom: 20px;
    width: 1190px;
    margin: 0 auto;
    padding: 20px 0px;
}
.position span {
    font-size: 16px;
}
.position a {
    font-size: 16px;
}

.login{background-color: #fff;position: fixed; bottom:0px;z-index: 999; width:720px; height:370px; top:50%; left:50%; margin-left: -360px; margin-top: -185px; border: 1px solid #ddd;z-index: 99999; display: none; border-radius:6px;}
.login .tab-nav{ border-bottom:1px solid #ddd}
.login .tab-nav li{ float: left; height:60px; line-height:60px; text-align: center; width:50%;cursor:pointer}
.login .tab-nav li span{ border-bottom:5px solid #ddd; font-size:20px; display: inline-block; height:63px;}
.login .tab-nav li span.active{ border-color: #ff4141;}
.login .tab-con{ padding-top: 25px;}
.login .tab-con li{ width:451px;padding:0px 68px;}
.login .tab-con li.username,.login .tab-con li.password,.login .reg li.yzm{ margin-bottom: 20px;}
.login .tab-con li div{ border-radius:3px;overflow: hidden;}
.login .tab-con .fa{ height:50px; line-height:50px; width:50px; text-align: center; font-size:24px; background-color: #c8c8c8; float: left; color: #fff;}
.login .tab-con li.username input,.login .tab-con li.password input,.login .reg li.yzm input{ height:50px; width:265px; border: 0; background: #ececec;padding-left:10px;}
.login .tab-con li.login-btn{ margin-bottom: 20px;}
.login-btn .btn{width:100%; display: block; background-color: #ff4141; color: #fff; text-align: center; height:50px; line-height:50px; font-size:20px; border:0px;cursor:pointer}
.third-path{ width:267px; height:369px; border-left:1px solid #ddd; padding-top: 50px;}
.third-path p{ text-align: center; color: #666; margin-bottom: 20px;}
.third-path .btn{border: 1px solid #ddd; border-radius:4px; font-size:14px; width:100px; margin:0px 5px; padding: 5px 0px;}
.third-path .btn:hover .fa{ color: #ff4141;}
.third-path .fa{ font-size:20px;color: #fff;padding: 6px;border-radius: 6px;}
.third-path .fa-qq{background: #64b7f6;}
.third-path .fa-weibo{background: #e35033; margin-right: 20px;}
.wxlogin{ position: relative;}
.wxlogin>table{margin:0 auto}
.wxlogin .wxlogo{ padding: 2px; background-color: #fff;position: absolute; top:85px; left:119px; }
.wxlogin .fa-wechat{ padding:5px; border-radius:5px; color: #fff; background: #3fc637; font-size:20px;}

.login .reg li.username input,.login .reg li.password input{ height:50px; width:380px; border: 0; background-color: #ececec; padding-left: 10px;border-radius:4px;}
.login .reg li.yzm a{width:100px; height:50px; text-align: center; color: #fff; background-color: #ff4141; line-height:50px; display: block; border: 1px solid #c5c5c5; border-radius:4px; float: right; cursor: pointer;}
.login .reg li.yzm input{width:214px;border-radius:4px;}
.login .hd{ position: relative;}
.login .fa-close{ position: absolute; top:0px; right:0px; color: #333; border-radius:100%; width:30px; height:30px; line-height:30px; text-align: center; cursor: pointer;}
.showBg{margin: 0px;padding: 0px;border: none;width: 100%;height: 100%;background: rgb(51, 51, 51);opacity: 0.6;z-index: 9999;position: fixed;top: 0px;left: 0px; display: none;}