@charset "utf-8";
/* 禁用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: 768px;margin: 0 auto;background: #f5f5f5;overflow: hidden;position: relative;transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}

/* PC端样式 */
@media (min-width: 1024px) {
    #BOX{max-width: 1200px;background: #f5f5f5;padding: 20px 0;}
    
    /* 顶部导航 */
    #top{max-width: 1200px;left: 0;right: 0;margin: 0 auto;box-shadow: 0 4px 20px rgba(0,0,0,0.12);border-radius: 10px;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);transition: all 0.3s ease;}
    #top:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.15);}
    #top>div{margin: 0 30px;display: flex;align-items: center;justify-content: space-between;}
    
    /* 主导航菜单 */
    .menu{max-width: 1200px;left: 0;right: 0;margin: 25px auto 0;overflow-x: hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.12);border-radius: 10px;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);transition: all 0.3s ease;}
    .menu:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.15);}
    .menu ul{width: 100%;text-align: center;padding: 0;background: transparent;}
    .menu ul li{width: auto;padding: 0 45px;position: relative;}
    .menu ul li::after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background: #ff9d01;transition: all 0.3s ease;transform: translateX(-50%);}
    .menu ul li:hover::after, .menu ul li.current::after{width: 80%;}
    .menu ul li a{font-size: 20px;line-height: 60px;color: #2c3e50;transition: all 0.3s ease;font-weight: 500;letter-spacing: 0.5px;}
    .menu ul li a:hover, .menu ul li a.current{color: #ff9d01;transform: translateY(-2px);}
    
    /* 分类导航 */
    .yxk-library{max-width: 1200px;margin: 25px auto 30px;padding: 25px 0;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.12);transition: all 0.3s ease;}
    .yxk-library:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.15);}
    .yxk-cont1{margin: 0 40px;}
    .yxk-cont1 ul{display: flex;justify-content: center;flex-wrap: wrap;padding: 15px 0;gap: 10px;}
    .yxk-cont1 ul li{width: auto;margin: 0;position: relative;}
    .yxk-cont1 ul li a{padding: 12px 32px;border-radius: 30px;font-size: 16px;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);color: #495057;box-shadow: 0 2px 8px rgba(0,0,0,0.08);border: 2px solid transparent;letter-spacing: 0.5px;font-weight: 500;}
    .yxk-cont1 ul li a:hover{background: linear-gradient(135deg, #ff9d01 0%, #ff7a00 100%);color: #fff;transform: translateY(-3px) scale(1.05);box-shadow: 0 8px 25px rgba(255,157,1,0.3);border-color: rgba(255,255,255,0.3);}
    .yxk-cont1 ul li a.current{background: linear-gradient(135deg, #ff9d01 0%, #ff7a00 100%);color: #fff;box-shadow: 0 4px 15px rgba(255,157,1,0.25);border-color: rgba(255,255,255,0.3);}
    
    /* 内容区域 */
    .dj-news{max-width: 1200px;margin: 0 auto;background: #f5f5f5;padding: 0 15px;transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
    
    /* 面包屑 */
    .crumbs{transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
    
    /* 内容列表 */
    .Cont5{border-radius: 12px;box-shadow: 0 6px 25px rgba(0,0,0,0.15);margin: 0;background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);transition: all 0.3s ease;}
    .Cont5:hover{box-shadow: 0 8px 30px rgba(0,0,0,0.18);}
    .Cont5 ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 35px;padding: 40px;}
    .Cont5 ul li{border-bottom: none;border-radius: 14px;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);box-shadow: 0 3px 15px rgba(0,0,0,0.1);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);padding: 30px;overflow: hidden;display: flex;align-items: center;border: 1px solid rgba(255,255,255,0.5);}
    .Cont5 ul li:hover{transform: translateY(-6px);box-shadow: 0 15px 45px rgba(0,0,0,0.2);background: #ffffff;}
    .Cont5 ul li>a{width: 200px;height: 135px;flex-shrink: 0;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.12);transition: all 0.4s ease;}
    .Cont5 ul li:hover>a{box-shadow: 0 8px 25px rgba(0,0,0,0.18);}
    .Cont5 ul li>a img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
    .Cont5 ul li:hover>a img{transform: scale(1.15);}
    .Cont5 ul li>dl{flex: 1;margin-left: 35px;display: flex;flex-direction: column;justify-content: space-between;min-height: 135px;padding: 5px 0;}
    .Cont5 ul li>dl dt{height: auto;min-height: 70px;display: flex;align-items: flex-start;}
    .Cont5 ul li>dl dt h3 a{font-size: 24px;line-height: 36px;color: #2c3e50;transition: all 0.3s ease; font-weight: 600;letter-spacing: -0.5px;}
    .Cont5 ul li:hover>dl dt h3 a{color: #ff9d01;transform: translateX(5px);}
    .Cont5 ul li>dl dd{font-size: 16px;color: #6c757d;line-height: 28px;transition: all 0.3s ease;letter-spacing: 0.2px;}
    .Cont5 ul li:hover>dl dd{color: #495057;}
    
    /* 页码样式 */
    .ym{max-width: 1200px;margin: 0 auto;justify-content: center;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-top: 1px solid rgba(0,0,0,0.05);padding: 30px;border-radius: 0 0 16px 16px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transition: all 0.3s ease;}
    .ym:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.12);}
    .ym>a, .ym>li, .ym>span{margin: 8px 12px;width: auto;padding: 0 30px;height: 50px;line-height: 50px;border-radius: 25px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border: 2px solid transparent;box-shadow: 0 3px 10px rgba(0,0,0,0.08);color: #495057;font-weight: 500;letter-spacing: 0.5px;}
    .ym>a:hover, .ym>li:hover, .ym>span:hover{background: linear-gradient(135deg, #ff9d01 0%, #ff7a00 100%);color: #fff;transform: translateY(-3px) scale(1.05);box-shadow: 0 8px 25px rgba(255, 157, 1, 0.35);border-color: rgba(255,255,255,0.4);}
    .ym>span.thisclass{background: linear-gradient(135deg, #ff9d01 0%, #ff7a00 100%);color: #fff;box-shadow: 0 4px 15px rgba(255,157,1,0.25);border-color: rgba(255,255,255,0.3);}
    
    /* 栏目分类 */
    .navfenlei{max-width: 1200px;margin: 0 auto;padding: 0 40px;transition: all 0.3s ease;}
    .navfenlei li{width: auto;margin: 15px 20px 0;}
    
    /* 面包屑 */
    .crumbs{max-width: 1200px;margin: 25px auto 0;padding: 25px 40px;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius: 12px 12px 0 0;box-shadow: 0 4px 20px rgba(0,0,0,0.12);transition: all 0.3s ease;border-bottom: 3px solid #ff9d01;}
    .crumbs:hover{box-shadow: 0 6px 25px rgba(0,0,0,0.15);}
    .crumbs a{color: #6c757d;font-size: 15px;transition: all 0.3s ease;position: relative;padding: 0 5px;}
    .crumbs a:hover{color: #ff9d01;transform: translateX(3px);}
    .crumbs span{color: #ff9d01;font-weight: 600;}
    
    /* 页脚 */
    footer{max-width: 1200px;margin: 40px auto 20px;padding: 50px 40px;border-radius: 16px;background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);color: #e2e8f0;box-shadow: 0 -4px 20px rgba(0,0,0,0.15);transition: all 0.3s ease;}
    footer:hover{box-shadow: 0 -6px 25px rgba(0,0,0,0.2);}
    footer span{height: 80px;background-size: 160px auto;margin-bottom: 20px;}
    footer p{font-size: 14px;color: #a0aec0;line-height: 22px;margin: 15px 0;letter-spacing: 0.5px;}
    footer div{margin: 30px 0 0;padding-top: 30px;border-top: 1px solid rgba(255,255,255,0.1);display: flex;justify-content: center;}
    footer div a{width: auto;padding: 0 40px;transition: all 0.3s ease;border-radius: 8px;margin: 0 10px;}
    footer div a:hover{background: rgba(255,157,1,0.1);transform: translateY(-2px);}
    footer div a em{font-size: 16px;line-height: 50px;color: #ff9d01;padding-left: 25px;background-size: auto 18px;font-weight: 500;}
    footer div a:nth-child(2) em{background-position: left center;}
    footer div a:nth-child(3) em{background-position: left center;}
    #ff{max-width: 1200px;left: 0;right: 0;margin: 0 auto;}
    
    /* 滚动条样式 */
    #BOX::-webkit-scrollbar{width:8px;}
    #BOX::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 4px;}
    #BOX::-webkit-scrollbar-thumb{background: #ccc;border-radius: 4px;}
    #BOX::-webkit-scrollbar-thumb:hover{background: #999;}
}
/* 滚动条样式 */
#BOX::-webkit-scrollbar{width:0px;}
/*top*/
#top{min-width: 320px;max-width: 768px;width: 100%;height: 51px;background: #fff;position:fixed;z-index:999;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04);}
#top>div{display: block;margin: 0 12px;}
#top>div>span{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,.3);cursor: pointer;}
#top>div>span:active{background-color: rgba(255,255,255,.8);}
#top>div>a{display:inline-block;float: left;width:90px;height: 34px;margin-right: 12px;background: url(/public/images/k-logo.png) no-repeat left center;background-size: 90px auto;cursor: pointer;}
#top>div>.lanmu{display:inline-block;float: right;width: 62px;height: 33px;margin-left: 12px;border: 1px #f1f1f1 solid;border-radius: 16.5px;margin-right: 0;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>a.goback{background: url(/public/images/back.png) no-repeat left center;background-size: 10px auto;}
#top>div>p{display: block;line-height: 37px;text-align: center;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;font-size: 16px;font-weight: bold;margin: 7px 44px 7px 38px;}
#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 38px 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;text-overflow: ellipsis;white-space: nowrap;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:active{background-color: #eee;}
.search #searchBox{overflow:hidden;}
.search img.mip-layout-container{}
.mip-layout-container{position: initial;}

/*汉堡菜单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;}
/* 滚动条样式 */
.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 0px -50px;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: #f8f8f8;width: 90%;border-radius: 4px;overflow: hidden;border: 1px solid #ddd;}
.icon-btn2 li a:active{background: #bbb;}
.icon-btn2 li a p{display: inline-block;font: 14px 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 -2px;background-size: 20px auto;*/}
/*.channel .icon-btn2 li:nth-child(2) a p{background: url(/public/images/color-icon.png) no-repeat 0 -22px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(3) a p{background: url(/public/images/color-icon.png) no-repeat 0 -42px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(4) a p{background: url(/public/images/color-icon.png) no-repeat 0 -62px;background-size: 20px auto;}
.channel .icon-btn2 li:nth-child(5) a p{background: url(/public/images/color-icon.png) no-repeat 0 -82px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(1) a p{background: url(/public/images/color-icon.png) no-repeat 0 -102px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(2) a p{background: url(/public/images/color-icon.png) no-repeat 0 -122px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(3) a p{background: url(/public/images/color-icon.png) no-repeat 0 -142px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(4) a p{background: url(/public/images/color-icon.png) no-repeat 0 -162px;background-size: 20px auto;}
.collection .icon-btn2 li:nth-child(5) a p{background: url(/public/images/color-icon.png) no-repeat 0 -182px;background-size: 20px auto;}*/
.icon-btn2 li a p:active{color: #fff;}
.back{margin: 12px 0;text-align: center;}
.back button{display: inline-block;width: 50%;background: #FF9D01;border-radius: 4px;color: #fff;font-weight: bold;padding: 9px 0;font-size: 14px;}
.back button:active{opacity: .7;}
/*menu*/
.menu{min-width: 320px;max-width: 768px;width: 100%;height: 43px;position:fixed;z-index:999;top: 0;margin-top: 50px;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); overflow-x: scroll; overflow-y: hidden;}
.menu>span{display: inline-block;height: 43px;width: 30px;position: fixed;}
.menu .l-y{background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);}
.menu .r-y{top: 50px;right: 0;background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);}
.menu ul{display: inline-block;padding: 0 12px;height: 43px;overflow: hidden;width: 94%;}
.menu ul li{width: 20%;float: left;text-align: center;}
.menu ul li a{display: inline-block;color: #333;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 35px;border-bottom: 2px solid #fff;margin: 2px 0 4px 0;}
.menu ul li a.current{color: #ff9d01;font-weight: bold;border-bottom-color: #ff9d01;}
/* 滚动条样式 */
.menu::-webkit-scrollbar{height:0px;}
/*menu2*/
.menu2{min-width: 320px;max-width: 768px;width: 100%;/*height: 43px;*/position:fixed;z-index:999;top: 0;margin-top: 50px;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); overflow-x: scroll; overflow-y: hidden; border-top: 1px solid #f3f3f3;}
.menu2>span{display: inline-block;position: fixed;}
.menu2 .l-y{height: 43px;width: 30px;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%);}
.menu2 .r-y{height: 43px;width: 60px;top: 50px;right: 0;background: -moz-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); overflow: hidden;}
.menu2 .r-y em{display: inline-block;float: right;height: 34px;width: 34px;border-radius: 50%;margin: 4px;background: url(/public/images/up-down.png) #fff no-repeat center center ; background-size: auto 10px; transition: transform 0.3s; -webkit-transition: transform 0.3s}
.menu2 .r-y em.zhuan{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.menu2 .shapeA{display: inline-block;padding: 0 12px;background: #fff;overflow: hidden;}
.menu2 .shapeA li{display: inline-block;padding: 0 15px;float: left;text-align: center;}
.menu2 .shapeA li a{display: inline-block;color: #333;font-size: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 35px;border-bottom: 2px solid #fff;margin: 2px 0 4px 0;}
.menu2 .shapeA li a.current{color: #ff9d01;font-weight: bold;border-bottom-color: #ff9d01;}
.menu2 .shapeB{background: #fff;}
.menu2 .shapeB h3{display: inline-block;color: #333;font-weight: normal;font-size: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 43px;margin-left: 14px;}
.menu2 .shapeB ul{display: flex;padding: 0 12px;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;overflow: hidden;}
.menu2 .shapeB ul li{text-align: center;display: inline-block;width: 23%;border: 1px solid #ddd;margin-bottom: 10px;}
.menu2 .shapeB ul li a{display: inline-block;color: #333;font-size: 14px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 32px;}
.menu2 .shapeB ul li.cur5 a{color: #fff;}
.menu2 .shapeB ul li.cur5{background: #FF9D01;}
.menu2 .shapeB ul li a:active{opacity: .8;}
/* 滚动条样式 */
.menu2::-webkit-scrollbar{height:0px;}
/*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;}
#ff{width: 100%;max-width: 768px;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;}
/*Head2*/
.Head2{display: block;padding: 0 12px;background: #fff;overflow: hidden;}
.Head2 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}
.Head2 .chose{float: right;margin: 8px 0;display: inline-block;border-radius: 13px;overflow: hidden;}
.Head2 .chose a{display: inline-block;float: left;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #999;line-height: 26px;padding: 0 6px;background: #f6f6f6;}
.Head2 .chose a.cur3{color: #fff;background: #ff9d01;}
.Head2 .chose a:active{opacity: .8;}
/*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;z-index: 4;}
/*精品*/
.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{font-weight: normal;display: block;width: 98%;height: 15px;margin: 0 auto 10px auto;overflow: hidden;}
.C1-explain h3 p{display: block;font-weight: normal;color: #333;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 15px;}
.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;}
/*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:active{background: #eee;}
.Cont2 ul li:last-child{border-bottom: none;}
.Cont2 ul li>a.C2-explain{display: inline-block;float: left;}
.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: 58px;height: 58px;border-radius: 10px;background: #969696;}
.Cont2 ul li .sub{display: block;height: 58px;margin: 0 68px;position: relative;/*overflow: hidden;*/}
.Cont2 ul li .sub div{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.sub h3{display: inline-block;max-height: 40px;font-weight: normal;margin-bottom: 2px; overflow: hidden;}
.sub h3 a{display: inline-block;max-height: 40px;line-height: 20px;color: #333;font-size: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; 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;line-height: 16px;float: left;color: #888;margin-right: 10px;}
.sub dd.time {margin-left: 10px;}
.sub dt span{color: #ff3f3f;}
.sub dd span{color: #FF9D01;}
.Cont2 ul li a.l_btn{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 58px;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;}
/*Cont3*/
.Cont3{padding: 15px 12px;background: #fff;overflow: hidden;}
.Cont3 .Cont3-box{}
.Cont3 .Cont3-box .Cont3-slide{width: 170px !important;margin-right: 11px !important;}
.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;width: 170px;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{padding: 0 12px;}
.Cont4 .Cont4-list{overflow: hidden;padding-top: 8px;}
.Cont4 .Cont4-list>h6{display: block;}
.Cont4 .Cont4-list>h6>a{display: inline-block;padding: 8px 15px;background: url(/public/images/list-icon.png) no-repeat left center;background-size: 5px auto;color: #333;font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/}
.Cont4 .Cont4-list>a:active{background: #eee;}
/*Cont5*/
.Cont5{background: #fff;display: block;}
.Cont5 ul{display:block;overflow: hidden;}
.Cont5 ul li{display:block;padding: 10px 12px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.Cont5 ul li:active{background-color: #eee;}
.Cont5 ul li:last-child{border: none;}
.Cont5 ul li>a{display: inline-block;float: left;margin-right: 10px;width: 88px;height: 58px;text-align:center;overflow: hidden;border-radius: 5px;}
.Cont5 ul li>a img{height:100%;}
.Cont5 ul li>dl{display: block;}
.Cont5 ul li>dl dt{height:40px;overflow: hidden;}
.Cont5 ul li>dl dt h3{display: inline-block;}
.Cont5 ul li>dl dt h3 a{display: inline-block;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #333;line-height: 20px;}
.Cont5 ul li>dl dd{display:table-cell;font-size: 10px;color: #999;height: 18px;vertical-align:bottom;}
.Cont5 ul li>dl dd em{display: inline-block;margin-left: 5px;}
/*Cont6*/
.Cont6{background: #fff;display: block;}
.Cont6 ul{display:block;padding: 0 12px;overflow: hidden;}
.Cont6 ul li{display: inline-block;width: 50%;float: left;margin: 5px 0;overflow: hidden;text-align: center;}
.Cont6 ul li a{display: inline-block;width: 94%;height: 0;padding-bottom: 45%;border-radius: 4px;overflow: hidden;}
.Cont6 ul li a img{display: inline-block;margin: auto;height: auto;width: 100%;}
/*Cont7*/
.Cont7 .Cont7-list{padding: 0 12px;overflow: hidden;}
.Cont7 .Cont7-list li{position: relative;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.Cont7 .Cont7-list li:nth-last-child(2){border: none;}
.Cont7 .Cont7-list li>a{display: inline-block;float: right;text-align: center;color: #22c3b7;line-height: 28px;width: 57.5px;/*background: #ff9d01;*/border: 1px solid #22c3b7;border-radius: 3px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont7 .Cont7-list li>a:active{opacity: .8;}
.Cont7 .Cont7-list li>div{margin: 10px 79.5px 10px 0;}
.Cont7 .Cont7-list li>div a{display: inline-block;background: url(/public/images/l-list.png) no-repeat left center;background-size: auto 12px;padding-left: 18px;margin-bottom: 3px;line-height: 19px;color: #333;font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/}
.Cont7 .Cont7-list li>div dl{margin-left: 18px;overflow: hidden;}
.Cont7 .Cont7-list li>div dl dt{float: left;margin-right: 10px;line-height: 16px;color: #888;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;/}
.Cont7 .Cont7-list li>div dl dd{color: #888;font-size: 12px;line-height: 16px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.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;}
.interlink{background: #fff;overflow: hidden; margin-top: 6px;}
.interlink .interlink-list{overflow: hidden;margin: 0 12px 10px 12px;}
.interlink .interlink-list a{display: inline-block;font-size: 12px;color: #666;margin-right: 20px;line-height: 28px;}
.interlink .interlink-list a:active{color: #FF9D01;}
/*页码*/
.ym{display: flex;justify-content: space-between;border-top: 1px solid #f5f5f5;padding: 10px 12px;max-width: 768px;min-width: 320px;}
/* 滚动条样式 */
@media only screen and (min-width: 768px){.ym span .cbtn::-webkit-scrollbar{width:6px; border-radius: 3px;}.ym span .cbtn::-webkit-scrollbar-button:vertical{display:none}.ym span .cbtn::-webkit-scrollbar-track-piece{background: #fff;}.ym span .cbtn::-webkit-scrollbar-thumb:vertical{background-color:#eee;border-radius:3px}.ym span .cbtn::-webkit-scrollbar-thumb:vertical:hover{background-color:#FF9D01}}
.ym>a{margin: 14px 5px;width: 18%;display: inline-block;line-height: 30px;border-radius: 2px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.ym>li{margin: 14px 5px;width: 18%;display: inline-block;line-height: 30px;border-radius: 2px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.ym>a:active,.ym>span .cbtn a:active{background: #ddd;}
.ym>a:nth-child(4){width: 14%;}
.ym>a:nth-child(5){width: 14%;}
.ym>a.over{color: #bbb;}
.ym>span,.ym .thisclass{margin: 14px 5px;width: 14%;display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #FF9D01;color: #fff;font-size: 14px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;position: relative;}
.ym>span .cbtn{position: absolute;top: -62px;left: 0;z-index: 10;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb;}
.ym>span .cbtn a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #666;}
/*当前页码样式*/
.ym>span .cbtn a.now{background: #FF9D01;color: #fff;}
/*面包屑*/
.crumbs{height:25px; line-height:25px;overflow:hidden; margin-top:94px; color:#bdbdbd; padding:0 10px; font-size:12px;}
.crumbs i{display:inline-block; width:6px; height:12px; vertical-align:middle;background: url(/public/images/sprite.png) no-repeat 0 0;background-size: 150px auto;}
.crumbs a,.crumbs i{color:#bdbdbd; margin-right:8px;}
/*栏目分类*/
.navfenlei{padding:0 5px 15px; margin-top:-10px;}
.navfenlei li{float:left;display:inline-block;margin-top:15px;width:25%;text-align:center}
.navfenlei li a{display:block;box-sizing:border-box;margin:0 5px;height:34px;line-height:30px;border:1px solid #EAE5DA; background:#fff;border-radius:5px;font-size:14px;-webkit-box-shadow: 0 2px 2px rgba(6,0,1,0.1); -moz-box-shadow:0 2px 2px rgba(6,0,1,0.1); box-shadow:0 2px 2px rgba(6,0,1,0.1);}
.navfenlei li a:active{background-color:#eee}
.navfenlei li a.select{border-color:#ff9d01; background:#ff9d01; color:#fff;}

.dj-news{width: 100%;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*栏目分类*/
.yxk-library{width: 100%;background: #fff;margin: 100px 0 6px 0;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.yxk-cont1{display: block;margin: 0 12px;border-top: 1px solid #f6f6f6;}
.yxk-cont1 ul{padding-bottom: 15px;overflow: hidden;border-bottom: 1px solid #f6f6f6;}
.yxk-cont1 ul li{float: left;display: inline-block;width: 20%;margin-top: 15px;text-align: center;}
.yxk-cont1 ul li a{display:block;color:#888;font:12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height:30px;border:1px solid #eee;margin:0 5px;border-radius: 3px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yxk-cont1 ul li a.current{color: #fff;background: #ff9d01;border: 1px solid #ff9d01;}
.yxk-cont1 ul li span{display: inline-block;color: #FF9D01;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 19px;padding-left: 22px;
margin-top: 17px;background: url(/public/images/open.png) no-repeat left top;background-size: 19px auto;}
.yxk-cont1 ul li a:active{background-color: #eee;}
.lei-3{padding: 10px 0;margin: 0 12px;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.lei-3 dt{display: inline-block;text-align: center;line-height: 30px;background: #f5f5f5;width: 18%;margin-right: 10px;border-radius: 2px;float: left;cursor: pointer;}
.lei-3 dd{display: inline-block;text-align: center;line-height: 30px;background: #f5f5f5;border-radius: 2px;width: 18%;cursor: pointer;}
.lei-3 *.currC{background: #FF9D01;}
.lei-3 *.currC a{color: #fff;}
.lei-3 *:active{opacity: .8;}
.hide{display:none;}
.hj-collection{width: 100%;padding-top: 100px;-webkit-box-shadow: 0 3px 3px #ebebeb;  -moz-box-shadow: 0 3px 3px #ebebeb;  box-shadow: 0 3px 3px #ebebeb;}
/*合集列表*/
.game-list{width: 100%;padding-top: 57px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*软件专题zt*/
.jianjie{margin-top:100px !important;}
.jianjie .xiangxi{padding: 20px 0;}
.jianjie .xiangxi p{padding: 0 12px;overflow: hidden;font-size: 13px;line-height: 22px;}