@font-face {
    font-family: "iconfont";
    src: url('/t/font_633469_o4y7y07eo37.eot?t=1553832900267');
    /* IE9 */
    src: url('/t/font_633469_o4y7y07eo37.eot?t=1553832900267#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABEwAAsAAAAAH1AAABDiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCIHgqpHKEQATYCJAOBDAtIAAQgBYRtB4J6GzIaM6PCxgEQoD4ssv9DAjdkqJ1hvd5G8ZZQKSgWk0Urj0PJVnz0Mn39mEOH5/n6G5pf7q6PGUrJA+/a59/M5MECg+qpRALHYCyQkBWq1WWZfhR6A+AH2ua/uyPlRMAAlLYwCqsBc1GKNrpo/WIkRmPFAlduv/y4DFbNj1pUuyjm1WlvtX+SWnbsIiV59zdAMLQ9oMBH9iKt8ipzywHDEYCBcHG7IvIvsfUAQYDq/2dTOy7iw8bU7YSMWWu7rn2EfOSET+ETKYIbjPFQIQsg4P/mSltgSvGXhWFhzrgKNzOLk2QJZg9TzhGngOTqalvJi5AtAKmzZ8u2r0pXCFEhdbUbtU7wPG3tzn9Ex9jMg1WAhQloMx+bffTdCajUa1pYsmzNFmURiRYQzpw8flA55RALBgZlczEjbbRB+lNQzjrGhJfs64d/zQoUkCnkQO5pw7GlRyxI8NfRxW3Yk5PcUsewS0eOaUSya5mrwgV5SKeZUJn1tyUGJeboF3UnSFGVRra4PASIFE0hTpKZVMrUavLEOx99SV/Tjz/hxm7qO/+8Nkl5w4IaPe42ee8QFsyhyzOvoAUWdVz2H/Ho1W9AUa1qVaJ63drVaNChUZMKXSoNatEm6JRp1axPj5JcWUEdoQjQtBrCK1w5SOIAvaQc6CdFYIBUBRRJjUAtqQWoJnXwqolTAETSbKCeNBfoJs0H2kmLgRrSUqCBtJKnVtwEvK7FbQA0ka4CFaTrQBfpNlBJuqMZqvgYgBbSE6CN9A4IpI9AJ+kLkJG+Aq2kH0AzfwLQx58xoIc/a4ASf9ba5ExcB0CZv0ZsCiAehY3UgSEvxTLspbif8i7EGeqxJBcxzejAKAiZR0vYkqcIIgWsUnHfsUAaEEqu1lA9e3hQX7adA2KD8XApwd0Zx6m4M49AoOA0CyrbF0GcGRGONBoLJzlRqUwnnEy2IDd0SBYSHhXUS93s6Dw6lUWnWzII9nQXCU4NFlpaEnD+Ik/dbUT1APuwi4YkWogXVZNreoJjSNOC5OA+OcpQuj5NARlU/CyeXLPmVReQrEQf4cf6U/Jkd9BtUdY4HMd1aLo3ZvOTqy14/fR1pNAGaCVNpF9Pks9OJ4f7+7E9xaYkqQaBlqY0luKYS+Qk0TM1y0D6a+tuTQlP8FfjvFIljqUkkfXsC7acl4Pkafq7BKvFkHcca5TxLfjcFGwlJoSUcSg8cWEgQXb1lx8/137y6aj8c+xCHPxHMQ8A4F6YgbVzHDAmKCblS7W1/nzwnKiL1bKBcieLRW9jRppjfGX/eKZQMD2xKht6BIDlIaQHHDiHp2XD4f+o+wiSvX+6vXnwD4lRQXEPzrbX91f1ROY6gHbb6fgKTVPYo5gNWuOlXYzZTk6eZ069LqqygfSmJyyqlqdVqhYJHxmqYtZ8nCuXGA50iqdHrrZn1w/bVHlxGwcB80Ocqgdcg09DAEj0HGXY0K1olSkDtJw2yAXU4pQQaszn0I7WVgP4fItzHnXqFwdvdVQCBEF4OVaeUbZzW0BjDqj8MBaJ6cn3HPdiFnW0E0QS+G/wH6QmaIUtmMERxqGdDoyMHM0ez5enwmZDuepz2u8mpH7fM06AdPGPiGgmnar12XwVNm8fm6FKbeYOSAFRvYs39dlmtBLOpBL19y1xKJaXypageU76QvPiYKYQd6sppEpjxmzqw9yFNfLm5CyTMbfmhWYxU88WLaJ9We7gOktfVYsFrTSXL39T6QQdVU25OPHadXPpzewNec8yNFSrFbVcqo6Mxh1NGQejsYEQGUkMUXaTC/QcPq9fVANefkJcCnw1GDsRROswXVG1iPC6qVC2YJKhi2+kqTItm3TqTRGYrqaDxhjapQxX0mdvJ3v2J8NwNSutkFFkLy0v90toOdlyJ90Kj2af7Iu3H0hH0FKswhGXDI6iYQcvLWQqOhSr3ipZAWgZD2mLG+m74NipF31aCM88fyMem19L3gPXs0mxPbeefHAz+xlyjFFTAEvml1gIAcvSjRyHXI7Z3npgOKlIJJkr0cnTy/4xmR07E4lq8GqC5V+k2rEbZw6sbB6cVaOb00bTc4Uz8YuSfylOLt9/zkDZFyt207BRDR+k8Zy0UgI1T14/3b8/flXyr80aNnFaN4FgJ19Ro6tZqkFgGqCTg6MhtG+d29qWRWjfShUISHEHrj7zcZBDnDFuCACyIhLKTiyQXF8fQZkkUv5ChYpJxKpl9Eq+VDawv7O7WUUOZ7pqflPff13UF6cldD5l2Kzayxg0aDI1+CC/CFtQ9bwRB5iXGN8mx3P7JHouHyRDcptpiqq3URCklnZVM8OBA1cK710p/EtzNt9n9xtB//7L+Tex+tHVoicOepi8G0pKeKXw+meWOCj9xSzTEzm4nDeMHOP3GEYY6cQFclE/j8/9IEliieJq9gLS6w62a/Cpuoi378Gp2kSiDZd4TfRWw+96bzKUtXH2/EoDADaWuN4sAl7UnidgyXleJCe8W8uL+uVr8dh68t7NbHIj1SoL89/fWVWNXlIec5Ic4HO0oEg+vUCKqhJqunHeb6s3AEvnpGN5p8Q0J1qBL+aRMGdOr/wkuMgFNReX+Dn52VizRZcMctyfJeirUNatYm+qIzOeuq+Zw+4S/xCWvwRLk+uLNPrYzfrYGk2sPi3Zr121uHxyHD3C6Y53t7tnHO0gp4wlYNPupFkv8A6f6pLoQ3KweuCk+X8tb4R7AgOYO/PWEvpTxueG6mptpttuzQWj2wZBbZ22IfowROZJXp4X5b7a4KNNwEYvXBj1QOzCBU2sMkHr4251Hz3/0piAKbGEcliC9PYiMC4ZGAw4MQQjg5QOcr1o/6t2C7KefMhJZNEOBqt6ip6up9TTX9yilJ56meQN91Z9XDUlW5t5hsVYZuE/6jmqcJBRGKWjJUq68u3C3NJ7HClMJ8r2RaGtyIjTQcq5X6zGlZyqW4flMlx+SH6rirMoePnT2SsLnvBS2DLaK0tPHPBl5Eav2szlwYtg4tvliQOi8SsTdzia3Y0cmEC31yg0XuK/YTfu1rDB7Jb3JMUiRbVRZfTVVqcmIGo1goEJ6nwjMjRxfDVE+j1ze9bPlWq/J1JtqImFnrj9z2bJ55876cOmzqaJWr40s9UcKs1hNtWHfVE9Xw7hIrS1rratw15mr6ttb6nT90vs9cFrb1auHgFb61baS6ggO6L32Einy3rv+L73w7/rTVdoHaPO22qJVQZDGuztHzTDxY/Na/aUbE7brNjsacd+ltDQE8tBZAyuT0icC+cs07aT6Qey/PWvUhjB1cGMFJHSKtxSJ2gSVlqGM1K27kFQu6CA4ir94B4Raz99/DXY/G9fkNFWA8+6FIIAOph+nj85er1QhuT5in+pGt//blWMX4okyIUCK9sgp/j0f1QTVTom9dryfw08vlQuLlF/3T/2m/I2ohwbO/BVXSKWS/k8kK3f7DFpGc5UwVZQMfHlHskxYRDo+/WpxM4kJJFAvekvle/mTWhD2bZkKCtPQOP5tj9FvdbcpJv6CwFt1/adxt96cjlSxm0bSEfSNyNbwHXucDwXy0IyqY0j0w4/nZ+yYKZ3+kSfiEsRCNPQvsiAeJlSoMdTfMs3VTUT/P0w8p6iWeEzIzhPr3JANCT8PShws2qzN/y9vv7GDRCWCBlaell8CBF5DC+bKi2FWGzkpGkY44gTJmyEnojjjC5y2rZs2fwfNejy1WgZUB6jQdF6eDKXquojFi48clgJV7qTKCOUwgKXBL0LCiU9pbAQ9LA+yUFgiGSH32wDW0PvSMTI4WfAvcowXlU4K7FWr6Sg2jD+xmCohiqDAcL/PtB7pK3qoLGSXblfx9alZ3TYdaSnIbpSUGc0drUd6cXptAjaHRBhHjsJr14RbNw5MBji5y/6XLNSkOS8TD2ZUrLMbdafG0xuKu/m3dm7BwMpNCmxMDWvVU5XzUT25GXOr3tUWkqZcPlEhpOnU8YZL08dheASZzOz5qR6MuuSM8UzxG7gVPYp/VTYyJAbcxWf4cxBy/fa99+2XHoSyV7IkC2Kuc/hSVlxgyixLfqdz+VzpxyVKyxe2L2wUMjxF+wXOFRkt4p0zrTV1NUfB304aOMqrJCtY+uRxtiwvjQ2/Z/2TSP43lur9X5O/PXC9RlVPmu0eSszdlWcrtg9O8/SY632dDQl2Tr+ydtZ62kx4LpGOyYlNpGPa98mU+KtLybLOBODY9U66rrtijePLfIb923kG6QnK/ZW7FotZLw5E75Ge9GnthoI215wvR5n2jPx+uut6PbtWCtRIhs/y5CoHfh5CdrTg/YBi3t6MeB3vY6L/fdc5EZHWzIdmJbRMUeqmHEkJuWN/ouBAH0CzCA12AA0W4MwWEdoEKh3Zhm9vU0SkyuNiE0MEtck7oSCTCcIZeK+4ASyCBbsP/2aE9OfSQsGmZLmx3ByYsokshQLxplImUkaoTSQDeQhJ1ADZYQkzyrI0gx8RRvtIVgXXE0c/TnnpSqfmeOsUlI7rKcOmmrRhk1SSdHCJ6yKK0+r2ueZIHr9UBKvyffLgRlp+/KuCdV1MH6P+Cd3T1OT7E/9Qei5Yo8icW3q5rUzFJO1/3okrgkJSBzYtVq9PwnJy0OSiBK728SrvolexON5ocpQg/40htWheNgatMHV9Wmi/y0p7r6DvcMdl1qfmOG6xkY8iv13CdsAhPNHMTxxmbAf2T+G4fXlqEGWjrnGZI8ddjs81twEpMKpAqEMn2ekZuhnVbC4rBUgXKSCeawOZNcdP7+D+rNKKEpOJpOTkzT5CzNlMoT93Xn83I5z8lrTNEnJduzOF+VTEgpg/v8Gsa/Sl2UglBV0Eu9AaAz1ZvP3W4DkfBwdhzqSccyDbXTcRizObIaf3SnBjM5HrMH81TxYGNZYtYiEIag3EhNIhV4AmDnsIhZjDTrKmJDcE30PMPMRe4ROfFtQZPqSJcSqlC8HmDuquO1XTMg6j098rhmzLjrCruqqmIxmNznnMvpRxwbkZ1E9ZkXoVwj9jvAIwwHIxtEr1uA96M+sAUN0LzQT6nLiDruwSRUHbcJUUGyNDv0zGg6aH0dfUFtFTFBof6Cu/XrVeIJh/alOfcfGwjKgeXxQTP71tBGPFXT4arjqiXOIcN7WwVrIA4hBVXecvR12fFsASys4SBI+ceFYFztWrdFs8hDUxKlkGSHZb/OvZ2mj3/qbWipr/ys2tcRcpqSHy5UNd4xdp7mCKrO5orL5XKUpyzNXaXJJLkQqMOm+xQX1PnKZWp+4XL3PHWPXX1xBq/+5ovqAcZW2hV6VVdb4dNH8OYIkOPHjjTuFXstN86D5B5g8yJjUswk/EJNby0Xd8tXv4CGqSJDOZk+kuY448jfr3mAYkIeIHSiqLVE4NI3OSlgrHO/md88RJHkznrjjbWGn0OsL01z48h9g8iBjwQ4vC/9ATO7KOaHWVuj4LvhKO9RFmc5mjxDT3Nk84si9IQYDrUAuZIfqQFHNNpDDQYMOpKsKdfem8fkxWYk7IcmHokIqbZjWXzPtx3Zcz8/Mat2mbbvsnNz2HfLyCwqLiks6dlKM4DNLVkZYjslnV0UIGKkIg7yVCWRUtrA4wi5Id82dk54wVz3Pm40gX50sgynkj75IJCNTAyaYOIUVYZhq8Lk+b5gSu2BqHWLxQJb+she+jM5YEsVS0DQBh2BioomRIwR5Ko5S9dPhWp6lgeJarxic72ch/7v2eFZoF2woyURZFs5IwH4cXBI728VMbYNKYbjND5pIsbVwdN5cHfZvc8v2uzs=') format('woff2'), url('/t/font_633469_o4y7y07eo37.woff?t=1553832900267') format('woff'), url('/t/font_633469_o4y7y07eo37.ttf?t=1553832900267') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('/t/font_633469_o4y7y07eo37.svg?t=1553832900267#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-family: iconfont !important;
}

.icon-menu::before {
    content: "\e6ac";
}

.icon-share::before {
    content: "\e6ce";
}

.icon-search1::before {
    content: "\e656";
}

.icon-back::before {
    content: "\e6d8";
}

.icon-language::before {
    content: "\e68a";
}

.icon-link::before {
    content: "\e649";
}

.icon-game_icon::before {
    content: "\e6af";
}

body,
html {
    font-size: 14px;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    scroll-behavior: smooth;
    font-family: Roboto, Lato, sans-serif !important;
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0px;
    padding: 0px;
}

table {
    border-spacing: 0px;
    border-collapse: collapse;
}

abbr,
acronym,
button,
fieldset,
img,
input,
textarea {
    border: none;
}

input {
    text-align: inherit;
}

textarea {
    resize: none;
}

q::after,
q::before {
    content: "";
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    outline: 0px;
}

body {
    position: relative;
    color: rgb(102, 102, 102);
    background: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    overflow-x: hidden;
}

a,
a:active,
a:hover,
a:link,
a:visited,
del,
ins {
    text-decoration: none;
}

b,
em,
i,
strong {
    font-style: normal;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
}

button,
input[type="submit"],
input[type="button"] {
    cursor: pointer;
}

input[type="number"] {}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    margin: 0px;
    -webkit-appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgb(153, 153, 153);
}

