/*
   common.css
   <project>
   
   Created by wucj on 2018-05-16.
   https://segmentfault.com/u/shouzijiangs
   Copyright 2018 wucj. All rights reserved.
*/
*{outline: none; font-family: 'Hiragino Sans GB','Microsoft YaHei';}

#TBTopNav {
    z-index: 4;
    position: absolute;
    width: 100%;
    min-width: 1200px;
}

.icon{ background: url(../images/icon_1.png) no-repeat; display: inline-block;}

/*基础布局*/
.layout{ position: relative; overflow: hidden; min-width: 1200px;}
.center{ width: 1200px; margin: 0 auto; position: relative;}
/*绝对定位居中*/
.centering{ position: absolute; width: 1920px; left: 50%; top: 0; margin-left: -960px;}

.nav{}
/*导航*/
.nav_top{ position: absolute; left: 0; top: 0; right: 0; z-index: 30; border-bottom: 1px solid #463d3c; height: 79px; background: url(../images/nav.png) left top repeat-x;}
.nav_top .logo{ width: 127px;height: 50px;  margin: 14px 22px 0 0; background-color: red;}
.nav_top .logo img{
    height: 50px;
    width: 127px;
    display: block;
}


.nav_top .cont{ position: relative; }
.nav_top .cont ul{ height: 79px; line-height: 79px;}
.nav_top .cont li{ float: left; width: 90px; margin-right: 20px; text-align: center;}
.nav_top .cont li a{ color: #a8a8a9; display: block;}
.nav_top .cont li.active a{ color: #ffffff;}
.nav_top .cont li a:hover{ color: #ffffff;}
.nav_top .cont i{ position: absolute; width: 90px; height: 3px; background: #12a7eb; bottom: 0; left: 0;}
.nav_top .language{ width: 66px; height: 26px; line-height: 26px; border: 1px solid #878a8c; border-radius: 15px; text-align: center; color: #a8a8a9; margin: 25px 10px 0 0;}
.nav_top .language:hover{ color: #fff;}

/*导航更多*/
.nav_more{ position: absolute; left: 0; top: 0; right: 0; z-index: 29; background: rgba(0,0,0,.8); opacity: 0;}
.nav_more .cont{ padding:80px 0 0 149px; }
.nav_more .cont a{ color: #e0e0e0;}
.nav_more .cont a i{display: inline-block; width: 11px; height: 11px; margin-right: 6px;}
.nav_more .cont a i.hot,
.nav_more .cont a i.new{ background: url(../images/icon_1.png) no-repeat;}
.nav_more .cont a i.new{ background-position: -15px 0;}
.nav_more .cont ul{}
.nav_more .cont ul li{ height: 38px; line-height: 38px; text-align: center;}
.nav_more .cont ul li a:hover{ color: #ffffff;}
.nav_more .cont .ul_com{ float: left; width: 90px; margin-right: 20px; padding-top: 1px; padding-bottom:26px;}
.nav_more .cont .ul_com_game{ width: auto; }
.nav_more .cont .ul_com_game ul{ float: left; width: auto; margin-right: 16px;}
.nav_more .cont .ul_com_game ul li{ text-align: left;}
.nav_more .cont .language{ float: right; margin: 0;border-left: 1px solid #34363c;height: 190px;}

/*底部版权调整*/
.footer {background-color: #282f3e; color: #fff;}
.footer p{ color: #fff;}
.footer .f_txt p a{ color: #fff;}
.TB-footer{overflow:hidden;padding:40px 0;min-width:1200px;font-size:0}
.TB-footer .f-wrap{margin:0 auto;width:1000px}
.TB-footer .f-a{font-family:"\5FAE\8F6F\96C5\9ED1",tahoma,sans-serif;font-size:13px;font-weight:400;
                 font-style:normal;white-space:nowrap;text-decoration:none}
.TB-footer .f-a[href]{cursor:pointer}
.TB-footer .f-p,.TB-footer .f-rich-text{margin:0;line-height:2.2}
.TB-footer .f-rich-text{font-size:13px}
.TB-footer .f-top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
    display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:end;
    -webkit-box-pack:justify;-ms-flex-align:end;-ms-flex-pack:justify;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
    flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}
.TB-footer .f-top+.f-center:before{display:block;margin:18px 0 16px;height:1px;content:""}
.TB-footer .f-top .f-t-l{white-space:nowrap;width: 119px;height: auto;}
.TB-footer .f-top .f-t-l img{width: 100%;}
.TB-footer .f-top .f-t-l .f-item,.TB-footer .f-top .f-t-l .f-line{display:inline-block;vertical-align:middle}
.TB-footer .f-top .f-t-l .f-line{margin:0 16px;width:1px;height:40px}
.TB-footer .f-top .f-t-r{margin-top:10px}
.TB-footer .f-top .f-t-r .f-a{text-decoration:underline}
.TB-footer .f-top .f-t-r .f-a+.f-a{margin-left:16px}
.TB-footer .f-center .f-list{overflow:hidden}
.TB-footer .f-center .f-list .f-a{display:inline-block;position:relative;margin-right:25px;vertical-align:middle}
.TB-footer .f-center .f-list .f-a:before{display:inline-block;position:absolute;top:50%;left:-13px;width:1px;height:18px;
    -webkit-transform:translateY(-50%);transform:translateY(-50%);content:""}
.TB-footer .f-center .f-list .f-a:first-child:before{display:none}
.TB-footer .f-center .f-list .f-a:last-child{margin-right:0}
.TB-footer .f-bottom .f-p:last-child{line-height:2.5}
.TB-footer .f-bottom .f-a+.f-a{margin-left:5px}
.TB-footer .f-bottom .f-a-img{display:inline-block;text-decoration:none}
.TB-footer .f-bottom .f-a-img+.f-a-img{margin-left:12px}
.TB-footer .f-bottom .f-a-img:hover{text-decoration:none}
.TB-footer .f-bottom .f-a-img img{display:inline-block;width:auto;height:20px;vertical-align:middle}
.TB-footer .f-bottom .f-a-img i{margin-left:4px;font-size:13px;font-style:normal;vertical-align:middle}
.TB-footer.dark{background-color:#282f3e}
.TB-footer.dark .f-a{color:#fff}
.TB-footer.dark .f-a:before{background-color:#a1a1a1}
.TB-footer.dark .f-a[href]:hover{color:#0089bc}
.TB-footer.dark .f-rich-text{color:#fff}
.TB-footer.dark .f-rich-text a{text-decoration:none;color:#fff}
.TB-footer.dark .f-rich-text a[href]:hover{color:#0089bc}
.TB-footer.dark .f-top .f-t-l .f-line{background-color:rgba(66,78,102,.6)}
.TB-footer.dark .f-top .f-t-r .f-a{color:#0089bc}
.TB-footer.dark .f-top .f-t-r .f-a[href]:hover{color:#09ade8}
.TB-footer.dark .f-top+.f-center:before{background-color:rgba(83,97,128,.9)}
.TB-footer.dark .f-bottom .f-a-img{color:#fff}
.TB-footer.dark .f-bottom .f-a-img[href]:hover{color:#0089bc}
.TB-footer.light{background-color:#fff}
.TB-footer.light .f-a{color:#100f0f}
.TB-footer.light .f-a:before{background-color:#a1a1a1}
.TB-footer.light .f-a[href]:hover{color:#0089bc}
.TB-footer.light .f-rich-text{color:#100f0f}
.TB-footer.light .f-rich-text a{text-decoration:none;color:#100f0f}
.TB-footer.light .f-rich-text a[href]:hover{color:#0089bc}
.TB-footer.light .f-top .f-t-l .f-line{background-color:#e3e3e3}
.TB-footer.light .f-top .f-t-r .f-a{color:#0089bc}
.TB-footer.light .f-top .f-t-r .f-a[href]:hover{color:#00a8e5}
.TB-footer.light .f-top+.f-center:before{background-color:#cecece}
.TB-footer.light .f-bottom .f-a-img{color:#100f0f}
.TB-footer.light .f-bottom .f-a-img[href]:hover{color:#0089bc}
.TB-footer.f-mobile{padding:15px;min-width:0}
.TB-footer.f-mobile .f-wrap{width:auto}
.TB-footer.f-mobile .f-p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    line-height:2;-webkit-align-items:center;align-items:center;-webkit-box-align:center;
    -webkit-box-pack:center;-ms-flex-align:center;-ms-flex-pack:center;-webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}
.TB-footer.f-mobile .f-p.f-nav .f-a{text-decoration:underline}
.TB-footer.f-mobile .f-p .f-a{font-size:10px}
.TB-footer.f-mobile .f-p .f-a+.f-a{margin-left:5px}
.TB-footer.f-mobile .f-p .f-a-img{display:inline-block;font-size:10px;text-decoration:none}
.TB-footer.f-mobile .f-p .f-a-img+.f-a-img{margin-left:12px}
.TB-footer.f-mobile .f-p .f-a-img img{display:inline-block;width:auto;height:20px;vertical-align:middle}
.TB-footer.f-mobile .f-p .f-a-img i{font-style:normal;vertical-align:middle}
.TB-footer.f-mobile .f-rich-text
{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
display:flex;font-size:10px;line-height:2;text-align:center;-webkit-align-items:center;
align-items:center;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-align:center;
-ms-flex-pack:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
.TB-footer.f-mobile.dark{background-color:#202020;}
.TB-footer.f-mobile.dark .f-p .f-a,.TB-footer.f-mobile.dark .f-p .f-a-img,.TB-footer.f-mobile.dark .f-rich-text,.TB-footer.f-mobile.dark .f-rich-text a{color:#c6c6c6}
.TB-footer.f-mobile.light{background-color:#fff}
.TB-footer.f-mobile.light .f-p .f-a,.TB-footer.f-mobile.light .f-p .f-a-img,.TB-footer.f-mobile.light .f-rich-text,.TB-footer.f-mobile.light .f-rich-text a{color:#c9c9c9}
.TB-age{position:absolute;z-index:1}.TB-age img{max-width:200px}

.assistant_pop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 8000;
    display: none;
}
.assistant_leiting {
    width: 386px;
    height: 280px;
    background: #fdfdfd;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -193px;
    z-index: 9999;
    display: none;
}
.assistant_leiting .assistant_close{
    width: 48px;
    height: 45px;
    background: url(../images/sprite.png) -386px -630px no-repeat;
    position: absolute;
    top: 0;
    right: -60px;
    text-indent: -999em;
}
.assistant_leiting h3{
    height: 46px;
    border-bottom: 1px solid #e5e5e5;
    background: #f5f5f5;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #2b6ac9;
    font-weight: 100;
}
.assistant_leiting p {
    font-size: 12px;
    line-height: 20px;
    width: 80%;
    margin: 15px auto;
}
.assistant_leiting img{
    width: 116px;
    height: 116px;
    position: absolute;
    top: 120px;
    left: 37px;
}
.assistant_ios{
    width: 176px;
    height: 53px;
    background: url(../images/sprite.png) -8px -623px no-repeat;
    position: absolute;
    top: 121px;
    left: 171px;
    text-indent: -999em;
}
.assistant_ios:hover{
    background: url(../images/sprite.png) -8px -683px no-repeat;
}
.assistant_android{
    width: 176px;
    height: 53px;
    background: url(../images/sprite.png) -197px -625px no-repeat;
    position: absolute;
    top: 183px;
    left: 171px;
    text-indent: -999em;
}
.assistant_android:hover{
    background: url(../images/sprite.png) -197px -684px no-repeat;
}