.tabs {
    width: 1200px;
    margin: 20px auto;
    margin-bottom: 0;
}

.tabs>ul {
    display: flex;
}

.tabs>ul>li {
    flex: 1;
  z-index: 99;
    margin-right: 10px;
    height: 65px;
}

.tabs>ul>li:last-child {
    margin-right: 0;
}

.tabs>ul>li>a {
    display: block;
    text-align: center;
    width: 100%;
    height: 50px;
    background: #f1f1f1;
    text-decoration: none;
    color: rgb(144, 147, 153);
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    border-top: 4px solid #f4f4f4;
}

.tabs>ul>li>a:hover {
    background: #ebebeb;

}

.tabs_container .content {
    padding-bottom: 35px;
}

#tabs_container {
    padding: 20px;
    /* overflow: hidden; */
    position: relative;
    background: rgba(255,255,255,.6);
    zoom: 1;
 
    margin-bottom: 20px;
}

#tabs_container>div {
    float: left;
    margin-right: 40px;
    zoom: 1;
    width: 100%;
}
#tabs_container .title{
    border-bottom:none!important;
}
#tabs_container .title span{
    background: transparent!important;
}
.tabs>ul>li>a.tabulous_active {
    position: relative;
    background: rgba(255,255,255,.6) !important;
    color: #ff3000 !important;
    font-weight: 700;
    font-size: 20px!important;
    border-top: 4px solid #ff3000;
    height: 65px!important;
    margin-top: 0!important;
    line-height: 65px!important;
    z-index: 99999;
    box-shadow: none!important;
}



.cls {
    margin: 20px 0;
    padding-left: 20px;
}

.cls .scv-shaixuan {
    margin: 15px 0;
}


/*.cls .scv-shaixuan:first-child{*/


/*    padding-bottom: 10px;*/


/*    border-bottom: 1px dashed #eee;*/


/*}*/


/*.cls ul:last-child{*/


/*    padding-top: 10px;*/


/*}*/

.cls b {
    line-height: 27px;
    color: #666;
    font-weight: 400;
    margin-right: 10px;
}

.cls ul li {
    float: left;
    padding: 5px 12px;
    cursor: pointer;
}

.cls a {
    padding: 5px 12px;
    cursor: pointer;
}

span.pageinfo {
    display: none;
}

.cls ul li.active {
    background-color: #ff3000;
    color: #fff;
    border-radius: 3px;
}

.cls .search_row {
    margin: 15px 0;
}

.cls .current {
    background-color: #ff3000;
    color: #fff!important;
    border-radius: 3px;
    padding: 5px 17px;
    text-decoration: none!important;
}

.cls ul li.active a {
    color: #fff!important;
    text-decoration: none!important;
}

.tabs_container .content .bd ul li,
.search_down .bd ul li {
    float: left;
    position: relative;
    transition: all .2s;
    border-radius: 5px;
    background-color: rgba(255,255,255,.7);
    width: 185px;
    margin: 60px 10px 10px 0;
    height: 180px;
    transition: .2s;
}
.tabs_container .content .bd ul li.ss_game{

    width: 375px;
    margin: 10px calc(35px / 2) 10px 0;
    height: 150px;
    transition: .2s;
    border: 1px solid #eee;
    background: #f9f9f9;
}
.tabs_container .content .bd ul li.ss_game:nth-child(3n+3){
    margin-right: 0;
}
.tabs_container .content .bd ul li.ss_game .img {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 115px;
    height: 115px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .35);
    transition: .2s;
    overflow: hidden;
}
.tabs_container .content .bd ul li.ss_game .img img{
    top: 0;
}
.tabs_container .content .bd ul li.ss_game .i{
    position: absolute;
    top: 15px;
    left: 150px;
    display: inline-block;
    width: 200px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
}
.tabs_container .content .bd ul li.ss_game .info {
    position: absolute;
    top: 35px;
    left: 150px;
    line-height: 28px;
}
.tabs_container .content .bd ul li.ss_game span.type{
    top: 38px;
    font-size: 12px;
    color: #888;
    width: auto!important;
}
.tabs_container .content .bd ul li.ss_game span.line {
    display: inline-block;
    width: 1px;
    background: #888;
    height: 10px;
    margin: 8px 10px;
}
.tabs_container .content .bd ul li.ss_game .t_star {
    margin-top: -2px;
}
.tabs_container .content .bd ul li.ss_game .button {
    position: absolute;
    bottom: 15px;
    left: 150px;
    padding: 0 10px;
    border: 1px solid #e1f3d8;
    color: #67c23a;
    background-color: #f0f9eb;
    transition: .2s;
    border-radius: 3px;
    width: 95px;
    height: 32px;
    /*box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .03);*/
        line-height: 32px;
    text-align: center;
    font-size: 12px;
    text-decoration: none!important;
}
.tabs_container .content .bd ul li.ss_game .button.disabled{
        background: #efefef!important;
    color: #9e9e9e!important;
    border-color:#efefef!important ;
    cursor: not-allowed;
}
.tabs_container .content .bd ul li.ss_game .ios_button{
    left: 260px;
        border: 1px solid #d9ecff;
    color: #409eff;
    background-color: #ecf5ff;
}

.tabs_container .content .bd ul li.ss_game .button:hover{
    background-color: #60a805;
    border-color: #60a805;
    color: #fff!important;
}

