@charset "utf-8";
.metroer-common{font-size:14px;line-height: 1.7;word-wrap:break-word;background: #f7f7f7;color:#333;font-family: "Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif;}
.metroer-common img {display: inline-block;max-width: 100%;}
:focus {outline:0}
a {
    text-decoration:none;
    color: #333;
}
a:hover {text-decoration:none;color: #999;}
#overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1999;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}

/* common*/
.container {width: 1000px;margin: 0 auto;position: relative;}
.container1200 {width: 1200px;background: #fff;overflow: visible;box-sizing: border-box;}
.common-box {box-shadow: 0 0 2px 2px #c0bda9;border-radius: 12px;padding: 10px;position: relative;background: #fff;}
.clear {clear: both;}
#gotop{
    display:block;
    width:60px;
    height:60px;
    position:fixed;
    bottom:50px;
    right:40px;
    border-radius:10px 10px 10px 10px;
    text-decoration:none;
    display:none;
    background-color:#999999;
}
#gotop span{
    display:block;
    width:60px;
    height: 56px;
    color:#dddddd;
    font-size:40px;
    text-align:center;
    margin-top:4px;
    line-height: 50px;
}
#gotop span:hover{
    color:#cccccc;
}

/* top */
.metroer-top {height: 45px;line-height: 45px;background: #232323;color: #666;}
.metroer-top .container {background: #232323;}
.top-left {float: left;}
.top-left span {float: left;color: #999;}
.top-left a {float: left;margin: 0 10px;height: 40px;padding-top: 5px;}
#top-search {float: right;}
#top-search input {box-shadow: none;}
#search-keyword {width: 220px;height: 28px;line-height: 28px;padding-left: 5px;float: left;margin-top: 7px;background: #2D2E2E;border: 1px solid #3f3f3f;}
#top-search-btn {float: left;border: 1px solid #3f3f3f;border-left: none;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #2D2E2E url(../images/icon-search.png) center no-repeat;font-size: 20px;padding: 0;margin: 7px 0 0 0;}
#top-search-btn:hover {background: #666 url(../images/icon-search.png) center no-repeat;}
.top-user {float: right;margin-left: 20px;position: relative;z-index: 9;font-size: 12px;}
.top-user a {margin: 0 10px;color: #999;font-size: 14px;}
.top-user span {margin: 0 15px;}
#top-username {text-align: left;display: inline-block;position: relative;z-index: 1;}
#top-user-menu {position: absolute;width: 130px;height: 55px;background: #fff;line-height: 1.7;text-align: left;right: 0px;top: 5px;padding-top: 40px;border: 1px solid #ccc;border-radius: 5px;display: none;}
#top-user-menu a {color: #999;font-size: 12px;font-weight: normal;text-align: right;display: block;margin: 0;padding: 2px 10px;}
#top-user-menu a:hover {background: rgba(0, 0, 0, 0.1);}

/* header */
.metroer-header {height: 105px;font-size: 18px;border-bottom: 1px solid #c7c7c7;background: #fff;}
.metroer-logo {float: left;width: 170px;margin-top: 20px;text-align: center;}
.metroer-logo img {width: 120px;}
.main-nav {float: left;width: 980px;margin-left: 50px;height: 55px;line-height: 55px;margin-top: 25px;position: relative;}
.main-nav a {float: left;margin: 0 18px;color: #3E3F40;}
.main-nav a.bbs {margin-right: 0;}
.main-nav a:hover {color: #999;}
.sub-nav {width: 130px;font-size: 16px;position: absolute;z-index: 9999;left: 20px;top: 65px;display: none;}
.sub-nav span {width: 0px;height: 0px;position: absolute;left: 55px;top: -20px;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(51, 51, 51, 0.9);}
.sub-nav a {width: 100%;float: left;height: 40px;line-height: 40px;background: rgba(51, 51, 51, 0.9);color: #fff;margin: 0;text-align: center;border-top: 1px dashed #666;box-sizing: border-box;}
.sub-nav a:nth-child(1) {border-top: none;}
.sub-nav a:hover {background: rgba(102, 102, 102, 0.9);color: #fff;}
#sub-nav-9 {left: 73px;}
#sub-nav-19 {left: 198px;}
#sub-nav-13 {left: 320px;}
#weixin-qrcode {width: 150px;background: #fff;border: 1px solid #666;position: absolute;left: 70px;top: 36px;z-index: 9999;display: none;line-height: 1.2;text-align: center;padding-top: 10px;}
#app-qrcode {width: 150px;background: #fff;border: 1px solid #666;position: absolute;left: 110px;top: 36px;z-index: 9999;display: none;line-height: 1.2;text-align: center;padding-top: 10px;}

/* footer */
.metroer-footer {padding-top: 20px;padding-bottom: 20px;background: #393b3a;color: #999;}
.metroer-footer a {color: #999;}
.footer-left {float: left;width: 240px;padding-left: 220px;}
.footer-right {float: left;width: 740px;}
.home-footer-nav a {color: #ccc;margin: 0 5px;}
.metroer-bottom {background: #393b3a;height: 55px;line-height: 55px;color: #999;margin-top: 80px;border-bottom: 1px solid #555;}
.friendlink {padding-left: 220px;width: 1200px;margin: 0 auto;box-sizing: border-box;}
.friendlink a {color: #999;margin: 0 5px;}

.app-tip {height: 140px;width: 100%;background-color: rgba(66,66,74,0.96);position: fixed;bottom: 0;z-index: 999;}
.app-tip .app-logo {height: 100px;width: 100px;margin: 20px;float: left;}
.app-tip .app-tip-text {font-size: 30px;color: #fff;line-height: 140px;float: left;}
.app-tip .go-app {font-size: 30px;color: #333;background: #fff;border-radius: 10px;padding: 10px;float: right;height: 60px;margin: 30px;line-height: 60px;display: inline-block;}
.app-tip .go-app:hover {text-decoration: none;}

/* 768以下宽度 手机 */
@media (max-width: 1200px) {
    .metroer-footer {width: 1200px;}
    .metroer-bottom {width: 1155px;}
}