@charset "utf-8";
/* CSS Document */

/* 禁用iPhone中Safari的字号自动调整 */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 去除iPhone中默认的input样式 */
/*input[type="submit"], input[type="reset"], input[type="button"], input{-webkit-appearance: none;resize: none;}*/
input{outline:none;}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
/* 图片自适应 */
img{width: 100%;height: auto;width: auto\9; /* ie8 */-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/}
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;}
body{font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #555;background-color: #f5f5f5;}
em, i{font-style: normal;}
strong{font-weight: normal;}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix{zoom: 1;}
.fixed{min-width: 320px;max-width: 640px;margin:0 auto;position: fixed;width: 100%;z-index: 99;}
a{text-decoration: none;color: #969696;font-family:sans-serif, Arial,Microsoft YaHei,'宋体',Tahoma;outline: 0;}
a:hover{/*color: #FED503;*/text-decoration: none;}
ul, ol{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
img{border: none;}
@font-face{font-family: 'iconfont'; src: url('/public/other/iconfont.eot'); /* IE9*/ src: url('/public/other/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/public/other/iconfont.woff') format('woff'), /* chrome、firefox */ url('/public/other/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/public/other/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}

#BOX{min-width: 320px;max-width: 1200px;margin: 0 auto;background: #f5f5f5;overflow: hidden;position: relative;}
/* 滚动条样式 */
#BOX::-webkit-scrollbar{width:0px;}

/* PC端滚动条样式 */
@media (min-width: 1024px) {
    body::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
    body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    
    body::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
        transition: all 0.3s ease;
    }
    
    body::-webkit-scrollbar-thumb:hover {
        background: #a1a1a1;
    }
}
/*top*/
.topKong{width: 100%;height: 51px; background:#fff; margin-bottom: 6px; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
#top{min-width: 320px;max-width: 1200px;width: 100%;height: 51px;position:fixed;z-index:1000;top: 0;background:#fff; margin-bottom: 6px; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
#top>div{display: block;margin: 0 12px;}
#top>div>.lanmu{display:inline-block;float: right;width: 62px;height: 33px;margin-left: 12px;border:1px #f1f1f1 solid;border-radius: 16.5px;background: url(/public/images/r-icon-pre.png) no-repeat center bottom;background-size: 33px auto;background-color: rgba(255,255,255,.4);cursor: pointer;}
#top>div>span:active{background-color: rgba(255,255,255,.8);}
#top>div>a.logo{display:inline-block;float: left;width:90px;height: 34px;margin-right: 12px;background: url(https://www.11455.com/down/images/kuyisoft_logo.png) no-repeat left center;background-size: 90px auto;cursor: pointer;}
#top>div>.search{display: block;height: 35px;margin: 7px 0;border: 1px #f1f1f1 solid;border-radius: 17.5px;background: rgba(246,246,246,.9);overflow: hidden;}
.search #searchBox{overflow:hidden;}
.search div{display: block;height: 25px;margin: 5px 33.5px 5px 18px;}
.search div input{width: 95%;float: left;height: 25px;line-height: 25px;font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #888;border: none;background: none;overflow: hidden;}
.search img,.search .mip-layout-container{display: inline-block;float: right;height: 25px;width: 16px;padding: 4px 12.5px 6px 10px;}
.search img.mip-layout-container{}
.mip-layout-container{position: initial;}
.search img:active{background: #eee;}
/*汉堡菜单burger*/
.burger{position: fixed;min-width: 320px;max-width: 768px;z-index:1100;width: 100%;top:50px;background: rgba(255,255,255,.95);border-top: 1px solid #f5f5f5;
overflow-x: hidden;overflow-y: scroll;display: none;}
/* 滚动条样式 */
.burger::-webkit-scrollbar{width:0px;}
.culumn{overflow: hidden;}
.icon-btn1{display: block;padding: 0 6px;overflow: hidden;}
.icon-btn1 li{float: left;display: inline-block;width: 20%;text-align: center;margin: 10px 0;}
.icon-btn1 li a{display: inline-block;overflow: hidden;}
.icon-btn1 li a span{display: inline-block;width: 48px;height: 48px;border-radius: 50%;margin-bottom: 10px;background: url(/public/images/icon.png) #f25656 no-repeat -150px 0px;
background-size: auto 100px;}
.icon-btn1 li a p{font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #888;}
.icon-btn1 li:nth-child(3) a span{background: url(/public/images/icon.png) #3aa3f4 no-repeat 0px 0px;background-size: auto 100px;}
.icon-btn1 li:nth-child(2) a span{background: url(/public/images/icon.png) #40db8d no-repeat -50px 0px;background-size: auto 100px;}
.icon-btn1 li:nth-child(4) a span{background: url(/public/images/icon.png) #ff9449 no-repeat 1px -51px;background-size: auto 100px;}
.icon-btn1 li:nth-child(5) a span{background: url(/public/images/icon.png) #31c0b5 no-repeat -200px -52px;background-size: auto 100px;}
.icon-btn1 li:nth-child(6) a span{background: url(/public/images/icon.png) #ff954b no-repeat -100px 0px;background-size: auto 100px;}
.icon-btn1 li:nth-child(7) a span{background: url(/public/images/icon.png) #6e6f84 no-repeat -100px -50px;background-size: auto 100px;}
.icon-btn1 li:nth-child(8) a span{background: url(/public/images/icon.png) #f25050 no-repeat -50px -50px;background-size: auto 100px;}
.icon-btn1 li:nth-child(9) a span{background: url(/public/images/icon.png) #50cfec no-repeat -200px -1px;background-size: auto 100px;}
.icon-btn1 li:nth-child(10) a span{background: url(/public/images/icon.png) #fe7ca3 no-repeat -150px -50px;background-size: auto 100px;}
.icon-btn1 li a span:active{opacity: .8;}
.channel{overflow: hidden;}
.icon-btn2{margin: 0 12px;overflow: hidden;}
.icon-btn2 li{float: left;width: 33.33%;margin: 5px 0;text-align: center;}
.icon-btn2 li a{display: inline-block;background: #f6f6f6;width: 90%;border-radius: 4px;overflow: hidden;border: 1px solid #ddd;}
.icon-btn2 li a p{display: inline-block;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #555;line-height: 16px;margin: 9px 0;/*padding-left: 20px;background: url(/public/images/color-icon.png) no-repeat 0 -1px;background-size: 20px auto;*/}
/*.channel .icon-btn2 li:nth-child(2) a p{background: url(/public/images/color-icon.png) no-repeat 0 -21px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(3) a p{background: url(/public/images/color-icon.png) no-repeat 0 -41px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(4) a p{background: url(/public/images/color-icon.png) no-repeat 0 -61px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(5) a p{background: url(/public/images/color-icon.png) no-repeat 0 -81px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(1) a p{background: url(/public/images/color-icon.png) no-repeat 0 -101px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(2) a p{background: url(/public/images/color-icon.png) no-repeat 0 -121px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(3) a p{background: url(/public/images/color-icon.png) no-repeat 0 -141px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(4) a p{background: url(/public/images/color-icon.png) no-repeat 0 -161px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(5) a p{background: url(/public/images/color-icon.png) no-repeat 0 -181px;background-size: 20px auto;}*/
.icon-btn2 li a:active{background: #bbb;}
.icon-btn2 li a p:active{color: #fff;}
.back{margin: 12px 0 40px;text-align: center;}
.back button{display: inline-block;width: 50%;background: #FF9D01;border-radius: 4px;color: #fff;font-weight: bold;padding: 9px 0;}
.back button:active{opacity: .7;}
/* 轮播图banner*/
.focus{width:100%;position: relative;overflow: hidden;height:0;padding-bottom: 59%;background: #f5f5f5;}
.focus .hd{height:4px;position:absolute;z-index:2;bottom:10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.focus .hd ul{display:inline-block;font-size:0;vertical-align:top;}
.focus .hd ul li{display:inline-block;width:16px;height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:rgba(255,255,255,.4);margin:0 4px;vertical-align:top;}
.focus .hd ul .on{background:#ff9d01;}
.focus .bd{position:relative;z-index:0;}
.focus .bd li{width: 100%;height:100% ;text-align:center;}
.focus .bd li img{display: inline-block;background:url(/public/images/loading.gif) center center no-repeat;}

/* PC端轮播图优化 */
@media (min-width: 1024px) {
    .focus {
        padding-bottom: 40%; /* 调整轮播图高度比例 */
        max-width: 1200px;
        margin: 15px auto 0;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    .focus .bd li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */} /*footer*/
footer{clear: both;display: block;background-color: #333;text-align: center;overflow: hidden;}
footer span{display: block;height: 70px;background: url(/public/images/D-logo.png) no-repeat center center;background-size: 140px auto;}
footer p{font-size: 10px;color: #999;line-height: 14px;margin: 10px 0;}
footer div{margin:0 12px;overflow:hidden;border-top: 1px solid #414141;}
footer div a{text-align: center;display: inline-block;width:33.3333%;float:left;}
footer div a em{display: inline-block;color: #ff9d01;padding-left: 18px;background: url(/public/images/D-home.png) no-repeat left center;background-size: auto 13px;font-size: 12px;line-height: 40px;}
footer div a:nth-child(2) em{background: url(/public/images/D-computer.png) no-repeat left center;background-size: auto 13px;}
footer div a:nth-child(3) em{background: url(/public/images/D-top.png) no-repeat left center;background-size: auto 13px;}
footer div a:active{background: #2a2a2a;}
footer div a:active em{opacity: .6;}

/* PC端响应式设计 */
@media (min-width: 1024px) {
    /* 增大容器宽度 */
    #BOX {max-width: 1200px;}
    
    /* 调整头部样式 */
   
    
    #top>div {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    /* 调整头部和导航 */
    .big-btn ul {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 20px;
    }
    
    /* 调整精品推荐区域 */
    .fine-game {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整游戏列表布局，从移动端的25%宽度变为12%，显示8列 */
    .Cont1 ul li {
        width: 12%;
        height: 185px;
        margin-bottom: 15px;
        padding: 0 5px;
        box-sizing: border-box;
    }
    
    /* 调整图片大小 */
    .C1-explain>div .div-img {
        width: 85px;
        height: 85px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .C1-explain>div .div-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* 增大标题字体 */
    .Head1 h2 {
        font-size: 20px;
        font-weight: 500;
    }
    
    /* 调整标题区域 */
    .Head1 {
        padding: 0 20px;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 15px;
    }
    
    /* 调整内容区域 */
    .Cont1 {
        padding: 0 20px;
    }
    
    /* 调整游戏标题 */
    .C1-explain h3 {
        margin-bottom: 12px;
        height: auto;
    }
    
    .C1-explain h3 p {
        font-size: 14px;
        color: #333;
        line-height: 1.3;
        padding: 0 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* 调整最新资讯区域 */
    .N-skills {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整资讯列表为2列布局 */
    .Cont4 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 20px;
    }
    
    .Cont4 ul li {
        width: 49%;
        border: 1px solid #f5f5f5;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 15px;
        box-sizing: border-box;
        background: #ffffff;
        transition: all 0.3s ease;
    }
    
    .Cont4 ul li:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }
    
    /* 调整资讯图片大小和样式 */
    .Cont4 ul li>a {
        width: 150px;
        height: 90px;
        display: block;
        float: left;
        margin-right: 15px;
        border-radius: 6px;
        overflow: hidden;
    }
    
    .Cont4 ul li>a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* 调整资讯文字区域 */
    .Cont4 ul li dl {
        overflow: hidden;
    }
    
    /* 调整资讯标题字体 */
    .Cont4 ul li>dl dt a {
        font-size: 16px;
        color: #333;
        line-height: 1.4;
        font-weight: 500;
    }
    
    .Cont4 ul li>dl dt a:hover {
        color: #1a73e8;
    }
    
    /* 调整资讯日期 */
    .Cont4 ul li>dl dd {
        color: #999;
        margin-top: 10px;
        font-size: 13px;
    }
    
    /* 调整安卓游戏应用区域 */
    .mobile-game {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整安卓软件应用区域 */
    .Y-use {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整电脑软件应用区域 */
    .Y-use:nth-of-type(2) {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整推荐资讯区域 */
    .N-skills:last-of-type {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整友情链接区域 */
    .interlink {
        margin: 15px auto;
        padding: 15px 20px;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    /* 调整按钮样式 */
    .Cont1 ul li a.btn, 
    .Cont1 ul li a.d_btn, 
    .Cont1 ul li a.a_btn, 
    .Cont1 ul li a.s_btn {
        width: 80px;
        font-size: 14px;
        padding: 5px 0;
        border-radius: 6px;
        transition: all 0.3s ease;
    }
    
    .Cont1 ul li a.btn:hover, 
    .Cont1 ul li a.d_btn:hover, 
    .Cont1 ul li a.a_btn:hover, 
    .Cont1 ul li a.s_btn:hover {
        opacity: 0.9;
        transform: translateY(-1px);
    }
    
    /* 增大内容字体 */
    .C1-explain h3 p {
        font-size: 15px;
        line-height: 1.4;
    }
    
    /* 调整Cont-J区域 */
    .Cont-J {
        padding: 20px 25px;
    }
    
    .Cont-J ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 -15px;
    }
    
    .Cont-J ul li {
        width: 31%;
        margin-bottom: 25px;
        padding: 20px;
        border: 1px solid #f5f5f5;
        border-radius: 10px;
        box-sizing: border-box;
        background: #ffffff;
        transition: all 0.3s ease;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        margin: 0 15px 25px;
    }
    
    .Cont-J ul li:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        transform: translateY(-3px);
    }
    
    /* 调整Cont-J区域图片 */
    .Cont-J ul li img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 15px;
        transition: all 0.3s ease;
    }
    
    .Cont-J ul li:hover img {
        transform: scale(1.02);
    }
    
    /* 调整Cont-J区域标题 */
    .Cont-J ul li h3 a {
        color: #333;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 12px;
    }
    
    /* 调整Cont-J区域信息 */
    .Cont-J ul li .CJ-sub {
        margin-bottom: 15px;
    }
    
    .Cont-J ul li .CJ-sub div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }
    
    .Cont-J ul li dl {
        margin-top: 8px;
    }
    
    .Cont-J ul li dl dd {
        color: #999;
        font-size: 14px;
        background: #f5f5f5;
        padding: 2px 8px;
        border-radius: 4px;
    }
    
    /* 调整下载按钮 */
    .Cont-J ul li .JC_btn2 {
        background: #ff9d01;
        color: #fff;
        padding: 8px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.3s ease;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    
    .Cont-J ul li .JC_btn2:hover {
        background: #ff8c01;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(255, 157, 1, 0.3);
    }
    
    .Cont-J ul li p {
        color: #999;
        font-size: 13px;
        margin-top: 10px;
        text-align: center;
    }
    
    /* 调整页脚 */
    footer {
        padding: 20px 0;
    }
    
    /* 调整友情链接 */
    .interlink-list {
        text-align: center;
    }
    
    /* 调整各区域的阴影 */
    .big-btn, .fine-game, .N-skills, .mobile-game, .Y-use, .interlink {
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.08);
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }
}
#ff{width: 100%;max-width: 1200px;min-width: 320px;position: fixed;bottom: 0;z-index: 2000;} /*Head1*/
.Head1{display: block;padding: 0 12px;overflow: hidden;}
.Head1 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}
.Head1 a{float: right;color: #888;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 42px;padding-right: 10px;background: url(/public/images/all-icon.png) no-repeat center right;background-size: 4px auto;}
/*big-btn*/
.big-btn{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden;margin-top: 57px;}
.big-btn ul{display: block;padding:10px 6px;overflow: hidden;}
.big-btn li{float: left;display: inline-block;width: 20%;text-align: center;margin: 10px auto;}

/* PC端导航栏优化 */
@media (min-width: 1024px) {
    .big-btn {
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }
    
    .big-btn ul {
        padding: 15px 40px;
        display: flex;
        justify-content: center; /* 居中排列导航项 */
    }
    
    .big-btn li {
        width: 120px; /* 固定宽度，让导航项分布更均匀 */
        margin: 0 20px;
        transition: all 0.3s ease;
    }
    
    .big-btn li:hover {
        transform: translateY(-2px);
    }
    
    .big-btn li a span {
        width: 56px;
        height: 56px;
        transition: all 0.3s ease;
    }
    
    .big-btn li:hover a span {
        transform: scale(1.1); /* 悬停时图标放大 */
    }
    
    .big-btn li a p {
        color: #666;
        font-size: 15px;
    }
    
    .big-btn li:hover a p {
        color: #333;
    }
}
.big-btn li a{overflow: hidden;}
.big-btn li a span{display: inline-block;width: 48px;height: 48px;border-radius: 50%;margin-bottom: 10px;background: url(/public/images/icon.png) #f25656 no-repeat -150px 0px;background-size: auto 100px;}
.big-btn li a p{font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #888;}
.big-btn li:nth-child(3) a span{background: url(/public/images/icon.png) #3aa3f4 no-repeat 0px 0px;background-size: auto 100px;}
.big-btn li:nth-child(2) a span{background: url(/public/images/icon.png) #40db8d no-repeat -50px 0px;background-size: auto 100px;}
.big-btn li:nth-child(4) a span{background: url(/public/images/icon.png) #ff9449 no-repeat 1px -51px;background-size: auto 100px;}
.big-btn li:nth-child(5) a span{background: url(/public/images/icon.png) #31c0b5 no-repeat -200px -52px;background-size: auto 100px;}
.big-btn li:nth-child(6) a span{background: url(/public/images/icon.png) #ff954b no-repeat -100px 0px;background-size: auto 100px;}
.big-btn li:nth-child(7) a span{background: url(/public/images/icon.png) #6e6f84 no-repeat -100px -50px;background-size: auto 100px;}
.big-btn li:nth-child(8) a span{background: url(/public/images/icon.png) #f25050 no-repeat -50px -50px;background-size: auto 100px;}
.big-btn li:nth-child(9) a span{background: url(/public/images/icon.png) #50cfec no-repeat -200px -1px;background-size: auto 100px;}
.big-btn li:nth-child(10) a span{background: url(/public/images/icon.png) #fe7ca3 no-repeat -150px -50px;background-size: auto 100px;}
.big-btn li a span:active{opacity: .8;}
/*fine-game*/
.fine-game{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*Head1*/
.Head1{display: block;padding: 0 12px;overflow: hidden;}
.Head1 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}
.Head1 a{float: right;color: #888;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 42px;padding-right: 10px;background: url(/public/images/all-icon.png) no-repeat center right;background-size: 4px auto;}
/*Head3*/
.Head3{display: block;position: relative;/*background: #fff;*/height: 42px;overflow: hidden;}
.Head3 .Head3-box{position: absolute;width: 100%;z-index: 10;top: 0;left: 0;}
.Head3 .Head3-box a{display: inline-block;float: left;text-align: center;background: #f0f0f0;color: #999;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 42px;width: 50%;}
.Head3 .Head3-box a.cur2{background: #fff;color: #333;}
.Head3 span{display: inline-block;position: absolute;z-index: 9;width: 50%;left: 20%;height: 21px;background: #f0f0f0;}
.Head3 em{display: inline-block;position: absolute;z-index: 9;width: 50%;top: 21px;left: 20%;height: 21px;background: #fff;}
/*Cont1*/
.Cont1{display: block;padding: 0 12px;overflow: hidden;}
.Cont1 ul{display: block;overflow: hidden;}
.Cont1 ul li{display: block;float: left;width: 25%;height: 145px;text-align: center;overflow: hidden;}
.Cont1 ul li a.C1-explain{display: block;margin-top: 10px;}
.C1-explain>div{display: inline-block;position: relative;margin-bottom: 10px;}
.C1-explain>div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;}
/*精品*/
.C1-explain>div span.fine{background: url(/public/images/fine.png) no-repeat;background-size: 38px 19px;}
/*火爆*/
.C1-explain>div span.hot{background: url(/public/images/hot.png) no-repeat;background-size: 38px 19px;}
.C1-explain>div .div-img{display: block;width: 58px;height: 58px;border-radius: 10px;overflow: hidden;}
.C1-explain>div .div-img img{display: block;height: 100%;margin: 0 auto;}
.C1-explain h3{display: block;font-weight: normal;width: 98%;height: 15px;overflow: hidden;margin-bottom: 10px;}
.C1-explain h3 p{display: block;color: #333;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 15px;    text-align: center;}
.Cont1 ul li a.btn{display: block;clear: both;color: #888;line-height: 27px;width: 54.5px;border: 1px solid #ddd;border-radius: 3px;margin: 0 auto 10px auto;}
.Cont1 ul li a.d_btn{display: block;clear: both;color: #22c3b7;line-height: 27px;width: 54.5px;border: 1px solid #22c3b7;border-radius: 3px;margin: 0 auto 10px auto;}
.Cont1 ul li a.a_btn{clear: both;display: block;color: #72c322;line-height: 27px;width: 54.5px;border: 1px solid #72c322;border-radius: 3px;margin: 0 auto 10px auto;}
.Cont1 ul li a.s_btn{display: block;clear: both;color: #3d89e4;line-height: 27px;width: 54.5px;border: 1px solid #3d89e4;border-radius: 3px;margin: 0 auto 10px auto;}
/*Cont2*/
.Cont2{display: block;background: #fff;/*overflow: hidden;*/}
.Cont2 ul{display: block;overflow: hidden;}
.Cont2 ul li{position: relative;padding: 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.Cont2 ul li:last-child{border-bottom: none;}
.Cont2 ul li>a.C2-explain{display: inline-block;float: left;}
.Cont2 ul li:active{background: #eee;}
.C2-explain div{display: inline-block;position: relative;}
.C2-explain div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;z-index: 10;}
/*精品*/
.C2-explain div span.fine{background: url(/public/images/fine.png) no-repeat;background-size: 38px 19px;}
/*火爆*/
.C2-explain div span.hot{background: url(/public/images/hot.png) no-repeat;background-size: 38px 19px;}
.C2-explain div img{display: inline-block;width: 57.5px;height: 57.5px;border-radius: 10px;background: #969696;}
.Cont2 ul li .sub{display: block;height: 57.5px;margin: 0 67.5px;position: relative;overflow: hidden;}
.Cont2 ul li .sub>div{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.sub h3{display: block;height: 21px;margin-bottom: 2.5px;}
.sub h3 a{display: block;color: #333;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.sub p{display: block;color: #888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sub dl{display: block;overflow: hidden;}
.sub dt,.sub dd{display: inline-block;float: left;color: #888;margin-right: 10px;}
.sub dt span{color: #ff3f3f;}
.Cont2 ul li a.l_btn{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #ff9d01;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont2 ul li a.l_btn:active{opacity: .8;}
.Cont2 ul li a.l_btn2{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #22c3b7;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont2 ul li a.l_btn2:active{opacity: .8;}
.H-collection{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*Cont3*/
.Cont3{padding: 15px 12px;background: #fff;overflow: hidden;}
.Cont3 .Cont3-box{    height: 85px;}
.Cont3 .Cont3-box .Cont3-slide{width: 170px !important;margin-right: 11px !important; float:none;}
.Cont3 .Cont3-box .Cont3-slide>a{display: block;background: #f6f6f6;width: 170px;height: 85px;border-radius: 4px !important;text-align: center;overflow: hidden;}
.Cont3 .Cont3-box .Cont3-slide>a img{display: inline-block;width: auto;height: 100%;}
.Cont3 .Cont3-box .Cont3-slide>span{display: block;height: 85px;border-radius: 4px !important;text-align: center;background: #f6f6f6;overflow: hidden;}
.Cont3 .Cont3-box .Cont3-slide>span a{display: inline-block;padding-top: 30px;margin-top: 21px;font-size: 12px;color: #bbb;background: url(/public/images/more-icon.png) no-repeat top center;background-size: 25px auto;}
/*Cont4*/
.Cont4{background: #fff;display: block;}
.Cont4 ul{overflow: hidden;}
.Cont4 ul li{display:block;padding: 13px 10px;border-bottom: 1px solid #dbe1ec;overflow: hidden;}
.Cont4 ul li:active{background-color: #eee;}
.Cont4 ul li:last-child{border: none;}
.Cont4 ul li>a{display: inline-block;float: left;margin-right: 10px;width: 88px;height: 58px;text-align:center;overflow: hidden;border-radius: 5px;}
.Cont4 ul li>a img{height:100%;}
.Cont4 ul li>dl{display: block;}
.Cont4 ul li>dl dt{height: 45px;overflow: hidden;}
.Cont4 ul li>dl dt a{display: inline-block; font-size:14px;line-height: 21px;}
.Cont4 ul li>dl dd{display:table-cell;font-size: 10px;color: #999;height: 13px;vertical-align:bottom;}
.Cont4 ul li>dl dd em{display: inline-block;margin-left: 5px;font-style: normal;}
.more{display: block;text-align: center;padding: 12px 0;margin-top: 8px;border-top: 1px #f5f5f5 solid;}
.more>a{color: #222;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
/*Cont-J*/
.Cont-J{display: block;background: #fff;/*overflow: hidden;*/}
.Cont-J ul{display: block;overflow: hidden;}
.Cont-J ul li{position: relative;padding: 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.Cont-J ul li:last-child{border-bottom: none;}
.Cont-J ul li>a.CJ-explain{display: inline-block;float: left;}
.Cont-J ul li:active{background: #eee;}
.CJ-explain div{display: inline-block;position: relative;}
.CJ-explain div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;z-index: 10;}
/*精品*/
.CJ-explain div span.fine{background: url(/public/images/fine.png) no-repeat;background-size: 38px 19px;}
/*火爆*/
.CJ-explain div span.hot{background: url(/public/images/hot.png) no-repeat;background-size: 38px 19px;}
.CJ-explain div img{display: inline-block;width: 57.5px;height: 57.5px;border-radius: 10px;background: #969696;}
.Cont-J ul li .CJ-sub{display: block;height: 39.5px;margin: auto 0;margin-left: 67.5px;position: relative;overflow: hidden;}
.Cont-J ul li .CJ-sub>div{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);display: block;margin-right: 67.5px;}
.CJ-sub>div h3{display: block;max-height: 40px;margin-bottom: 2.5px; overflow: hidden; line-height:21px;}
.CJ-sub>div h3 a{color: #333;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.Cont-J ul li>p{display: block;height: 18px;margin-left: 67.5px;line-height: 18px;color: #888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.CJ-sub dl{display: block;overflow: hidden;}
.CJ-sub dt,.CJ-sub dd{display: inline-block;float: left;color: #888;margin-right: 10px;}
.CJ-sub dt span{color: #ff3f3f;}
.Cont-J ul li a.JC_btn2{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #22c3b7;border-radius: 3px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont-J ul li a.JC_btn2:active{opacity: .8;}
.Page{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.mobile-game{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.H5-game{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.Y-use{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.N-skills{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.interlink{background: #fff;overflow: hidden; margin-top: 6px;}
.interlink .interlink-list{overflow: hidden;margin: 0 12px 10px 12px;}
.interlink .interlink-list a{font-size: 12px;color: #666;margin-right: 20px;line-height: 28px;}
.interlink .interlink-list a:active{color: #FF9D01;}
img{height: 100%;}

/*导航*/
mip-accordion{}
mip-accordion section h4{width: 62px;height: 33px;position: fixed;right: 12px;top: 8px;  z-index: 1001;}
mip-accordion section .show-more{ display:block;width: 62px;height: 33px;  }
mip-accordion section h4 span{ cursor:pointer;}
mip-accordion section .show-less-close{display: inline-block;width: 50%;background: #FF9D01;border-radius: 4px;color: #fff;font-weight: bold;padding: 9px 0;position: absolute;right: 0;left:0;top:450px;text-align:center;margin:0 auto;}


.jianjie .xiangxi{padding: 20px 0;}
.jianjie .xiangxi p{padding: 0 12px;overflow: hidden;font-size: 13px;line-height: 22px;}
.yxk-library {
    width: 100%;
    background: #fff;
    margin: 6px 0 6px 0;
    -webkit-box-shadow: 0 3px 3px #ebebeb;
    -moz-box-shadow: 0 3px 3px #ebebeb;
    box-shadow: 0 3px 3px #ebebeb;
}