.tabs_container .content .bd ul li.ss_game .ios_button:hover{
    border-color: #409eff;
    color: #fff!important;
    background: #409eff;
}
.tabs_container .content .bd ul li.ss_game .button.disabled:hover{
      color: #9e9e9e!important;
}
.tabs_container .content .bd ul li.ss_game .icon{
   float: left;
    width: 20px;
    height: 20px;
    margin: 5px 0;
}
.tabs_container .content .bd ul li.ss_game .adr_icon{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEw0lEQVR4Xu2aT2gcVRzHv7+dhAhVaKkV7EE9t1D1os4kM5v1UpCkAaUBsUWlZGetFhRsT4L14qEgHgp2ZyxaBT2kXqyC/wi7mXEmqRAQtfWkBg/+/3OohxDd+clsdpPJZnZnZvdNNiGzx53f+77f7/N+773fzHuEHf6jHR4/MgBZBqRE4JSl7juv2b+LkC9a6u2mZv8sQqtVI7UpoNvKSYDuN1Tn8V4c1y1lgkCPlTVnsheddm1TBDByN9ibIUgTZc12unW+ZClfoOadKRfmq91qdGqXGgC/U90aLgE4ZmjOSNCJp6/et/ffJWl/zuO9zf//y+HXi/n5b4N2JUs5w0R3GKrzTBrB+5qpAvA7KFnyJY+5Ahr8FFzTczlMMWN/aECMPxlwcuSdIxpYqrH3ESTI5rD73bYFULTkZwn0ajcBMOMlM++e7aZt3DapZoBuyecAOh3XmXA7Lku1odOvFar/9KYT3jo1AEVLeY+AR0Q4TYDLkKYMzb4uQi+okQoA3VL+ArCn2RERfmo778MjWiDQ9ww+uvqYcA0sTYqGIByAbivfgHEwENclQ3OfXNkVFI4eQa4a2lzBtyvOKmeJ8GIQAoMeMlXnx2ideBZCAei2fBFMJ4JdM/Gkqc5dbgD4AcBdnVxjxhUz706EAgDATIaZd/ztVchPGIDSrPIgE2ZCvSLoAI2BeTyW1wyTiPasmwKBhlTj8XJh7sNYWhFGwgDolmICmBLhVJQGgS6LKo2FADgxo9w5MIivAdwS5byw5x4UY9Sd61VPCADdUk4B/HCvziRpz0yzIookIQCSOL7VbIUA0KuKzITDmx3cpmbA8U8O7bpp6OYDEnu7ACyWC/OLzYA37NebQmKtXvC7K1UeGG12uzwoLbwx4tyI40asDCjZ8hgznV+/h9NVri2NmYWFP/oNoGQNT3dbNcYCoNvDV8L28ObbWj8BPPX58BHP4/dDRvsdQ3OPRWVBPACW8jeA3a1iWwFAJ/iG5kbGF2nQKGFDa/gMQOODRT+nQJYBrW+MgXmaTYFsDcgWwchFPtIg2wU6fMrKtsFsG1w5uMjqgA57cVQt3v3zlbfBrBDKCqGWs4OsElwjILAUlisArX5xaXaxFbbBkq0cZ8bbG9YSog8M1TkStcbEKoSKtnyUmKY3ikkH/bO6fu4CuqUeANWmW47jEDyR6gQhFoD6NzdLPuwhdwjM/jfBGxJJn13Q7K/8Z/0EsFKp1iGMsofb6sHm+FrzOE5IBkSJ9BtAlH9CMqCTSAagj4VQL6Pvt429BnTqSLflR8H0bq/OJGu//lwgWds1ayEAnqiM7h4aWK6AcU+3jiRtRzWvIOLuoBAA9ZXYUWTU6uf/coDvhtqh8WwR4NWTpWh7Xr0kSaBfmPgtQ537OCm0MHthAMLE212JaXf9Lal9BkAAgSwDBEBsK5E0pZPai/A9ywARFNtpJB3RpPYifM8yQATFdhpFS/mNgH2tz7vYBp838+4rafiabgaE3Bz1g/BquPf1gvtla0Abbno0DIh4vKyKuRjZ2meqAIqV0VtJWn45eIGSgZOm5l4ILZyqikw5eq553aV+yRp4wVDdN9MYfV8zVQBpOS1SNwMgkuZ21MoyYDuOmkifd3wG/A+ekAJuQPSYZAAAAABJRU5ErkJggg==) no-repeat center;
    background-size:20px ;
}

.tabs_container .content .bd ul li.ss_game .ios_icon{
    background: url(data:image/png;base64,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) no-repeat center;
    background-size:18px ;
    margin: 4px 0!important;
}
.tabs_container .content .bd ul li.ss_game .disabled .adr_icon{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEp0lEQVR4Xu1bTYgcRRR+r+jdyyJEYgRzUM8J+HOSFQ9JLgHZJKBkQcwyU9U7bMgqKJicBOPFQ0A8eNDNblXN7KKHxItRUJSQeIiiEBA1elKDB3+jHpLDsjvdT2rSM/S2Pf0zU53ZZatvu/Xqq6++elXvdb8ahG3+4DafPzgBnAdUpIBSapcQ4i8b8CsrK/fNzMz8ZgMriVHZFtBanyCix4QQtWGIK6WOAMCzQojpYXD69a1MACnlw4h4kTF2pF6vXxmUvFLqqyAITjUajcuDYmT1q0wAM6iU8jhj7Bjn/Ik4iVartTMMw93tdntn7P9/NBqNH+J2SqlTiHg/5/y5KiZvMCsVwAyglGoCwKWxsbFP1tbW5hCxAQC7+0zobyK6QkRnPM9bDcPwI8bYZL1e/3HLCiClfAER3xhkAkT0qu/7pwfpW7RPpR4gpTyDiCeLkkmzI6K3V1dXT87Pz98aBmcUh+B7iPi0JdKfA0BDCPG9JbweTCUeoLX+h4jujpH9NWPfp83pKgD8BABHu42IeI2Ipm2LYF0ArfV3RLQ3RrzJOefRgUgFVvCyEGJ/FEVOI+IrcREYY0/WarVfCuAUMrEqgNZ6iYj8+MiIOM05Px8J8DMAPJjFjIgu+L5vkh8TRjcIEPVbEEIcLzS7AkbWBFBKHQCAi33GNOFviogOFeBkTM4CgNlCvS2Q6HdICPFhQaxMM2sCSCnPRjHeBq88jPO2UmMrAiwtLT3AGPsWAO7KY26rnYge933/i2HxrAigtX6eiJ4alkyZ/kT0mY0kyYoAZYhvNlsrAkgpJwHg4J2e3B31gOXl5YkgCPa02+0Jz/Ouc86vdyfcJ1xVrUcvXzADLS4u7usOyBi76vv+zSIECnmAUmoKAN5MxPAv19fXp+bm5m6MWgCl1LlBs8ZCAmitL6TF8O7b2igFaDabh8MwfD+52oj4Duf8WJ4XFBJAKfUvAOxIgm0GAbLEF0Lkzi/XIEphU3N4J0D0wWKUW8B5QPoLU2e3ui3gzgB3COYe8rkGLgrc/rbvwmBaRuXyAJcH3K7cuEQoIxnJexkZor3zOuwyQZcJptYOrKfClwCg98Wl67abIQporWeIaDnle8AHnPPDeVusUCKktT5KROarS/LZa2p1ozwElVJ7EPFcvBxnSMYrUlkiFBIgygYPEtFDADABADc9z/u0Vqt9Y9pGKUDEzYiwLwzDe83fjLFr3XKcFQ/IAxm1AHn8rHhAFogTYIR5wDCr3zkrhgWI9uAzAPCuDawSGBvqAiX6bTC1IoDWegcRmVD5yKBEyvYLgmC/jbuDVgQw5Fut1mQQBKb+b8pk3ed/uUPUYKpKvcpSAfveJUlE/D0Igtbs7OzHZUVLs7cmQBp43neEZJ+y9k4ACwo4D7AgYl+Isi5d1t4Gd+cBNlTsh1F2Rcva2+DuPMCGihke8CcA7Eq297sFnuEBL/m+/3oVXCv1gLSbo538G/FRzvnXKXnAhpsesXZrFyOTY1YqwMLCwj3j4+OvEZH5kUT3OSGEeCttNc1lK0R8MXbdxVyyflkIoatY/c5iVAW8VXCdAFtlpari6TygKmW3Cu6294D/AC0VDW5IhwLWAAAAAElFTkSuQmCC) no-repeat center!important;
    background-size:20px !important;
}
.tabs_container .content .bd ul li.ss_game .disabled .ios_icon{
    background: url(data:image/png;base64,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) no-repeat center!important;
    background-size:18px!important ;

}

