/*96KaiFa原创源码，唯一官网：www.96kaifa.com*/

html,body{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}
body{background:#fff;}
html.borderbox *,html.borderbox :after,html.borderbox :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}audio,canvas,video{display:inline-block}body,button,input,select,textarea{font:400 1em/1.8 Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
blockquote{position:relative;color:#999;font-weight:300;font-family:Lantinghei SC,'Helvetica Neue','Microsoft Yahei','Hiragino Sans GB','Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif;border-left:1px solid #1abc9c;padding-left:1em;margin:1em 3em 1em 2em}@media only screen and (max-width:640px){blockquote{margin:1em 0}}abbr,acronym{border-bottom:1px dotted;font-variant:normal}abbr{cursor:help}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}sub,sup{font-size:75%;line-height:0;position:relative}:root sub,:root sup{vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a{color:#1abc9c}a:hover{text-decoration:underline}.typo a{border-bottom:1px solid #1abc9c}.typo a:hover{border-bottom-color:#555;color:#555;text-decoration:none}a,ins{text-decoration:none}.typo-u,u{text-decoration:underline}mark{background:#fffdd1;border-bottom:1px solid #ffedce;padding:2px;margin:0 5px}code,pre,pre tt{font-family:Courier,'Courier New',monospace}pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}.typo-small,figcaption,small{font-size:.9em;color:#888}b,strong{font-weight:700;}[draggable]{cursor:move}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}.textwrap-table{table-layout:fixed}.serif{font-family:Palatino,Optima,Georgia,serif}.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,blockquote{margin-bottom:1.2em}h1,h2,h3,h4,h5,h6{font-family:Verdana,'Helvetica Neue','Microsoft Yahei','Hiragino Sans GB','Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif;font-weight:100;color:#000;line-height:1.35}.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6,.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6{margin-top:1.2em;margin-bottom:.6em;line-height:1.35}.typo h1,.typo-h1{font-size:2em}.typo h2,.typo-h2{font-size:1.8em}.typo h3,.typo-h3{font-size:1.6em}.typo h4,.typo-h4{font-size:1.4em}.typo h5,.typo h6,.typo-h5,.typo-h6{font-size:1.2em}.typo ul,.typo-ul{margin-left:1.3em;list-style:disc}.typo ol,.typo-ol{list-style:decimal;margin-left:1.9em}.typo li ol,.typo li ul,.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul{margin-bottom:.8em;margin-left:2em}.typo li ul,.typo-ol ul,.typo-ul ul{list-style:circle}.typo table caption,.typo table td,.typo table th,.typo-table td,.typo-table th{border:1px solid #ddd;padding:.5em 1em;color:#666}.typo table th,.typo-table th{background:#fbfbfb}.typo table thead th,.typo-table thead th{background:#f1f1f1}.typo table caption{border-bottom:none}.typo-input,.typo-textarea{-webkit-appearance:none;border-radius:0}.typo em,.typo-em,caption,legend{color:#000;font-weight:inherit}.typo-em{position:relative}.typo-em:after{position:absolute;top:.65em;left:0;width:100%;overflow:hidden;white-space:nowrap;content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"}.typo img{max-width:100%}
a { color: #404040; }
a:hover { text-decoration: none; }

input, select, button, textarea {
    -webkit-appearance: none; border-radius: 0;
    outline: 0;
}


.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}



.gray-view { background-color: #f5f6f9; }


.has-top-44 { margin-top: 44px; }
.has-top-10 { margin-top: 10px; }


.sp-10 { background-color: #ebebeb; height: 10px; }



.typo-orange { color: #f86d08 }




.adv-box img { display: block; width: 100%; }



.backdrop {
    position: fixed; width: 100%; height: 100%;
    background-color: rgba(0,0,0, .8); left: 0; top: 0;
}



.loadlist { width: 120px; margin: 0 auto; background: url(/96kaifa/mobile/assets/images/loading.gif) no-repeat 0 50%; text-align: center; font: normal 18px/44px 'Microsoft YaHei'; color: #666; text-indent: 25px }
.nomore { width: 100%; margin: 0 auto; text-align: center; font: normal 18px/44px 'Microsoft YaHei'; color: #666; background-color: #FFF; margin-top: 10px }
#infscr-loading { text-align: center; padding: 0 10px; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }


.fix-wrap {
    font-size: 16px;
    line-height: 1px;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 304;
    width: 100%;
    background: #fff;
    height: 57px;
    border-bottom: 0;
    padding-bottom: 0;
}

.new-search-con {
    font-size: 16px;
    line-height: 1px;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    display: -webkit-box;
    background: #fff;
    width: auto;
    margin: 10px 17px 0;
    border: 1px solid #4e6ef2;
    border-radius: 12px;
}
.con-inner-left{
    font-size: 16px;
    line-height: 1px;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    display: -webkit-box;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.se-bn {
    -webkit-text-size-adjust: none;
    margin: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    outline: 0;
    position: relative;
    box-sizing: inherit;
    padding: 0 10px;
    border: 0;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -1px;
    text-shadow: none;
    user-select: none;
    right: -2px;
    font-size: 16px;
    width: 76px;
    color: #fff;
    background-color: #4e6ef2;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 42px;
    line-height: 42px;
}
.input-wrapper{
    font-size: 16px;
    line-height: 1px;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    flex: 1 0 auto;
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
}
.fake-placeholder{
    font-size: 16px;
    line-height: 1px;
    -webkit-text-size-adjust: none;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    margin: 0;
    padding: 0 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #858585;
    box-sizing: border-box;
    text-align: left;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    height: 42px;
    padding-left: 14px;
    display: none;
}
#index-card .his-wrap-new .se-form .se-input {
    height: 42px;
}
.his-wrap-new #index-form.se-form .new-search-input {
    padding-left: 14px;
}
#index-card .his-wrap-new .se-input {
    height: 44px;
}
.his-wrap-new #index-form .new-search-input {
    padding-left: 11px;
}
#index-card .se-form .se-input, .has-background #index-card .se-form .se-input {
    height: 47px;
    padding-left: 12px;
    padding-right: 12px;
}
#index-card .se-form .se-input {
    color: #1f1f1f;
}
#index-card .input-wrapper .se-input {
    width: 100%;
}
#index-card .se-input, .has-background #index-card .se-input {
    height: 49px;
}
#index-card .se-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 44px;
    margin: 0;
    padding: 7px 6px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 28px;
    -webkit-border-radius: 0;
    border-radius: 0;
    resize: none;
}
#index-card .se-input, #index-card .se-encode {
    display: block;
    padding: 6px 35px 6px 6px;
    font-size: 18px;
    line-height: 24px;
    -webkit-appearance: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    min-width: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input, button, textarea {
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.hidden-submit{
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
    box-sizing: border-box;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}
.input-wrapper{
    font-size: 16px;
    line-height: 1px;
    text-align: center;
    -webkit-text-size-adjust: none;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    flex: 1 0 auto;
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
}
.his-wrap-new .fix-wrap-p {
    border-bottom: 0;
    padding-bottom: 0;
}
.his-wrap-new .fix-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 304;
    width: 100%;
    background: #fff;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
    height: 57px;
}
.his-wrap-new #index-form.se-form #index-bn {
    height: 42px;
    line-height: 42px;
}

