@charset "utf-8";
@import url("theme-ui.css");
body{font-family:"Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
*{margin:0;padding:0;font-family:Helvetica,Arial,Microsoft Yahei,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a{text-decoration:none;outline:0}
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#555555;}
.text-333{ color: #333!important;}
.text-666{ color: #666!important;}
.text-muted{ color: #999!important;}
.text-red{ color: red!important;}
.text-link{ color: blue!important;}
.text-fff{ color: #fff!important;}
.text-ccc{ color: #ccc!important;}
.text-f2{ color: #f2f2f2!important;}
.text-888{ color: #888!important;}
.text-hot{ color:#ff4a4a!important;}
.text-tui{ color:#ff7701!important;}
.text-hits{ color:#ffb400!important;}
.text-xia{ color:#5cb85c!important;}
.text-this,.text-color{color:#33cc99!important;}
.bg-fff{ background:#FFF}
a:active,a:hover{outline:0}
a:focus{outline:none;}
a:focus,a:hover,a:link{text-decoration:none;}
a:focus,a:hover{color:#33cc99;}
li,ol,ul{margin:0;padding:0;list-style:none}
p{line-height:1.5}
em,i{font-style:normal}
img{display:inline-block;vertical-align:middle}
.iconfont{vertical-align:middle;}
/*box*/
body{background:#fff;color:#666;}
body.box{background: rgb(242, 242, 242);color:#555555;}
body.box .layout-box,body.box .type-box,body.mobile .layout-box{background:white;padding:10px;box-sizing: border-box;}
body.box .pannel-box{background:white;padding:10px;}
body.box .nav-box{background:hsla(0,0%,100%,.4);padding:10px; margin-top:18px;margin-left:0px; margin-right:0px;}
body.box .row{margin:-10px;}
body.box .rows{margin:0px -20px;}
body.mobile{background:#f2f2f2;color:#333;}
body.mobile .box{background:#f2f2f2;color:#333;box-shadow: 0 1px 4px rgba(0,0,0,.07);}
/* form */
input::-ms-clear{display:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 62.5rem #fff inset!important}
img,input{border:0}
input[type=submit]{cursor:pointer}
input[type=email],input[type=password],input[type=search],input[type=submit],input[type=text],option,select,textarea{-webkit-appearance:none}
input,option,select,textarea{font-size:100%;outline:0}
textarea{resize:none;overflow-x:hidden}
.iconfont{font-size:24px;color:#666;}
.loading{background:url(../images/loading.gif) no-repeat center;display:block; text-indent:15%;}
.loading,.kong{text-align:center;line-height:32px;clear:both; padding:30px 0px;}
/* col */
.layout-box,.pannel-box{margin-top:20px;}
.layout-box:after,.layout-box:before,.pannel-box:after,.pannel-box:before{display:table;content:" ";clear:both}
.box-l{padding-left:0px!important}
.box-r{padding-right:0px!important}
.mt-18,.mt-15{ margin-top:15px!important}
.top35{top:35%}
.top40{top:40%}
[class*=col-]{padding:10px }
.dropdown-box{ background:#FFF}
/*header*/
.header{ padding-bottom:10px;background:#FFF; position: relative;overflow: hidden}
.header-top{font-size: 14px;line-height:42px;background: #fafafa;border-bottom: 1px solid #e2e2e2;font-size: 14px; color:#bbb;padding-left: 100px;padding-right:100px;position: relative;margin-right: auto;margin-left: auto; overflow: hidden}
.header-top a{margin-left:8px; margin-right:8px;}
.header-logo{margin-top: 15px;display: block;height: 94px;text-indent: -9999em;background: url(../images/logo.png) no-repeat 0 12px;box-sizing: border-box; width:30%}
.header-search{margin-top: 18px; padding-top:10px;overflow:hidden;float:right; width:45%}
.header-search-form{ overflow:hidden; position:relative}
.header-search-input{width: 100%;height: 38px;line-height:38px;overflow: hidden;padding: 4px 60px 4px 5px;background: #fff;border: 2px solid #33cc99;border-right-color: rgb(71, 183, 81);border-right-style: solid;border-right-width: 2px;border-right: 0 none;font-size: 12px;color: #333; float:left;}
.header-search-submit{float: left;width: 72px;height: 38px;border: 0 none;cursor: pointer;background:#33cc99;color: #fff;font-size: 14px;position:absolute; right:0; bottom:0; top:0}
.header-search-hot{ margin-top:10px;}
.header-search-hot a{margin-right:5px;}
.min-nav ul{ float:left; width:70%}
.min-search{ float:right; padding-top:8px;}
.min-search .header-search-form{ position:relative}
.min-search .header-search-submit{ position:absolute; right:0px; background:none; width:auto; float:right}
.min-search .header-search-submit .icon-search{ float:right; margin-right:10px;}

.navbar{background: linear-gradient(to right,#33cc99 0,#33cc99 70%);box-shadow:0 2px 6px rgba(120,128,251,.2);border-bottom: 1px solid #33cc99;position: relative;overflow:hidden}
.header-nav ul{font-size:17px;}
.header-nav ul li{padding:17px 0px;width:16%;float:left; text-align:center}
.header-nav ul li a{ color:#fff}
.header-nav ul li:hover,.header-nav ul li.active{background:#04939b;}
.header-nav{position:relative;z-index:1;overflow:hidden;}
.top-nav{background:#EAEAEA;overflow:hidden;box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.top-nav-title{color:#33cc99;border-right: 1px solid #33cc99; padding-right:15px;}
.top-nav-title a{color:#33cc99;}
.top-nav li{width:auto!important;}
.top-nav li.active,.top-nav li:hover{background:#f8f8f8;}
.top-nav li.active a{color:#33cc99}
.top-nav li a{padding:5px 18px; margin:10px 0px;display:inline-block;border-right: 1px solid #DFDFDF;border-left: 1px solid #fff;}
.top-nav li:nth-child(1) a{ border-left:none}
.top-nav li:nth-last-child(1) a{ border-right:none}

/*img-pic*/
.pic10{padding-top:10%!important;}
.pic15{padding-top:15%!important;}
.pic20{padding-top:20%!important;}
.pic30{padding-top:30%!important;}
.pic40{padding-top:40%!important;}
.pic45{padding-top:45%!important;}
.pic50{padding-top:50%!important;}
.pic55,.vod-pic55{padding-top:55%!important;}
.pic60,.slide-pic60{padding-top:60%!important;}
.pic65{padding-top:65%!important;}
.pic70{padding-top:70%!important;}
.pic75{padding-top:75%!important;}
.pic80{padding-top:80%!important;}
.pic85{padding-top:85%!important;}
.pic90{padding-top:90%!important;}
.pic100{padding-top:100%!important;}
.pic110{padding-top:110%!important;}
.pic115{padding-top:115%!important;}
.pic120{padding-top:120%!important;}
.pic130{padding-top:130%!important;}
.pic140{padding-top:140%!important;}
.pic150{padding-top:150%!important;}
.pic160{padding-top:160%!important;}

.box-slide .swiper-slide{overflow:hidden;}
.box-slide,.auto-slide{position:relative;overflow:hidden}
/*swiper-page */
.slide-title{display:block;width:100%;position:absolute;bottom:0;left:0;padding:30px 0 40px;background-repeat:no-repeat;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));font-size:14px;color:#fff;text-align:center}
.swiper-pagination{bottom:10px;left: 0;width:100%;}
.swiper-wrapper:hover .swiper-page,.auto-slide:hover .swiper-page,.article-images:hover .swiper-page,.auto-slides:hover .swiper-page{display:block;background:rgba(0, 0, 0, 0.6); animation: fade-in; animation-duration: .3s; -webkit-animation:fade-in .3s;}
.swiper-page{padding:12px 8px;background-color:rgba(0,0,0,.1); width:auto; height:auto;font-size:12px;margin-top:0px;--swiper-navigation-size:15px;--swiper-theme-color:#fff;display:none;}
.swiper-page.swiper-button-prev{border-radius: 0 5px 5px 0; left:0;}
.swiper-page.swiper-button-next{border-radius: 5px 0 0 5px; right:0;}
.swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 18px;height: 4px;margin: 0 2px;background:#33cc99;border-radius: 0;}

.top-line::before,.bottom-line::before,.top-line-dot::before,.bottom-line-dot::before {border-color:#eee;}

.img-list [class*=col-]{padding:10px}
.img-list .title{ font-size:14px; text-align:center; margin-top:10px;}
.img-list h2{ line-height:32px; font-size:14px; margin-top:10px;}
.img-pic{display: block;position: relative;padding-top:100%;border-radius:18px;}
.img-pic img{position:absolute;left:0;top:0;width:100%;height: 100%;border-radius:18px;object-fit:cover;object-position: center top;}
.img-pic:hover{box-shadow:0 2px 5px rgba(51,51,51,0.2);}
.img-pic.thumb img{object-position: 50% 50%;border-radius:0px;}
.img-pic .title-bg{position:absolute;top:0;left:0;z-index:1;display:block;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.3s;color:#fff;text-indent:-9999em;border-radius:18px}
.img-pic .title-bg:hover{background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);opacity:1;text-align:center;text-indent:1px}
.img-pic .title-bg:hover:before{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:35px;top:45%;position:relative}
.img-pic .title-text{z-index:2;display:inline-block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;background-repeat:no-repeat;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff;border-bottom-right-radius:18px;border-bottom-left-radius:18px}
.img-s img{border-radius:18px; display:block}
.img-s:hover img{box-shadow:0 4px 8px rgba(51,51,51,0.2);}
.img-list li:hover .title a{ color:#33cc99}
.img-list .bg{z-index:2;display:inline-block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 5px 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,1));color:#fff;border-radius:0 0 18px 18px; font-size:12px; display:none;}
.img-list li:hover  .bg{ display:block;}
.radius5 img,.radius5 .title-text,.radius5 .title-bg {border-radius: 5px!important;}
.radius0 img{border-radius:0px!important;}
.radius100 img,.radius100 .title-text,.radius100 .title-bg {border-radius:100%!important;}
.tipss{color: #FFF;position: absolute;top: 5px;left: 5px;padding: 2px 8px;text-align: left;font-size: 12px;z-index: 2;border-radius: 5px;background:#33cc99;}



.title-lb{border-left:4px solid #33cc99;font-size:22px;margin-right:10px;}
.box-title{line-height:48px;font-size:18px;overflow:hidden;}
.box-title.bs{border-bottom:1px solid #eee;}
.box-title.bd{border-bottom: 1px dashed #f5f5f5;}
.box-title h2,.box-title h1{display: inline-block;font-size:18px!important; margin-bottom:0px!important;}
.box-title .iconfont{font-weight:bold;color:#33cc99; margin-right:10px;}
.box-title-tab{font-size:22px;border-bottom:2px solid #f2f2f2;padding-bottom:-2px;zoom:1;line-height:45px; position:relative;}
.box-title-tab.bb{ border-bottom-color:#33cc99}
.box-more{ margin-left:10px;float:right;font-size:14px;color: #999;font-family: 'Microsoft YaHei','Arial','Heiti SC';}
.box-more i.iconfont{margin-left:0px; margin-right:0px!important; font-size:22px; font-weight:normal!important; color:#999;}

.article-title {background: #f6f6f6;padding: 9px 10px;margin: 10px 0px;}
.article-title h3{line-height: 32px;}
.title-fl{margin-right: 10px;padding: 5px 10px;text-align: center;border-radius: 6px;font-size: 12px;background:#33cc99;color: #fff;}
.title-fl:hover{color: #fff;}

.switch-nav{overflow:hidden;border-left :1px solid #f6f6f6;border-right :1px solid #f6f6f6;border-top :1px solid #f6f6f6; font-size:16px; margin-top:10px;}
.switch-nav { overflow:hidden}
.switch-nav  li{padding:12px 40px; float:left;}
.switch-nav  li.active,.switch-nav li:hover{ background:#33cc99}
.switch-nav  li.active a,.switch-nav li:hover a{color:#FFF}

.tab-switch a{display: inline-block;*display: inline;*zoom: 1;margin-bottom: -2px;border-bottom:2px solid #f2f2f2; margin-right:30px;}
.tab-switch a:hover,.tab-switch a.active{border-bottom:2px solid #33cc99; color:#33cc99}
.tab-switch i{color:#ccc;font-size:18px;margin-left:10px;}
.tab-switch .iconfont{margin-right:10px;color:#33cc99}
.arrow-top{position:absolute; left:0px; top:-1px; text-align:center; width:50%; height:1px;border-radius: 4px;background:#33cc99;color: #999;z-index:2}
.arrow-top:before,.arrow-top:after{content: '';border-color: transparent;border-style: solid;position: absolute;}
.arrow-top:after{left: 45%;top: -13px;border-width: 8px 8px;border-bottom-color:#FAFAFA;}
.arrow-top:before{left: 45%;top: -15px;border-width: 8px 8px;border-bottom-color: #33cc99;}

.arrow-bottom{position:absolute;width:100%;left:0px; bottom:-1px; text-align:center; height:1px;border-radius: 4px;background:#04939b;color: #999;z-index:2}
.arrow-bottom:before,.arrow-bottom:after {content: '';border-color: transparent;border-style: solid;position: absolute;}
.arrow-bottom:after {left: 42%; bottom:-2px;border-width: 8px 8px;border-bottom-color:#FAFAFA;}
.arrow-bottom:before {left: 42%; bottom:0px;border-width: 8px 8px;border-bottom-color: #04939b;}

.arrow-right{position:absolute;width:100%;top:30%; right:-1px; text-align:center; height:1px;border-radius: 4px;color: #999;z-index:2}
.arrow-right:before,.arrow-right:after {content: '';border-color: transparent;border-style: solid;position: absolute;}
.arrow-right:after {top: 42%; right:-2px;border-width: 8px 8px;border-right-color:#FAFAFA;}
.arrow-right:before {top: 42%; right:0px;border-width: 8px 8px;border-right-color: #04939b;}

.show-top-nav{border-bottom: 2px solid #33cc99; overflow:hidden; text-align:center}
.show-top-nav li{display: inline-block;position: relative;line-height:22px;}
.show-top-nav li:hover a,.show-top-nav li.active a{ color:#FFF}
.show-top-nav-ul li a{ background:#f2f2f2;padding: 8px 10px;display: block;}
.show-top-nav-ul li a:hover,.show-top-nav-ul li.active a,.show-top-nav li:hover,.show-top-nav li.active,.box-nav-ul li a:hover{ background:#33cc99; color:#FFF}
.box-nav-ul li a{ background:#EAEAEA;padding:0px 12px;display: block;}

.tab-arrow{border-bottom:1px solid #e5e5e5; color:#33cc99; font-size:16px;margin-bottom:10px;}
.tab-arrow a{padding:10px 15px;display:inline-block ;position:relative;cursor:pointer}
.tab-arrow .arrow-bottom{ display:none}
.tab-arrow .active{ color:#04939b}
.tab-arrow .active .arrow-bottom,.tab-arrow a:hover .arrow-bottom{ display:block}
.tab-arrow.bg-tb{border-bottom:1px solid #33cc99;}
.tab-arrow.bg-tb .active{ color:#FFF; background:#33cc99}
.tab-bg-tb{border:1px solid #33cc99;overflow:hidden}
.tab-left-nav li{ padding: 11% 0px;position:relative;cursor:pointer; text-align:center;}
.tab-left-nav li.active{ background:#33cc99; color:#FFF}
.tab-left-nav li.active .arrow-right{ display:block}
.tab-left-nav li .arrow-right{ display:none}

.tab-arrows{color:#33cc99; font-size:16px;}
.tab-arrows a{display:inline-block ;position:relative;cursor:pointer; padding-left:10px; padding-right:10px;}
.tab-arrows .arrow-bottom{display:none;bottom:-3px!important}
.tab-arrows .arrow-bottom{display:none;bottom:-4px;}
.tab-arrows .active{ color:#04939b}
.tab-arrows .active .arrow-bottom,.tab-arrows a:hover .arrow-bottom{ display:block}

.kaifu{border:1px solid #f6f6f6;overflow:hidden}
.kaifu-ul li:hover{background-color:#FAFAFA}
.kaifu-ul{ padding:10px;}
.kaifu-ul li{ overflow:hidden; padding:10px; position:relative}
.kaifu-ul li .nm{ position:relative}
.kaifu-ul li .nm span {display: block;position: absolute;left: 0;top: 10px;z-index: 0;width: 65%;height: 12px;background: #f2f2f2;border-radius: 6px;overflow: hidden;}
.kaifu-ul li .nm u {display: block;height: 12px;background:#04939b;z-index: 1;max-width: 100%;}
.kaifu-ul li .nm p {height: 12px;line-height:12px;font-size: 12px;color: #999; float:right; margin-top:10px; margin-right:10px;}
.kaifu-ul li .lq{ position:absolute;color: #333;font-size: 14px;background: #f2f2f2;border-radius: 4px;text-align: center;padding:8px 17px;display: block; right:10px; top:15px;}
.kaifu-ul li .lq:hover{background:#33cc99;}
.kaifu-ul li a.lq:hover{ color:#FFF}


.txt-list{overflow:hidden; margin-top:5px;}
.txt-list li{ line-height:28px;}
.txt-list a{text-align:center;padding:0px 10px;}
.txt-name{float:left;text-align:center; display:inline-block; padding:0px 15px;border-radius:3px;color:#FFF;margin-right:10px;}
.txt-name.c1{background:#fa6567;}
.txt-name.c2{background:#33cc99}
.txt-name.c3{background:#fb7c4d;}
.txt-name.c4{background:#777ffb;}

.txt-lists{margin-top:10px;}
.txt-lists li{overflow:hidden;padding:3px 0px;line-height:28px;}
.txt-lists li i{width: 4px;height: 4px;float: left;background: #999999;margin-top: 13px;margin-right: 10px;}
.txt-lists li:hover .menu-name{background:#33cc99;}
.txt-lists li:hover .menu-name{ color:#FFF}
.txt-time{float:right; color:#ccc}
.menu-name{background: rgb(238, 238, 238);margin-right:15px;padding:3px 15px;display:inline-block;border-radius:3px;color:#555555;}


.img-txt-list{ overflow:hidden}
.img-txt-list .top-line-dashed{color:#CCC; margin:15px 0px 5px 10px;}
.img-txt-list li{padding:7px 0px;}
.img-txt-list li i{float:right;color:#999;}
.img-txt-list li .img-txt-menu{float:left;margin-right:5px; padding-right:5px;border-right: 1px solid #CCC;}
.img-txt-list li img{width:20px;height:20px;border-radius:5px; margin-left:10px; margin-right:10px;}
.img-txt-list.kaice li{padding:8px; line-height:45px;}
.img-txt-list.kaice li img{ width:50px; height:50px;margin-left:0px;}
.img-txt-list.kaice li:hover{background:#FAFAFA;}
.img-txt-list.xiaotu li{ line-height:38px;padding:5px 8px;}
.img-txt-list.xiaotu li img{ width:25px; height:25px;margin-left:0px;}
.img-txt-list.xiaotu li:hover{background:#FAFAFA;}
.line-dashed{color: #CCC;margin: 15px 0px 5px 0px;padding: 7px 0px;border-top: 1px dashed;height: 1px;}

.img-xiao-list{border-left: 1px solid #f1f2f6; padding:15px;}
.img-xiao-list li{padding:10px 0px;}
.img-xiao-list h2{ margin-left:-15px; margin-right:-15px; text-align:center; margin-bottom:15px; margin-top:-15px;background:#f5f6f9; font-size:16px; line-height:38px;}
.img-xiao-list h2:hover,.img-xiao-list h2.active{ background:#33cc99}
.img-xiao-list h2:hover a,.img-xiao-list h2.active a{ color:#FFF}
.img-xiao-list li a{ margin-left:10%}
.img-xiao-list li img{width:24px;height:24px;border-radius:5px; margin-left:10px; margin-right:10px;}
.ico-tui{ position:absolute; z-index:3;top:21px; left:9px; font-size:38px; color:#F00}
.list-soft-images .ico-tui{ font-size:50px;top:26px;left:10px;}

.txt-list-s li{padding:10px 15px;border-bottom:1px dashed #f5f5f5;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer }
.txt-list-s li .hits-txt{float:right; color:#ccc;}
.txt-list-s li .num,.mobile-list-hot li .num{text-align:center;width:23px;height:23px;box-shadow:0 2px 6px rgba(51,51,51,.2);margin-right:15px;float:left;line-height:23px}
.txt-list-s li .num,.mobile-list-hot li .num{color:#fff;background:#b0b7c2}
.txt-list-s li:nth-child(1) .num,.mobile-list-hot li:nth-child(1) .num{background:#ff4a4a;box-shadow:0 2px 6px rgba(255,74,74,.2)}
.txt-list-s li:nth-child(2) .num,.mobile-list-hot li:nth-child(2) .num{background:#ff7701;box-shadow:0 2px 6px rgba(255,119,1,.2)}
.txt-list-s li:nth-child(3) .num,.mobile-list-hot li:nth-child(3) .num{background:#ffb400;box-shadow:0 2px 6px rgba(255,180,0,.2)}

.down-list-hot li{padding:11px 5px;position:static!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.down-list-hot li .hot-img-info{border: 1px solid #e5e5e5;margin-top: 20px;padding-top: 10px;position: relative; background:#FAFAFA; padding:10px; display:none;}
.down-list-hot li .hot-img-info p{line-height:35px;}
.down-list-hot li .hot-img-info .img-pic{ float:left; width:23%; padding-top:23%; margin-right:15px;}
.down-list-hot li:hover .hot-img-info,.down-list-hot .active .hot-img-info{display:block;}
.hot-img-info .info{ padding:10px; float:left; width:70%;}
.hot-img-info .name{ font-size:16px; overflow:hidden; width:100%; line-height:30px; height:30px}
.hot-img-info .downl,.list-soft-images .downl{ position:absolute; bottom:10px; right:10px;color: #333;font-size: 14px;background: #f2f2f2;border-radius: 4px;text-align: center;line-height: 32px;padding: 0px 17px;display: block;float: right;}
.btn-down{color: #333;font-size: 14px;background: #f2f2f2;border-radius: 4px;text-align: center;line-height: 32px;padding: 0px 17px;display: block;}
.btn-down:hover{ background:#33cc99; color:#FFF}
.down-list-hot li:hover .downl,.down-list-hot li.active .downl,.list-soft-images .downl{background:#33cc99; color:#FFF}
.down-list-hot li:hover .img-s img,.down-list-hot li.active .img-s img,.down-list-hot li:hover .img-pic,.down-list-hot li.active .img-pic{box-shadow:0 2px 5px rgba(51,51,51,0.2);}
.down-list-hot li:hover .name,.down-list-hot li.active .name{ color:#33cc99}
.startop{ position:absolute; top:25px; right:10px}
.star10{ position:absolute; top:11px;}
.star,.star0,.star1,.star2,.star3,.star4,.star5,.star10{background: url(../images/star.gif) no-repeat;height: 17px;width: 90px;display:inline-block;}
.star1{background-position: 0 -18px;}
.star2{background-position: 0 -35px;}
.star3{background-position: 0 -53px;}
.star4{background-position: 0 -70px;}
.star5{background-position: 0 -88px;}
.link li{ padding:10px; float:left}
/*底部内容 */
.footer{text-align:center;margin-top:20px;border-top: 1px solid #ededed;background: #3a3a3a; line-height:35px; padding:20px 0px;color: #999;}
.footer p{line-height:24px;}
.footer a{color: #999;}
.footer a:hover{ color:#33cc99;}
.footer-nav{margin: 10px 0px;}
.footer-nav a{margin: 0 10px;}
.top-tool li .icon-weixin2 {color: #5cb85c;}
.top-tool li .icon-liuyan1 {color: #F56467;}

/*列表相关 */
.top-weizhi {margin-top:10px;font-size:14px;color: #999; padding:10px 10px 5px 0px;}
.mobile .top-weizhi { padding-left:15px; padding-right:15px;}
.top-weizhi .iconfont{font-size: 22px;}
.top-weizhi a {position: relative;}
.top-weizhi i {font-family: "宋体";}

.list-title{margin:10px;padding-bottom:7px;border-bottom: 2px solid #e7e7e7;}
.list-title h1{font-size:16px; padding-left:10px; float:left}
.list-type-order h2{ font-size:16px;}
.list-type-order h2 a{font-weight:bold;padding-bottom:8px;}
.list-type-order a{font-weight:400;padding-bottom:9px; margin-right:15px;}
.list-type-order a.active,.list-type-order a:hover{border-bottom: 2px solid #33cc99; color:#33cc99}


.list-soft-ul{ padding:10px;}
.list-soft-ul h3,.list-soft-ul h2,.list-soft-img h3,.list-soft-img h2{ font-size:14px;}
.list-soft-ul li{border: 1px solid #e5e5e5; position: relative;background: #FAFAFA; display:inline-block; margin-bottom:20px;}
.list-soft-ul li .downl{ position:absolute; bottom:10px; right:10px;color: #333;font-size: 14px;border: 1px solid #33cc99;border-radius: 4px;text-align: center;padding:5px 17px;display: block;float: right; color:#33cc99; font-size:13px;}
.list-soft-ul li .downl:hover,.list-soft-ul li:hover .downl{ background:#33cc99;border: 1px solid #33cc99; color:#FFF}
.list-soft-info{ line-height:22px; width:100%; float:left; margin-top:8px;}
.list-tui{border: 1px solid #e7e7e7;margin-top:15px;background: #f8f8f8;text-align:center;position:relative;overflow:hidden}
.list-tui-title{width:40px; padding:2.5%  10px 0px 10px; line-height:24px;background: #f8f8f8; float:left;}
.list-tui-title span {font-weight: 400;}
.list-tui .auto-slides{ background:#FFF; margin-left:40px!important;position:relative; overflow:hidden}
.list-soft-platform{ line-height:35px; font-size:13px;}
.list-soft-platform i,.list-soft-platform a{margin-right:5px;}
.list-soft-platform i{ font-size:18px;}
.list-soft-platform strong{ font-weight:normal}
.list-soft-img{ position:relative}
.list-soft-img .soft-img{ padding:15px;border: 1px solid #e5e5e5;background: #FAFAFA;}
.list-soft-img .soft-size{ margin:5px -15px -15px -15px; padding:10px; text-align:center; background:#f5f5f5;}
.list-soft-img li:hover .soft-size .text-ccc{ color:#FFF!important}

.list-soft-img .list-soft-infos{display:none;padding:15px;border: 1px solid #33cc99;background: #FAFAFA;}
.list-soft-info h2{ font-size:14px;}

.hover_img:hover .soft-img{display:none}
.hover_img:hover .list-soft-infos{display:block}
.list-soft-infos .soft-size,.list-soft-img li:hover .soft-size{ background:#33cc99; color:#FFF!important}
.list-soft-img li:hover .soft-size a{ color:#FFF}
.list-soft-img li:hover .soft-img{border: 1px solid #33cc99;background: #FAFAFA;}
.tips-a{border-radius:8px;background:#f6f6f6;color: #999;margin-right:10px;display: inline-block;padding: 5px 10px;border: 1px solid #e5e5e5; margin-bottom:5px;}
.tips-a:hover{background:#33cc99; color:#FFF}
.list-nav-ul li a{border: 1px solid #e5e5e5;background: #FAFAFA;display: block;padding: 8px 5px;text-align: center;}
.list-nav-ul li:hover a,.list-nav-ul li a.active{background:#33cc99; color:#FFF;border: 1px solid #33cc99;}
.list-tag-ul a {padding: 4px 10px;line-height: 30px;word-break: break-all;white-space: nowrap;font-weight:600;display: inline-block;}
.letter-list li{border: 1px solid #33cc99;padding: 4px 15px;line-height:30px;background:#33cc99;margin-right:5px;color:#FFF;font-weight:600; float:left;width: auto!important;}
.letter-list li a{color:#FFF}
.letter-list li:hover,.letter-list li.active{background:#33cc99;}
.tag-hot a:nth-child(1n){background:linear-gradient(to right,#33cc99 0,#33cc99 100%);background-clip:border-box;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag-hot a:nth-child(2n){background:linear-gradient(to right,#85d3d5 0,#b6e6e8 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag-hot a:nth-child(3n){background:linear-gradient(to right,#fa6567 0,#fa8587 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag-hot a:nth-child(4n){background:linear-gradient(to right,#fb7c4d 0,#fc9d78 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag-hot a:nth-child(5n){background:linear-gradient(to right,#feac5e,#c779d0,#4bc0c8 100%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag-hot a:nth-child(6n){color:#ffdb70}
.tag-hot a:nth-child(7n){color:#000}
.tag-hot a:nth-child(8n){background:linear-gradient(to right,#777ffb 0,#a8acfc 100%);background-clip:border-box;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.android-color{color:#47b751;}
.iphone-color{color:#33cc99;}
.ipad-color{color:#ff7701;}
.ipad-color{color:#ffb400;}
.mac-color{color:#009900;}
.link-code{position:relative;}
#link-code{ padding:10px;}
#link-code,.soft-code{position:absolute; left:-50%;top:28px; z-index:2;border: 1px solid #ddd; background:#FFF; text-align:center;}
#link-code:after,#link-code:before,.soft-code:after,.soft-code:before{position: absolute;top:-20px;left:40%;content: '';border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-right: 10px transparent dashed;border-bottom: 10px #fff solid;}
#link-code:before,.soft-code:before{border-bottom: 10px #ddd solid;}
#link-code:after,.soft-code:after{top:-19px;border-bottom: 10px #fff solid;}
#link-code img{ width:120px; height:120px;}
#link-code .code{ width:100px; height:100px;}
/*page*/
.list-page{text-align: center;padding-bottom:15px; padding-top:15px; clear:both}
.list-page ul li{display:inline-block;padding:0;margin-left:5px;margin-right:5px;border-radius:5px;font-size:14px;display:inline-block;padding:9px 15px}
.list-page ul li a,.list-page ul li span,.list-page ul li.hidden-xs{display:inline-block}
.list-page ul li,.box-page ul li{box-shadow:0 4px 10px rgba(51,51,51,.1);}
.list-page ul li.disabled,.list-page ul li.disabled:hover{background-color:#ccc;color:#333}
.list-page ul li.active,.list-page ul li:hover,.list-page ul li:hover a{background:#33cc99;color:#fff}
/*单页导航*/
.my-nav{ margin:-10px;border: 1px solid #DFDFDF;}
.my-nav li{ padding:15px 10px; text-align:center;background: #f6f6f6;border-bottom: 1px solid #DFDFDF;border-top: 1px solid #fff;}
.my-nav li:nth-child(1){border-top: none;}
.my-nav li:nth-last-child(1) {border-bottom: none;}
.my-nav li:hover,.my-nav li.active{ background:#33cc99;border-bottom: 1px solid #33cc99;}
.my-nav li:hover a,.my-nav li.active a{ color:#FFF}
.my-content{line-height:28px; padding:15px;font-size:14px;}
.my-content p{line-height:28px;}

/*软件内容*/
.soft-info h1{ font-size:28px; line-height:40px;height:40px; color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.soft-info h1 span{color: #888;font-size: 14px; margin-left:20px;font-weight: 400;}
.soft-info-img{ margin-top:8%}
.soft-info .soft-power{ float:left; cursor:pointer}
.soft-info .soft-power:hover .txt{display:block;}
.soft-power .txt{display:none;border: 1px solid #e5e5e5;background: #FAFAFA; padding:15px;position:absolute; z-index:2;top:45px;}
.soft-power .iconfont{vertical-align:middle;}
.soft-power .txt:after,.soft-power .txt:before{position: absolute;top:-20px;left:40%;content: '';border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-right: 10px transparent dashed;border-bottom: 10px #fff solid;}
.soft-power .txt:before{border-bottom: 10px #ddd solid;}
.soft-power .txt:after{top:-19px;border-bottom: 10px #FAFAFA solid;}
.soft-power p.title{ margin-bottom:10px; color:#ff4a4a}
.soft-info-down a{padding:10px 15px 10px 10px;background:#33cc99; color:#FFF;border-radius: 5px; margin-right:15px;word-break: break-all;white-space: nowrap;display: inline-block;}
.soft-info-down a.heji,.soft-info-down a.heji:hover{background: #fa6567;}
.soft-down-mobile a.btn{padding:10px 15px 10px 10px; display:block; text-align:center;border: 1px solid #33cc99; color:#33cc99; font-size:16px;border-radius: 5px; margin-bottom:10px;}
.soft-down-mobile a.active{ background:#33cc99; color:#FFF}
.soft-down-mobile a.active .iconfont{ color:#FFF} 
.soft-info-down a:hover{ background:#33cc99}
.soft-info-down a .iconfont{ color:#FFF;margin-right:5px;vertical-align:middle;}
.soft-info-down a .iconfont.icon-erweima{ font-size:28px; padding-left:15px; margin-right:-5px;position:relative;}
.soft-code{left:-100%;top:45px;font-size:14px;color:#ff4a4a; padding-bottom:10px;word-break:nowrap;white-space:nowrap;}
.hover_img canvas {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:0px;}
.hover_img .link-code canvas{ position:static}
.link-code #link-code p{ padding-top:10px;}
.soft-info-ul{ padding-left:20px; padding-top:10px;}
.soft-info-ul li{ padding-top:8px!important; padding-bottom:8px!important; }
.mobile .soft-info-ul li{ padding-top:0px!important; padding-bottom:8px!important; }
.soft-info-ul li .soft-code{ padding:10px;}
.soft-code img{ width:140px; height:140px; float:left;}
.soft-code span{ float:left; width:100%; text-align:center}
.soft-digg{ margin-top:20px; text-align:center;background: #f6f6f6; overflow:hidden;border: 1px solid #e5e5e5; color:#888;}
.digg-link:hover .iconfont{ color:#33cc99}
.soft-digg .iconfont{ margin-right:5px;}
.soft-digg .up{border-right: 1px solid #DFDFDF;}
.soft-digg .down{border-left: 1px solid #fff;}
.digg-link{ cursor:pointer}
.soft-info-nav{margin-top:20px;content:" ";clear:both;background: #f6f6f6;border: 1px solid #eee; display:table; width:100%}
.soft-info-nav ul li{ float:left; padding:15px 20px;font-weight: 600; cursor:pointer; font-size:16px;}
.soft-info-nav ul li.active{border-top: 3px solid #33cc99;border-bottom: 4px solid #fff;color:#33cc99;background: #fff; margin-bottom:-10px; margin-left:-1px;}
.info-content{line-height: 32px; font-size:14px;color: #666; padding:5px 0px 5px 20px; overflow:hidden}
.info-content h3{color: #ffffff;background-color: #33cc99;border-radius: 5px;padding: 2px 10px;display: inline-block;margin: 15px 0;font-size: 14px;}


.info-content p{text-indent:3%;line-height: 32px;}
.info-content img{max-width:600px;width:expression(this.width > 600 && this.height < this.width ? 600:true);height:auto;margin:10px auto;display:block; padding:1px;border: 1px solid #f5f5f5;}
.info-content img.lazyload{background:url(../images/loading.gif) no-repeat center;display:block;}
.info-content a,.article-content a{color:#33cc99;border-bottom: 1px dotted #33cc99;}
.info-nav-title{border-left: 3px solid #33cc99; font-size:18px; margin:15px 0px; padding-left:10px;}
.info-nav-title h1{font-size:18px; font-weight:bold}
.down-urls li{background: #FAFAFA; margin:10px 0px;}
.down-urls li .downs{border: 1px solid #33cc99; color:#33cc99; padding:8px 15px;border-radius: 4px;}
.down-urls li:hover .downs{color:#FFF;background:#33cc99;}



/*评分*/
#zanpian-score{width:290px; position:relative}
#zanpian-score span{font-size:14px;}
#zanpian-score span.ratingtxt{text-decoration:none; float:left}
#zanpian-score #ratewords{ margin-left:160px;}
#zanpian-score .rating{float:left;width:150px; position:absolute; left:50px; top:-2px;}
#zanpian-score .rating li{cursor:pointer;float:left;overflow:hidden;width:28px; height:22px;text-indent:-99px;background:url(../images/listico.png) 0 0 no-repeat}
#zanpian-score .rating li.active,#zanpian-score .rating li.hover{background-position:0 -25px}
.rating-box{width:100%;height:85px; margin-top:-48px; position:relative;background:url(../images/score-scale.gif) 9px bottom no-repeat;display:none;z-index:4; padding-left:10px;}
#rating-kong{background:0 0;display:block;height:43px;}
.rating-kong-item{font-size:14px;line-height:40px;height:40px;overflow:hidden;margin-top:42px;text-align:center}
.rating-kong-item .loadingg{padding:10px 20px;font-size:12px;}
.rating-kong-item .nopingfen{padding:0;font-size:14px;background:0 0}
.rating-total{width:100%;height:48px}
.rating-total-item{display:block;height:48px;overflow:hidden;float:left;margin-right:-48px}
.pingfen-total{width:61px;height:43px;overflow:hidden;float:left;position:relative;margin-right:-13px;text-align:center;background:url(../images/rating-total.png) 0 0 no-repeat}
.pingfen-total em,.pingfen-total strong{display:block;width:61px;height:35px;line-height:30px;overflow:hidden;position:absolute;top:2px;left:0;z-index:2;font-size:26px;font-weight:400;font-family: Georgia,"Times New Roman",Times,serif;}
.pingfen-total em{top:0;left:1px;z-index:1}
.rating-bar{height:20px;overflow:hidden;position:relative;background:#C5C5C5;}
.rating-bar-item{height:20px;overflow:hidden;}
.rating-box .rating-show{padding:10px;width:100%;overflow:hidden;background:#fff;display:none}
.box .rating-box .rating-show{border: 1px solid #e5e5e5;
background: #FAFAFA;}
.rating-box .rating-show li{ width:100%;height:14px;overflow:hidden;float:left;clear:both;margin-top:5px}
.rating-box .rating-show .starstop{width:20%;height:12px;overflow:hidden;display:block;text-indent:-999px;float:left;margin-top:1px;margin-right:5px;background:url(../images/star-min.gif) no-repeat}
.rating-box .rating-show .star5{background-position:0 0}
.rating-box .rating-show .star4{background-position:0 -20px}
.rating-box .rating-show span.star3{background-position:0 -40px}
.rating-box .rating-show span.star2{background-position:0 -60px}
.rating-box .rating-show span.star1{background-position:0 -80px}
.rating-box .rating-show .power{width:60%;height:6px;overflow:hidden;display:block;margin-top:4px;margin-right:5px;float:left;background:#f5f5f5; float:left}
.rating-box .rating-show .power-item{width:0;height:6px;overflow:hidden;display:block;float:left;}
.rating-box .rating-show em{width:10%;line-height:14px;overflow:hidden;float:right;font-size:10px;font-weight:400;-webkit-text-size-adjust:none}
.rating-bar-item {background: linear-gradient(to right,#33cc99 0,#33cc99 100%);box-shadow: 0 2px 6px rgba(250,101,103,0.2);color: #FFF;border: 1px solid #33cc99;}
.pingfen-total strong {color: #FFF;}
.auto-three{ position:relative}
.auto-three .swiper-slide img {max-width:500px;width:expression(this.width > 500 && this.height < this.width ? 500:true);max-height:500px;height:expression(this.height > 500 && this.width < this.height ? 500:true)}

.mobile .auto-three .swiper-slide img {max-width:400px;width:expression(this.width > 400 && this.height < this.width ? 400:true);max-height:400px;height:expression(this.height > 400 && this.width < this.height ? 500:true)}

.auto-three .swiper-slide {display: inline;}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 1));}
.auto-three .swiper-button-prev,.auto-three .swiper-button-next{color:#ccc}
.auto-three .swiper-button-prev:hover,.auto-three .swiper-button-next:hover{color:#fff}

.load-more-content{width: 100%;height: 16px;line-height: 16px;display: none;font-size: 14px;color:#33cc99;cursor: pointer;text-align: right!important;margin-top: 10px; padding-bottom:20px;}
.load-more-content .iconfont{ font-size:14px; margin-left:5px; font-weight:bold;color:#33cc99;}
.load-more-content:not(.checked){background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 10%,rgba(255,255,255,1) 50%);position: relative;margin-top: -60px;padding-top: 60px;}
/*文章内容*/

/*文章内容*/
.articlepc{ padding:20px;}
.articlepc h1{ text-align:center;color: #333333;font-size: 18px;font-weight: bold; line-height:35px;}
.article-tipspc{ padding:10px; line-height:35px; text-align:center}

.article{ padding:20px;}
.article h1{ text-align:left;color: #333333;font-size: 14px;font-weight: bold; line-height:35px;}
.article-tips{ padding:10px; line-height:35px; text-align:left}
.article-tips span{ margin-right:2px;}
.article-remark{line-height: 26px;text-indent: 20px;padding: 10px;background: #f5f5f5;color: #666;}
.article-content{line-height: 32px; font-size:14px;color: #666; padding:5px 0px 5px 20px; overflow:hidden;}
 .article-content h3{
       line-height: 16px;
		border-left: 5px #33cc99 solid;
		text-indent: 0.3em;
		font-size: 14px;
		margin: 32px 0 24px 0;
		font-weight: bold;
		color: #666;
    }
.article-content strong{
     color: #000;
     font-size: 14px;
    }
.article-content h5{
    overflow: hidden;
    width: 120px;
    height: 34px;
    background: url(../images/bg15.png) no-repeat 0px -275px;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #FFFFFF;
    margin-top: 28px;
}
.article-content p em {
    float: left; 
     font-size: 12px;
    margin-bottom: 18px;
    padding: 10px 18px; 
   border: 1px dashed #33cc99;
}

 
    
.article-content h4 {
    line-height: 14px;
    border-left: 3px #33cc99 dashed;
    text-indent: .3em;
    font-size: 14px;
    margin: 32px 0 24px 0;
    font-weight: bold;
}
.article-content p{text-indent:3%;line-height: 32px;}
.article-content img,.article-images-content img{max-width:700px;width:expression(this.width > 700 && this.height < this.width ? 700:true);height:auto;margin:10px auto;display:block; padding:1px;border: 1px solid #f5f5f5;}
.article-images{overflow: hidden;clear: both; margin-top:10px;}
.article-images-content{position:relative;font-size: 15px;line-height: 30px;}
.article-images-page{color:#666;padding:10px; font-size:25px;bottom: 35px;letter-spacing:3px;}
.article-images-page i{font-style:italic;font-family: Georgia, "Times New Roman", Times, serif;}
.article-images .condiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index: 5;}
.article-images .left{ left:0px;}
.article-images .right{ right:0px;}
/*TAG*/
.tag-info{ background:#33cc99;margin:10px; overflow:hidden; color:#FFF}
.tag-info h1{font-size:32px;color:#FFF;font-weight: bold; line-height:40px; margin-bottom:10px;}
.tag-info-right{ padding:20px 20px 20px 30px;}
.tag-txt{line-height:32px;color:#FFF;text-indent:3%;font-size:16px;display:-webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-box-orient: vertical;text-indent: 3%;-webkit-line-clamp:8;}
.tag-info-tips{ line-height:40px;}
.tag-info-tips span{ margin-right:15px;}
.tag-list{ margin-top:15px; margin-left:-10px; margin-right:-10px}
.list-soft-images{background: #FFF;padding:10px; position:relative}
.list-soft-images .downl{bottom:15px; right:15px;}
.list-soft-images .min-info{ min-height:44px;}
.list-soft-images .soft-img,.list-soft-images .list-soft-infos{ padding:20px;}
.list-soft-images .soft-size {margin: 10px -20px -20px -20px;}
.special-bg{min-height:333px;}
.sitemap ul{padding:15px 0 0 60px;border-top: 1px dashed #f5f5f5;}
.sitemap ul li{float:left;margin-bottom: 15px;margin-right: 13px;}
.sitemap ul li.title{margin: 0 10px 15px -60px;float: left;}
/*问题反馈*/


.feedback-title{ margin-top:0px;border-top-left-radius: 3px;border-top-right-radius: 3px;padding:20px;text-align:center;background: linear-gradient(to right,#33cc99 0,#33cc99 70%); color:#FFF; font-size:18px; font-weight:bold; margin-bottom:20px;opacity:0.8;}
.feedback-body,.feedback-msg{padding:10px 20px;}
.feedback-radio{line-height:45px;height:45px;border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee; padding:0px 15px;color:#888}
.feedback-radio:hover{background:#33cc99;color:#FFF}
.feedback-radio:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px;}
.feedback-radio:nth-last-child(1){border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom: 1px solid #eee;}
.feedback-txt{ padding:0px 20px 0px 20px;color:#888}
.feedback-radio .radio{float:right}
.radio_type{width:20px;height:20px;appearance:none;position:relative;outline:none}
.radio_type:before{content:"";width:20px;height:20px;border:1px solid #b4b4b4;background:#f4f4f4;display:inline-block;border-radius:50%;vertical-align:middle;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}
.radio_type:checked:before{content:"";width:20px;height:20px;display:inline-block;border-radius:100%;vertical-align:middle;background:#3197EE;border:2px solid #b4b4b4;box-shadow:inset 0 0 0 1px #b4b4b4}
.radio_type:checked:after{content:"";width:20px;height:20px;text-align:center;border-radius:100%;display:block;position:absolute;top:0px;left:0px;border:1px solid #3197EE;box-shadow:inset 0 0 0 3px #fff}
.feedback-submit{padding:20px 20px 30px 20px; text-align:center;}
.feedback-submit .btn{width:100%;background-color:#33cc99;color: #fff; cursor:pointer; font-size:16px;border-radius: 5px;}
.feedback-submit .btn:hover{background-color:#33cc99;}
.form-control:focus{ border-color:#33cc99; -webkit-box-shadow:inset 0 1px 1px rgba(88,156,246,.075),0 0 8px rgba(88,156,246,.6);}
/* title-nav */
.title-nav li a{text-align:center;display:block; padding:7px 0px;border-radius: 10px;background: #f5f5f5;}
.title-nav li {cursor:pointer}
.title-nav li.active a,.title-nav li:hover a{background:#33cc99;color:#fff;}
.btn-color,.btn-color:hover{background:#33cc99;box-shadow: 0 2px 6px rgba(182,230,232,0.2);color:#fff; border:none;border-radius:4px;}

.mobile .header-top,.navbar-searchs{background:#33cc99; min-height:35px; line-height:35px;padding:10px 15px;color:#FFF;border-bottom: 1px solid #777ffb;}
.mobile .header-top .logo{display:block;width:40%; height:35px;text-indent: -9999em;background: url(../images/logo-mini.png);background-repeat:no-repeat;
background-size: auto 100%; float:left;}

.mobile .header-top .navbar-right{float:right; height:100%; margin-left:20px;cursor: pointer;}
.mobile .header-top .iconfont{  color:#FFF; font-weight:bold}
.mobile-nav{ background:#FFF;line-height:35px;padding:0px 15px;font-size:18px;display:block;overflow-x:auto;white-space: nowrap;clear:both;border-bottom: 1px solid #e8e8e8;position:relative}
.mobile-nav a{ padding:10px 10px 10px 0px; margin-right:15px;display: inline-block;width: auto; position:relative}
.mobile-nav a.active{ color:#33cc99}
.mobile-nav a.active::after,.mobile-nav a:hover::after {content: "";position: absolute;left: 46%;display: block;border-radius: 5px;width: 5px;margin-left: -5px;bottom: 10px;height: 5px;}
.mobile-nav a.active::after,.mobile-nav a:hover::after {background:#33cc99}
.navbar-search{position:fixed;left:0; top:0; bottom:0; right:0;z-index:999; margin-left:auto; margin-right:auto; height:100%; background:#FFF; display:none}
.navbar-searchs .form-control{float:left; width:85%; height:40px}
.navbar-searchs .cancel-input{ float:right; font-size:18px;cursor: pointer;}
.navbar-search .hot-search{padding:15px; line-height:35px;}
.navbar-search .hot-search p{ font-size:16px; font-weight:bold}
.mobile-nav-fl{background:#FFF; padding:5px 15px 15px 15px; position:absolute; z-index:999; margin-top:-53px; display:none}
.mobile-nav-fl ul li{background: #f2f2f2; padding:10px 15px;border-radius: 6px}
.mobile .list-title{ margin:5px;}
.mobile .img-list{ margin-left:-5px; margin-right:-5px;}
.mobile .layout-box{margin-top: 15px;}
.mobile .img-pic.radius8 img{border-radius:8px;}
.mobile-list-title{border-bottom: 2px solid #e7e7e7; margin:5px;}
.mobile-list-title h2,.mobile-list-title span.active,.mobile-list-title h1{position: relative;font-size:16px; padding-bottom:8px;border-bottom: 2px solid #33cc99;color: #33cc99; float:left; margin-right:10px; font-weight:bold;display:inline-block;*display:inline;*zoom:1;margin-bottom:-2px;}
.mobile-list-title h2 a.active{ color:#33cc99}
.mobile-list-more{ text-align:center; padding:8px 15px; width:50%;display: block;border: solid 1px #cccccc;border-radius:10px; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:5px;}
.mobile-list-title .more{ float:right;font-size: 14px;}
.mobile-list-title i{color:#ccc;}
.tab-three{ text-align:center; margin:20px 5px 10px 5px; overflow:hidden}
.tab-three li{border-left: 1px solid #33cc99; line-height:30px;border-top: 1px solid #33cc99; border-bottom:1px solid #33cc99; cursor:pointer}
.tab-three li.active,.tab-three li:hover{background:#33cc99; color:#FFF}
.tab-three li:nth-child(1){border-radius:5px 0 0 5px;}
.tab-three li:nth-last-child(1) {border-right: 1px solid #33cc99;border-radius:0 5px 5px 0;}
.mobile-list-hot{ margin:5px;}
.mobile-list-hot li{ overflow:hidden;border-bottom: 1px solid #e8e8e8; padding:10px 0px; position:relative}
.mobile-list-hot .info{ padding-left:15px; padding-right:0px;}
.mobile-list-hot .info .name {font-size: 16px;overflow: hidden;width: 100%;line-height: 30px;height:30px;}
.mobile-list-hot .info .downl{position: absolute;top: 50%;right: 10px;color: #333;font-size: 14px;background: #f2f2f2;border-radius: 4px;text-align: center;line-height: 32px;padding: 0px 17px;display: block;float: right;background: #33cc99; color:#FFF}
.mobile-list-hot .info .startop{ top:20px;}
.mobile-list-hot li .num{text-align:center;border-radius:23px;position:absolute;top:15px; left:0px;}
.mobile .kaifu-ul{ padding:5px}
.mobile .kaifu-ul li{padding: 10px 0px;border-bottom: 1px solid #e8e8e8;}
.mobile .kaifu-ul .info{ padding-left:20px; padding-right:0px; display:block; margin-top:10px;}
.mobile .kaifu-ul .lq{top:35%;right: 10px;background: #33cc99; color:#FFF}
.mobile .four-slide{ position:relative; overflow:hidden}
.mobile .four-slide .img-list{ margin:0px;}
.mobile .four-slide .img-list li{ padding-left:5px;}
.mobile .four-slide { padding-bottom:25px;}
.mobile .four-slide .swiper-pagination{ bottom:0px;}
.mobile .four-slide .swiper-pagination-bullet{border-radius: 50%; height:10px; width:10px;}
.mobile .footer{margin-top:15px; background:#FFF}
.tag-hot-m a{border: 1px solid #e5e5e5; margin-bottom:8px;border-radius:8px; margin-right:5px}
.tag-url a{border-radius:8px;border: 1px solid #e5e5e5; padding:5px; margin-top:5px; display:inline-block; margin-right:5px; font-size:12px;}
.special-header{width: 100%;height: 100%;background: url(../images/pic.png) no-repeat top center;}
.special-header .special-soft-info {width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;background: url(../images/special-header.png) center top; padding-top:39%;background-size: auto;background-size: 100%;}
.special-header .soft-info{ background:#FFF; padding:10px;}
.mobile .tag-info-right{ position:absolute;background-image: linear-gradient(transparent,rgba(0,0,0,.9));bottom:0px; left:0px;}
@media (min-width: 768px){
.navbar-search{width:767px!important;}
body.mobile .container{width:767px!important;}	
.modal-body{width:450px;margin:0px auto;}
.info-nav-title{ margin-left:10px;}
body.box .box-l,.main-left{padding-left:0px;}
body.box .box-r,.main-right{padding-right:0px;}
}
@media (min-width: 992px){	

}
@media (min-width: 1200px){

}
@media (max-width: 1199px) and (min-width: 992px){

}
@media (max-width: 991px) and (min-width: 768px){
.container,.header-nav,.navbar{padding-left:0px;padding-right:0px}
body.box .box-l,.main-left{padding-left:0px; padding-right:0px;}
body.box .box-r,.main-right{padding-right:0px;padding-right:0px;}	
.min-nav ul{ float:left; width:100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
}
@media (max-width: 767px){

.container,.header-nav,.navbar,body.box .box-l,.main-left,body.box .box-r,.main-right{padding-left:0px;padding-right:0px}
body.box .layout-box,body.box .type-box{ background:#FFF;padding:5px;}
body.box .row{margin:-10px;}
body.box .rows{ margin-right:-10px; margin-left:-10px;}
.header{padding-left:10px; padding-right:10px;}
.header-search{ float:inherit}
.header-search-form{ margin-left:0px; margin-right:0px;}
.header-search-input{ width:100%}
.box-title-tab{ padding:0 10px;}
.img-xiao-list li a,.img-xiao-list li img{margin-left:0px;}
body.box .img-xiao-list,body.box .down-list-hot li{padding: 10px 15px;}
.mt-18,.layout-box,.pannel-box{ margin-top:10px;}
[class*=col-]{padding:5px}
[class*=col-].main-left,[class*=col-].box-l,[class*=col-].box-r{ padding-left:0px; padding-right:0px;}
.box-slide .swiper-slide{height:182px;}
.header-logo {background: url(../images/logo.png) no-repeat 0 12px;background-size: 100% auto;width:30%;margin-right:10px;}
.tab_hover.xs-tab i.arrow-bottom{display:none}
.box-nav-ul { margin-top:5px; margin-bottom:5px;}
.box-nav-ul li{ margin-bottom:5px; margin-top:5px; padding-left:0px;}
.tab-switch a:hover, .tab-switch a.active{ border:none}
.tab-arrows a{background:#EAEAEA;padding:0px 12px;margin-bottom:10px; font-size:14px; margin-right:5px;}
.list-soft-info{line-height:22px; margin-top:4px;}
.list-tui-title{padding:4%  10px 0px 10px;}
.list-page ul li {margin-left:2px; margin-right:2px;font-size: 13px;padding: 8px 14px;}
.list-page ul li.visible-xs {display: inline-block!important;}
.tag-txt{-webkit-line-clamp:3;}
.list-soft-images .hid3{-webkit-line-clamp:2;}
.tag-list{margin-left:0px; margin-right:0px}
.list-soft-images .soft-size {margin: 0px -11px -11px -11px;}
.soft-info h1{ font-size:22px; line-height:32px;height:32px}
.info-content,.article-content{padding:5px 10px 5px 10px;}
.info-content img,.article-content img,.article-images-content img{max-width: auto;width:100%;height:auto;margin:10px auto;display:block; padding:1px;border: 1px solid #f5f5f5;}
.list-soft-images  .min-info{ min-height:inherit}
.info-nav-title{ margin-left:10px;}
.navbar{border-bottom:none;}
.header-nav ul{width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.header-nav ul li {display: inline-block;float: none; padding:16px 30px; width:auto}
.hover_img:hover .soft-img{display:block}
.hover_img:hover .list-soft-infos{display:none}
.tag-info-right{ padding:20px;}
}


.ranks-head {
    box-sizing: border-box;
    width: 1200px;
    padding: 20px 30px 44px 30px;
    margin: auto;
    overflow: hidden;
}

.ranks-head p {
    width: 160px;
    height: 112px;
    background: url(../images/ico.png) no-repeat 0 -453px;
    float: left;
}

.ranks-head .big-type-container {
    float: right;
    margin-top: 40px;
}

.ranks-head .big-type-container a {
    padding: 6px 1px 18px;
    font-size: 20px;
    color: #555555;
    margin-left: 90px;
    border-bottom: 3px solid transparent;
}

.ranks-head .big-type-container a:hover,
.ranks-head .big-type-container a.checked {
    color: #33cc99;
    border-bottom-color: #33cc99;
}

.small-type-container {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto 20px;
    background: white;
    padding: 10px 30px;
    overflow: hidden;
}

.small-type-container a {
    padding: 6px 1px 4px;
    float: left;
    color: #555555;
    font-size: 14px;: margin-right: 16 px;
    margin-bottom: 5px;
    margin-right: 22px;
    border-bottom: 2px solid transparent;
}

.small-type-container a:hover,
.small-type-container a.checked {
    color: #33cc99;
    border-bottom-color: #33cc99;
}

.ranks-list-ul {
    width: 1200px;
    margin: auto;
}

.ranks-list-li {
    box-sizing: border-box;
    width: 100%;
    padding: 60px 30px 40px;
    position: relative;
    background: white;
    overflow: hidden;
    margin-bottom:20px;
}

.ranks-list-li .game-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 35px;
    background: url(../images/ico.png) 0 -576px;
    line-height: 35px;
    text-indent: 10px;
    font-size: 16px;
    font-weight:bold;
    color: #ffffff;
}

.ranks-list-li .ranks-list-img img {
    width: 158px;
    height: 158px;
    float: left;
    border-radius: 22%;
}

.ranks-list-ul .game-container {
    float: left;
}

.ranks-list-ul .game-container {
    width: 820px;
    padding-left: 30px;
}

.ranks-list-ul .game-container .game-name {
    height: 25px;
    line-height: 26px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    color: #333333;
    margin-bottom: 13px;
}
.ranks-list-ul .game-container .game-name:hover{
    color:rgb(5,188,198);
    text-decoration:underline;
}
.ranks-list-ul .game-container .game-score {
    color: #ffb14b;
    margin-bottom: 12px;
}

.ranks-list-ul .game-container .game-type {
    height: 16px;
    line-height: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    margin-bottom: 14px;
}

.ranks-list-ul .game-container .game-type span {
    margin-right: 60px;
}

.ranks-list-ul .game-container .game-describe {
    height: 16px;
    line-height: 16px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    margin-bottom: 22px;
}

.ranks-list-ul .game-container .game-label-container {
    font-size: 0;
    height: 26px;
}

.ranks-list-ul .game-label-container .game-label {
    padding: 5px 10px;
    font-size: 12px;
    color: #999999;
    background-color: #e8e8e8;
    border-radius: 5px;
    margin-right: 12px;
    /*cursor:pointer;*/
}

.ranks-list-li .down-game {
    float: right;
    margin-top: 60px;
    width: 120px;
    height: 38px;
    background-color: #33cc99;
    letter-spacing:2px;
    border-radius: 10px;
    font-size: 16px;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
}
.ranks-list-li .down-game:hover{
    background:rgba(5,188,198,0.8);
}

#game-ranking{background:#fff;padding:0 .24rem .05rem}
.game-ranking-ul li{padding:.24rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:.01rem solid #eee;position:relative;width:100%}
.game-ranking-ul img{width:1.3rem;height:1.3rem;border-radius:22%;margin-right:.3rem!important}
.game-ranking-ul .ranking-content{width:4.4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-ranking-ul .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.3rem;font-weight:700;color:#1a1a1a}
.game-ranking-ul .ranking-content>a i{float:left;width:.34rem;height:.34rem;background-color:#999;border-radius:.1rem;margin-right:.12rem;text-align:center;color:#fff}
.game-ranking-ul .top3 .ranking-content>a i{background-color:#05bcc6}
.game-ranking-ul .ranking-content span{margin-right:.2rem;font-size:.22rem!important;color:#999}
.game-ranking-ul .ranking-content .game-info{height:.24rem;line-height:.24rem;font-size:.22rem;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label{height:.45rem;line-height:.4rem;font-size:.22rem;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label a{border-radius:.05rem;border:solid 1px #999;padding:0 .1rem;color:#666;margin-right:.05rem;display:inline-block}
.game-ranking-ul .game-detail{width:1.3rem;height:.5rem;background-color:#05bcc6;border-radius:.05rem;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem}
#game-ranking{background:#fff;padding:.05rem .24rem .12rem;border-bottom:.24rem solid #eee}
.ranking-tab1{width:100%;height:.68rem;display:flex;justify-content:flex-start;align-items:center;margin:.3rem 0 0}
.ranking-tab1 span{display:block;width:33.3%;height:.66rem;font-size:.28rem;letter-spacing:.01rem;color:#05bcc6;line-height:.66rem;text-align:center;border:1px solid #05bcc6;cursor:pointer}
.ranking-tab1 span:nth-child(1){border-radius:.12rem 0 0 .12rem}
.ranking-tab1 span:nth-child(3){border-radius:0 .12rem .12rem 0}
.ranking-tab1 span:nth-child(2){border-right:0;border-left:0}
.ranking-tab1 span.checked{color:#fff;background:#05bcc6}
.game-ranking-ul li{padding:.24rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:.01rem solid #eee;position:relative;width:100%}
.game-ranking-ul img{width:1.3rem;height:1.3rem;border-radius:22%;margin-right:.4rem}
.game-ranking-ul .ranking-content{width:4.4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-ranking-ul .ranking-content>a{height:.34rem;line-height:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.3rem;color:#1a1a1a}
.game-ranking-ul .ranking-content>a i{float:left;width:.34rem;height:.34rem;background-color:#999;border-radius:.1rem;margin-right:.12rem;text-align:center;color:#fff}
.game-ranking-ul .top3 .ranking-content>a i{background-color:#05bcc6}
.game-ranking-ul .ranking-content span{margin-right:.1rem}
.game-ranking-ul .ranking-content .game-info{height:.24rem;line-height:.24rem;font-size:.22rem;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label{height:.45rem;line-height:.4rem;font-size:.22rem;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:96%;word-break:break-all}
.game-ranking-ul .ranking-content .game-label a{border-radius:.05rem;border:solid 1px #999;padding:0 .1rem;color:#666;margin-right:.1rem;display:inline-block}
.game-ranking-ul .game-detail{width:1.3rem;height:.5rem;background-color:#05bcc6;border-radius:.05rem;text-align:center;line-height:.5rem;color:#fff;font-size:.26rem}
.toggle-con-li{display:none}
.toggle-con-li:first-child{display:block}
.game-complication{padding:.14rem .24rem .4rem}
.game-complication .title-container a{margin-right:.24rem}
.game-complication .swiper-slide{width:3.16rem}
.complication-swiper{padding:.24rem 0}
.complication-swiper a{display:block;width:3.16rem;position:relative}
.complication-swiper a img{width:100%;border-radius:.12rem}
#crumbs-nav{width:1200px;margin:auto;height:52px;line-height:52px;color:#555}
#crumbs-nav a{padding:0 3px 0 3px}
#crumbs-nav a:hover{color:#33cc99}