.tabs_container .content .bd ul li.ss_game .adr_button:hover .adr_icon{
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAD30lEQVR4Xu1aTYiOURR+nrUUMYoF1qb8rDSyMDZKxhSZkpEk0URRzEphY6FkYeEnZSgWxsZQRDIWiJoShhUmC/8/CxZ2R2e839c7r/fnfu937vd909y7+eq75577nOeee89577nEFG+c4vYjEBA8wBMDItJG8quFehGZS/Kjha6kDm9bQET6ACwnua0e4CLSDWALyZ569GSN9UnAEgD3AHSTfFgWvIg8BdBPcrisjrxx3gjQSUVkN4BekivjIERkFoB5APS30j6TfJ2Q6wcwn+QeH8arTq8ERCQMALgP4A6AXQB2Rsan2fQdgHrLcQB/ANwC0EHyzWQmYB+AkyUNOErySMmxTsO8eoCI6EoedEKSLXRGdZD8Xaee1OHeCBCRawA2GoF+pFuH5CsjfVU1XggQkR8AZsbAfsjZ92k2jQB4C2BTrHMUQI81CeYEiMhLAO0x4AMkt0cHojis4DDJzkhe9//hBAlrSb530OMkYkqAiJwHsCMxs67aYGTQOwALC5ANkdTkR8NokgD9+yxJDa8mzYwAEVkdJT5pwDT8rQPQ5Yj6XLSF4lsgPrSL5E1HXblilgQoaI3xjWiDVqmxCQEisgDACwDTG2F9NMcKko/rnc+KgL0ANtQLpsbxDyySJBMCagTeUuImBIhIB4A1jbasoR4gItMALAKgv2MkxyoGZ4Qr33xU84UoZK6KTThC8pcLACcPEBENYacSMfyJhjaS35pNgIhcLZs1uhIwlBHDx7/WmkmAiKwHcD1ltS+T7C3yAlcCfgKYkaKsFQhIyxbHoZIstK9QINpfWTl8IKAFtkDwgMQXY3Wnhi0QzoBwCBYe8oUCIQr8u5kJYTAjowp5QMgDmv8tEBKhkAhNrB2ETLDCgGUqrOXt+I1LZY5WiAJbAVxKiVI3SOpdQW5zTYS0QKG3LsnWrrW6Jl+I6DWdYouX4xRntSKVx4ATAVE2qJeei6M7Qb1vu0vyedSXeRIXrUAd/fEaopKgHjon0jdaKccV6XcmIE9RMz2gyMCi/kBAEUMu/cEDRDYDuOJClqHMhLpAWb1WW0BvjDVULi0LpMS4Tou3gyYERJFAy2Na/9ffSkvLHbRPq0rVypKDfPyR5CcAF0neLkHaf0PMCEgDU3SPkBxTq3wgwICB4AEGJGaqqNWla5W3wB48wILFLB21rmit8hbYgwdYsJjjAV8AtKX0p74Cz/GAAyRP+MDq2wPSXo6qHctIPkvJA5IvPSoiZg8jk3P6JmA2gGOJB5R9JE9nJE6aRe6PPXfRR9aHSF7wsfqq0ysBvkBb6g0EWLI5GXUFD5iMq2aJecp7wF+I8jtfHzCAGgAAAABJRU5ErkJggg==) no-repeat center;
    background-size:20px ;
}
.tabs_container .content .bd ul li.ss_game .ios_button:hover .ios_icon{
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABACAYAAACjgtGkAAAFIElEQVR4XuWbeehlYxjHP99/UJoiWZJI9n+Q7FtmDIZkaYYQM82MUEPNyFD4g5ClGUsxGGEYS2OY8Q8yY5ka4h9rGbvIUrbIlqQePXp/dWf63Xve5Zx7z/nNU6f7x32f7XOec877vuc5okNiZscBJwP7AZMkTa47fNVtsAl7ZjYHuABwIGOybrMDYmZHAVcCp40DevMCYmYXAfcPqLibJV1dd0W28pIxM0/0popkp0l6ccIDMbMzgNUVif4I7CnptwkNxMy2AV4FDqxIdImkeXXDcHutumQiLxWPe7KkdRMaiJltAbwb5hiDcl0maXYTMFpVIWZ2LvBERaJfhurw30akNZeMmT0AXDggy9+BWZKqbrhFoNoE5Atg9z7ZfAzMlfR6UbYRym0CYn3iXQZcL6mxy6TXb5uB+FPkEUkOZGjSJiA+6/wO+Ap4StKGoVHocdQIEDPbKTw+DwJ+Bj4ANkj6MzfJYNMnbNv2HL8A3wDvSXKQxVIbEDM7HjgPOBrYu09ka4BngJck+U10oJjZIYDbPWmTpf94eh8CrwErJL1cZbvf/8VAzMwnSQ5iamIQK4GVkvx3IzGzcwA/Tk+0OTb8DuAWST+k6hcBMTNPZkaq003Gf+8lD7wBHAEcAOxYaNPVPwGuHQ/4INtZQMxsL8CfAjvXEHjTJs5OgZIMxMwcwrdNZ1Gz/WgoOUAGzShrzqNWc1FQkoCY2Q1+XdYa5nCMRW83RgMxs/OB5cOJv1YvCyUtirWYAuRN4LBYwy0ZN0fSwymxRAExM59nPJ5iuAVjL5V0T2ocsUB8hnlCqvERjn9U0qwc/5VAzMxBOJAuycGS3soJOAbIAuD2HOMj0lkq6eJc3zFAHgT83WpXZLqkVbnBxgDp0tPlL0lb58JwvRggfwBFTkoCTNRdI8m3CrJlIBAzcxAOpCuyXNLMkmCrgHRtIbdI0sImgXinzkj2NjOTulvSZZm6/6tVVcjhYeOmxMcwdddKOrHEYRUQ3yTOmuCUBFWg+7WkXQv0KytkeyB5X7IkoBp0d5Dk/SNZEvPY/RvYMsv6aJTmSVqS6zoGyGfAHrkORqBX1IwXA8Q7enrbIUeQY7LLGZL8/U+yxAC5HFicbHm0CuslHZsTQgyQfQF/K9Y18Y6B61KDrgTiBs3MJ2c+SeuazE7tHogFcmvoKO4aEI93pqTozfFYINOAF7pII8R8Z2i6+bUqh1ggW4XeDW9F6Kp4h+O9kpYOSiAKSLiPPBneyHcViMf9E3CkpE/7JZEC5BIn3GUawEOS5tZVIbsAbwO+vumqTK1qpomukHDZ3AYUbcCMkOQqSdOr/KcC8bnIOx1b7I0xmCLJlyEDJQlIqJL7gOz3HlUBNfR/5b1jzG8OEO8eWl9T21ND+W9k9h9/SS/JH7uVkgwkVMl8wBvbuiCLJV0RG2gWkABlbUbnYWxcdY3zhj6vjuge1hIghwLPA9vVFX0DdhZI8ml7tGQDCVUS841LdDA1D3xW0pmpNouABCjXADemOm54vC/i/DO0qBtpbyzFQAKUtnUIJC35awcSoLziZ6XhMx9jfr6ku2IGjjemlgoJQHbzxRMwJSEY/xzEW7o/AvyrKf9yYp+wO+dfPnjzf6z86x8/52wbNlIhY0bN7CrA7yuT+mTi3QSPAU9XLbTM7BTgLMDXIP3suZvnAgyHWyS1VUhvFGbmZ9d7044BfPfb9yHeD4e3LHyeErWZOYxTg639AT+8o9pnzL7DviLF3qCx/wGId4JQUFuRUAAAAABJRU5ErkJggg==) no-repeat center;
    background-size:18px ;
}
.tabs_container .content .bd ul li.ss_game .detail{
    position: absolute;
    top: 60px;
    left: 150px;
    width: 205px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
}
.tabs_container .content .bd ul li a,
.search_down .bd ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.tabs_container .content .bd ul li:hover,
.search_down .bd ul li:hover {
    transform: translateY(-2px);
    box-shadow: 0px 0px 15px 0px rgba(105, 105, 105, .2);
    background-color: #fff;
}
.tabs_container .content .bd ul li:hover img,
.search_down .bd ul li:hover img{
    box-shadow: none!important;
}
.tabs_container .content .bd ul li:hover button,
.search_down .bd ul li:hover button {
    background-color: #ff3000;
    color: #fff;
}