template {
    display: none;
}

.iconfont {
    color: rgb(255, 255, 255);
    font-size: 0.666667rem;
    display: block;
}

.font-regular {
    font-family: PingFangSC-Regular;
}

.font-Helve {
    font-family: HelveticaNeue;
}

::-webkit-scrollbar {
    width: 0px;
}

.wrapper {
    width: 100%;
    height: auto;
    position: relative;
}

.wrapper .header {
    height: 1.49333rem;
    box-shadow: rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.16rem, rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.10667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.wrapper .header .icon-btn {
    display: inline-flex;
    width: 1.49333rem;
    height: 1.49333rem;
    text-align: center;
    line-height: 1.49333rem;
    flex-shrink: 0;
}

.wrapper .header .title {
    font-size: 0.533333rem;
    color: rgb(255, 255, 255);
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 6.51111rem;
}

.wrapper .header .title .search-inp {
    width: 6.51111rem;
    height: 0.944444rem;
    background: rgb(255, 255, 255);
    border-radius: 0.5rem;
    text-indent: 0.55rem;
    color: rgb(119, 119, 119);
    line-height: 0.944444rem;
    display: none;
}

.wrapper .header .title .icon-search1 {
    position: absolute;
    right: 0.55rem;
    top: 0.135rem;
    color: rgb(153, 153, 153);
}

.wrapper .detail-header {
    height: 1.49333rem;
    box-shadow: rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.16rem, rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.10667rem;
    padding: 0px 0.213333rem;
    display: block;
}

.wrapper .detail-header .icon-btn,
.wrapper .detail-header .title {
    display: inline-block;
    height: 1.49333rem;
    line-height: 1.49333rem;
    text-align: center;
}

.wrapper .detail-header .icon-btn {
    width: 1.49333rem;
    float: left;
}

.wrapper .detail-header .share-b {
    float: right;
}

.wrapper .detail-header .title {
    float: left;
    font-size: 0.533333rem;
    color: rgb(255, 255, 255);
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.share-wrapper {
    position: absolute;
    width: 2.13333rem;
    background: rgba(0, 0, 0, 0.8);
    height: 0px;
    top: 0.08rem;
    right: 0.08rem;
    border-radius: 0.053333rem;
    z-index: 998;
    box-sizing: border-box;
    transition: height 0.5s ease 0s;
    overflow: hidden;
}

.share-wrapper ul,
.share-wrapper ul li {
    width: 100%;
    padding: 0.266667rem 0px;
    box-sizing: border-box;
}

.share-wrapper ul {
    display: block;
}

.share-wrapper ul li {
    margin: 0px;
}

.share-wrapper ul li img {
    width: 0.933333rem;
    height: 0.933333rem;
    display: block;
    vertical-align: top;
    margin: 0px auto;
}

.share-wrapper ul li .icon-link {
    font-size: 0.8rem;
    float: left;
    width: 100%;
    height: 100%;
    line-height: 0.933333rem;
}

.share-wrapper ul li button {
    display: block;
    border: none;
    outline: 0px;
    height: 0.933333rem;
    width: 0.933333rem;
    margin: 0px auto;
    border-radius: 50%;
}

html {
    font-size: 37.5px;
}

.menu-left {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.menu-con,
.search-right {
    position: absolute;
    bottom: 0px;
    z-index: 1000;
    box-sizing: border-box;
    background: rgb(121 116 111);
}

.menu-con {
    width: 0px;
    top: 0px;
    transition: width 0.5s ease 0s;
    padding: 0.16rem 0px;
    overflow: auto;
    height: 100vh;
}

.menu-con .menu-con-item {
    padding: 0.64rem 0px 0.64rem 0.933333rem;
    font-size: 0.426667rem;
    color: #fff;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.search-right {
    width: 100%;
    top: 0px;
    display: none;
    left: 10rem;
    transition: left 0.1s ease 0s;
    overflow: hidden;
}

.search-right .search-header {
    height: 1.49333rem;
    box-shadow: rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.16rem, rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.10667rem;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-shrink: 0;
}

.search-right .search-header .icon-btn {
    display: inline-block;
    width: 1.49333rem;
    height: 1.49333rem;
    text-align: center;
    line-height: 1.49333rem;
    flex-shrink: 0;
}

.search-right .search-header .title {
    font-size: 0.533333rem;
    color: rgb(255, 255, 255);
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 8.07778rem;
}

.search-right .search-header .title .search-inp {
    width: 8.07778rem;
    height: 0.944444rem;
    background: rgb(255, 255, 255);
    border-radius: 0.5rem;
    text-indent: 0.55rem;
}

.search-right .search-header .icon-search1 {
    position: absolute;
    right: 0.55rem;
    top: 0.135rem;
    color: rgb(153, 153, 153);
}

.cookie-topic {
    display: none;
    position: fixed;
    border-radius: 5px;
    bottom: 1%;
    right: 5%;
    left: 5%;
    padding: 0.25rem 0.25rem 0px;
    font-size: 12px;
    box-sizing: border-box;
    z-index: 9999;
    background: rgb(255, 255, 255);
    color: rgba(71, 74, 79, 0.54);
    box-shadow: rgba(71, 74, 79, 0.54) 0px 0px 10px;
}

.cookie-topic .btns::before,
.cookie-topic i.ok::before {
    display: inline-block;
    content: "";
    background: rgba(71, 74, 79, 0.2);
    left: 0px;
}

.cookie-topic p {
    text-align: center;
}

.cookie-topic .text {
    margin-bottom: 0.25rem;
}

.cookie-topic .btns {
    position: relative;
    overflow: hidden;
}

.cookie-topic .btns::before {
    height: 1px;
    width: 100%;
    position: absolute;
    transform: scaleY(0.5);
}

.cookie-topic i {
    float: left;
    font-style: normal;
    display: inline-block;
    width: 50%;
    height: 0.4rem;
    right: 5px;
    top: 0px;
    line-height: 0.4rem;
    font-size: 14px;
    padding: 0.25rem 0px;
}

.cookie-topic i.ok {
    position: relative;
}

.cookie-topic i.ok::before {
    width: 1px;
    height: 100%;
    top: 0px;
    position: absolute;
    transform: scaleX(0.5);
}

.tips-play {
    display: none;
    position: fixed;
    bottom: 10%;
    width: 100%;
    left: 0px;
    text-align: center;
    z-index: 99999;
}

.tips-play span {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin: 0px auto;
    padding: 3px 30px;
    border-radius: 10px;
    background: rgba(5, 5, 5, 0.7);
}

.home .swipe,
.home .swipe .swipe-wrap {
    overflow: hidden;
    position: relative;
}

html {
    max-width: 540px;
}

.home .swipe {
    visibility: hidden;
}

.home .swipe .swipe-wrap div {
    float: left;
    width: 100%;
    position: relative;
}

.home .swipe .swipe-wrap img {
    width: 100%;
    height: 3.52rem;
}

.home .banner {
    padding: 0.4rem 0.32rem 0.426667rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.home .banner .menu-item {
    padding: 0.213333rem;
    border-radius: 0.213333rem;
    font-weight: 400;
}

.home .game-cover {
    height: 4rem;
    position: relative;
}

.home .game-cover img {
    display: block;
    height: 4rem;
}

.home .game-cover span {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0.426667rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.54);
    font-size: 0.64rem;
    color: rgb(255, 255, 255);
    bottom: 0px;
}

.home .stream-card,
.home .stream-card-wrap {
    padding: 0.344086rem 0.387097rem 0px;
    box-sizing: border-box;
}

.home .stream-card {
    overflow: auto;
    display: flex;
    justify-content: left;
    flex-wrap: nowrap;
    margin-right: 0.44rem;
    overflow-x: auto;
}

.home .stream-card::after {
    content: "";
    display: block;
    width: 0.44rem;
    height: 1px;
    background: 0px 0px;
}

@media screen and (min-width: 1200px){
    .home .stream-card .card {
        width: 2.79rem !important
    }

}

.home .stream-card .card {
    width: 2.23rem;
    margin-right: 0.44rem;
    box-sizing: border-box;
    margin-bottom: 0.28rem;
    flex-shrink: 0;
}

.home .stream-card .card .card-img {
    display: block;
    width: 2.00rem;
    height: 2.00rem;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    border-radius: 10px;
}

.home .stream-card .card .card-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.home .stream-card .card .card-content {
    font-size: 0px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.home .stream-card .card .card-content .card-name {
    font-family: NotoSansCJKsc-Regular;
    margin: 0.18rem 0px 0.16rem;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    white-space: nowrap;
    box-sizing: border-box;
    color: rgb(54, 62, 91);
    font-size: 0.44rem;
}

.home .stream-card .card .card-content .card-count {
    font-family: NotoSansCJKsc-Regular;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.35rem;
    color: rgb(35, 158, 235);
}

.home .stream-card .card .card-content .card-count i.icon-game_icon {
    font-size: 0.38rem;
    color: rgb(35, 158, 235);
}

.home .stream-card .card .card-content .mess {
    height: 1.97222rem;
    width: 100%;
}

.home .stream-card-wrap {
    overflow: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home .stream-card-wrap::after {
    content: "";
    display: block;
    width: 0.44rem;
    height: 1px;
    background: 0px 0px;
}

.home .stream-card-wrap .card {
    width: 2.68rem;
    box-sizing: border-box;
    margin-bottom: 0.28rem;
}

.home .stream-card-wrap .card .card-img {
    display: block;
    width: 2.68rem;
    height: 2.68rem;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    border-radius: 10px;
}

.home .stream-card-wrap .card .card-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.home .stream-card-wrap .card .card-content {
    font-size: 0px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}

.home .stream-card-wrap .card .card-content .card-name {
    font-family: NotoSansCJKsc-Regular;
    margin: 0.18rem 0px 0.16rem;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    white-space: nowrap;
    box-sizing: border-box;
    color: rgb(54, 62, 91);
    font-size: 0.44rem;
}

.home .stream-card-wrap .card .card-content .card-count {
    font-family: NotoSansCJKsc-Regular;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.35rem;
    color: rgb(35, 158, 235);
}

.home .stream-card-wrap .card .card-content .card-count i.icon-game_icon {
    font-size: 0.38rem;
    color: rgb(35, 158, 235);
}

.home .stream-card-wrap .card .card-content .mess {
    height: 1.97222rem;
    width: 100%;
}

.home .content .game-title {
    width: 100%;
    height: 0.96rem;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.96rem;
    background-color: rgb(255, 255, 255);
    color: rgb(126, 132, 140);
    padding-left: 0.693333rem;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0.533333rem 0px 0.133333rem;
}

.home .content .game-title div {
    float: left;
    height: 0.96rem;
}

.home .content .game-title div.flag {
    height: 0.56rem;
    width: 0.106667rem;
    margin: 0.16rem 0.266667rem 0px 0px;
}

.home .content .game-title div.seeAll {
    float: right;
    padding: 0px 0.426667rem;
    font-size: 0.373333rem;
}

.home .content .game-title div.seeAll:active {
    background: rgb(239, 239, 239);
}

.home .content .card-wrap {
    overflow: hidden;
}

.home .content .card-wrap .card {
    width: 46%;
    height: 5rem;
    margin: 0.2rem;
    padding: 0.1rem;
    float: left;
    border-radius: 0.053333rem;
    box-shadow: rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.16rem, rgba(0, 0, 0, 0.118) 0px 0.02667rem 0.10667rem;
    box-sizing: border-box;
}

.home .content .card-wrap .card .card-img {
    display: block;
    width: 3.01333rem;
    height: 3.01333rem;
    margin: 0.16rem auto 0px;
    border-radius: 0.266667rem;
}

.home .content .card-wrap .card .card-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.266667rem;
}

.home .content .card-wrap .card .card-content {
    display: block;
    padding: 0.266667rem 0.1rem 0px;
    box-sizing: border-box;
    width: 100%;
}

.home .content .card-wrap .card .card-content .card-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 0.8rem;
    font-size: 0.4rem;
    font-weight: 400;
    box-sizing: border-box;
    color: rgba(71, 74, 79, 0.87);
    line-height: 0.96rem;
    white-space: normal;
    overflow: hidden;
}

.home .content .card-wrap .card .card-content .tit-start {
    width: 100%;
    height: 0.48rem;
    font-size: 0.22rem;
    color: rgba(71, 74, 79, 0.54);
    overflow: hidden;
    display: table;
    vertical-align: middle;
}

.home .content .card-wrap .card .card-content .tit-start span {
    float: left;
}

.home .content .card-wrap .card .card-content .tit-start span.start {
    float: right;
    margin-right: 0.053333rem;
}

.home .content .card-wrap .card .card-content .tit-start .icon-star {
    float: right;
    font-size: 0.266667rem;
    margin-top: 0.026667rem;
}

.home .content .card-wrap .swipe .list-con {
    width: 100%;
    height: 100%;
    padding: 0px 16px;
    box-sizing: border-box;
}

.home .content .card-wrap .swipe .list-con .list {
    height: 1.92rem;
    width: 100%;
    overflow: hidden;
    padding: 0.213rem 0px;
    box-sizing: border-box;
    position: relative;
}

.home .content .card-wrap .swipe .list-con .list img {
    display: inline-block;
    width: 1.493rem;
    height: 1.493rem;
    border-radius: 0.13rem;
    float: left;
}

.home .content .card-wrap .swipe .list-con .list .detail {
    float: left;
    width: 60%;
    height: 100%;
    padding-left: 0.426667rem;
    padding-top: 0.133333rem;
    box-sizing: border-box;
}

.home .content .card-wrap .swipe .list-con .list .detail .name {
    font-size: 0.426667rem;
    color: rgb(71, 74, 79);
    display: block;
}

.home .content .card-wrap .swipe .list-con .list .detail .peo-star {
    display: block;
    font-size: 0.373333rem;
    font-family: Roboto, Lato, sans-serif;
    color: rgb(126, 132, 140);
}

.home .content .card-wrap .swipe .list-con .list .detail .peo-star .iconfont {
    font-size: 0.32rem !important;
}

.home .content .card-wrap .swipe .list-con .list .detail .peo-star .icon-star {
    margin-right: 0.133333rem;
    margin-left: 0.026667rem;
}

.home .content .card-wrap .swipe .list-con .list .detail .peo-star .icon-person {
    color: rgb(126, 132, 140);
}

.home .content .card-wrap .swipe .list-con .list .button {
    position: absolute;
    width: 88px;
    height: 36px;
    line-height: 36px;
    top: 15px;
    right: 2px;
    text-align: center;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px;
}

.home .content .special-wrapper {
    box-sizing: border-box;
    overflow: hidden;
}

.home .content .special-wrapper .special-item {
    float: left;
    width: 4.61333rem;
    height: 2.21333rem;
    padding: 0.186667rem;
}

.home .content .special-wrapper .special-item img {
    width: 100%;
    height: 100%;
}

.home .top {
    padding: 0.16rem;
}

.home .top .top-card {
    height: 2.98667rem;
    padding: 0.426667rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.home .top .top-card img {
    float: left;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 0.266667rem;
}

.home .top .top-card .detail {
    float: left;
    height: 2rem;
    padding-left: 0.426667rem;
    box-sizing: border-box;
}

.home .top .top-card .detail .name {
    font-size: 0.426667rem;
    color: rgb(71, 74, 79);
    display: block;
}

.home .top .top-card .peo-star {
    display: block;
    font-size: 0.373333rem;
    font-family: Roboto, Lato, sans-serif;
    color: rgb(126, 132, 140);
}

.home .top .top-card .peo-star .iconfont {
    font-size: 0.32rem !important;
}

.home .top .top-card .peo-star .icon-star {
    color: rgb(121 116 111);
    margin-right: 0.133333rem;
    margin-left: 0.026667rem;
}

.home .top .top-card .peo-star .icon-person {
    color: rgb(126, 132, 140);
}

.home .top .tag {
    position: absolute;
    top: -0.533333rem;
    left: -0.533333rem;
    display: block;
    width: 0px;
    height: 0px;
    border-width: 0.533333rem;
    border-style: solid;
    border-color: red transparent transparent;
    transform: rotate(-225deg);
}

.home .top .tag-con {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 0.533333rem;
    text-align: center;
    font-size: 0.266667rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

.footer {
    background: rgb(102, 102, 102);
    padding: 0.533333rem 0px;
    text-align: center;
    color: rgb(255, 255, 255);
}

.footer .about,
.footer .enjoy,
.footer p.about {
    font-size: 0.4rem;
}

.footer .enjoy {
    margin-top: 0.16rem;
    margin-bottom: 0.266667rem;
    font-size: 0.32rem;
}

.footer a {
    color: rgb(255, 255, 255);
}

.footer .about-icon {
    display: flex;
    justify-content: center;
    margin: 0.2rem 0px;
}

.footer .about-icon li {
    height: 0.8rem;
    width: 0.8rem;
    margin: 0px 0.2rem;
    position: relative;
}

.footer .about-icon li a {
    display: block;
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    left: 0px;
    top: 0px;
}

.footer .about-icon li a img {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
}

.lang-wrapper {
    position: absolute;
    width: 2.13333rem;
    background: rgba(0, 0, 0, 0.8);
    height: 0px;
    top: -4.8rem;
    right: 25%;
    border-radius: 0.053333rem;
    z-index: 998;
    box-sizing: border-box;
    transition: height 0.2s ease 0s;
    overflow: hidden;
}

.lang-wrapper ul {
    display: block;
    width: 100%;
    height: 100%;
}

.lang-wrapper ul li {
    width: 100%;
    height: 0.8rem;
    line-height: 1.33333rem;
    margin: 0px;
    padding: 0px;
}

.lang-wrapper ul li img {
    width: 35px;
    height: 35px;
    display: block;
    vertical-align: top;
    margin: 0px auto;
}

.lang-wrapper ul li button {
    display: block;
    border: none;
    outline: 0px;
    height: 35px;
    width: 35px;
    margin: 0px auto;
    border-radius: 50%;
}

.company-name {
    height: 13px;
    line-height: 13px;
    font-size: 9px;
    color: rgb(153, 153, 153);
    display: block;
    margin: 0px auto;
}

.company-name span {
    display: inline-block;
    float: left;
}

.company-name span.company-icon {
    width: 13px;
    height: 13px;
    background: url("https://images.BidiGame.top/assets/logo-mini.png") center 2px / 13px 8px no-repeat;
}

.company-name span.name {
    margin-left: 4px;
    line-height: 13px;
}

.wrapper .detail-header .icon-btn,
.wrapper .detail-header .title,
.wrapper .header .icon-btn {
    height: 1.5rem;
    line-height: 1.5rem;
}

.wrapper .header {
    height: 1.5rem;
    padding: 0 0.5rem;
}

.wrapper .header .icon-btn {
    display: inline-flex;
    width: 1.5rem;
    text-align: center;
    flex-shrink: 0;
}

.wrapper .header .title .icon-search1 {
    position: absolute;
    right: 0.55rem;
    top: 0.139rem;
    color: rgb(153, 153, 153);
}

.wrapper .detail-header {
    height: 1.5rem;
}

.wrapper .detail-header .icon-btn {
    display: inline-block;
    width: 1.5rem;
    text-align: center;
    float: left;
}

.wrapper .detail-header .icon-btn .icon-search1 {
    display: none;
    width: 1.5rem;
    text-align: center;
    float: left;
}

table {
    border-collapse: collapse !important;
    border-spacing: 0px !important;
}