/*96KaiFa原创源码，唯一官网：www.96kaifa.com*/
@charset "utf-8";
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;
        }
		.apps .card-item{
			position: relative;
		}
		.download-box{
			top:0;
			position: absolute;
			right: 0.3125rem;
			color: #69c903;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}