.tabs_container .content .bd ul li:nth-child(6n+6),
.search_down .bd ul li:nth-child(6n+6) {
    margin-right: 0;
}

.tabs_container .content .bd ul li img,
.search_down .bd ul li img {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 115px;
    height: 115px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.35);
    transition: .2s;

}
.tabs_container .content .bd ul li:not(.ss_game) a>i, .search_down .bd ul li:not(.ss_game) a>i{
        position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 150px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
}
.sd_more_game{
    margin: 20px 0;
    background: rgba(255,255,255,.7);
    padding: 20px;
    padding-bottom: 0;
}
.sd_more_game .title span{
     background: transparent!important;
}
.tabs_container .content .bd ul li:not('.ss_game') a>i,
.tabs_container .content .bd ul li:not('.ss_game') a>em,
.search_down .bd ul li:not('.ss_game') a>i,
.search_down .bd ul li:not('.ss_game') a>em {
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 150px;
    text-align: center;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    font-size: 16px;
    color: #000;
}

.tabs_container .content .bd ul li a>em,
.search_down .bd ul li a>em {
    font-size: 12px;
    color: rgb(148, 148, 148)!important;
    top: 97px!important;
}

.search_text .bd li {
    float: left;
    width: 570px;
    height: 155px;
    margin: 0 20px 10px 0;
    padding: 15px 0;
}

.search_text .bd li:hover {
    background-color: #f9f9f9;
}

.search_text .bd li:nth-child(2n+2) {
    margin-right: 0;
}

.search_text .bd li img {
    height: 125px;
    width: 220px;
}