.his-wrap-new #index-form #index-bn {
    font-size: 16px;
    width: 76px;
    color: #fff;
    background-color: #4e6ef2;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 44px;
    line-height: 44px;
}
.se-form #index-bn {
    right: -2px;
}
#index-bn {
    position: relative;
    right: -1px;
    box-sizing: inherit;
    width: 78px;
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -1px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    text-shadow: none;
    color: #fff;
    background-color: #4e6ef2;
    -webkit-user-select: none;
    user-select: none;
}



.dl-box{
    background: transparent;
}
.card-item{
    border-radius: 10px;

    margin: 8px;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card {
    border-radius: 10px;
    max-width: 100%;
    margin: 70px 8px 8px 8px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.top-section {
    background-color: #b57a24;
    color: white;
    padding: 12px 14px;
}
.top-section h1 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: white;
}
.top-section p {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #f0e8d9;
}
.section {
    background-color: white;
    padding: 20px;
    text-align: left;
}
.game-info {
    display: flex;
    padding: 14px;
    align-items: center;
}
.game-info img {
    border-radius: 10px;
    margin-right: 16px;
    font-size: 14px;
}
.game-info-details {
    font-size: 14px;
}
.game-info-details .tips {
    font-size: 12px;
    color: #848691;
}
.game-info-details .type {
    margin-top: 10px;
    margin-bottom: 10px;
}
.game-info-details span {
    border: 1px solid #737d99;
    padding: 1px 3px;
    margin-right: 5px;
    font-size: 11px;
    border-radius: 5px;
    color: #737d99;
}
.button-section {
    text-align: center;
    padding: 0 8px;
    margin-bottom: 6px;
    background-color: white;
}
.button-section a {
    background-color: #5c96f7;
    color: white;
    padding: 12px 0;
    text-decoration: none;
    border-radius: 20px;
    font-size: 18px;
    display: block;
    margin: 0 auto; /* 居中显示 */
    width: calc(100% - 7px); /* 减去margin的宽度 */
    text-align: center;
}
.description-section {
    margin: 12px 12px 24px 12px;
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
}