.search_text .bd li .txt {
    height: 125px;
    margin-left: 20px;
}
.search_text .bd li .txt h3{
    width: 310px;
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.search_text .bd li .txt .hd {
    margin-bottom: 10px;
    color: #000;
}

.search_text .bd li .txt .detail {
    width: 310px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.search_text .bd li .txt .info {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
}

.search_text .bd li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.tabs_container .content .bd ul li button,
.search_down .bd ul li button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #f3f3f3;
    background: #fff;
    transition: .2s;
    border-radius: 3px;
    width: 138px;
    height: 32px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .03);
}

.tabs_container .bd ul li a>p.t_star,
.search_down .bd ul li .t_star {
    position: absolute;
    top: 95px;
    left: 50%;
    width: 150px;
    transform: translateX(-50%);
    text-align: center;
}

.pre_s_list .stars {
    position: static!important;
    transform: translateX(0%)!important;
    margin-bottom: 7px;
}

.pre_s_list .stars i {
    float: left;
}

.tabs_container .bd ul li .stars i,
.o2 .bd ul li .stars i {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.page_list ul {
    height: 29px;
}

.page_list li {
    line-height: 19px;
}

.page_list li {
    float: left;
    margin: 0 5px;
}

.page_list li.thisclass {
    background-color: #f60;
    color: #fff!important;
    padding: 5px 12px;
    border-radius: 5px;
}

.page_list a.curpage {
    background-color: #f60;
    color: #fff!important;
    padding: 5px 12px;
}

.page_list a {
    display: inline-block;
    margin: 0 5px;
    height: 100%;
    padding: 5px 12px;
    background-color: #f4f4f4;
    border-radius: 5px;
    line-height: 20px;
    font-size: 12px;
}

.page_list li a:hover {
    text-decoration: none;
}

#tab-1,
#tab-2,
#tab-3 {
    position: relative;
}

.tabs_container .page_list,
.page_list{
    text-align: center;
    margin-bottom: 35px;
}

.page_list i.icon_font {
    display: inline-block;
    transform: translateY(1px);
}

.page_list .page_current {
    background-color: #ff3000;
    color: #fff;
}

.news_cont .gl {
    width: 490px!important;
    padding: 0 20px;
}

.tabs_container .gl,
.news_cont .img2_gl {
    width: 470px!important;
    padding: 0 20px 0 0!important;
}

.news_cont .gl li,
.tabs_container .gl li {
    margin: 2px 0;
}

.news_cont .gift .list ul li {
    margin: 8px 0!important;
}

.img_gl {
    width: 450px!important;
    padding: 0!important;

}
.game_download_main .left_content .container3{
    line-height: 18px!important;
}
.tabs_container .gl .txt,
.news_cont .gl .txt,
.img_gl .txt {
    width: 280px!important;
}

.tabs_container .gl li.tet p,
.news_cont .gl li.tet p {
    width: 270px!important;
}

.tabs_container .gl li.tet,
.news_cont .gl li.tet {
    margin: 16px 0!important;
}

.tabs_container .cq_rank ul li {
    margin: 10px 0!important;
}

.vies ul li:first-child {
    width: 450px;
    height: 300px;
}

.vies ul li:first-child img {
    width: 450px;
    height: 300px;
}

.vies ul li {
    position: relative;
    margin: 0 15px 15px 0;
    float: left;
    width: 221px;
    height: 145px;
}


/* ul li:nth-child(3n+3) {
    margin-right: 0;
} */

.vies ul li:nth-child(4),
.vies ul li:nth-child(7) {
    margin-right: 0;
}

.vies ul li img {
    width: 226px;
    height: 145px;
}

.vies ul li .bg {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.vies ul li b {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    transition: .2s;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    box-sizing: border-box;
}

.vies ul li .bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .2s;
}

.vies ul li:first-child .bg img {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    z-index: 9999;
}

.vies ul li .bg img {
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    z-index: 9999;
}

.vies ul li:first-child .bg button {
    padding: 5px 50px;
    bottom: 33%;
}

.vies ul li .bg button {
    z-index: 9999;
    position: absolute;
    left: 50%;
    bottom: 24%;
    transform: translateX(-50%);
    padding: 3px 15px;
    border: 1px solid #0ed40e;
    background-color: #ff3000;
    color: #fff!important;
    box-shadow: 0px 0px 15px 0px rgba(42, 218, 42, 0.7);
}

.vies ul li a:hover b {
    opacity: 0;
}

.vies ul li a:hover .bg {
    opacity: 1;
}

a.guanggao {
    width: 1200px;
    display: block;
    margin: 0px auto;
}

.soft_cont {
    box-shadow: none!important;
}

.more_game ul li {
    float: left;
    width: 105px;
    margin-right: 26px;
}

.more_game ul li img {
    width: 105px;
    height: 105px;
    border-radius: 20px;
}

.more_game ul li a {
    display: inline-block;
    width: 105px;
}

.more_game ul li:nth-child(9) {
    margin-right: 0!important;
}

.more_game ul li i {
    margin-top: 5px;
    display: inline-block;
    width: 105px;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    text-align: center;
}

.slider_four_in_line {
    height: 240px;
    position: relative;
    margin: 15px auto;
    user-select: none;
}

.gift_slider img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: 130px;
}

.gift_slider>div {
    position: relative;
    padding: 15px;
}

.gift_slider a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.slider_four_in_line>* {
    transition: ease all .2s;
    overflow: hidden;
}

.slider_four_in_line .hidden {
    opacity: 0;
    z-index: 0;
    top: 0px;
    left: 50%;
}

.slider_four_in_line .active,
.slider_four_in_line .next1,
.slider_four_in_line .next2,
.slider_four_in_line .next3,
.slider_four_in_line .next4,
.slider_four_in_line .prev1 {
    position: absolute;
    width: 24%;
    height: 100%;
    top: 0px;
    left: 25%;
    z-index: 10;
    margin: 0 0.5%;
}

.slider_four_in_line .next1 {
    left: 50%;
}

.slider_four_in_line .next2 {
    left: 75%;
}

.slider_four_in_line .next3 {
    width: 0%;
    left: 100%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .next4 {
    left: 100%;
    width: 0%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .prev1 {
    position: absolute;
    width: 24%;
    height: 100%;
    top: 0px;
    left: 0%;
    z-index: 10;
    opacity: 1;
}

.slider_four_in_line .prev2,
.slider_four_in_line .prev3,
.slider_four_in_line .prev4 {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0%;
    z-index: 0;
    opacity: 0;
}

.nav_indicators {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 50000;
}

.nav_indicators ul {
    position: static;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.nav_indicators ul li {
    position: static;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    color: #fff;
    border: 2px solid #000;
    border-radius: 50%;
    cursor: pointer;
}

.nav_indicators ul li.active {
    position: static;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    background: #555;
    color: #555;
    border: 2px solid #aaa;
    border-radius: 50%;
    cursor: pointer;
}

.next_button,
.prev_button {
    position: absolute!important;
    left: 100% !important;
    top: 50% !important;
    margin: -25px 0 0 -25px !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #000 !important;
    background: #fff !important;
    opacity: 0.5 !important;
    z-index: 5000 !important;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}

.prev_button {
    position: absolute;
    left: 0% !important;
}

.next_button:hover,
.prev_button:hover {
    opacity: 1 !important;
}

.next_button:after,
.prev_button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    margin-top: -10px;
}

.next_button:after {
    border-left: 15px solid #000;
    border-right: 15px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-left: -5px;
}

.prev_button:after {
    border-right: 15px solid #000;
    border-left: 15px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-left: -25px;
}

div.gift_slider>div:not(.nav_indicators):not(.next_button):not(.prev_button) {
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, .18);
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    transition: .2s;
    border: 1px solid #fff;
}

.gift_slider .txt {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 15px;
}

.gift_slider .txt .sur em,
.gift_main .gift_cont .bd ul li .sur em {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 160px;
    margin-right: 5px;
    background-color: #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
}

.gift_main .gift_cont .bd ul li .sur {
    padding-left: 110px;
    left: 10px;
    margin-top: 55px;
}

.gift_main .gift_cont .bd ul li .sur em {
    width: 140px;
}

.gift_slider .txt .sur i,
.gift_main .gift_cont .bd ul li .sur i {
    font-size: 12px;
}

.gift_slider .txt .sur i b,
.gift_main .gift_cont .bd ul li .sur i b {
    color: red;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
}

.gift_slider .txt .sur em b,
.gift_main .gift_cont .bd ul li .sur em b {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background-color: #ff6000;
    height: 8px;
}

.gift_slider .txt p {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 1px solid #ff3000;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
}

.gift_slider .txt .detail {
    display: -webkit-box;
    /*将对象转为弹性盒模型展示*/
    -webkit-box-orient: vertical;
    /*设置弹性盒模型子元素的排列方式*/
    -webkit-line-clamp: 1;
    /*限制文本行数*/
    overflow: hidden;
    /*超出隐藏*/
    font-size: 12px;
    padding-top: 5px;
    line-height: 20px;
    color: #888888;
}

.gift_slider .txt .detail i {
    display: inline-block;
    padding: 0px 5px;
    background-color: #E6A23C;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    margin-left: -5px;
    transform: translateX(-5px);
}

.gift_slider>div span {
    position: absolute;
    display: block;
    width: calc(100% + 30px);
    bottom: -60px;
    height: 45px;
    line-height: 45px;
    left: -15px;
    background-color: #ff3000;
    color: #fff;
    transition: .2s;
    box-shadow: 0 -5px 5px 0px rgba(105, 105, 105, .2);
    opacity: 0;
}

.gift_slider>div:hover span {
    bottom: -15px;
    opacity: 1;
}

div.gift_slider>div:not(.nav_indicators):not(.next_button):not(.prev_button):hover {
    box-shadow: 0px 0px 20px 0px rgba(105, 155, 105, .7)!important;
    border: 1px solid #0ee90e;
    /* transform: translateY(-5px); */
}

.gift_main {
    margin-top: 20px;
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 20px;
}

.gift_main .gift_cont {
    width: 800px;
    margin: 0 20px;
}

.gift_rela {
    width: 340px;
    margin-right: 20px;
}

.gift_main .gift_cont .bd ul li,
.search_gift .bd ul li {
    position: relative;
    float: left;
    height: 130px;
    width: 390px;
    padding: 0 10px;
    border-radius: 4px;
    margin-right: 20px;
    transition: .2s!important;
    box-shadow: 0px 0px 10px rgba(105, 105, 105, .1);
    margin-bottom: 20px;
    overflow: hidden;
}

.gift_main .gift_cont .bd ul li .gift_bg,
.search_gift .bd ul li .gift_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    transition: .2s;
    z-index: 999;
    padding-top: 20px;
}

.gift_main .gift_cont .bd ul li:hover .gift_bg,
.search_gift .bd ul li:hover .gift_bg {
    top: 0;
}

.search_gift .bd ul li {
    width: 373px;
    height: 144px;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-7),
.search_gift .bd ul li:nth-child(8n-7) {
    background:#fff  url(../images/gift_bg1.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-6),
.search_gift .bd ul li:nth-child(8n-6) {
    background:#fff  url(../images/gift_bg2.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-5),
.search_gift .bd ul li:nth-child(8n-5) {
    background:#fff  url(../images/gift_bg3.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-4),
.search_gift .bd ul li:nth-child(8n-4) {
    background:#fff  url(../images/gift_bg4.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-3),
.search_gift .bd ul li:nth-child(8n-3) {
    background:#fff  url(../images/gift_bg5.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-2),
.search_gift .bd ul li:nth-child(8n-2) {
    background:#fff  url(../images/gift_bg6.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n-1),
.search_gift .bd ul li:nth-child(8n-1) {
    background:#fff  url(../images/gift_bg7.jpg) no-repeat center right;
}

.gift_main .gift_cont .bd ul li:nth-child(8n),
.search_gift .bd ul li:nth-child(8n) {
    background:#fff  url(../images/gift_bg8.jpg) no-repeat center right;
}

.index_gift .gift_cont .bd ul li {
    float: none!important;
}

.gift_main .gift_cont .bd ul li:hover,
.search_gift .bd ul li:hover {
    box-shadow: 0px 10px 10px rgba(105, 105, 105, .1);
}

.gift_main .gift_cont .bd ul li:hover button {
    background-color: rgb(255, 95, 11);
    color: #fff;
}

.gift_main .gift_cont .bd ul li:nth-child(2n+2),
.search_gift .bd ul li:nth-child(3n+3) {
    margin-right: 0;
}


/* .search_gift  .bd ul li:nth-child(2n+2){
    margin-right: 20px!important;
} */

.gift_main .gift_cont .bd ul li a,
.search_gift .bd ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none!important;
}

.gift_main .gift_cont .bd ul li img,
.search_gift .bd ul li img {
    height: 80px;
    width: 80px;
    border-radius: 25px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .07);
}

.search_gift .bd ul li img {
    margin-top: 8px;
}

.gift_main .gift_cont .bd ul li button,
.search_gift .bd ul li button {
    padding: 5px 25px;
    /* border: 1px solid rgb(255, 95, 11); */
    border-radius: 5px;
    background-color: #f30;
    color: #fff;
    transition: .2s;
    margin-top: 15px;
}

.prefe .gift_main .gift_cont .bd ul li {
    box-shadow: none;
    border: none;
   box-shadow: 0px 0px 7px 0px rgba(0,0,0,.12);
}

.prefe .gift_main .gift_cont .bd ul li:hover {
    box-shadow: 0px 3px 6px 0px rgba(0, 5, 0, .1);
}

.prefe .gift_main .gift_cont .bd ul li button {
    background: #E9E9E9;
    color: #999;
    border-radius: 4px;
    padding: 4px 10px;
    border: none;
    margin-top: 5px;
    font-size: 14px;
}

.prefe .gift_main .gift_cont .bd ul li:hover button {
    background-color: #ff3000;
    color: #fff;
}

.prefe .gift_main .gift_cont .bd ul li:hover p {
    text-decoration: underline;
    color: #ff3000;
}

.prefe .gift_main .gift_cont .bd ul li:hover a {
    text-decoration: none!important;
}

.gift_main .gift_cont .bd ul li .detail,
.search_gift .bd ul li .detail {
    margin: 10px;
    margin-top: 0;
}

.gift_main .gift_cont .bd ul li .noli,
.search_gift .bd ul li .noli {
    width: 205px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 25px;
    height: 100px;
}

.search_gift .bd ul li .noli {
    margin-top: 14px;
}

.gift_main .gift_cont .bd ul li .noli p,
.search_gift .bd ul li .noli p {
    width: 190px;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    color: #454545;
}

.gift_main .gift_cont .bd ul li .detail i,
.search_gift .bd ul li .detail i {
    display: inline-block;
    padding: 0 20px;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    /*将对象转为弹性盒模型展示*/
    -webkit-box-orient: vertical;
    /*设置弹性盒模型子元素的排列方式*/
    -webkit-line-clamp: 1;
    /*限制文本行数*/
    overflow: hidden;
    /*超出隐藏*/
    text-align: center;
}


/* .search_gift .bd ul li .detail i {
    width: 235px;
} */

.prefe .gift_main .gift_cont .bd ul li .detail i {
    margin-top: 0;
    line-height: 24px;
}

.prefe .gift_main .gift_cont .bd ul li .sur {
    margin-top: 50px;
    text-decoration: none!important;
    font-size: 14px;
    color: #666;
}

.prefe .gift_main .gift_cont .bd ul li .sur b {
    font-size: 18px;
    color: #f60;
    font-style: normal;
}

.gift_main .gift_cont .bd ul li .detail p {
    color: #666!important;
    padding: 0;
}

.recomm_game {
    width: 800px;
    margin: 0 20px;
}

.recomm_game .bd ul li {
    position: relative;
    float: left;
    width: 85px;
    margin-right: 34px;
    margin-bottom: 20px;
}

.recomm_game .bd ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #666!important;
    text-decoration: none!important;
}

.recomm_game .bd ul li img {
    width: 85px;
    height: 85px;
    border-radius: 15px;
    margin-bottom: 5px;
}
.recomm_game .bd ul li .type{
    font-size: 12px;
    color: #888;
    text-align: center;
}
.recomm_game .bd ul li .hide_btn{
        position: absolute;
    width: 85px;
    line-height: 22px;
    background: #f60;
    color: #fff;
    border-radius: 3px;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    z-index: -999;
    text-align: center;
    font-size: 12px;
}
.recomm_game .bd ul li:hover .hide_btn{
    z-index: 99;
}
.recomm_game .bd ul li:nth-child(7n+7) {
    margin-right: 0!important;
}

.recomm_game .bd ul li a i {
    display: inline-block;
    width: 85px;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    text-align: center;
}

.rank_tab {
    margin-bottom: 30px;
}

.rank_tab .rank_tab_list {
    width: 120px;
}

.rank_tab .rank_tab_list li {
    width: 100%;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #f4f4f4;
    border-radius: 5px 0 0 5px;
    position: relative;
    z-index: 99999;
}

.rank_tab .rank_tab_list li a {
    display: inline-block;
    width: 100px;
    height: 100%;
    color: #fff!important;
    text-align: center;
    box-shadow: 0px 0px 15px 0px rgba(0, 5, 0, .4) inset;
    background-color: rgb(64, 148, 31);
    margin-left: 20px;
    border-radius: 5px 0 0 5px;
    border-bottom: 4px solid transparent;
}

.rank_tab .rank_tab_list li a:hover {
    background-color: rgb(85, 196, 41);
}

.rank_tab .rank_tab_list li.current {
    background-color: #fff;
    box-shadow: -5px -2px 5px 0px rgba(105, 105, 105, .1);
}

.rank_tab .rank_tab_list li.current a {
    color: #ff3000!important;
    background-color: #fff;
    box-shadow: none;
    margin-left: 0px;
    width: 120px;
    overflow: hidden;
    border-bottom: 4px solid #60a805
}

.rank_tab .rank_tab_item {
    width: 1080px;
    padding: 60px 50px 30px 50px;
    box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, .18);
    background-color: #fff;
}

.rank_tab_item .top1 .conte {
    position: relative;
    background-color: rgba(0, 0, 0, .9);
    height: 350px;
}

.rank_tab_item .top1 .conte .bg_img {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    width: 730px;
    height: 300px;
    border-radius: 5px;
}

.rank_tab_item .top1 .conte .info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    text-align: center;
}

.rank_tab_item .top1 .conte .info button {
    display: block;
    border: 1px solid #ffc64a;
    margin: 15px 0;
    border-radius: 5px;
    transition: .2s;
}

.rank_tab_item .top1 .conte .info button a {
    display: inline-block;
    padding: 10px 35px;
    color: #ffc64a;
}

.rank_tab_item .top1 .conte .rank_tip,
.rank_tab_item .top_scont .rank_tip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -65px;
    z-index: 99999;
}

.rank_tab_item .top_scont .rank_tip {
    top: -30px;
}

.rank_tab_item .top1 .conte .info button:hover {
    background-color: #ff5f0b;
    border: 1px solid #ff5f0b;
    box-shadow: 0px 0px 10px 0px rgba(255, 55, 5, .85);
}

.rank_tab_item .top1 .conte .info button:hover a {
    color: #fff!important;
}

.rank_tab_item .top1 .conte .info h3 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    ;
}

.rank_tab_item .top1 .conte .info em {
    color: #fff;
    border-bottom: 1px solid #6e6e6e;
    padding-bottom: 10px;
}

.rank_tab_item .top1 .conte .info em b,
.rank_tab_item .top_sren em b {
    padding: 2px 8px;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
}

.rank_tab_item .top1 .conte .info em b:nth-child(1),
.rank_tab_item .top_sren em b:nth-child(1) {
    background-color: #409eff;
}

.rank_tab_item .top1 .conte .info em b:nth-child(2),
.rank_tab_item .top_sren em b:nth-child(2) {
    background-color: #ff5640;
    margin-left: 5px;
}

.rank_tab_item .top1 .conte .info .class,
.rank_tab_item .top_scont .bg .class {
    margin: 10px 0;
    color: #ccc;
}

.rank_tab_item .top1 .conte .info .btn {
    padding-left: 19px;
    padding-top: 20px;
    margin-top: 5px;
}

.rank_tab_item .top_scont {
    width: 180px;
    height: 250px;
    float: left;
    position: relative;
    margin: 40px 20px 20px 0;
}

.rank_tab_item .top_scont:nth-child(5) {
    margin-right: 0;
}

.rank_tab_item .top_scont .bg_img {
    width: 180px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
}

.rank_tab_item .top_scont p.tit {
    width: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    line-height: 45px;
    color: #fff;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    font-weight: 700;
    font-size: 18px;
}

.rank_tab_item .top_scont .bg {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 205px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 15px 20px;
    opacity: 0;
    transition: .2s;
}

.rank_tab_item .top_scont:hover .bg {
    opacity: 1;
}

.rank_tab_item .top_scont .bg .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.rank_tab_item .top_scont .bg .btn button {
    width: 110px;
    color: #fff;
    border: 1px solid #fff;
    margin: 7px 0;
    border-radius: 3px;
    transition: .2s;
}

.rank_tab_item .top_scont .bg .btn button a {
    display: inline-block;
    padding: 5px 27px;
    color: #fff;
}

.rank_tab_item .top_scont .bg .btn button:hover {
    background-color: #ff3000;
    border: 1px solid #11d811;
    box-shadow: 0px 0px 15px 0px rgba(42, 218, 42, 0.9);
}

.rank_tab_item .top_scont .bg .btn button:hover a {
    color: #fff!important;
}

.rank_tab_item .top_scont .bg .class {
    padding-bottom: 5px;
    border-bottom: 1px solid #6e6e6e;
}

.rank_tab_item .top_scont>span {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    font-size: 18px;
    z-index: 999999;
    color: #fff;
}

.rank_tab_item .top_scont:nth-child(3)>span {
    background-color: #60a805;
}

.rank_tab_item .top_scont:nth-child(4)>span {
    background-color: #72c909;
}

.rank_tab_item .top_scont:nth-child(5)>span {
    background-color: #7cdd05;
}

.rank_tab_item .top_sren {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    margin-top: 10px;
    transition: .2s;
}

.rank_tab_item .top_sren:hover {
    border-radius: 5px;
    background-color: #f4f4f4;
    border-bottom: 1px solid transparent;
}

.rank_tab_item .top_sren .num {
    height: 30px;
    width: 30px;
    background-color: #c4c4c4;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 35px 0 0;
}

.rank_tab_item .top_sren .name {
    width: 300px;
    font-size: 16px;
    margin-right: 20px;
    white-space: nowrap;
    /*超出的空白区域不换行*/
    overflow: hidden;
    /*超出隐藏*/
    text-overflow: ellipsis;
    /*文本超出显示省略号*/
    color: #000;
}

.rank_tab_item .top_sren button {
    cursor: auto;
}

.rank_tab_item .top_sren button a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #666;
    margin-left: 30px;
}

.rank_tab_item .top_sren button a:hover {
    background-color: #ff3000;
    color: #fff!important;
    border-color: #ff3000;
}

.rank_tab_item .top_sren em {
    margin-left: 50px;
}

.rank_hot_game {
    height: 200px!important;
}

.rank_hot_game .ti_img img {
    height: 180px!important;
}

.rank_hot_game .ti_img {
    top: -10px!important;
}

.rank_hot_game ul {
    margin-left: 75px !important;
}

.rank_hot_game ul li img {
    width: 110px;
    height: 110px!important;
}

.rank_hot_game ul li {
    margin-right: 27px;
}

.rank_hot_game .more {
    bottom: -12px;
    right: 0px;
    position: absolute;
}

.rank_hot_game .more img {
    width: 120px;
}