@charset "utf-8";
/* CSS Document 2016-10-08*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft Yahei', Georgia, 'Times New Roman', Times, serif;
}

body {
    background: #f5f5f5;
    font-size: 14px;
}

a {
    color: #000;
    text-decoration: none !important;
}

a:hover {
    color: #ffd200;
    text-decoration: underline;
}

a:link {
    text-decoration: none;
}

b {
    font-weight: 400;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

.cf {
    *zoom: 1;
}

.cf:after,
.cf:before {
    display: table;
    content: " ";
    line-height: 0;
}

.cf:after {
    clear: both;
}

.new,
.d1 {
    color: #F26C4F !important;
    font-size: 12px;
}

.old,
.d0 {
    color: #999 !important;
    font-size: 12px;
}

.column {
    margin: -20px 0 11px 0;
    border-bottom: 1px solid #f1f2f6;
    padding: 0 0 10px 0;
}

.hidden,
.scroll.mt20.hidden {
    display: none;
}

.fl {
    float: left
}

.rl {
    float: right
}

.mt01 {
    border-top: 30px solid #f5f5f5;
}

.hot {
    color: #F26C4F;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mt75 {
    margin-top: 75px;
}

.mt80 {
    margin-top: 80px;
}

.mt85 {
    margin-top: 85px;
}

.mt90 {
    margin-top: 90px;
}

.mt95 {
    margin-top: 95px;
}

.star0,
.star1,
.star2,
.star3,
.star4,
.star5,
.stars1,
.stars2,
.stars3,
.stars4,
.stars5 {
    background: url(../image/stars.png) no-repeat;
    width: 84px;
    height: 13px;
    display: block;
}

.star1,
.stars1 {
    background-position: 0 -26px;
}

.star2,
.stars2 {
    background-position: 0 -52px;
}

.star3,
.stars3 {
    background-position: 0 -78px;
}

.star4,
.stars4 {
    background-position: 0 -104px;
}

.star5,
.stars5 {
    background-position: 0 -130px;
}

.main {
    width: 1300px;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

.scores {
    position: absolute;
    right: 12px;
    top: 34px;
    font-size: 30px;
}

.stars {
    position: absolute;
    right: 0px;
    top: 75px;
}

/*.fixed{top:70px !important;position:fixed;width:350px !important;}
.zhezhao{width:100%;overflow:hidden;background:#f5f5f5;z-index:999 !important;}*/

#detailse {
    height: auto;
    padding-bottom: 30px;
    overflow: hidden;
}
#detailse img{
    width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}

#expand {
    display: none;
    text-align: center;
    color: #666;
    height: 14px;
    margin: 10px 5px 38px 0;
    overflow: visible;
}

#expand span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0 50px;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}

.tophd {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    position: fixed;
    top: 0px;
    z-index: 999;
    background: #f5f5f5;
    width: 600px;
    overflow: hidden;
}

.top01 {
    position: absolute;
    left: 0;
    background: url(../image/jtl04.png) no-repeat -1px -3px;
    height: 40px;
    width: 40px;
    top: 20px;
    background-size: 28px;
    cursor: pointer;
    display: block;
}

.dian {
    position: absolute;
    left: 180px;
    font-size: 16px;
    cursor: pointer;
}

.tophd h1 {
    position: absolute;
    left: 35px;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.tophd ul {
    position: absolute;
    left: 20px;
}

.tophd ul li {
    float: left;
    cursor: pointer;
    width: 50px;
    text-align: center;
    font-size: 16px;
    margin-left: 20px;
}

.tophd ul li.on {
    color: #ffd200;
    border-bottom: 1px solid #ffd200;
    height: 60px;
    font-weight: 500;
}

/*content*/

.left {
    float: left;
    width: 200px;
    height: 500px;
    margin-right: 60px;
    overflow: hidden;
}

.content {
    float: left;
    width: 600px;
    overflow: hidden;
    margin-bottom: 20px;
}

.right {
    float: right;
    width: 350px;
    overflow: hidden;
}

.huadong {
    height: 500px;
    width: 300px;
    /* 你可以根据需要调整宽度*/
    overflow-y: auto;
    /* 允许垂直滚动*/
    /* 可选：为容器添加边框*/
    padding: 10px;
    /* 可选：为内容添加一些内边距*/
    box-sizing: border-box;
    /* 确保内边距和边框包含在高度内*/;
}

.r_dong {
    height: 1000px;
    /* 内容高度大于容器高度以演示滚动*/
    width: 100%;
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    /* 可选：为内容添加渐变背景*/;
}

/*头部*/

span#cnzz_stat_icon_1277979424 {
    display: none;
}

.top {
    width: 100%;
    min-width: 100%;
    height: 40px;
    background: #fff;
}

.tops,
.top ul {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
}

.top ul li {
    line-height: 40px;
    float: left;
}

.top h1,
.top ul li span {
    float: left;
    color: #fff;
}

.bdsharebuttonbox.f_bs {
    float: left;
    margin: 6px 0 0 20px;
}

.bdsharebuttonbox.f_bs a {
    height: 25px !important;
    line-height: 25px !important;
    width: 75px;
    padding: 0 0 0 17px !important;
    font-size: 12px !important;
    text-indent: 0;
    text-align: center;
    margin: 2px 5px 0 0 !important;
    color: #fff !important;
    border-radius: 3px;
    float: left;
    display: inline;
}

.bdsharebuttonbox.f_bs a:hover {
    color: #fff;
}

.bdsharebuttonbox.f_bs a.bds_weixin {
    background: #efca13 url(../image/tu_1.png) no-repeat 8px -33px;
}

.bdsharebuttonbox.f_bs a.bds_tsina {
    background: #ff944f url(../image/tu_1.png) no-repeat 8px -74px;
}

.top .top_li {
    float: right;
}

.top .top_li a {
    color: #fff;
    float: left;
    margin-left: 10px;
}

.top .top_li a.top_a2 {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

/*logo*/

.logo {
    width: 100%;
    min-width: 100%;
    height: 50px;
    padding: 5px 0;
    background: #fff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.logo div {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.logo_a {
    width: 180px;
    height: 64px;
    display: block;
    background: url(../image/logo.png) no-repeat;
    position: fixed;
    top: 20px;
}

.search {
    background: #f5f5f5;
    padding: 20px 0;
    width: 350px;
    position: fixed;
    top: 0px;
    z-index: 99;
}

.search .search-input {
    border-radius: 50px;
    width: 100%;
    background: #fff;
    height: 38px;
    line-height: 38px;
    border: 1px solid #f2f2f2;
    text-indent: 25px;
    position: relative;
}

.search .btn-search {
    width: 50px;
    height: 35px;
    position: absolute;
    right: 0px;
    top: 22px;
    cursor: pointer;
    border: 1px solid #fff;
    outline: none;
    background: #fff url(../image/tu_2.png) no-repeat 0 5px;
    border-radius: 50px;
    background-size: 35px;
}

/*导航*/

.nav {
    width: 200px;
    position: fixed;
    top: 75px;
}

.nav a {
    height: 50px;
    line-height: 45px;
    float: left;
    width: 85%;
    color: #999;
    font-size: 18px;
    font-weight: 700;
    border-radius: 100px;
    text-indent: 60px;
    background: url(../image/tp05.png) no-repeat;
    background-size: 30px;
    margin-top: 20px;
    border: 3px solid transparent;
}

.nav a.current:nth-of-type(1), .nav a:nth-of-type(1):hover {
    background-position: 23px 12px;
}

.nav a.current:nth-of-type(2), .nav a:nth-of-type(2):hover {
    background-position: 23px -96px;
}

.nav a.current:nth-of-type(3), .nav a:nth-of-type(3):hover {
    background-position: 23px -319px;
}

.nav a.current:nth-of-type(4), .nav a:nth-of-type(4):hover {
    background-position: 23px -204px;
}

.nav a.current:nth-of-type(5), .nav a:nth-of-type(5):hover {
    background-position: 23px -643px;
}

.nav a.current:nth-of-type(6), .nav a:nth-of-type(6):hover {
    background-position: 23px -439px;
}

.nav a:nth-of-type(1) {
    background-position: 23px -40px;
}

.nav a:nth-of-type(2) {
    background-position: 23px -150px;
}

.nav a:nth-of-type(3) {
    background-position: 23px -386px;
}

.nav a:nth-of-type(4) {
    background-position: 23px -262px;
}

.nav a:nth-of-type(5) {
    background-position: 23px -691px;
}

.nav a:nth-of-type(6) {
    background-position: 23px -488px;
}

.nav a.current {
    color: #ffd200;
    border: 3px solid #ffd200;
    height: 45px;
}

.nav a:hover {
    color: #ffd200;
}

/*栏目导航*/

.navs {
    width: 100%;
    height: 95px;
    overflow: hidden;
}

.navs a {
    height: 70px;
    line-height: 70px;
    float: left;
    margin: 0 10px 0 30px;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-size: 22px;
}

.navs a.current {
    color: #ffd200;
    border-bottom: 3px solid #ffd200;
    height: 52px;
}

/*图片轮播*/

.scroll {
    width: 600px;
    height: 310px;
    overflow: hidden;
    position: relative;
}

.scroll .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 30px;
    bottom: 16px;
    z-index: 1;
}

.scroll .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.scroll .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    cursor: pointer;
    background: #fff;
}

.scroll .hd ul li.on {
    background: #ffd200;
    width: 45px;
}

.scroll .bd {
    position: relative;
    height: 310px;
    z-index: 0;
}

.scroll.ts.mt75.dfd .bd ul {
    width: 110%;
}

.scroll.ts.mt75.dfd .hd {
    display: none;
}

.scroll.ts.mt75.dfd .bd ul li {
    width: 28.5%;
    float: left;
    margin-right: 20px;
    display: block !important;
}

.scroll .bd li {
    width: 100%;
    height: 310px;
    position: relative;
}

.scroll .bd li h3 {
    position: absolute;
    left: 30px;
    bottom: 45px;
    font-size: 22px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    z-index: 1;
}

.scroll .bd li h3 a {
    color: #fff;
}

.scroll .bd li div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: linear-gradient(180deg, transparent, #000 100%);
    border-radius: 8px
}

.scroll .bd img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 8px;
}

.scroll .prev:hover,
.scroll .next:hover {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 35px;
    height: 50px;
    background: #00131d url(../image/slider-arrow.png) -169px 10px no-repeat;
}

.scroll .next:hover {
    left: auto;
    right: 0;
    background-position: -50px 10px;
}

/*新游*/

.left03,
.heated,
.content02,
.archive_left,
.tab,
.hot,
.channel,
.xiazai,
.left02 {
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    border-radius: 8px;
}

.tabs .bd.ts {
    margin-top: -15px;
}

.tabs .bd {
    overflow: hidden;
    margin-top: 10px;
}

.left02 .bd {
    overflow: hidden;
    margin-top: 30px;
}

.surge .tu {
    width: 16.66%;
}

.surge ul {
    margin-top: 30px;
}

.tu {
    float: left;
    width: 25%;
    height: 229px;
    text-align: center;
}

.fang {
    overflow: hidden;
    display: block;
    border-radius: 8px;
}

.tu a.fang {
    width: 100px;
    height: 100px;
    margin: 20px auto 10px auto;
}

.tu img {
    width: 100%;
    height: 100%;
}

.tu b {
    display: block;
    width: 90%;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 20px;
    padding: 0 5%;
}

.tu b:hover {
    color: #ffd200;
}

.tu p {
    text-align: center;
    color: #999;
}

.tu p a {
    color: #999;
    font-size: 14px;
    margin: 0 3px 0 0;
}

.l-top {
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset 0 -1px 0 0 #ebebeb;
}

.l-top span {
    float: left;
    font-size: 22px;
    margin-left: 20px;
    font-weight: lighter;
    color: #ffd200;
    border-bottom: 1px solid #ffd200;
    height: 58px;
    font-weight: 500;
    padding: 0 10px;
}

.l-top a {
    float: right;
    margin-right: 20px;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 14px;
}

.popular .lie {
    width: 275px;
}

.popular .lie img {
    height: 130px;
}

.c-lie {
    overflow: hidden;
    padding-bottom: 20px;
}

.lie {
    width: 256px;
    float: left;
    margin: 20px 0 0 30px;
    text-align: center;
}

.lie img {
    width: 100%;
    height: 150px;
    border-radius: 8px;
}

.lie b {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    color: #333;
    margin-top: 13px;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lie b:hover {
    color: #ffd200;
}

.lie p {
    width: 100%;
    color: #999;
    height: 20px;
    font-size: 14px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.lie .lie01 {
    width: 100%;
    margin: 9px 0;
    color: #666;
}

.lie .lie01 a {
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 2px;
    cursor: pointer;
    line-height: 20px;
    padding: 0 12px;
}

.lie .lie02 {
    width: 110px;
    text-align: center;
    margin: 0 auto;
}

.lie .lie02 span {
    float: left;
}

.lie .lie02 em {
    float: right;
    color: #999;
    font-size: 12px;
}

/*推荐*/

.tabs {
    width: 100%;
    float: left;
    display: inline;
    border-radius: 8px;
    background: #fff;
}

.tabhd {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.tabhd ul li {
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    margin-left: 20px;
    padding: 0 10px;
}

.tabhd ul li.on {
    color: #ffd200;
    border-bottom: 1px solid #ffd200;
    height: 59px;
    font-weight: 500;
}

.tui {
    float: left;
    position: relative;
    height: 70px;
    width: 100%;
    margin: 20px 0;
}

.tui a.fang {
    position: absolute;
    left: 20px;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 8px;
}

.tui img {
    width: 100%;
    height: 100%;
}

.tui b {
    position: absolute;
    left: 105px;
    top: 0;
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    padding-right: 20px;
    height: 20px;
    overflow: hidden;
}

.tui b:hover {
    color: #ffd200;
}

.tui div {
    position: absolute;
    left: 105px;
    top: 30px;
    color: #666;
}

.tui div a {
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 2px;
    cursor: pointer;
    line-height: 20px;
    padding: 0 12px;
}

.tui span {
    position: absolute;
    left: 105px;
    top: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tui em {
    position: absolute;
    left: 187px;
    top: 54px;
    color: #999;
    font-size: 12px;
}

/*热议*/

.nlie {
    float: left;
    position: relative;
    height: 100px;
    width: 310px;
    margin-top: 20px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 16px 0;
    margin: 20px;
}

.nlie a.fang {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 80px;
    border-radius: 8px;
}

.nlie img {
    width: 100%;
    height: 100%;
}

.nlie b {
    position: absolute;
    left: 160px;
    top: 6px;
    width: 150px;
    display: block;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nlie p {
    position: absolute;
    left: 160px;
    top: 35px;
    display: block;
    font-size: 14px;
    color: #b3b3b3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nlie div {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: block;
    width: 100%;
}

.nlie div em {
    float: left;
    width: 180px;
    height: 18px;
    display: block;
    background: url(../image/bj_05.png) no-repeat 0 -21px;
    text-indent: 20px;
}

.nlie div i {
    width: 20px;
    height: 20px;
    background: url(../image/tu_3.png) no-repeat -6px -1px;
    display: block;
    float: right;
    margin: 0 20px 0 0;
    text-indent: 20px;
    color: #999;
}

/*文章列表*/

.nlies {
    position: relative;
    width: 92%;
    margin-top: 20px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 16px 0;
    margin: 20px 4%;
    overflow: hidden;
}

.nlies a.fang {
    width: 360px;
    height: 200px;
    border-radius: 8px;
    float: left;
    margin-bottom: 20px;
}

.nlies img {
    width: 100%;
    height: 100%;
}

.nlies b {
    width: 100%;
    display: block;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.nlies p {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #b3b3b3;
    margin: 15px 0 20px 0;
    overflow: hidden;
    float: left;
    width: 100%;
}

.nlies div {
    width: 100%;
    float: left;
}

.nlies div em {
    float: left;
    width: 180px;
    height: 18px;
    display: block;
    background: url(../image/bj_05.png) no-repeat 0 -21px;
    text-indent: 20px;
}

.nlies div span {
    width: 65px;
    height: 20px;
    background: url(../image/tu_4.png) no-repeat 0 -2px;
    display: block;
    float: right;
    text-indent: 25px;
    color: #999;
    display: none;
}

.nlies div i {
    width: 57px;
    height: 20px;
    background: url(../image/tu_3.png) no-repeat -6px -1px;
    display: block;
    float: right;
    text-indent: 25px;
    color: #999;
}

.net {
    border: 1px solid #ffd200;
    width: 150px;
    padding: 10px 20px;
    margin: 32px auto;
    border-radius: 8px;
}

.net a {
    color: #ffd200;
}

.channel-a {
    padding-bottom: 20px;
    overflow: hidden;
}

.channel-a a {
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    height: 40px;
    line-height: 39px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 20px 0 0 20px;
    float: left;
}

.channel-a a.current, .channel-a a:hover {
    background: #ffd200;
    color: #fff;
}

/*排行榜*/

.game {
    width: 100%;
    float: left;
    display: inline;
    border-radius: 8px;
    background: #fff;
}

.tuis {
    float: left;
    position: relative;
    height: 110px;
    width: 100%;
    margin: 0 0 30px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #f2f2f2;
}

li.tuis.tse p {
    width: 340px;
    height: 75px;
    line-height: 25px;
    left: 235px;
}

.tuis.tse a.fang.ts1 {
    width: 150px;
}

.tuis.tse b {
    left: 240px
}

.tusz {
    position: absolute;
    left: 30px;
    top: 35px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #999;
}

.tuis .tusz.t01 {
    color: #ff7f00;
}

.tuis .tusz.t02 {
    color: #f9a006;
}

.tuis .tusz.t03 {
    color: #ffc233;
}

.tuis a.fang.ts1 {
    position: absolute;
    left: 65px;
    top: 0;
    width: 100px;
    height: 100px;
    border-radius: 8px;
}

.tuis.ts1 a.fang.ts1 {
    left: 20px;
    top: 0;
    border-radius: 0 !important;
}

.tuis.ts1 b {
    left: 140px
}

.tuis.ts1 p {
    height: 40px;
    padding-right: 20px;
    width: auto;
    left: 140px
}

.tuis.ts1 span {
    top: 84px;
    left: 140px
}

.tuis.ts1 em {
    top: 83px;
    left: 230px;
}

.tuis.ts1 .tudz {
    right: 20px;
    left: inherit
}

.tuis a.fang.ts2 {
    position: absolute;
    right: 30px !important;
    top: 0;
    width: 178px;
    height: 110px;
    border-radius: 8px;
    display: block;
}

.tuis img {
    width: 100%;
    height: 100%;
}

.tuis b {
    position: absolute;
    left: 185px;
    top: 0;
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    width: 200px;
    overflow: hidden;
    height: 20px;
}

.tuis b:hover {
    color: #ffd200;
}

.tuis p {
    position: absolute;
    left: 185px;
    top: 30px;
    color: #999;
    width: 200px;
    height: 20px;
    overflow: hidden;
}

.tuis .tudz {
    position: absolute;
    left: 185px;
    bottom: 33px;
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    line-height: 20px;
    padding: 0 12px;
}

.tuis .tudz a {
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 2px;
    cursor: pointer;
    line-height: 20px;
    padding: 0 12px;
}

.tuis span {
    position: absolute;
    left: 185px;
    top: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tuis em {
    position: absolute;
    left: 267px;
    top: 54px;
    color: #999;
    font-size: 12px;
}

/*下载*/

.xiazai {
    position: relative;
    height: 130px;
}

.xiazai .fang {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 84px;
    height: 84px;
    border-radius: 8px;
}

.xiazai .fang img {
    width: 100%;
    height: 100%;
}

.xiazai b {
    position: absolute;
    left: 120px;
    top: 20px;
    font-size: 18px;
    color: #333;
}

.xiazai p {
    position: absolute;
    left: 120px;
    top: 50px;
    color: #999;
    font-size: 14px;
}

.xiazai .app {
    padding: 4px 16px;
    border: 1px solid #ffd200;
    border-radius: 40px;
    color: #ffd200;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: 75px;
    text-indent: 15px;
}

.xiazai .android {
    left: 120px;
    background: url(../image/tu_5.png) no-repeat 10px 3px;
}

.xiazai .ios {
    right: 20px;
    background: url(../image/tu_6.png) no-repeat 8px 5px;
}

.imgbox {
    width: 100%;
    height: 310px;
    overflow: hidden;
}

.imgbox a.fang img,
.imgbox a.fang {
    width: 100%;
    height: 100%;
}

.gamesoft {
    height: 280px;
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    border-radius: 0 0 8px 8px;
    position: relative;
}

.game01 {
    height: 120px;
    width: 100%;
}

.game01 a.fang {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 120px;
    height: 120px;
    border-radius: 8px;
}

.game01 img {
    width: 100%;
    height: 100%;
}

.game01 b {
    position: absolute;
    left: 175px;
    top: 45px;
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
}

.game01 p {
    position: absolute;
    left: 175px;
    top: 84px;
    font-size: 16px;
    color: #999;
}

.game01 div {
    position: absolute;
    left: 175px;
    top: 115px;
}

.game01 div a {
    background: #fcfffe;
    border: 1px solid hsla(0, 0%, 60%, .2);
    border-radius: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 2px;
    cursor: pointer;
    line-height: 20px;
    padding: 0 12px;
}

.game01 span {
    position: absolute;
    right: 15px;
    top: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.game01 em {
    position: absolute;
    right: 30px;
    top: 54px;
    color: #999;
    font-size: 30px;
}

.gamesoft .game02 {
    position: absolute;
    left: 30px;
    top: 185px;
}

/*下载按钮*/

.gamesoft .game02 li {
    width: 200px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    float: left;
    background: #ccc;
    text-indent: 10px;
    margin: 0 20px 0 0;
}

.gamesoft .game02 li a {
    margin: 0;
    padding: 0;
    background: none;
    float: none;
    width: 100%;
    display: block;
    color: #fff;
    text-indent: 20px;
}

.gamesoft .game02 li#down-android a {
    background: #7abb15;
}

.gamesoft .game02 li#down-android a:hover {
    background: #75b414;
}

.gamesoft .game02 li#down-android i {
    width: 42px;
    height: 42px;
    float: left;
    background: #629611 url(../image/os.png) no-repeat 4px 7px;
}

.gamesoft .game02 li#down-appstore a {
    background: #5298ff;
}

.gamesoft .game02 li#down-appstore a:hover {
    background: #72a5f0;
}

.gamesoft .game02 li#down-appstore i {
    width: 42px;
    height: 42px;
    float: left;
    background: #4b87e0 url(../image/os.png) no-repeat 4px -26px;
}

.gamesoft .game02 em {
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    float: left;
    background: #ccc;
    text-indent: 10px;
    margin: 0 20px 0 0;
    padding: 0 10px 0 0;
}

.gamesoft .game02 em.down-android i {
    width: 42px;
    height: 42px;
    float: left;
    background: #a9aaa9 url(../image/os.png) no-repeat 4px 7px;
}

.gamesoft .game02 em.down-appstore i {
    width: 42px;
    height: 42px;
    float: left;
    background: #a9aaa9 url(../image/os.png) no-repeat 4px -26px;
}

.gamesoft .game02 li.game_as a {
    width: 200px;
    background: #ff944f;
    text-align: center;
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.gamesoft .game02 li.game_as a:hover {
    background: #efca13;
}

.gamesoft .game02 li.sold {
    width: 200px;
    background: #ccc;
    text-align: center;
    text-indent: 0;
    margin: 0 20px 0 0;
    padding: 0;
}

.gamesoft .game02 li.yuyue_btn {
    width: 200px;
    background: #85c226;
    text-align: center;
    text-indent: 0;
    margin: 0 20px 0 0;
    padding: 0;
    cursor: pointer;
}

.gamesoft .game02 li.jiak.ts {
    background: #1ec456;
}

.gamesoft .game02 li.jiak {
    width: 200px;
    height: 62px;
    display: block;
    border-radius: 5px;
    position: relative;
    background: linear-gradient(280deg, #ffd200, #5eebc3);
    margin-top: -10px;
}

.gamesoft .game02 li.jiak u {
    position: absolute;
    left: 35px;
    top: 0px;
    text-decoration: none;
}

.gamesoft .game02 li.jiak em {
    position: absolute;
    left: 45px;
    top: 23px;
    font-size: 12px;
    height: 20px;
    color: #fff;
    background: none;
}

.gamesoft .game02 li.jiak a {
    background: #0d31a3;
}

.gamesoft .game02 li.jiak i {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(../image/os1.png) no-repeat -5px -4px !important;
    background-size: 50px !important;
}

/*友情链接*/

.link {
    width: 100%;
    margin: 20px auto 0 auto;
    overflow: hidden;
}

.link h4 {
    height: 20px;
    overflow: hidden;
    font-size: 16px;
}

.link span {
    padding: 7px 15px;
    border-bottom: 2px solid #26ce95 !important;
}

.link a {
    float: left;
    margin: 20px 10px 0 0;
    color: #999;
}

.alike_right {
    float: right;
    width: 297px;
    overflow: hidden;
}

/*尾部*/

.footer {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    float: left;
}

.footer div {
    width: 100%;
    margin: 0 auto;
}

.footer p {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}

.footer p a {
    display: inline-block;
    color: #b9b9b9;
}

.footer p a.icps {
    padding: 0 10px 0 0;
}

.footer p img {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

#report {
    width: 400px;
    margin: 10px auto 0 auto;
    color: #939393;
    position: relative;
    overflow: hidden;
    height: 52px;
}

#report span {
    position: absolute;
    left: 150px;
}

#report a {
    background: none;
    width: 300px;
    color: #b9b9b9;
}

#report i {
    position: absolute;
    left: 150px;
    top: 30px;
}

#report a.tser {
    position: absolute;
    left: 0;
    background: url(../image/zghlw.png) no-repeat;
    display: block;
    width: 120px;
    height: 52px;
}

/*头部*/

.position {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    background: url(../image/home_icon.png) no-repeat 0 17px;
    text-indent: 25px;
}

.position a {
    color: #666;
}

.position a:hover {
    color: #ea8b14;
}

.pa {
    padding: 10px 20px 0px 20px !important;
    background: url(../image/home_icon.png) no-repeat 20px 11px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 5px !important;
}

.positiona {
    width: 823px;
    height: 30px;
    line-height: 30px;
    color: #666;
    overflow: hidden;
    padding: 10px 20px 10px 45px;
    background: #fff url(../image/home_icon.png) no-repeat 20px 17px;
    border: 1px solid #dfdfdf;
    border-bottom: 0;
}

.positiona a {
    color: #666;
}

.positiona a:hover {
    color: #ea8b14;
}

#article .position.as {
    width: 1135px;
    height: 20px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
    margin: 15px auto 0 auto;
    padding: 0px 20px 0px 45px;
    background: url(../image/home_icon.png) no-repeat 20px 2px;
}

.c2a {
    margin-top: 20px;
}

.ga {
    margin-top: 20px;
}

.gb {
    margin-bottom: 0 !important;
}

.pageboxa {
    width: 100%;
    margin: auto;
    clear: both;
    height: 60px;
    text-align: center;
    font-size: 14px;
    float: left;
    display: inline;
    margin-top: 20px;
+ padding-bottom: 0 px;
}

.pageboxa p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
}

.pageboxa span,
.pageboxa b,
.pageboxa a {
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #000;
    margin-right: 5px;
    height: 40px;
    line-height: 40px;
    padding: 5px 8px;
    border-radius: 2px;
}

.pageboxa b,
.pageboxa a {
+ position: relative;
+ top: - 5 px;
}

.pageboxa span {
+ padding: 0 8 px;
}

.pageboxa a:hover {
    border: #efca131px solid;
    text-decoration: none;
}

.pageboxa a.active {
    background: #ffd200;
    color: #FFF;
    border: #ffd200 solid 1px;
    font-weight: bold;
    width: 15px;
}

.pageboxa .disable {
    background: #eee;
    color: #999;
+ padding: 4 px 10 px;
}

.pageboxa .next {
    -padding: 4px 8px;
    -position: relative;
    -top: -6px;
    -right: 2px;
}

.pageboxa input {
    margin: 0 -4px;
    border: 0px;
    background: none;
    height: 40px;
    -height: 28px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
+ height: 30 px;
+ line-height: 30 px;
+ padding: 0;
}

/*提示框*/

.flbody {
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 1px solid #CCC;
}

.flbtn {
    margin: 0 0 15px 10px;
}

.flbody img {
    position: static;
}

.flbody .x {
    float: left;
    border: none;
}

.flbody .y {
    float: right;
    border: none;
    cursor: pointer;
}

.flbody .fclose {
    text-decoration: none;
    overflow: hidden;
    display: block;
    height: 20px;
    margin-top: 5px;
}

.flbody .fclose {
    text-indent: -9999px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: url(../image/fl_pic.png) no-repeat 0px 0px;
}

.flbody .fclose:hover {
    background-position: 0px -20px;
}

.flbody .panel-opt22 {
    margin: 5px 8px;
    margin-bottom: 8px;
    overflow: hidden;
}

.flbody .fmessage {
    clear: both;
    width: auto;
    margin: 0;
    padding: 5px;
    padding-right: 10px;
    overflow: hidden;
    font-size: 14px;
}

.flbody .alert-icons,
.flbody .success-icons,
.flbody .error-icons,
.flbody .info-icons {
    float: left;
    display: block;
    vertical-align: middle;
    margin: 1px 0;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    overflow: hidden;
}

.flbody .alert-icons {
    background: url(../image/alert_icon.gif) no-repeat;
}

.flbody .success-icons {
    background: url(../image/success_icon.gif) no-repeat;
}

.flbody .error-icons {
    background: url(../image/error_icon.gif) no-repeat;
}

.flbody .info-icons {
    background: url(../image/info_icon.gif) no-repeat left 8px;
}

.flbody .shadowline {
    clear: both;
    border-bottom-color: #fff;
    border-right-width: 0px;
    border-top-color: #c8dcec;
    margin: 2px 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
}

.flbody .fbottom {
    clear: both;
    font-size: 1px;
    height: 0px;
    width: 360px;
    overflow: hidden;
}

.flbody .fbutton {
    clear: both;
    background-color: #f2f2f2;
    border-top: 1px solid #e6e6e6;
    margin: 0;
    zoom: 1;
    overflow: hidden;
}

.flbody .fbutton button {
    border: none;
    font-size: 12px;
    cursor: pointer;
}

.flbody .fbutton {
    clear: both;
    margin: 0 0px;
    margin-top: 7px;
    zoom: 1;
    overflow: hidden;
}

.flbody .fbutton button {
    float: right;
    display: inline;
    outline: 0 none;
    width: 76px;
    height: 24px;
    line-height: 24px;
    margin: 5px 5px;
    color: #222 !important;
    text-align: center;
    background: #fff url(../image/fl_pic.png) no-repeat -1px -220px;
}

.flbody .fbutton a button {
    display: block;
    width: 78px;
    text-align: center;
    cursor: pointer;
}

.flbody .fbutton button:hover {
    text-decoration: none;
    background-position: -1px -250px;
}

.flbody .fbutton button:active {
    background-position: left -249px \9;
}

.loading {
    display: block;
    clear: both;
    width: 40px;
    height: 40px;
    margin: auto;
    background: url(../image/loading.gif) no-repeat;
    overflow: hidden;
}

.loading-ajax {
    display: block;
    clear: both;
    font-size: 1px;
    width: 208px;
    height: 13px;
    margin: 10px;
    background: url(../image/loading_ajax.gif) no-repeat;
    overflow: hidden;
}

.loading-16 {
    clear: both;
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 9px;
    margin: auto;
    background: url(../image/loading_16.gif) no-repeat;
    overflow: hidden;
}

.flbody .tab {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 8px;
    height: 23px;
    border-bottom: 1px solid #C8DDE9;
}

.flbody .tab li {
    float: left;
    height: 22px;
    _height: 23px;
    line-height: 22px;
    background: #e7f2f9;
    padding: 0 8px;
    border: 1px solid #C8DDE9;
    border-bottom: none;
    margin-left: 3px;
}

.flbody .tab li a {
    text-decoration: none;
}

.flbody .tab li.current {
    height: 23px;
    background: #fff;
    border-bottom: none;
}

.flbody .tab li.y {
    float: right;
    border: none;
    background: none;
    cursor: pointer;
}

.flbody .tab li.x {
    float: left;
    border: none;
}

.flbody .tab li.y .fclose {
    margin-top: -3px;
}

.flbody .flh {
    list-style: none;
    height: 32px;
    background: #f9f9f9 url(../image/fl_pic.png) repeat-x left -54px;
}

.flbody .flc {
    clear: both;
    border-top: 3px solid #dddfe7;
    margin: 0 8px;
}

.flbody .flh li a.fclose {;
}

.flbody .flh li.y {
    float: right;
    border: none;
    cursor: pointer;
    line-height: 32px;
    padding-right: 5px;
}

.flbody .flh li.x {
    float: left;
    font-weight: 700;
    font-size: 13px;
    padding-left: 10px;
    line-height: 32px;
}

.flbody .fld {
    clear: both;
    height: 32px;
    line-height: 32px;
}

.flbody .fld .x {
    float: left;
    font-weight: 700;
    font-size: 13px;
    padding-left: 10px;
    line-height: 32px;
}

.flbody .fld .y {
    float: right;
    border: none;
    cursor: pointer;
    line-height: 32px;
    padding-right: 5px;
}

.flbody .fld em {
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding-left: 10px;
    line-height: 32px;
    color: #369;
}

.flbody .fld em a {
    text-decoration: none;
}

.flbody .fld span {
    float: right;
    color: #999;
    margin-top: 0px;
    border: none;
    cursor: pointer;
    line-height: 32px;
    padding-right: 8px;
}

.flbody .fld span a,
.flbody .fld strong {
    float: left;
    text-decoration: none;
    margin-left: 8px;
    font-weight: 400;
    color: #333;
}

.flbody .fld span a:hover {
    color: #999;
}

.flbody .ftld {
    margin-top: 1px;
}

.flbody .ftld td {
    line-height: 180%;
    padding: 5px 3px;
    border-bottom: 1px dashed #ddd;
}

.flbody .ftip {
    clear: both;
    line-height: 180%;
    color: #808080;
    margin: 5px 2px;
    padding: 3px 5px;
    border: 1px solid #ffaa25;
    background: #fcfad6;
}

.runsys2 {
    width: 190px !important;
}

.runsys2 a {
    width: 190px;
    color: #00cc74;
    font-weight: 700;
    background: url(../image/x_t_01.png) no-repeat 0 -877px;
    display: inline-block;
    font-size: 14px;
    text-indent: 25px;
    height: auto;
    line-height: 25px;
    cursor: pointer;
    white-space: nowrap;
    float: left;
    overflow: hidden;
}

.runsys2 a:hover {
    color: #F00;
    background-position: 0 -940px;
    line-height: 25px;
}

#nav_all li {
    float: left;
    width: 190px;
    height: 190px;
}

#nav_all {
    height: 25px;
    z-index: 222;
}

#nav_all li ul {
    display: none;
    position: absolute;
    top: 205px;
+ left: 278 px;
    z-index: 99;
    border: 1px solid #CCC;
    background: #fff;
    padding: 5px;
    width: 153px;
    height: 153px;
    overflow: hidden;
}

#nav_all .qs {
    overflow: hidden;
}

.lstbox_gd {
    color: #f00;
}

.error-page-wrap {
    width: 100%;
    background: #ffffff;
    font-size: 13px;
    margin: 40px auto;
    padding: 20px 10px;
    text-align: center;
    overflow: hidden;
}

.error-page-wrap a {
    color: #333;
    text-decoration: none;
}

.error-page-wrap em {
    width: 225px;
    height: 45px;
    margin: 0 auto;
    text-indent: -999em;
    display: inline-block;
    overflow: hidden;
    background: url(../image/logo.png) no-repeat 38px 0;
    background-size: 155px;
}

.error-page-wrap h1 {
    font-size: 24px;
    color: #c71508;
    font-family: 'Microsoft Yahei', Georgia;
    margin: 10px 0 20px;
}

.error-page-wrap p {
    line-height: 28px;
}

.error-page-wrap .home404 {
    width: 92px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 3px;
    background: #2A9325;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 15px 0 0 6px;
    overflow: hidden;
    cursor: pointer;
}

/*公共样式*/

b {
    font-weight: 500 !important;
}

h4.tit {
    height: 45px;
    line-height: 45px;
    position: relative;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
}

h4.tit a {
    position: absolute;
    right: 15px;
    font-size: 14px;
    color: #999;
}

.banner {
    width: 100%;
    overflow: hidden;
    margin: 0px auto 0 auto;
}

.wrap,
.archive,
.details,
.special01,
.special02,
.special03,
.container,
.article_list,
.special,
.applist,
.strategy,
.article,
.charts,
.ranking,
.patch,
.software,
.evaluating,
.gameku,
.prefecture,
.option,
.link,
.pack,
.first {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

/*单机辅助子导航*/

.nav_details {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.nav_d_top {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.nav_d_top a {
    width: 80px;
    float: left;
    display: inline;
    margin: 20px 9px 15px 20px;
    text-align: center;
}

.nav_d_top a span {
    width: 100%;
    display: block;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
}

.nav_d_top i {
    background: url(../image/bj_07.png) no-repeat 20px 0;
    width: 80px;
    height: 50px;
    display: block;
}

.nav_d_top i.nav_d_i03 {
    background-position: -90px 0;
}

.nav_d_top i.nav_d_i02 {
    background-position: -199px 0;
}

.nav_d_top i.nav_d_i04 {
    background-position: -311px 0;
}

.nav_d_top i.nav_d_i07 {
    background-position: -422px 0;
}

.nav_d_top i.nav_d_i06 {
    background-position: -532px 0;
}

.nav_d_top i.nav_d_i05 {
    background-position: -638px 0;
}

.nav_d_top i.nav_d_i08 {
    background-position: -756px 0;
}

.nav_d_top i.nav_d_i09 {
    background-position: -866px 0;
}

.nav_d_top i.nav_d_i010 {
    background-position: -975px 0;
}

.nav_d_top i.nav_d_i011 {
    background-position: -1088px 0;
}

.nav_content {
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}

.nav_content span {
    height: 20px;
    overflow: hidden;
    width: 80px;
    float: left;
    display: inline;
    background: #f8ba31;
    margin: 0 10px 0 0;
    text-align: center;
    color: #fff;
}

.nav_content span.nav_span2 {
    background: #4baef1;
}

.nav_content span.nav_span3 {
    background: #42bdcf;
}

.nav_content a {
    border-left: 1px solid #ccc;
    float: left;
    display: inline;
    height: 15px;
    line-height: 15px;
    margin-top: 3px;
    padding: 0 15px;
    color: #666;
}

.nav_content a.nav_c_a1 {
    border-left: 0;
}

.nav_c_top {
    border-top: 1px solid #f1f2f6;
    padding-top: 20px;
}

.h401 {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
    text-indent: 15px;
}

.d_right01.ta {
    margin: 0 0 0 0;
    float: right;
    display: inline;
}

.d_right01 {
    width: 280px;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.d_right01 div a {
    width: 33.33%;
    height: 115px;
    float: left;
    display: inline;
    text-align: center;
    margin: 20px 0 0 0;
}

.d_right01 div img {
    width: 66px;
    height: 66px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.d_right01 div p {
    height: 40px;
    overflow: hidden;
    text-align: center;
    padding: 0 15px;
}

.d_right01 ol li {
    position: relative;
    height: 50px;
    margin: 20px 20px 0 20px;
}

.d_right01 ol li img {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.d_right01 ol li b {
    position: absolute;
    left: 60px;
    top: 0;
    height: 20px;
    overflow: hidden;
    display: block;
    font-weight: 100;
    width: 180px;
}

.d_right01 ol li p {
    position: absolute;
    left: 60px;
    top: 30px;
    color: #999;
    font-size: 12px;
}

.d_right01 ol li p span {
    color: #10a0ea;
}

.d_right01 ol li a.btn01 {
    position: absolute;
    right: 0;
    top: 25px;
    border-radius: 3px;
    padding: 2px 5px;
    color: #fff;
    background: #ffd200;
}

.d_right03 {
    width: 900px;
    background: #fff;
    overflow: hidden;
    margin-top: 20px;
    padding: 0 0 15px 0;
}

.d_right03 div {
    padding: 0 15px;
    color: #999;
    margin-top: 5px;
}

.d_right03 a {
    font-size: 12px;
    float: left;
    margin: 10px 10px 0px 0;
    width: 15.5%;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    text-align: center;
    background: #fafafa;
}

.d_right03 a.lstbox_gd {
    background: #fafafa;
    color: #ffd200;
}

.d_right03 a.d_ra12 {
    color: #fff;
    background: #ffd200;
}

.d_right03 a.d_ra15 {
    color: #fff;
    background: #03a9f4;
}

.d_right03 a.d_ra4 {
    color: #fff;
    background: #08c4c2;
}

.d_right03 a.d_ra20 {
    color: #fff;
    background: #ff6060;
}

.d_right03 a.d_ra25 {
    color: #fff;
    background: #ffd200;
}

.d_right03 a.d_ra30 {
    color: #fff;
    background: #f00;
}

/*首屏*/

.first_left {
    width: 390px;
    overflow: hidden;
    float: left;
    display: inline;
}

/*最新资讯*/

.first_new {
    width: 390px;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
    padding-bottom: 15px;
}

.first_new ul {
    padding: 0 15px;
}

.first_new ul li {
    float: left;
    display: inline;
    width: 50%;
    height: 65px;
    position: relative;
    margin: 20px 0 3px 0;
+ margin: 20 px 0 6 px 0;
}

.first_new ul li img {
    position: absolute;
    left: 0px;
    width: 65px;
    height: 65px;
    border-radius: 3px;
}

.first_new ul li span {
    position: absolute;
    left: 75px;
    top: 20px;
    font-size: 12px;
    color: #999;
}

.first_new ul li p {
    position: absolute;
    left: 75px;
    height: 20px;
    overflow: hidden;
    overflow: hidden;
}

.first_new ul li a.f_new_a1 {
    position: absolute;
    left: 75px;
    top: 40px;
    border: 1px solid #ccc;
    padding: 0px 15px;
    border-radius: 3px;
}

.first_new ul li a.f_new_a1:hover {
    border: 1px solid #ff4939;
    background: #ff4939;
    color: #fff;
}

#click .first_new h4 {
    border-bottom: 2px solid #ffd200;
    padding: 4px 0;
    text-indent: 0;
}

#click .first_new h4 a {
    right: 0;
}

#click .first_new ul {
    padding: 0;
}

#click .first_new ul li {
    width: 100%;
    height: 93px;
    background: #f5f6f9;
}

#click .first_new ul li img {
    width: 195px;
    height: 93px;
    border-radius: 3px;
}

#click .first_new ul li p {
    left: 210px;
    top: 15px;
}

#click .first_new ul li div {
    position: absolute;
    left: 210px;
    top: 40px;
    color: #999;
    font-size: 12px;
    padding-right: 10px;
    line-height: 20px;
}

#click .first_new ul li div a {
    color: #f00;
}

/*切换*/

.first_centre {
    width: 490px;
    background: #fff;
    overflow: hidden;
    float: left;
    display: inline;
    margin-left: 20px;
}

.first_centre .hd {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
}

#soft .first_centre .hd ul li {
    width: 163px;
}

.first_centre .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    width: 94px;
    text-align: center;
    color: #000;
    height: 43px;
    font-size: 18px;
}

.first_centre .hd ul li.on {
    color: #ffd200;
    border-bottom: 2px solid #ffd200;
}

.first_centre .bd ul {
    margin: 20px 15px 15px 15px;
}

.first_centre .bd ul.bd_ul {
    margin: 10px 15px 20px 15px;
}

#click .first_centre .bd ul {
    margin: 0;
}

.first_centre .bd ul.bd_ul li a {
    position: absolute;
    left: 0;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    text-indent: 15px;
    padding: 0 40px 0 0;
    top: 10px;
    font-size: 16px;
}

.first_centre .bd ul li {
    position: relative;
    height: 33px;
+ height: 30 px;
    overflow: hidden;
}

.first_centre .bd ul li a {
    position: absolute;
    left: 130px;
    padding: 0 40px 0 0;
    top: 10px;
    font-size: 14px;
    padding-right: 65px;
    height: 20px;
    display: block;
    overflow: hidden;
}

.first_centre .bd ul li span {
    position: absolute;
    left: 0;
    top: 10px;
    padding-right: 5px;
    border-right: 1px solid #ccc;
    color: #999;
}

.first_centre .bd ul li img {
    position: absolute;
    left: 102px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    top: 10px;
    border-radius: 3px;
}

.first_centre .bd ul li em {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999;
    top: 15px;
}

.first_centre .bd ul li.bd_c_li01 {
    height: 50px;
}

.first_centre .bd ul li.bd_c_li01 a {
    text-align: center;
    font-size: 18px;
    color: #f00;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 0;
    height: 22px;
    overflow: hidden;
}

.first_centre .bd ul li.bd_c_li01 p {
    text-align: center;
    position: absolute;
    top: 30px;
    color: #999;
}

.first_centre .bd ul li.bd_c_li2 {
    margin-top: 23px;
    padding-top: 23px;
+ margin-top: 18 px;
+ padding-top: 18 px;
    border-top: 1px dashed #ccc;
    height: 25px;
}

.first_centre .bd ul li.bd_c_li2 a,
.first_centre .bd ul li.bd_c_li2 span,
.first_centre .bd ul li.bd_c_li2 img {
    top: 20px;
}

.first_centre .bd ul li.bd_c_li2 em {
    top: 23px;
}

/*首屏右边*/

#click .first_right h4 {
    height: 40px;
    line-height: 40px;
    background: #ffd200;
    font-size: 18px;
    color: #fff;
    text-indent: 15px;
    margin-bottom: 20px;
}

#click .first {
    height: 600px;
}

.first_right {
    width: 280px;
    overflow: hidden;
    float: right;
    display: inline;
}

.f_redact {
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.f_redact div a {
    width: 33.33%;
    float: left;
    display: inline;
    text-align: center;
    margin-top: 20px;
}

.f_redact div a img {
    width: 65px;
    height: 65px;
    border-radius: 3px;
}

.f_redact p {
    text-align: center;
    height: 20px;
    overflow: hidden;
    margin-top: 5px;
    padding: 0 10px;
}

.list_right .f_redact h4 {
    background: none;
    border-bottom: 1px solid #f1f2f6;
    color: #333;
}

.first .f_subject {
    margin-top: 0;
}

.f_subject {
    background: #fff;
    overflow: hidden;
    float: right;
    display: inline;
    width: 280px;
    margin-top: 20px;
    padding-bottom: 3px;
+ padding-bottom: 5 px;
}

.f_subject li a {
    width: 50%;
    float: left;
    display: inline;
    line-height: 25px;
    background: url(../image/bj_01.png) no-repeat 15px -534px;
    text-indent: 25px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 13px;
}

.f_subject_li {
    width: 240px;
    height: 119px;
    position: relative;
    margin: 15px auto;
}

.f_subject_li img {
    width: 100%;
    height: 119px;
    position: absolute;
    left: 0;
}

.f_subject_li.f_subject_li a {
    width: 100%;
    text-align: center;
    text-indent: 0;
    background: none;
    height: 119px;
}

.f_subject_li span {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 30px;
    color: #fff;
    z-index: 1;
}

.f_subject_li div {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.android_hot {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

.android_hot a {
    width: 110px;
    height: 110px;
    float: left;
    display: inline;
    background: #fff;
    text-align: center;
    margin-left: 26px;
    padding-top: 20px;
}

.android_hot a.a_hot_a1 {
    margin-left: 0;
}

.android_hot a img {
    width: 70px;
    height: 70px;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 3px;
}

.android_hot a span {
    height: 20px;
    width: 90px;
    overflow: hidden;
    margin: 0 10px;
    display: block;
}

/*安卓游戏*/

.android_zt,
.android_game {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
    background: #fff;
}

.android_zt h4,
.android_game h4 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #f1f2f6;
}

.android_zt h4 span,
.android_game h4 span {
    position: absolute;
    left: 0;
    border-left: 4px solid #ffd200;
    text-indent: 15px;
    font-size: 18px;
    height: 25px;
    display: block;
}

.android_zt h4 a,
.android_game h4 a {
    position: absolute;
    right: 15px;
    color: #999;
}

.android_game ul {
    width: 1204px;
    overflow: hidden;
}

.android_game li {
    float: left;
    width: 400px;
    height: 105px;
    border-bottom: 1px solid #f1f2f6;
    border-right: 1px solid #f1f2f6;
    position: relative;
}

.android_game li img {
    position: absolute;
    left: 15px;
    top: 20px;
    width: 65px;
    height: 65px;
    border-radius: 3px;
}

.android_game li span {
    position: absolute;
    left: 95px;
    top: 25px;
    font-size: 16px;
    display: block;
    height: 25px;
    overflow: hidden;
    padding-right: 15px;
}

.android_game li p {
    position: absolute;
    left: 95px;
    top: 60px;
    font-size: 12px;
    font-size: 12px;
    color: #999;
}

.android_game li p em {
    margin-right: 10px;
}

.android_game li a.a_a1 {
    position: absolute;
    right: 15px;
    top: 55px;
    padding: 2px 10px;
    border-radius: 5px;
    background: #ffd200;
    color: #fff;
}

/*安卓专题*/

.android_zt li {
    width: 270px;
    height: 150px;
    position: relative;
    margin: 20px 15px;
    float: left;
    display: inline;
}

.android_zt li img {
    width: 270px;
    height: 150px;
    position: absolute;
    left: 0;
}

.android_zt li span {
    position: absolute;
    bottom: 0;
    height: 30px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    line-height: 30px;
    z-index: 1;
    color: #fff;
}

.android_zt li div {
    position: absolute;
    bottom: 0;
    height: 30px;
    overflow: hidden;
    width: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/*轮播*/

.boxs {
    position: relative;
    margin-top: 20px;
}

.boxs .content {
    width: 100%;
    margin: 0 auto;
}

.boxs h2 {
    text-align: center;
    margin-bottom: 35px;
    padding-top: 250px;
}

.boxs .box_con {
    position: relative;
}

.boxs .box_con .btnl {
    position: absolute;
}

.boxs .box_con .btn {
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 100px;
    cursor: pointer;
    border: 0 !important;
}

.boxs .box_con .btnl {
    background: url(../image/jtl02.png) no-repeat center;
    left: 0;
    z-index: 99;
}

.boxs .box_con .btnr {
    background: url(../image/jtr02.png) no-repeat center;
    right: 0;
    z-index: 99;
}

.boxs .box_con .btnl:hover {
    background: url(../image/jtl03.png) no-repeat center;
}

.boxs.box_con .btnr:hover {
    background: url(../image/jtr03.png) no-repeat center;
}

.boxs .box_con .conbox {
    position: relative;
    overflow: hidden;
}

.boxs .box_con .conbox ul {
    position: relative;
    list-style: none;
}

.boxs .box_con .conbox ul li {
    float: left;
    width: 184px;
    height: 235px;
    margin-left: 20px;
    overflow: hidden;
}

.boxs .box_con .conbox ul li:first-child {
    margin-left: 0;
}

.boxs .box_con .conbox ul li img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.boxs .box_con .conbox ul li:hover img {
    transform: scale(1.1);
}

.boxs .boxswitch {
    margin-top: 30px;
    text-align: center;
}

.boxs .boxswitch span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;
}

.boxs .boxswitch span.cur {
    background: red;
}

.bd1 .tempWrap,
.slideBox .tempWrap {
    width: 585px !important;
    margin: 0 auto;
}

.carousels .bd1 ul {
    overflow: hidden;
    zoom: 1;
    height: 295px;
}

.carousels .bd1 ul li {
    margin: 7px 28px 0 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 170px;
    height: 295px;
}

.carousels .bd1 ul li img {
    width: 170px;
    height: 295px;
    display: block;
}

.apkdb_02li video,
.apkdb_02li img {
    width: 100% !important;
    height: 100% !important;
}

.apkdb_02li {
    width: 100% !important;
    height: 310px !important;
}

.slideGroup {
    width: 890px;
}

.slideBox {
    overflow: hidden;
    zoom: 1;
    position: relative;
    padding: 0 0 20px 0 !important;
    margin: 20px 0 10px 0;
}

.slideBox .sPrev,
.slideBox .sNext {
    position: absolute;
    top: 85px;
    right: 20px;
    display: block;
    width: 45px;
    height: 130px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #eee url(../image/right_arrow.png) no-repeat 13px 54px;
}

.slideBox .sNext {
    left: 20px;
    top: 85px;
    background: #eee url(../image/left_arrow.png) no-repeat 13px 54px;
}

.slideBox .sPrev:hover {
    background: #55c75d url(../image/right_arrow.png) no-repeat 13px 54px;
}

.slideBox .sNext:hover {
    background: #55c75d url(../image/left_arrow.png) no-repeat 13px 54px;
}

.slideBox ul {
    overflow: hidden;
    zoom: 1;
    height: 295px;
    width: 585px;
    margin: 0 auto;
}

.slideBox ul li {
    margin: 7px 28px 0 3px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 170px;
    height: 295px;
}

.slideBox ul li video,
.slideBox ul li img {
    width: 170px;
    height: 295px;
    display: block;
}

.slideBox .apkdb_02li {
    width: 480px !important;
    height: 280px !important;
    margin: 21px 42px !important;
}

/*专题列表*/

.c-zt {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

.ctit {
    height: 45px;
    overflow: hidden;
    line-height: 35px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.ctit span {
    position: absolute;
    left: 0;
    font-size: 22px;
}

.ctit a {
    position: absolute;
    right: 15px;
    color: #999;
}

.c-zt div {
    width: 1230px;
}

.c-zt div a {
    width: 224px;
    height: 140px;
    float: left;
    margin: 0 20px 0 0;
    position: relative;
}

.c-zt div a img {
    width: 100%;
    height: 140px;
}

.c-zt div a b {
    display: block;
    text-align: center;
    display: block;
    position: absolute;
    width: 90%;
    margin: 0 5%;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    z-index: 99;
    font-weight: 500;
}

.c-zt div a div {
    position: absolute;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
}

/*排行榜*/

.ranking .game_right {
    float: left;
    display: inline;
    width: 383px;
    margin-right: 25px;
    background: #fff;
}

.ranking .game_right.rk_02 {
    margin-right: 0;
}

.ranking .game_right h4 {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #f1f2f6;
    margin-bottom: 20px;
}

.ranking .game_right h4 a {
    color: #03a9f4;
}

.ranking .game_right.rk_01 h4 a {
    color: #21c3e0;
}

.ranking .game_right.rk_02 h4 a {
    color: #ffa633;
}

.sidemenu {
    margin: 0 15px;
}

.sidemenu h3 {
    height: 44px;
    position: relative;
}

.sidemenu em {
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #ccc;
    position: absolute;
    left: 0;
}

.sidemenu em.em_01,
.sidemenu em.em_02,
.sidemenu em.em_03 {
    background: #03a9f4;
}

.pack_right .sidemenu em.em_01,
.pack_right .sidemenu em.em_02,
.pack_right .sidemenu em.em_03 {
    background: #f8ba31;
}

.ranking .game_right.rk_01 .sidemenu em.em_01,
.ranking .game_right.rk_01 .sidemenu em.em_02,
.ranking .game_right.rk_01 .sidemenu em.em_03 {
    background: #21c3e0;
}

.ranking .game_right.rk_02 .sidemenu em.em_01,
.ranking .game_right.rk_02 .sidemenu em.em_02,
.ranking .game_right.rk_02 .sidemenu em.em_03 {
    background: #ffa633;
}

.ranking .game_right .sidemenu div i,
.ranking .game_right .sidemenu div p {
    position: absolute;
    left: 100px;
    top: 45px;
    font-size: 12px;
    color: #999;
}

.ranking .game_right .sidemenu div i {
    top: 24px;
}

.ranking {
    height: 550px;
}

.sidemenu h3 a {
    position: absolute;
    left: 30px;
    height: 20px;
    overflow: hidden;
    display: block;
    width: 230px;
}

.sidemenu div {
    position: relative;
    height: 80px;
}

.sidemenu div em {
    top: 5px;
}

.sidemenu div img {
    position: absolute;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: 3px;
}

.sidemenu div a span {
    position: absolute;
    left: 100px;
    top: 0px;
    display: block;
    width: 250px;
    height: 20px;
    overflow: hidden;
    color: #000;
}

.sidemenu div a span:hover {
    color: #ffd200;
}

.sidemenu div p {
    position: absolute;
    left: 100px;
    top: 45px;
    font-size: 12px;
    color: #999;
}

.sidemenu ul,
.sidemenu h3.on,
h3.ons.on {
    display: none;
}

.first_right .sidemenu {
    margin: 0;
}

.first_right .sidemenu div a span {
    width: 155px;
    left: 110px;
    font-size: 16px;
}

.first_right .sidemenu div {
    height: 160px;
}

.first_right .sidemenu div img {
    width: 100px;
    height: 140px;
    left: 0;
    border-radius: 3px;
}

.first_right .sidemenu div p.star {
    position: absolute;
    left: 110px;
    top: 60px;
}

.first_right .sidemenu div i {
    position: absolute;
    left: 110px;
    top: 30px;
    color: #999;
    font-size: 12px;
}

.first_right .sidemenu div p {
    position: absolute;
    left: 110px;
    top: 80px;
    line-height: 25px;
    width: 170px;
}

.first_right .sidemenu h3 {
    height: 43px;
}

.pack_right .sidemenu {
    margin: 0;
}

.pack_right .sidemenu div a span {
    width: 155px;
    left: 80px;
    font-size: 16px;
}

.pack_right .sidemenu div {
    height: 100px;
}

.pack_right .sidemenu div img {
    width: 70px;
    height: 80px;
    left: 0;
    border-radius: 3px;
}

.pack_right .sidemenu div i {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 12px;
    overflow: hidden;
    color: #999;
}

.pack_right .sidemenu div a.pack_a1 {
    position: absolute;
    left: 80px;
    top: 55px;
    border: 1px solid #ccc;
    padding: 2px 15px;
    border-radius: 3px;
}

.pack_right .sidemenu h3 {
    height: 41px;
}

/*安卓列表*/

.classify {
    overflow: hidden;
    background: #fff;
    padding-bottom: 20px;
}

.classify h4 {
    height: 45px;
    line-height: 45px;
    color: #ffd200;
    font-size: 18px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
}

.classify .nav_top a {
    float: left;
    display: inline;
    width: 95px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 15px 15px 0 15px;
    border: 1px solid #f1f2f6;
    border-radius: 3px;
}

.classify .nav_top a.currents {
    background: #ffd200;
    color: #fff;
}

.list {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

.list_left {
    width: 900px;
    float: left;
    display: inline;
    background: #fff;
    padding-bottom: 20px;
}

.list_left li {
    width: 198px;
    margin: 15px 9px 0 15px;
    float: left;
    display: inline;
    border: 1px solid #dddddd;
    text-align: center;
    padding: 20px 0 0 0;
}

.list_left li:hover {
    border: 1px solid #ffd200;
    box-shadow: 0px 2px 2px -1px rgb(0 0 0 / 50%);
}

.list_left li img {
    width: 120px;
    height: 120px;
    border-radius: 25px;
}

.list_left li span {
    width: 94%;
    display: block;
    height: 20px;
    overflow: hidden;
    margin: 5px auto 5px auto;
    font-size: 14px;
}

.list_left li a.list_a1 {
    background: #ffd200;
    color: #fff;
    padding: 5px 10px;
    display: block;
    border-radius: 100px;
    width: 80px;
    margin: 0 auto;
    font-size: 14px;
}

.list_left li a.list_a1:hover {
    background: #03a9f4;
}

.list_left li p {
    font-size: 12px;
    color: #999;
    position: relative;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;
    margin-top: 8px;
}

.list_left li p em {
    position: absolute;
    left: 15px;
    width: 71px;
    height: 25px;
    overflow: hidden;
}

.list_left li p i {
    position: absolute;
    right: 15px;
}

.list_left .nav_tops {
    width: 900px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #f1f2f6;
    padding-top: 15px;
}

.list_left .nav_tops a {
    float: left;
    display: inline;
    margin: 0 15px 0 15px;
    font-size: 18px;
}

.list_left .nav_tops a.current {
    color: #ffd200;
}

.list_right {
    width: 280px;
    float: right;
    display: inline;
}

.app_top {
    width: 280px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 20px;
    float: right;
    display: inline;
}

.app_top li {
    margin: 0 15px;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin-top: 20px;
}

.app_top li em {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    line-height: 20px;
    text-align: center;
    background: #f4f4f4;
    border-radius: 3px;
}

.app_top li em.top_em {
    background: #ffd200;
    color: #fff;
}

.app_top li a {
    position: absolute;
    left: 30px;
}

.app_top li span {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999;
}

/*补丁推荐*/

.patch h4 {
    height: 40px;
    line-height: 40px;
    position: relative;
    border-bottom: 2px solid #e6e6e6;
    font-size: 18px;
}

.patch h4 a {
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #999;
}

.patch_left {
    width: 900px;
    overflow: hidden;
    float: left;
    display: inline;
    position: relative;
    height: 510px;
}

.pack_left .contentbox-two {
    top: 20px;
}

.contentbox-two {
    position: absolute;
    left: -49px;
    top: 60px;
    width: 949px;
    overflow: hidden;
}

.con-two {
    width: 140px;
    height: 230px;
    margin: 5px 0px 0px 49px;
    position: relative;
    cursor: pointer;
    float: left;
    display: inline;
}

.con-two img {
    width: 140px;
    height: 180px;
}

.txt-two {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    filter: Alpha(opacity=80) \9;
    background: #000 \9;
    display: none;
}

.txt-two h3 a {
    color: #FFF;
    font-size: 12px;
    line-height: 25px;
}

.txt-two h3 a:hover {
    color: #FFF !important;
}

.txt-two h3 {
    font-weight: normal;
    background: #00c26e;
    width: 80px;
    margin: 0 auto;
    height: 25px;
    line-height: 25px;
    margin-top: 70px;
    color: #FFF;
    border-radius: 3px;
}

.txt-two h3:hover {
    background: #0e79b8;
}

.txt {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-align: center;
}

.txt h3 {
    font-weight: normal;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    -margin-top: 5px;
    height: 25px;
    overflow: hidden;
}

.patch_right {
    width: 280px;
    height: 510px;
    overflow: hidden;
    float: right;
    display: inline;
}

.patch_right h4 {
    border-bottom: 2px solid #ffd200;
    margin-bottom: 20px;
}

.patch_right div a {
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    height: 21px;
    display: block;
    text-indent: 15px;
    margin-bottom: 18px;
    overflow: hidden;
}

/*热门补丁*/

.pack_left {
    width: 900px;
    float: left;
    display: inline;
}

.pack_left .hd {
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    position: relative;
    border-bottom: 1px solid #f1f2f6;
}

.pack_left .hd h4 {
    position: absolute;
    left: 0;
    font-size: 18px;
}

.pack_left .hd a {
    position: absolute;
    right: 15px;
    color: #999;
}

.pack_left .hd ul {
    position: absolute;
    left: 185px;
}

.pack_left .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    margin-right: 10px;
    padding: 0px 5px;
    color: #999;
}

.pack_left .hd ul li.on {
    border-bottom: 2px solid #ffd200;
    color: #ffd200;
    height: 38px;
}

.game_left3 {
    float: left;
    display: inline;
    width: 900px;
    position: relative;
    height: 470px;
}

.game_left2 {
    float: left;
    display: inline;
    width: 900px;
}

.game_left2 p {
    position: relative;
    height: 43px;
}

.game_left2 p img {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 3px;
}

.game_left2 p a {
    position: absolute;
    left: 30px;
    width: 255px;
    height: 20px;
    overflow: hidden;
    padding-right: 15px;
}

.game_left2 li {
    float: left;
    display: inline;
    width: 299px;
    height: 450px;
    padding-top: 25px;
}

.pack_right {
    width: 280px;
    height: 510px;
    overflow: hidden;
    float: right;
    display: inline;
}

.pack_right .hd {
    height: 40px;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #ffd200;
    margin-bottom: 20px;
}

.pack_right .hd h4 {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 18px;
}

.pack_right .hd a {
    position: absolute;
    right: 15px;
    color: #999;
}

.pack_right .hd ul {
    position: absolute;
    right: 0;
    top: 13px;
}

.pack_right .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    margin-left: 10px;
    padding: 0px 5px;
}

.pack_right .hd ul li.on {
    color: #ffd200;
}

.pack_right .hd ul li.onm {
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

/*软件列表*/

.app_left {
    width: 898px;
    float: left;
    display: inline;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-top: 0;
}

.app_l01 {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ffd200;
    padding-left: 15px;
}

.app_l01 a {
    color: #ffd200;
}

.app_l02 {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    font-size: 16px;
}

.app_l02 span.current,
.app_l02 a {
    height: 40px;
    text-align: center;
    float: left;
    display: inline;
    margin: 0 20px 0 15px;
}

.app_l02 span.current,
.app_l02 a.current {
    border-bottom: 1px solid #ffd200;
    height: 40px;
}

.app_l03 {
    margin: 20px 0;
}

.app_l03 a {
    border: 1px solid #ccc;
    padding: 2px 10px;
    margin: 0 10px 0 15px;
    font-size: 16px;
}

.app_l03 a.fb {
    border: 1px solid #f00;
    background: #f00;
    color: #fff;
}

.app_left ul.app_l04 em.em_li {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 25px;
    background: url(../image/ico-phlist.png) no-repeat -1px 0px;
    background-size: 126px;
    color: #fff;
}

.app_left ul.app_l04 em.em_li1 {
    background-position: -95px 0;
}

.app_left ul.app_l04 em.em_li2 {
    background-position: -64px 0;
}

.app_left ul.app_l04 em.em_li3 {
    background-position: -33px 0;
}

.app_left ul.app_l04 img {
    left: 40px;
}

.app_left ul.app_l04 li p.applist_p1 {
    left: 0;
    top: 75px;
}

.app_left ul.app_l04 h2,
.app_left ul.app_l04 div {
    left: 100px;
}

.app_left ul li {
    position: relative;
    height: 115px;
    padding: 15px 0 0 0;
    margin: 0 15px 15px 15px;
    border-bottom: 1px dashed #dddddd;
}

.app_left ul li img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.app_left ul li h2 {
    position: absolute;
    left: 70px;
    top: 15px;
    font-size: 18px;
    color: #000;
}

.app_left ul li div {
    position: absolute;
    left: 70px;
    top: 45px;
    font-size: 12px;
    color: #999;
}

.app_left ul li div span,
.app_left ul li div i,
.app_left ul li div p {
    float: left;
    display: inline;
    margin-right: 15px;
    position: relative;
}

.app_left ul li div p em {
    position: absolute;
    left: 35px;
    top: 1px;
}

.app_left ul li div em {
    color: #33755a;
}

.app_left ul li div p em {
    float: right;
    display: inline;
}

.app_left ul li a.applist_a2 {
    position: absolute;
    right: 0;
    top: 25px;
    padding: 5px 15px;
    background: #ffd200;
    color: #fff;
    border-radius: 5px;
}

.app_left ul li a.applist_a2:hover {
    background: #4ec62b;
}

.app_left ul li p.applist_p1 {
    position: absolute;
    left: 0;
    top: 75px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    height: 45px;
}

.app_right {
    width: 280px;
    float: right;
    display: inline;
    overflow: hidden;
}

.app_right h4 {
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    border-bottom: 1px solid #dddddd;
}

.app_right h4 span {
    height: 40px;
    width: 125px;
    font-size: 16px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ffd200;
}

.app_r01 {
    width: 278px;
    border: 1px solid #dddddd;
    overflow: hidden;
    padding-bottom: 15px;
}

.app_r01 a {
    padding: 3px 7px;
    margin: 15px 0 0 15px;
    background: #f1f2f6;
    float: left;
    display: inline;
}

.app_r01 a:hover,
.app_r01 a.current {
    background: #ffd200;
    color: #fff;
}

.app_r02 {
    width: 278px;
    border: 1px solid #dddddd;
    overflow: hidden;
    padding-bottom: 15px;
    margin-top: 15px;
}

.app_r02 li {
    margin: 15px 15px 0 15px;
    position: relative;
    height: 25px;
}

.app_r02 li em {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    background: #f1f2f6;
}

.app_r02 li em.app_r_em {
    background: #ffd200;
    color: #fff;
}

.app_r02 li a {
    position: absolute;
    left: 30px;
    height: 20px;
    width: 218px;
    overflow: hidden;
    display: block;
}

.app_r03 {
    width: 278px;
    border: 1px solid #dddddd;
    overflow: hidden;
    padding-bottom: 15px;
}

.app_r03 a {
    margin: 15px 17px 0 15px;
    float: left;
    display: inline;
    width: 60px;
}

.app_r03 a img {
    width: 60px;
    height: 60px;
    border-radius: 3px;
}

.app_r03 a b {
    height: 20px;
    overflow: hidden;
    display: block;
    font-weight: 100;
    line-height: 20px;
    text-align: center;
}

.m15 {
    margin-top: 15px;
}

/*游戏专题区*/

.gameku h4,
.link h4,
.prefecture h4 {
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid #f1f2f6;
}

.gameku h4 a,
.link h4 a,
.prefecture h4 a {
    position: absolute;
    right: 15px;
    color: #999;
    font-size: 14px;
}

.prefecture div {
    width: 1220px;
    position: relative;
    left: -20px;
}

.prefecture div a {
    margin: 20px 0 0 20px;
    width: 154px;
    float: left;
    display: inline;
    text-align: center;
}

.prefecture div a img {
    width: 154px;
    height: 110px;
    margin-bottom: 5px;
}

.prefecture div a span {
    width: 100%;
    height: 20px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.link.wz {
    background: #fff;
    padding: 0 0 15px 0;
}

.link.wz h4 {
    text-indent: 15px;
}

.link.wz div a {
    margin: 20px 0 0 15px;
    font-size: 12px;
    color: #999;
}

.link div a {
    float: left;
    display: inline;
    margin: 20px 20px 0 0;
}

/*游戏库*/

.option_left {
    width: 918px;
    height: 533px;
    float: left;
    display: inline;
    background: #fff;
    padding: 20px 0;
}

.option_left .hd {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.option_left .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    margin-left: 20px;
    border-radius: 5px;
    width: 70px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #ccc;
}

.option_left .hd ul li.on {
    background: #f9644e;
    border: 1px solid #f9644e;
    color: #fff;
}

.option_left .bd li {
    float: left;
    display: inline;
    margin: 30px 20px 0 20px;
    width: 112px;
}

.option_left .bd li img {
    width: 120px;
    height: 120px;
    border-radius: 3px;
}

.option_left .bd li h4 span {
    margin-left: 20px;
    font-size: 12px;
    color: #f9644e;
}

.option_left .bd li b,
.option_left .bd li h4 {
    height: 20px;
    overflow: hidden;
    font-size: 16px;
    margin: 5px 0 10px;
    color: #000;
    display: block;
}

.option_left .bd li span {
    height: 20px;
    overflow: hidden;
    width: 100%;
    display: block;
    margin-top: 5px;
    color: #7b7b7b;
}

.option_left .bd li p {
    height: 30px;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    width: 100%;
    display: block;
    margin-top: 5px;
    color: #7b7b7b;
}

.option_right {
    width: 280px;
    height: 533px;
    padding: 20px 0;
    float: right;
    display: inline;
    overflow: hidden;
    background: #fff;
}

.option_right h4 {
    height: 40px;
    background: url(../image/bj_01.png) no-repeat 0 -1072px;
    text-indent: 40px;
    font-size: 24px;
    margin: 0 20px;
}

.option_right .search {
    width: 238px;
    height: 35px;
    border: 1px solid #d8dce3;
    position: relative;
}

.option_right .search input {
    border: 0;
    height: 35px;
    line-height: 35px;
    width: 160px;
    position: absolute;
    left: 15px;
}

.option_right .search button {
    width: 42px;
    height: 35px;
    border: 0;
    background: url(../image/bj_01.png) no-repeat 10px -1141px;
    position: absolute;
    right: 0;
}

.option_r_top p {
    height: 20px;
    overflow: hidden;
    margin: 10px 0;
}

.option_r_top p a {
    float: left;
    display: inline;
    margin-right: 5px;
}

.option_r_top {
    margin: 0 20px 20px 20px;
}

.option_nav {
    margin: 0 0 0 20px;
+ margin: 0 0 15 px 20 px;
    overflow: hidden;
}

.option_nav p {
    float: left;
    display: inline;
    width: 45px;
}

.option_nav div {
    float: right;
    display: inline;
    width: 203px;
}

.option_nav div a {
    float: left;
    display: inline;
    margin-right: 15px;
    border: 1px solid #ccc;
    padding: 2px 10px;
    margin-bottom: 17px;
}

.option_nav div a.current {
    border: 1px solid #ffd200;
    color: #fff;
    background: #ffd200;
}

.gameku .hd {
    height: 45px;
    overflow: hidden;
    line-height: 35px;
    position: relative;
    background: #f1f2f6;
}

.gameku .hd h4 {
    position: absolute;
    left: 0;
    font-size: 22px;
}

.gameku .hd a {
    position: absolute;
    right: 15px;
    color: #999;
}

.gameku .hd ul {
    position: absolute;
    left: 110px;
}

.gameku .hd ul li {
    float: left;
    display: inline;
    cursor: pointer;
    margin-right: 20px;
    padding: 0px 15px;
    background: #b0bec5;
    color: #fff;
}

.gameku .hd ul li.on {
    background: #ffd200;
}

.gameku .bd div {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.gameku .bd div a {
    float: left;
    display: inline;
    width: 150px;
    margin: 20px 0 0 0;
    text-align: center;
}

.gameku .bd div a img {
    width: 75px;
    height: 75px;
    text-align: center;
    margin: 0 37.5px;
    border-radius: 3px;
}

.gameku .bd div a span {
    width: 110px;
    text-align: center;
    height: 20px;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 20px;
    display: block;
}

/*游戏库列表*/

.screen {
    background: #FFF;
    padding: 5px 20px 30px 20px;
    margin: 20px 0;
}

.screen ul li span {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    float: left;
}

.screen ul li {
    border-bottom: 1px #eee solid;
    line-height: 50px;
}

.screen ul li a {
    display: inline-block;
    height: 24px;
    margin: 10px 2px;
    line-height: 24px;
    padding: 0 12px;
    border: 1px #fff solid;
    color: #666;
    text-decoration: none;
}

.screen ul li a.on21 {
    margin: 0;
    padding: 0;
}

.screen ul li a:hover,
.screen ul li a.on2 {
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    border: 1px #10a0ea solid;
    border-radius: 3px;
    color: #10a0ea;
}

.screen_py a.on2 {
    padding: 0 12px !important;
}

.screen_py a {
    padding: 0 8px !important;
    border: 1px #fff solid;
}

.screen_py a:hover {
    padding: 0 8px;
    border: 1px #fff solid;
}

/*筛选后的应用*/

.layout {
    width: 900px;
    float: left;
    display: inline;
    background: #fff;
}

.linelist li {
    margin: 20px 20px 0 20px;
    position: relative;
    border-bottom: 1px dashed #ccc;
    height: 160px;
}

.linelist li img {
    position: absolute;
    left: 0;
    width: 120px;
    height: 120px;
}

.linelist li h4 {
    position: absolute;
    left: 140px;
    font-size: 16px;
    width: 720px;
}

.linelist li h4 em {
    float: right;
    display: inline;
    font-size: 12px;
}

.linelist li h4 i {
    color: #F00;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: relative;
    top: -2px;
}

.linelist li h4 span {
    margin-left: 20px;
    color: #999;
    font-size: 12px;
}

.linelist li div.intro {
    position: absolute;
    left: 140px;
    top: 30px;
    font-size: 12px;
}

.linelist li div.intro p {
    float: left;
    display: inline;
    margin-right: 15px;
    color: #999;
}

.linelist li div.intro p span,
.linelist li div.intro p i {
    float: left;
    display: inline;
}

.iBtn,
.iBtn_p,
.aBtn_p,
.aBtn {
    background: url(../image/bj_02.png) no-repeat 0px -414px;
    width: 25px;
    height: 25px;
    display: block;
}

.iBtn {
    background-position: 0px -316px;
}

.aBtn_p {
    background-position: 0px -370px;
}

.iBtn_p {
    background-position: 0px -272px;
}

.linelist li div.intro em {
    color: #ffd200;
}

.linelist li div.essay {
    position: absolute;
    left: 140px;
    top: 60px;
    width: 720px;
    font-size: 12px;
    color: #999;
}

.linelist li div.bline {
    position: absolute;
    left: 140px;
    top: 105px;
}

.linelist li div.bline a {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    font-size: 12px;
    color: #555;
    background-color: #fafafa;
    text-align: center;
    background: url(../image/bj_02.png) no-repeat 20px 10px;
    padding-left: 20px;
}

.linelist li div.bline a.gBtn {
    background-position: 20px -54px;
}

.linelist li div.bline a.dlBtn {
    background-position: 20px -121px;
}

.linelist li div.bline a.bbsBtn {
    background-position: 20px -193px;
}

.linelist li div.bline a:hover {
    color: #ffd200;
    font-weight: 900;
}

/*库详情*/

.archive {
    margin-top: 20px;
}

.archive_left {
    background: #fff;
    width: 100%;
    float: left;
    display: inline;
}

.downloadInfo {
    position: relative;
    margin: 30px 20px;
    height: 170px;
}

.downloadInfo img {
    position: absolute;
    left: 0;
    width: 100px;
    height: 100px;
}

.downloadInfo h1 {
    position: absolute;
    left: 120px;
    font-size: 22px;
    height: 30px;
    overflow: hidden;
}

.downloadInfo h1 span {
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

.downloadInfo ol {
    position: absolute;
    left: 120px;
    top: 40px;
    width: 360px;
}

.downloadInfo ol li {
    float: left;
    display: inline;
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin-bottom: 2px;
    color: #999;
}

.downloadInfo ol li a {
    margin-right: 10px;
}

.downloadInfo ol li span {
    float: left;
    display: inline;
}

.catname {
    padding: 0 0 20px;
    overflow: hidden;

    border-top: 1px solid #f2f2f2;
}


.catname ol {
    margin: 20px;
    overflow: hidden;
}

.catname ol li {
    float: left;
    /* display: inline; */
    width: 48%;
    height: 20px;
    /* overflow: hidden; */
    margin-bottom: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catname ol li a {
    margin-right: 10px;
}

.catname ol li span {
    float: left;
    display: inline;
}

.downloadInfo a.btn2a,
.downloadInfo a.btn1a {
    position: absolute;
    right: 0;
    top: 38px;
    display: block;
    width: 130px;
    padding-left: 50px;
    font-size: 16px;
    background: #aac805 url(../image/bj_03.png) no-repeat 10px 6px;
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.downloadInfo a.btn2a {
    top: 105px;
    background: #00adef url(../image/bj_03.png) no-repeat 10px -26px;
}

.downloadInfo em.btn2a,
.downloadInfo em.btn1a {
    position: absolute;
    right: 0;
    top: 38px;
    display: block;
    width: 130px;
    padding-left: 50px;
    font-size: 16px;
    background: #ccc url(../image/bj_03.png) no-repeat 10px 6px;
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.downloadInfo em.btn2a {
    top: 105px;
    background: #ccc url(../image/bj_03.png) no-repeat 10px -26px;
}

.iBtnb,
.aBtnb {
    background: url(../image/bj_02.png) 0px -414px no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.iBtnb {
    background-position: 0px -316px;
}

.textbox {
    margin: 20px 20px 0 20px;
    line-height: 30px;
}

.textbox p {
    line-height: 30px;
    color: #666;
    margin-bottom: 15px;
    font-size: 15px;
}

.textbox h2,
.textbox h3 {
    border-bottom: 1px dashed #d1d1d1;
    padding: 2px 0 5px 25px;
    margin: 10px 0;
    font-weight: 900 !important;
    color: #ffd200;
    background: url(../image/bj_01.png) no-repeat 0 -631px;
    font-size: 16px;
}

.textbox strong {
    font-weight: 900;
}

.kuwz {
    margin: 0 20px 20px 20px;
    padding-top: 10px;
}

.kuwz h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
}

.kuwz ul {
    width: 860px;
    margin-bottom: 20px;
}

.kuwz ul li {
    margin: 20px 0 0 0;
}

.kuwz ul li p {
    width: 635px;
}

.kuwz ol li {
    float: left;
    display: inline;
    width: 46%;
    margin: 15px 0 0 0;
    height: 20px;
    overflow: hidden;
    text-indent: 10px;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    padding-right: 20px;
}

.related {
    margin: 20px;
}

.related h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
}

.related li {
    height: 120px;
    position: relative;
    margin: 20px 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.related li img {
    position: absolute;
    left: 0;
    width: 120px;
    height: 120px;
    border-radius: 5px;
}

.related li h3 {
    position: absolute;
    left: 140px;
    width: 720px;
    font-size: 18px;
}

.related li h3 span {
    float: right;
    font-size: 14px;
}

.related li h3 span em {
    color: #F00;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: relative;
    top: -2px;
}

.related li .intro_01 {
    position: absolute;
    left: 140px;
    top: 45px;
    color: #999;
    font-size: 12px;
}

.related li .intro_01 span,
.related li .intro_01 em {
    float: left;
    display: inline-block;
}

.related li .intro_01 em {
    margin-right: 20px;
}

.related li p {
    position: absolute;
    left: 140px;
    top: 70px;
    width: 600px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.related li .intro_02 {
    position: absolute;
    left: 388px;
    top: 41px;
}

.related li .intro_02 span {
    color: #999;
    margin-right: 20px;
    font-size: 12px;
}

.related li a.listbtn {
    position: absolute;
    right: 0;
    top: 45px;
    background: #ffd200;
    color: #fff;
    width: 100px;
    height: 35px;
    text-align: center;
    display: block;
    line-height: 35px;
    font-size: 14px;
    border-radius: 3px;
}

/*轮播图样式*/

.slidetxtbox .carousel {
    margin-top: 40px;
}

.carousel {
    width: 860px;
    height: 370px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.carousel h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
}

.carousel .prev {
    float: right;
    margin-top: 100px;
    cursor: pointer;
    display: inline-block;
    width: 45px;
    height: 130px;
    border-radius: 5px;
    background: #eee url(../image/right_arrow.png) no-repeat 13px 54px;
}

.carousel .prev:hover {
    background: #ffd200 url(../image/right_arrow.png) no-repeat 13px 54px;
}

.carousel .next {
    float: left;
    margin-top: 100px;
    cursor: pointer;
    display: inline-block;
    width: 45px;
    height: 130px;
    border-radius: 5px;
    background: #eee url(../image/left_arrow.png) no-repeat 13px 54px;
}

.carousel .next:hover {
    background: #ffd200 url(../image/left_arrow.png) no-repeat 13px 54px;
}

.carousel .bds {
    padding: 10px;
    width: 600px;
    margin-left: 140px;
}

.tempWrap {
    width: 585px !important;
}

.carousel .bds ul {
    overflow: hidden;
    zoom: 1;
    height: 295px;
}

.carousel .bds ul li {
    margin: 7px 28px 0 0;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 170px;
    height: 295px;
}

.carousel .bds ul li img {
    width: 170px;
    height: 295px;
    display: block;
}

/*常用软件*/

.software_left {
    float: left;
    display: inline;
    width: 900px;
    background: #fff;
    overflow: hidden;
}

.software_left h4 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    position: relative;
}

.software_left h4 a {
    position: absolute;
    right: 15px;
    font-size: 14px;
    color: #999;
}

.s_left02 {
    margin: 20px 0 0 20px;
    float: left;
    display: inline;
    width: 48%;
}

.s_left01 {
    width: 49%;
    float: right;
    display: inline;
    margin: 20px 0 0 0;
}

.s_left01 p {
    height: 35px;
    position: relative;
}

.s_left01 p a {
    position: absolute;
    left: 20px;
    text-indent: 15px;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
}

.s_left01 p em {
    position: absolute;
    right: 20px;
    color: #999;
    font-size: 12px;
}

.s_left02 ul {
    margin-bottom: 20px;
    background: #fafafa;
    height: 120px;
    width: 430px;
}

.s_left02 ul li.s_leftli1 {
    float: left;
    display: inline;
    padding: 9px 10px 0 10px;
    width: 230px;
    height: 20px;
    position: relative;
}

.s_left02 ul li.s_leftli1 a {
    height: 20px;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 70px;
}

.s_left02 ul li.s_leftli1 em {
    color: #f9644e;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    position: absolute;
    left: 20px;
}

.s_left02 ul li p {
    height: 20px;
    overflow: hidden;
    margin-top: 8px;
    color: #ccc;
}

.s_left02 ul li p span {
    color: #f9644e;
}

.s_left02 ul li p a {
    color: #333;
}

.s_left02 ul li.s_leftli img {
    width: 180px;
    height: 120px;
    position: absolute;
    left: 0;
}

.s_left02 ul li.s_leftli {
    width: 180px;
    height: 120px;
    position: relative;
    padding: 0;
    float: left;
    display: inline;
}

.s_left02 ul li.s_leftli span {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 180px;
    line-height: 30px;
    text-align: center;
    display: block;
    z-index: 1;
    color: #fff;
}

.s_left02 ul li.s_leftli div {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 180px;
    line-height: 30px;
    text-align: center;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.software_right {
    float: right;
    display: inline;
    width: 280px;
    background: #fff;
}

.software_right h4 {
    margin: 20px 15px;
    height: 16px;
    line-height: 16px;
    border-left: 4px solid #ffd200;
    position: relative;
    font-size: 16px;
    text-indent: 10px;
}

.software_right h4 a {
    position: absolute;
    right: 0px;
    font-size: 14px;
    color: #999;
}

.software_right .sidemenu h3 {
    height: 38px;
}

.software_right .sidemenu em {
    color: #fff;
    background: #ccc;
}

.software_right .sidemenu em.em_01 {
    background: #ff6060;
}

.software_right .sidemenu em.em_02 {
    background: #ffd200;
}

.software_right .sidemenu em.em_03 {
    background: #03a9f4;
}

.software_right .sidemenu div {
    position: relative;
    height: 80px;
}

.software_right .sidemenu div em {
    top: 5px;
}

.software_right .sidemenu div a span {
    width: 147px;
    top: 5px;
}

.software_right .sidemenu div p {
    top: 35px;
    left: 100px;
}

.software_right .sidemenu div p span {
    display: block;
    position: absolute;
    left: 60px;
    top: 2px;
}

.software_right .sidemenu div i {
    border-right: 1px solid #ccc;
    padding-right: 7px;
}

.evaluating_left {
    float: left;
    display: inline;
    width: 900px;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.evaluating_left h4 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    position: relative;
}

.evaluating_left h4 a {
    position: absolute;
    right: 15px;
    font-size: 14px;
    color: #999;
}

.s_left03 {
    width: 48%;
    float: left;
    display: inline;
    position: relative;
    margin: 20px 0 0 0;
    height: 120px;
}

.s_left03 img {
    position: absolute;
    left: 20px;
    width: 180px;
    height: 120px;
}

.s_left03 h3 {
    position: absolute;
    left: 210px;
    height: 20px;
    overflow: hidden;
    font-size: 16px;
}

.s_left03 p {
    position: absolute;
    left: 210px;
    top: 30px;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    padding-right: 20px;
    font-size: 12px;
}

.s_left03 a.s_lefta2 {
    position: absolute;
    left: 210px;
    top: 95px;
    padding: 2px 10px;
    border: 1px solid #edefed;
}

.evaluating_right {
    float: right;
    display: inline;
    width: 280px;
    height: 340px;
    background: #fff;
}

.evaluating_right h4 {
    margin: 20px 15px;
    height: 16px;
    line-height: 16px;
    border-left: 4px solid #ffd200;
    position: relative;
    font-size: 16px;
    text-indent: 10px;
}

.evaluating_right h4 a {
    position: absolute;
    right: 0px;
    font-size: 14px;
    color: #999;
}

.s_right01 {
    margin: 0 15px;
}

.s_right01 img {
    width: 110px;
    height: 80px;
    float: left;
    margin-right: 10px;
}

.s_right01 a {
    margin-top: 11px;
    height: 20px;
    display: block;
    overflow: hidden;
}

.s_right01 a.s_right12 {
    margin-top: 0;
    height: 110px;
}

.s_right01 a.s_right12 b {
    height: 20px;
    overflow: hidden;
    width: 100%;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.s_right01 a.s_right12 p {
    line-height: 25px;
    color: #999;
}

/*库排行榜*/

.charts {
    background: #fff;
}

.charts h4 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
}

.charts ul {
    width: 360px;
    float: left;
    display: inline;
    margin: 20px 20px 20px 20px;
}

.charts_li01 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f1f2f6;
    position: relative;
}

.charts_li01 span {
    border-bottom: 1px solid #ffd200;
    padding-right: 50px;
    height: 40px;
    line-height: 40px;
    display: block;
    position: absolute;
    left: 0;
}

.charts_li01 a {
    position: absolute;
    right: 0px;
    font-size: 14px;
    color: #999;
}

.charts_li02 {
    height: 30px;
    position: relative;
    border-bottom: 1px solid #f1f2f6;
    font-size: 12px;
    color: #999;
}

.charts_li02 em {
    position: absolute;
    left: 0;
    top: 7px;
}

.charts_li02 p {
    position: absolute;
    left: 40px;
    top: 7px;
    width: 180px;
}

.charts_li02 i {
    position: absolute;
    left: 220px;
    top: 7px;
}

.charts_li02 span {
    position: absolute;
    right: 0;
    top: 7px;
}

.charts_li03 {
    height: 40px;
    position: relative;
    border-bottom: 1px solid #f1f2f6;
}

.charts_li03 em {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
}

.charts_li03 em.charts_em1 {
    color: #fff;
    background: #ffd200;
}

.charts_li03 em.charts_em2 {
    color: #fff;
    background: #65d1a7;
}

.charts_li03 em.charts_em3 {
    color: #fff;
    background: #91dec0;
}

.charts_li03 a.charts_a1 {
    position: absolute;
    left: 40px;
    top: 10px;
    width: 165px;
    height: 20px;
    overflow: hidden;
    overflow: hidden;
}

.charts_li03 i {
    position: absolute;
    left: 220px;
    top: 10px;
    font-size: 12px;
    color: #999;
}

.charts_li03 a.charts_a2 {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 10px;
    border: 1px solid #f1f2f6;
}

.charts_li03 a.charts_a2:hover {
    color: #fff;
    background: #ffd200;
}

/*文章*/

.article_left {
    width: 330px;
    float: left;
    display: inline;
}

.article_left .scroll,
.article_left .scroll .bd li img,
.article_left .scroll .bd li {
    height: 240px;
}

.article_left .scroll .hd ul li {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    margin-left: 5px;
}

.article_new {
    width: 330px;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
    padding-bottom: 15px;
}

.article_new ul {
    padding: 0 15px;
}

.article_new ul li {
    float: left;
    display: inline;
    width: 100%;
    height: 65px;
    position: relative;
    margin: 20px 0 3px 0;
+ margin: 20 px 0 5 px 0;
}

.article_new ul li img {
    position: absolute;
    left: 0px;
    width: 100px;
    height: 65px;
}

.article_new ul li p {
    position: absolute;
    left: 115px;
    height: 20px;
    overflow: hidden;
    font-size: 16px;
}

.article_new ul li div {
    position: absolute;
    left: 115px;
    top: 25px;
    color: #999;
    font-size: 12px;
    padding-right: 10px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.article_centre {
    width: 470px;
    float: left;
    display: inline;
    background: #fff;
    margin-left: 20px;
    padding: 15px 15px 0 15px;
    height: 558px;
}

.article_centre li.ul_c_li01 {
    height: 55px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.article_centre li.ul_c_li01 a {
    font-size: 18px;
    text-align: center;
    height: 25px;
    width: 100%;
    display: block;
    left: 0;
    color: #008fec;
}

.article_centre li.ul_c_li01 p {
    position: absolute;
    left: 0;
    top: 30px;
    color: #999;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
    overflow: hidden;
}

.article_centre li {
    position: relative;
    height: 32px;
+ height: 27 px;
    overflow: hidden;
}

.article_centre li span {
    position: absolute;
    left: 0;
    color: #44b3f8;
}

.article_centre li span.a_span06,
.article_centre li span.a_span01 {
    color: #44b3f8;
}

.article_centre li span.a_span07,
.article_centre li span.a_span08,
.article_centre li span.a_span09,
.article_centre li span.a_span02 {
    color: #968fe5;
}

.article_centre li span.a_span010,
.article_centre li span.a_span011,
.article_centre li span.a_span012,
.article_centre li span.a_span03 {
    color: #37bc9b;
}

.article_centre li span.a_span04 {
    color: #fd7317;
}

.article_centre li span.a_span05 {
    color: #fbab1f;
}

.article_centre li a {
    position: absolute;
    left: 85px;
    padding-right: 50px;
    height: 20px;
    overflow: hidden;
}

.article_centre li em {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999;
}

.article_right {
    width: 330px;
    float: right;
    display: inline;
}

.a_right01.xg {
    margin-top: 20px;
}

.a_right01.xg h4 {
    background: none;
    color: #000;
}

.a_right01 {
    background: #fff;
    overflow: hidden;
}

.a_right01 li {
    float: left;
    display: inline;
    width: 250px;
    height: 20px;
    overflow: hidden;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    text-indent: 15px;
    margin: 0 15px;
    padding: 0 0 20px 0;
}

.a_right01 li a {
    float: left;
    display: inline;
    height: 20px;
    overflow: hidden;
}

.a_right01 li.a_right_li01 {
    position: relative;
    height: 125px;
    width: 93%;
    padding-bottom: 1px;
    background: none;
    margin-top: 15px;
}

.a_right01 li.a_right_li01 img {
    position: absolute;
    left: 0;
    top: 30px;
    width: 130px;
    height: 80px;
}

.a_right01 li.a_right_li01 p {
    position: absolute;
    left: 0;
    height: 20px;
    overflow: hidden;
    font-size: 16px;
}

.a_right01 li.a_right_li01 div {
    position: absolute;
    left: 145px;
    top: 30px;
    line-height: 25px;
    color: #999;
}

.a_right01 li.a_right_li01 a {
    background: none;
    text-indent: 0;
}

.a_right02 {
    background: #fff;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 15px;
}

.a_right02 div a {
    width: 140px;
    height: 100px;
    float: left;
    display: inline;
    margin: 15px 5px 0 15px;
}

.a_right02 div img {
    width: 140px;
    height: 70px;
    margin-bottom: 5px;
}

.a_right02 div p {
    height: 20px;
    overflow: hidden;
}

.strategy_left {
    width: 330px;
    height: 480px;
    float: left;
    display: inline;
    background: #fff;
}

.strategy_left div {
    margin: 15px 15px 0 15px;
}

.strategy_left div a {
    display: block;
    height: 20px;
    overflow: hidden;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    text-indent: 15px;
    margin: 0 0 15px 0;
}

.strategy .article_new {
    margin-top: 0;
    float: left;
    display: inline;
}

.strategy .article_new li {
    margin: 20px 0 0 0;
}

.strategy_centre {
    width: 500px;
    height: 480px;
    float: left;
    display: inline;
    background: #fff;
    margin-left: 20px;
}

.strategy_centre li {
    margin: 15px 15px 0 15px;
}

.strategy_centre li a {
    float: left;
    display: inline;
    width: 100%;
    height: 20px;
    overflow: hidden;
    background: url(../image/bj_01.png) no-repeat 0 -537px;
    text-indent: 15px;
    margin-bottom: 19px;
}

.strategy_centre li.s_centre_li01 {
    position: relative;
    height: 136px;
}

.strategy_centre li.s_centre_li01 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 205px;
    height: 136px;
}

.strategy_centre li.s_centre_li01 p {
    position: absolute;
    left: 225px;
    font-size: 16px;
    height: 25px;
    overflow: hidden;
    width: 245px;
}

.strategy_centre li.s_centre_li01 span {
    position: absolute;
    left: 225px;
    top: 30px;
    color: #999;
    font-size: 12px;
}

.strategy_centre li.s_centre_li01 div {
    position: absolute;
    left: 225px;
    top: 55px;
    line-height: 25px;
    color: #999;
    height: 70px;
    width: 245px;
    overflow: hidden;
    font-size: 12px;
}

.strategy_centre li.s_centre_li01 a {
    background: none;
    text-indent: 0;
}

.strategy_right.sy01 {
    width: 280px;
    margin-top: 20px;
}

.strategy_right.sy01 h4 {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    text-indent: 15px;
}

.strategy_right {
    width: 330px;
    height: 480px;
    float: right;
    display: inline;
    background: #fff;
}

.strategy_right ul {
    margin: 15px 15px 0 15px;
}

.strategy_right li {
    position: relative;
    height: 42px;
+ height: 39 px;
}

.strategy_right li em {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    background: #f4f4f4;
    display: block;
}

.strategy_right li em.s_right_em {
    background: #ffd200;
    color: #fff;
}

.strategy_right li a {
    position: absolute;
    left: 30px;
    height: 20px;
    width: 219px;
    overflow: hidden;
}

/*专题*/

.special_left {
    width: 240px;
    float: left;
    display: inline;
    overflow: hidden;
    background: #fff;
}

.special_left a {
    width: 240px;
    float: left;
    display: inline;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid #fafafa;
}

.special_left a:hover,
.special_left a.current {
    background: #ffd200;
    color: #fff;
}

.special_right {
    width: 940px;
    float: right;
    display: inline;
    overflow: hidden;
}

.special_r01 {
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    padding: 5px 0 15px 0;
}

.special_r01 h4 {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.special_r01 h4 span {
    position: absolute;
    left: 8px;
    display: block;
    font-size: 18px;
    width: 85px;
    text-align: center;
    border-bottom: 1px solid #ffd200;
}

.special_r01 h4 a {
    position: absolute;
    right: 15px;
    font-size: 14px;
    color: #999;
}

.special_r02 {
    margin-bottom: 20px;
    overflow: hidden;
}

.special_r02 a {
    margin: 15px 15px 0 15px;
    float: left;
    display: inline;
    width: 205px;
    height: 155px;
    background: #fff;
    text-align: center;
}

.special_r02 img {
    width: 205px;
    height: 120px;
    margin-bottom: 5px;
}

.special_r02 a p {
    height: 20px;
    overflow: hidden;
    overflow: hidden;
}

/*软件下载*/

.tag {
    width: 1160px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
    float: left;
    display: inline;
    margin-top: 20px;
}

.tag.t2,
.tag.t4,
.tag.t6,
.tag.t8,
.tag.t10 {
    float: right;
}

.tag_left {
    float: left;
    display: inline;
    width: 70px;
    margin-left: 20px;
}

.tag_left a {
    width: 70px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
}

.tag_left a em {
    width: 75px;
    height: 75px;
    display: block;
    background: url(../image/bj_06.png) no-repeat;
    margin-bottom: 10px;
}

.tag.t2.ts em {
    background-position: 0 -1048px;
}

.tag.t5.ts em {
    background-position: 0 -118px;
}

.tag.t6 em {
    background-position: 0 -738px;
}

.tag.t7 em {
    background-position: 0 -899px;
}

.tag.t8.ts em {
    background-position: 0 -602px;
}

.tag.t2 em {
    background-position: 0 -118px;
}

.tag.t3 em {
    background-position: 0 -275px;
}

.tag.t4 em {
    background-position: 0 -445px;
}

.tag.t5 em {
    background-position: 0 -602px;
}

.tag.t6 em {
    background-position: 0 -738px;
}

.tag.t7 em {
    background-position: 0 -899px;
}

.tag.t8 em {
    background-position: 0 -1048px;
}

.tag.t9 em {
    background-position: 0 -1194px;
}

.tag.t10 em {
    background-position: 0 -1355px;
}

.tag_right {
    width: 1000px;
    float: right;
    display: inline;
}

.tag_right a {
    float: left;
    display: inline;
    margin: 0 30px 15px 0;
}

/*文章列表*/

.panel .a_list_left {
    width: 880px;
    padding-bottom: 20px;
}

.panel .a_list_left li p {
    width: 635px;
}

.a_list_left {
    width: 900px;
    float: left;
    display: inline;
    overflow: hidden;
    background: #fff;
}

.a_list_left h4 {
    line-height: 45px;
    overflow: hidden;
    border-top: 1px solid #ffd200;
    border-bottom: 1px solid #f2f2f2;
}

.a_list_left h4 a {
    margin-left: 19px;
    color: #000;
    font-size: 16px;
    float: left;
}

.a_list_left h4 a.current {
    font-weight: 900;
    color: #ffd200;
}

.a_list_left li {
    margin: 20px 15px 0 15px;
    height: 135px;
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.a_list_left li li:hover {
    border-bottom: 2px solid #ffd200;
    box-shadow: 0px 2px 2px -1px rgb(0 0 0 / 50%);
}

.a_list_left li img {
    position: absolute;
    left: 0;
    width: 200px;
    height: 135px;
}

.a_list_left li h3 {
    position: absolute;
    left: 215px;
    font-size: 18px;
}

.a_list_left li div {
    position: absolute;
    left: 215px;
    top: 30px;
    color: #999;
    font-size: 12px;
}

.a_list_left li div em {
    margin-right: 15px;
    float: left;
    display: inline-block;
    height: 18px;
    background: url(../image/bj_05.png) no-repeat -2px -21px;
    padding-left: 20px;
}

.a_list_left li div span {
    float: left;
    display: inline-block;
    height: 19px;
    background: url(../image/bj_05.png) no-repeat -1px -54px;
    padding-left: 25px;
}

.a_list_left li p {
    position: absolute;
    left: 215px;
    top: 55px;
    width: 655px;
    line-height: 25px;
    color: #999;
}

.a_list_right {
    width: 280px;
    float: right;
    display: inline;
    overflow: hidden;
}

#article .strategy_right {
    width: 280px;
    margin: 15px 0 20px 0;
}

/*文章详情*/

.contentbox {
    padding: 20px;
    background: #fff;
}

.contentbox h1 {
    font-size: 18px;
    color: #202020;
    font-weight: 700;
    text-align: center;
}

.contentbox .about {
    color: #8a8a8a;
    margin: 0 0 15px 0;
    text-align: center;
    border-bottom: 1px solid #f1f2f6;
    padding-bottom: 20px;
    position: relative;
    height: 40px;
}

.contentbox .about img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
}

.contentbox .about b,
.contentbox .about em {
    position: absolute;
    left: 65px;
    top: ;
    color: inherit;
    font-size: inherit;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contentbox .about b {
    font-size: 16px;
    color: #000
}

.contentbox .about a,
.contentbox .about i {
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 18px;
    min-width: 76px;
    padding: 7px 16px;
    background: #ffd200;
    color: #fff;
}

.contentbox .about span {
    position: absolute;
    left: 65px;
    top: 30px;
}

.contentbox .about a {
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 18px;
    min-width: 76px;
    padding: 7px 16px;
    background: #ffd200;
    color: #fff;
}

.gameint {
    height: 170px;
    position: relative;
    border: 1px solid #f1f2f6;
    margin-bottom: 15px;
}

.gameint img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 130px;
    height: 130px;
}

.gameint h4 {
    position: absolute;
    left: 170px;
    top: 20px;
    font-size: 28px;
}

.gameint p {
    position: absolute;
    left: 170px;
    top: 65px;
    color: #666;
}

.gameint div {
    position: absolute;
    left: 170px;
    top: 90px;
    width: 520px;
}

.gameint div span {
    float: left;
    display: inline;
    width: 170px;
    margin-top: 7px;
    color: #333;
    overflow: hidden;
    height: 20px;
    overflow: hidden;
}

.gameint div span em {
    position: relative;
    top: 3px;
}

.gameint div span i,
.gameint div span em {
    float: left;
}

.gameint a.down {
    position: absolute;
    right: 20px;
    top: 70px;
    background: #82c92f;
    padding: 7px 25px;
    color: #fff;
}

.gameint a.package:hover,
.gameint a.down:hover {
    background: #ffd200;
}

.gameint a.package {
    position: absolute;
    right: 20px;
    top: 115px;
    background: #f49821;
    padding: 7px 25px;
    color: #fff;
}

.textcontent p {
    padding-top: 4px;
    line-height: 30px;
    margin-bottom: 15px;
    font-size: 15px;
    overflow-wrap: break-word;
}

.textcontent h3 {
    border-bottom: 1px dashed #d1d1d1;
    padding: 2px 0 5px 25px;
    margin: 10px 0;
    font-weight: 900 !important;
    color: #ffd200;
    background: url(../image/bj_01.png) no-repeat 0 -634px;
    font-size: 16px;
}

.textcontent p strong {
    font-weight: 900 !important;
}

.textcontent img {
    max-width: 430px;
}

.textcontent a {
    font-size: 100%;
    color: #36c;
}

.tags {
    background: #f3f3f2;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.tags a {
    margin-right: 15px;
}

.d991 {
    width: 860px;
    margin: 15px 0;
}

.backnext {
    height: 30px;
    line-height: 30px;
}

.backnext_centre {
    text-align: center;
}

.backnext_centre a {
    margin: 0 10px;
}

.backnext div {
    width: 33.33%;
    float: left;
    display: inline;
    height: 30px;
    overflow: hidden;
}

.backnext_right {
    text-align: right;
}

.sharea {
    width: 100%;
    height: 51px;
    margin: 8px auto;
    margin-top: 10px;
}

.bfx_01 {
    float: left;
    display: inline;
}

.diggwrap {
    width: 195px;
    height: auto;
    float: right;
    display: inline;
}

.diggwrap .digg {
    background-position: left top;
}

.tablelist {
    margin-top: 20px;
    background: #fff;
}

.tablelist h4 {
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
}

.tablelist li {
    position: relative;
    height: 20px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 10px;
    margin: 15px 15px 15px 15px;
}

.tablelist li h3 {
    position: absolute;
    left: 0;
    width: 350px;
}

.tablelist li img {
    position: absolute;
    right: 180px;
    height: 20px;
    overflow: hidden;
    width: 100px;
}

.tablelist li span {
    position: absolute;
    right: 70px;
}

.tablelist li em {
    position: absolute;
    right: 0;
}

.textdownload {
    padding: 5px 0;
    width: 860px;
    margin: auto;
    overflow: hidden;
}

.textdownload .caption {
    font-size: 14px;
    color: #0b8ed1;
    font-weight: 700;
}

.textdownload table {
    border: 1px solid #c7def7;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
}

.textdownload table.down-1 {
    background-color: #fff;
}

.textdownload table.down-2 {
    background-color: #fbfef8;
}

.textdownload .dimg {
    padding: 10px;
    width: 110px;
    line-height: 0;
}

.textdownload .dimg img {
    border: 1px solid #e6e6e6;
    padding: 2px;
    width: 110px;
    height: 85px;
}

.textdownload .dtitle {
    padding-top: 10px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
}

.textdownload .dtitle a {
    font-size: 15px;
    color: #06b66a;
    font-weight: 900;
}

.textdownload .dlink {
    padding: 10px;
    width: 146px;
    line-height: 0;
}

.textdownload .dlink a {
    display: block;
    width: 146px;
    height: 46px;
    background: url(../image/down-btn.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.textdownload .dlink a:hover {
    background-position: left -46px;
}

.textdownload .dinfo {
    padding: 0px;
}

.textdownload .dinfo ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 326px;
    overflow: hidden;
}

.textdownload .dinfo li {
    float: left;
    width: 163px;
    height: 23px;
    overflow: hidden;
}

.text-thread {
    padding: 0px;
    border: 1px solid #ddd;
    margin: 5px auto;
    background-color: #fff;
    overflow: hidden;
    zoom: 1;
    width: 858px;
}

.text-thread .caption {
    padding-left: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: blue;
    font-weight: 700;
}

.text-thread .caption {
    background-color: #f4f4f4;
    border-bottom: 1px solid #dedede;
}

.text-thread ul {
    list-style: disc;
    padding: 3px 15px;
    margin: 3px 0;
    overflow: hidden;
}

.text-thread li {
    line-height: 25px;
    overflow: hidden;
    position: relative;
}

.text-thread li.alt {
    background-color: #fff;
}

.text-thread li:hover {
    background-color: #fafafa;
}

.text-thread li a {
    font-size: 14px;
    position: absolute;
    left: 0;
    background: url(../image/bj_01.png) no-repeat 0 -533px;
    text-indent: 15px;
}

.text-thread li em {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #9a9a9a;
    width: 73px;
    display: block;
}

.attenStyle {
    display: block;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ff9947;
    color: #555;
    font-size: 14px;
    line-height: 1.5em;
}

.attenStyle {
    background: #fdfde5 url(../image/hint.png) no-repeat;
    padding-top: 32px;
    overflow: hidden;
    zoom: 1;
}

/*评论*/

.comment {
    margin-top: 20px;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

.comment h4 {
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
    position: relative;
}

.comment div {
    margin: 0 15px;
}

.comment h4 a {
    position: absolute;
    right: 15px;
    font-size: 12px;
    color: #999;
}

.softcomment {
    zoom: 1;
    overflow: hidden;
    margin: 10px 20px !important;
}

.softcomment ul {
    border-bottom: 1px #ccc dashed;
    padding: 15px 0 12px 0;
    overflow: hidden;
}

.softcomment li {
    float: left;
    display: inline;
}

.softcomment .ca {
    width: 45px;
    height: 45px;
    background: url(../image/3s.png) no-repeat;
    background-size: 35px;
}

.softcomment .ct {
    float: left;
    display: inline;
    width: 500px;
}

.softcomment .ct div {
    height: 20px;
    overflow: hidden;
    overflow: hidden;
}

.softcomment .ct div span {
    color: #ffd200;
    font-weight: 900;
    float: left;
    display: inline;
}

.softcomment .ct div em {
    color: #999;
    float: left;
    display: inline;
    margin-left: 20px;
    font-size: 12px;
}

.softcomment .ct div a {
    float: right;
    display: inline;
    margin-left: 20px;
    color: #999;
}

.softcomment .ct div a i {
    width: auto;
    height: 20px;
    overflow: hidden;
    display: block;
    background: url(../image/bj_01.png) no-repeat 0 -2050px;
    text-indent: 30px;
}

.softcomment .ct p {
    line-height: 25px;
    padding-right: 20px;
    margin-top: 1px;
    color: #666;
    font-size: 12px;
}

.softcomment .clb {
    text-align: center;
    margin: 15px 15px;
}

.textarea {
    width: 98%;
    resize: none;
    overflow-y: auto;
    border: 1px solid;
    border-color: #999 #e1e1e1 #e1e1e1 #999;
    padding: 3px;
    background: #fff;
    line-height: 1.5;
    height: 80px;
    position: relative;
}

.btn {
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    height: 25px;
    _line-height: 25px;
    color: #ffffff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ffd200;
    outline: none;
    background: #ffd200;
}

.container_right {
    width: 280px;
    float: right;
    display: inline;
    overflow: hidden;
}

.ewm {
    background: #fff;
    margin-top: 20px;
    float: left;
    display: inline;
    width: 280px;
}

.ewm h4 {
    height: 40px;
    line-height: 40px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
}

.ewm img {
    margin: 0 15px;
}

.softewm {
    position: absolute;
    right: -200px;
    top: 30px;
    width: 90px;
    height: 110px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 99;
    cursor: pointer;
}

.softewm i {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 10px auto;
}

.softewm span {
    text-align: center;
    font-size: 12px;
    width: 90px;
    display: block;
}

/*专题详情*/

.special01 {
    height: 305px;
    background: #fff;
    position: relative;
    margin-top: 15px;
}

.special01 img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 545px;
    height: 265px;
}

.special01 h2 {
    position: absolute;
    left: 585px;
    top: 35px;
    font-size: 24px;
}

.special01 .sp_content {
    position: absolute;
    left: 585px;
    top: 90px;
    height: 125px;
    line-height: 25px;
    padding-right: 20px;
    color: #999;
    overflow: hidden;
}

.special01 em {
    position: absolute;
    left: 585px;
    bottom: 40px;
    color: #999;
    width: 595px;
    height: 30px;
}

.special01 div {
    position: absolute;
    left: 585px;
    bottom: 20px;
}

.special02 {
    background: #fff;
    padding-bottom: 20px;
}

.special02 .hd {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
    color: #000;
    position: relative;
}

.special02 h4 {
    position: absolute;
    left: 15px;
}

.special02 .hd p {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.special02 .hd ul {
    position: absolute;
    left: 0;
}

.special02 .hd ul li {
    margin: 0 0 0 20px;
    float: left;
    cursor: pointer;
}

.special02 .hd ul li.on {
    background: #fff;
    color: #ffd200;
    border-bottom: 1px solid #ffd200;
}

.special02 .bd ul li {
    position: relative;
    margin: 20px 0 0 20px;
    border: 1px solid #f1f2f6;
    width: 372px;
    height: 180px;
    overflow: hidden;
    float: left;
    display: inline;
}

.special02 .bd ul li:hover {
    border: 1px solid #ffd200;
    box-shadow: 0px 2px 2px -1px rgb(0 0 0 / 50%);
}

.special02 .bd ul li i {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../image/bj_01.png) no-repeat 0 -1205px;
}

.special02 .bd ul li.s_02_li2 i {
    background-position: 0 -1327px;
}

.special02 .bd ul li.s_02_li3 i {
    background-position: 0 -1443px;
}

.special02 .bd ul li img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 60px;
    height: 60px;
}

.special02 .bd ul li h3 {
    position: absolute;
    left: 95px;
    top: 20px;
    font-size: 18px;
}

.special02 .bd ul li div {
    position: absolute;
    left: 95px;
    top: 48px;
}

.special02 .bd ul li span {
    position: absolute;
    left: 95px;
    top: 66px;
    font-size: 12px;
    color: #999;
}

.special02 .bd ul li a.a5 {
    position: absolute;
    right: 20px;
    top: 50px;
    padding: 2px 10px;
    border: 1px solid #f1f2f6;
}

.special02 .bd ul li p {
    position: absolute;
    left: 20px;
    top: 100px;
    color: #999;
    padding-right: 20px;
    font-size: 12px;
    line-height: 20px;
}

.special03 {
    background: #fff;
    padding-bottom: 20px;
}

.special03 li {
    position: relative;
    margin: 20px 0 0 20px;
    width: 275px !important;
    height: 130px !important;
    overflow: hidden;
    float: left;
    display: inline;
}

.special03 li img {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 275px !important;
    height: 130px !important;
}

.special03 li h3 {
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    z-index: 1;
    font-size: 14px !important;
}

.special03 li h3 a {
    color: #fff;
}

.special03 li div {
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 30px !important;
    background: #000 !important;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.special02 .special03 {
    padding-bottom: 0;
}

.special02 .special03 li h3,
.special02 .special03 li div {
    top: 100px !important;
}

.special02 .special03 li {
    margin: 0 0 0 20px !important;
}

/*下载详情*/

.infobox {
    padding: 20px;
    background: #fff;
    width: 1160px;
    margin: 15px auto 0 auto;
    height: 250px;
}

.infobox_left {
    float: left;
    display: inline;
    width: 167px;
}

.imgbox,
.infobox_left img {
    width: 167px;
    height: 170px;
    border-radius: 40px;
}

.softdigg {
    width: 167px;
    margin-top: 15px;
+ margin-top: 17 px;
}

.infobox_left .diggbox {
    width: 77px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #f1f2f6;
    background: url(../image/bj_01.png) no-repeat 28px -1538px;
    float: left;
    display: inline;
    font-size: 12px;
}

.infobox_left .diggbox.bury {
    float: right;
    background-position: 28px -1592px;
}

.percent {
    position: relative;
    top: 36px;
}

/*===== digg css =====*/

.contentbox .sharea {
    width: 100%;
    height: 51px;
    margin: 8px auto;
    margin-top: 10px;
}

.contentbox .diggwrap {
    width: 195px;
    height: auto;
    float: right;
    display: inline;
    margin: 0 320px;
}

.contentbox .diggbox {
    float: right;
    display: inline;
    width: 195px;
    height: 51px;
    margin-right: 8px;
    cursor: pointer;
    background: url(../image/digg-bg.png) no-repeat left top;
}

.contentbox .diggwrap .digg {
    background-position: left top;
}

.contentbox .diggwrap .digg:hover {
    background-position: left bottom;
}

.contentbox .diggwrap .bury {
    background-position: right top;
    display: none;
}

.contentbox .diggwrap .bury:hover {
    background-position: right bottom;
}

.contentbox .diggbox .act {
    color: #c30;
    font-size: 14px;
    height: 29px;
    line-height: 30px;
    text-indent: 32px;
    font-weight: 700;
}

.contentbox .diggbox .act em {
    color: #c60;
    padding-left: 5px;
    font: 10px/1.5 Verdana, Arial;
    -webkit-text-size-adjust: none;
}

.contentbox .diggbox .txt {
    color: #444;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
    text-indent: 25px;
}

.contentbox .diggbox .txt em {
    padding-left: 3px;
    font: normal 10px/29px Verdana, Arial;
    -webkit-text-size-adjust: none;
}

.contentbox .diggbox .progress {
    clear: both;
    width: 180px;
    padding-left: 7px;
    overflow: hidden;
}

.contentbox .diggbox .bar {
    float: left;
    width: 100px;
    height: 7px;
    font-size: 1px;
    background: #e8e8e8;
    border-right: 1px solid #ccc;
    margin-top: 3px;
}

.contentbox .diggbox .percent {
    float: left;
    color: #898989;
    padding-left: 3px;
    font: 10px/1.2 Verdana, Arial;
    -webkit-text-size-adjust: none;
}

.contentbox .diggbox .bar span {
    display: block;
    height: 5px;
    background: #ffc535;
    border: 1px solid #e37f24;
    overflow: hidden;
}

.contentbox .bury .bar span {
    border-color: #689acc;
    background: #94c0e4;
}

.contentbox .bury .act {
    color: #36c;
}

.contentbox .bury .act em {
    color: #39c;
}

.contentbox .bfx_01 {
    float: left;
    display: inline;
}

.softcomment p {
    margin: 0px;
    padding: 0;
}

.softcomment .c2 {
    margin-right: 20px;
    color: #000;
}

.softcomment dl {
    margin: 0px;
    border: 1px solid #edeeed;
    border-top: none;
    overflow: hidden;
    zoom: 1;
}

.softcomment dt {
    background: #f3fcf8;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 dotted;
    color: #959595;
    height: 40px;
    line-height: 40px;
    text-indent: 16px;
}

.softcomment dd {
    font-size: 14px;
    font-family: "Microsoft Yahei";
    color: #414155;
    word-wrap: break-word;
    overflow: hidden;
}

.softcomment dd .cc {
    margin: 0px;
    padding: 10px 15px 0 15px;
    font-size: 12px;
    color: #999;
    line-height: 25px;
}

.softcomment dd .cb {
    height: 23px;
    line-height: 23px;
    padding: 0 15px 9px 0px;
    text-align: right;
    overflow: hidden;
}

.softcomment dd .cb a {
    color: #005fbb;
    font: 12px/1.5 Arial, tahoma, Verdana;
}

.softcomment dd .cb .sbtn a {
    color: #444;
    font: 12px/1.5 Arial, tahoma, Verdana;
}

.quoting {
    margin: 0;
    border: 1px #e6e6e6 solid;
    padding: 3px;
}

.prime {
    background: #f8f9ff;
    padding-bottom: 10px;
}

.quoting .ct {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    color: #989898;
}

.quoting .ct .num {
    float: right;
    color: #989898;
    margin-right: 20px;
}

.quoting .cc {
    font: 14px/1.5 Arial;
    padding: 1px 5px;
}

.infobox_centre {
    float: left;
    display: inline;
    width: 665px;
    margin-left: 20px;
    position: relative;
}

.infobox_centre h2 {
    color: #ffd200;
    font-size: 18px;
    overflow: hidden;
    height: 25px;
    overflow: hidden;
    margin-bottom: 15px;
}

.infobox_centre h2 span {
    color: #999;
    font-size: 12px;
    margin-left: 20px;
}

.infobox_centre ul.infolist li {
    height: 35px;
}

#soft .in_list li {
    height: 25px;
}

.in_list li {
    width: 48%;
    height: 32px;
    float: left;
    display: inline;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.dates {
    width: 150px;
    text-overflow: revert;
}

li.beian {
    width: 100%;
}

/*.infobox_centre.i_soft li{width:35%;}*/

.infobox_centre .bdsharebuttonbox {
    position: relative;
    top: -3px;
}

.infobox_centre li.runsys {
    width: 100%;
}

.bei01 {
    position: absolute;
    left: 0px;
    top: 140px;
}

.bei01 span {
    float: left;
    color: #666;
}

.panel .yinsi {
    display: none;
}

.yinsi {
    position: relative;
    margin: 0 0 0px 0px;
    float: left;
    width: 320px;
}

.yinsi li {
    width: 48%;
    height: 32px;
    float: left;
    display: inline;
    color: #666;
    overflow: hidden;
}

.yinsi li div {
    display: none;
    width: 186px;
    padding-bottom: 5px;
    background: #fff;
    border: 1px solid #e0dbda;
    position: absolute;
    left: 110px;
    overflow: hidden;
    z-index: 99;
}

.yinsi li a,
.yinsi li i {
    color: #ffd200;
    cursor: pointer;
}

.yinsi li i:hover div {
    display: block;
}

.yinsi li div u {
    display: block;
    background: #ffecd6;
    color: #fa7000;
    height: 33px;
    line-height: 33px;
    padding-left: 23px;
    font-size: 14px;
    margin-bottom: 5px;
    text-decoration: none;
}

.yinsi li div p {
    font-size: 12px;
    padding: 0 12px;
    color: #666;
    line-height: 22px;
}

/*安卓苹果按钮*/

.archive_left .downloadbox {
    top: 110px;
}

.archive_left .downloadbox li {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 18px !important;
}

.archive_left .downloadbox li#down-android a {
    background: #7abb15 url(../image/bj_01.png) no-repeat 60px -1683px;
    text-indent: 20px;
}

.archive_left .downloadbox .wpan,
.archive_left .downloadbox .gwang {
    background: #7abb15 url(../image/bj_01.png) no-repeat 60px -1946px !important;
}

.archive_left .downloadbox li#down-android a:hover {
    background: #71ae13 url(../image/bj_01.png) no-repeat 60px -1683px;
    text-indent: 20px;
}

.archive_left .downloadbox li#down-appstore a {
    background: #03a9f4 url(../image/bj_01.png) no-repeat 60px -1749px;
    text-indent: 20px;
}

.archive_left .downloadbox li#down-appstore a:hover {
    background: #02a2ea url(../image/bj_01.png) no-repeat 60px -1749px;
    text-indent: 20px;
}

#soft .downloadbox {
    margin-top: 45px;
}

.downloadbox {
    float: left;
    display: inline;
    margin-top: 17px;
    height: 62px;
    overflow: hidden;
    position: absolute;
    width: 580px;
}

.downloadbox li {
    float: left;
    display: inline;
    width: 270px;
    height: 62px !important;
    border-radius: 5px !important;
    color: #fff !important;
    background: #ccc;
    line-height: 62px !important;
    cursor: pointer !important;
    font-size: 22px !important;
    text-align: center !important;
    margin: 0 20px 0 0px !important;
    position: relative !important;
}

.downloadbox li a {
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 5px;
}

.downloadbox li a u {
    text-decoration: none;
    position: absolute;
    top: -10px;
    left: 20px;
}

.downloadbox li a i {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 12px;
}

li#btndowns {
    display: none;
}

.yuyue {
    background: #0ccf7b !important;
    width: 96% !important
}

.sold {
    background: #ccc !important;
}

.downloadbox li#dianping {
    background: #f7a934 url(../image/down01.png) no-repeat 35px -493px;
    text-indent: 35px;
}

.downloadbox li#dian a:hover {
    background: #eca232 url(../image/down01.png) no-repeat 35px -493px;
}

.downloadbox li#down-android a {
    background: #7abb15 url(../image/bj_01.png) no-repeat 20px -1674px;
    text-indent: 30px;
}

.downloadbox li#down-android a:hover {
    background: #71ae13 url(../image/bj_01.png) no-repeat 20px -1674px;
}

.downloadbox li#down-appstore a {
    background: #03a9f4 url(../image/bj_01.png) no-repeat 20px -1742px;
    text-indent: 30px;
}

.downloadbox li#down-appstore a:hover {
    background: #02a2ea url(../image/bj_01.png) no-repeat 20px -1742px;
}

.downloadbox li#down-official a {
    background: #9958b2 url(../image/bj_01.png) no-repeat 18px -1810px;
    text-indent: 30px;
}

.downloadbox li#down-official a:hover {
    background: #854d9b url(../image/bj_01.png) no-repeat 18px -1802px;
    text-indent: 30px;
}

.downloadbox li#down-netdisk a {
    background: #236bd8 url(../image/bj_01.png) no-repeat 20px -1937px;
    text-indent: 30px;
}

.downloadbox li#down-netdisk a:hover {
    background: #1f61c5 url(../image/bj_01.png) no-repeat 20px -1937px;
}

.downloadbox li#down-netdisks a {
    background: #f09d0d url(../image/bj_01.png) no-repeat 20px -1937px;
    text-indent: 30px;
}

.downloadbox li#down-netdisks a:hover {
    background: #d58508 url(../image/bj_01.png) no-repeat 20px -1937px;
}

.downloadbox li#down-normal a {
    background: #ffd200 url(../image/bj_01.png) no-repeat 18px -1810px;
    text-indent: 30px;
}

.downloadbox li#down-normal a:hover {
    background: #20b37a url(../image/bj_01.png) no-repeat 18px -1810px;
    text-indent: 30px;
}

.tip {
    background: #fefadd;
}

.downloadbox .yuyues {
    background: #ccc !important;
}

.downloadbox .yuyues a {
    background: #ccc !important;
    text-indent: 1px !important;
    line-height: 62px;
}

/*pc按钮*/

.downloadbox b {
    position: absolute;
    left: 65px;
    top: -8px;
    height: 30px;
    font-size: 24px;
    color: #fff;
}

.downloadbox span {
    position: absolute;
    left: 65px;
    top: 15px;
    font-size: 12px;
    height: 20px;
    color: #fff;
}

.downloadbox p {
    background: url(../image/down01.png) no-repeat 0 0;
    color: #fff;
    width: 200px;
    height: 62px;
    display: block;
    border-radius: 5px;
}

.downloadbox li.off {
    background: #ccc;
}

.downloadbox li#btndownload p {
    background-position: 0 0;
}

.downloadbox li#btndownload p:hover {
    background-position: -24px -168px;
}

.downloadbox li#btndowns p {
    background-position: 0 -84px;
}

/*.downloadbox li#btndowns p:hover{background-position:-24px -252px;}*/

/*预约框*/

.yuyue_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 88888;
    display: none;
}

.yuyue_box {
    position: fixed;
    left: 25%;
    top: 50%;
    width: 30%;
    height: 260px;
    margin-top: -130px;
    z-index: 99;
    background: #fff;
    border: 1px solid #ffd200;
    border-radius: 10px;
    overflow: hidden;
    font-size: 16px;
    display: none;
}

.box_title {
    background: #ffd200;
    font-size: 18px;
    color: #fff;
    padding: 10px 15px;
}

.box_val {
    padding: 20px 30px 0 30px;
}

.box_val input {
    display: block;
    width: 94%;
    padding: 12px 3%;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
}

.box_txt {
    padding: 20px 30px 0 30px;
    line-height: 60px;
    text-align: center;
    color: #888;
}

..box_btn {
    border-top: 1px solid #eee;
    padding: 20px 10px;
    overflow: hidden;
}

.box_btn span {
    float: left;
    width: 44%;
    line-height: 35px;
    margin: 0 3%;
    background: #bbb;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.box_btn .btn_q {
    background: #ffd200;
}

.downbox .yuyue,
.downbox .sold {
    width: 260px;
    height: 40px;
    padding: 0;
    border: 0;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
}

.infobox_right {
    float: right;
    display: inline;
    width: 300px;
    height: 250px;
}

.details_left {
    width: 900px;
    float: left;
    display: inline;
}

.details_right {
    width: 280px;
    float: right;
    display: inline;
}

.details_right .strategy_right {
    width: 280px;
    height: 410px;
}

.details_right .strategy_right li {
    height: 35px;
}

.slidetxtbox {
    width: 900px;
    background: #fff;
}

.slidetxtbox .hd {
    height: 40px;
    line-height: 40px;
    background: #306471;
    border-top: 5px solid #306471;
}

.slidetxtbox .hd ul {
    height: 40px;
}

.slidetxtbox .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
    margin-left: 5px;
    font-size: 18px;
    color: #fff;
}

.slidetxtbox .hd ul li.on {
    height: 40px;
    background: #fff;
    color: #000;
}

.slidetxtbox .head {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f1f2f6;
    position: relative;
}

.slidetxtbox .head p {
    height: 25px;
    position: absolute;
    right: 20px;
    top: 9px;
}

.slidetxtbox .head p a {
    float: left;
    display: inline;
    border: 1px solid #ffd200;
    background: #fff;
    color: #ffd200;
    padding: 3px 10px;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
    border-radius: 3px;
}

.slidetxtbox .head p a:hover {
    background: #ffd200;
    color: #fff;
}

.slidetxtbox .head #dianping {
    height: 40px;
    position: absolute;
    left: 540px;
    font-size: 18px;
    cursor: pointer;
    background: none;
}

.slidetxtbox .head ul {
    height: 45px;
    position: absolute;
    left: 0;
}

.slidetxtbox .head ul li {
    float: left;
    padding: 0 30px;
    cursor: pointer;
    font-size: 18px;
    color: #000;
}

.slidetxtbox .head ul li.on {
    height: 43px;
    color: #ffd200;
    border-bottom: 2px solid #ffd200;
}

.slidetxtbox .bd {
    background: #fff;
}

.panel {
    border-top: none;
    padding: 0 10px;
}

.panel ol li {
    margin: 10px 0 10px 10px;
    width: 425px;
    height: 20px;
    float: left;
    display: inline;
    position: relative;
}

.panel ol li a {
    position: absolute;
    left: 0;
    display: block;
    height: 20px;
    width: 300px;
    overflow: hidden;
}

.panel ol li em {
    position: absolute;
    right: 0;
    top: 2px;
}

.softtags {
    color: #696969;
    padding: 10px 10px 0 10px !important;
    margin-bottom: 0px !important;
}

.softtags a {
    text-decoration: underline;
    font-size: 14px;
    color: #7abb15 !important;
    margin-right: 15px;
}

.softcontent {
    padding: 10px 0 15px 0;
    font-size: 15px;
    line-height: 30px;
}

.softcontent p {
    padding: 0 10px;
    margin-bottom: 15px;
}

.textcontent p a,
.softcontent p a {
    color: #ffd200;
    font-weight: 900;
}

.softcontent strong {
    font-weight: 900;
}

.softcontent img {
    margin: 0 auto;
    max-width: 600px;
    width: expression((document.documentElement.clientHeight||document.body.clientHeight)<600?"600px":"");
}

.softcontent h3 {
    border-bottom: 1px dashed #d1d1d1;
    padding: 2px 0 5px 25px;
    margin: 10px;
    font-weight: 900 !important;
    color: #ffd200;
    background: url(../image/bj_01.png) no-repeat 0 -631px;
    font-size: 16px;
}

.textbox p.softtags {
    padding: 0 !important;
}

.soft_img {
    text-align: center;
}

.soft_img img {
    border: none;
    max-width: 650px;
    margin: 10px 0;
}

.downbox {
    width: 900px;
    overflow: hidden;
    background: #fff;
    margin: 20px 0 0 0;
    padding-bottom: 20px;
}

.downbox h4 {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: #ffd200;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.downlist {
    float: left;
    display: inline;
    width: 400px;
    overflow: hidden;
    zoom: 1;
    margin-left: 20px;
}

.downlist dt {
    clear: both;
    padding: 0 3px 0 0;
    margin-top: 3px;
    height: 35px;
    line-height: 25px;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    float: left;
    display: inline;
    width: 400px;
}

.downlist dd {
    float: left;
    display: inline;
    margin: 5px 8px 7px 3px;
    width: 130px;
    height: 29px;
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden;
    background: #f90;
    border-radius: 5px;
}

.downlist dd a {
    display: block;
    font-size: 14px;
    padding: 0 15px 0 30px;
    height: 28px;
    line-height: 28px;
    background: url(../image/down-ico.png) no-repeat 3px 3px;
    color: #fff;
}

.downlist dd.tip {
    clear: both;
    display: block;
    width: 238px;
    height: auto;
    padding: 10px;
    border: 1px solid #ff9947;
    color: #899;
    font-size: 13px;
    white-space: normal;
    background: #fdfde5 url(../image/hint.png) no-repeat;
    padding-top: 32px;
    overflow: hidden;
    zoom: 1;
}

.downlist dd.tip span {
    border-bottom: 1px dashed #fbd074;
    color: #ffa93a;
    font-size: 13px;
    text-align: center;
    display: block;
}

.downlist dd.tip p {
    line-height: 25px;
    padding: 10px 10px 0 10px;
}

.downlist .off {
    margin: 5px 0 10px 3px;
    float: left;
    display: inline;
    width: 267px;
    overflow: hidden;
}

.downlist dd em {
    color: #fff !important;
}

.downlist dd.tipse {
    background: none;
}

.downlist dd.tipse a {
    color: #004380;
    background: transparent url(../image/bj_01.png) no-repeat 0 -477px !important;
    padding: 0 15px 0 25px;
}

.downside {
    float: right;
    width: 360px;
    overflow: hidden;
    zoom: 1;
    margin: 10px 20px 0 0;
}

.commentbox {
    width: 600px;
    overflow: hidden;
    background: #fff;
    margin: 30px 0 20px;
    float: left;
    display: inline;
    border-radius: 8px;
}

.commentbox h4 {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
    position: relative;
}

.commentbox h5 {
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #f1f2f6;
    font-size: 18px;
    margin: 20px;
}

.commentbox h5 span {
    height: 45px;
    display: block;
    border-bottom: 2px solid #ffd200;
    width: 85px;
    text-align: center;
}

.commentbox h4 i {
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 20px;
    display: none;
}

.postcomment {
    padding: 0 20px;
}

.postcomment h2 {
    height: 60px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
}

.postcomment h2 a {
    color: #ffd200;
}

.txtbox.txts {
    margin: 35px 0 20px 0;
    padding: 0;
}

.txtbox.txts h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
    margin: 0 20px;
}

.txtboxs.txts {
    margin: 35px 0 20px 0;
    padding: 0;
}

.txtboxs.txts h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
    margin: 0 20px;
}

.txtboxs.te {
    width: 100%;
    margin: 20px auto 0 auto;
}

.txtboxs.te ol li {
    width: 373px;
}

.txtboxs {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 20px 0 0 0;
    padding-bottom: 20px;
}

.txtboxs h4 {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    font-size: 18px;
    position: relative;
    background: #cfd9db;
    color: #333;
}

.txtboxs h4.h401 {
    border-bottom: 1px solid #f1f2f6;
    background: none;
    color: #333;
}

.txtboxs ul {
    margin-top: 10px;
    overflow: hidden;
}

.txtboxs ul li {
    margin: 10px 0 0 20px;
    float: left;
    display: block;
    width: 418px;
    position: relative;
    height: 40px;
    background: #fafafa;
}

.txtboxs ul li img {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 3px;
}

.txtboxs ul li a {
    position: absolute;
    left: 40px;
    top: 10px;
    width: 300px;
    display: block;
    height: 20px;
    overflow: hidden;
}

.txtboxs ul li em {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #999;
}

.txtboxs ol li {
    margin: 10px 0 0 20px;
    float: left;
    display: block;
    width: 418px;
    position: relative;
    height: 40px;
    border-bottom: 1px dashed #ccc;
}

.txtboxs ol li a {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    display: block;
    height: 20px;
    overflow: hidden;
}

.txtboxs ol li em {
    position: absolute;
    right: 10px;
    top: 10px;
}

.txtboxs div a {
    float: left;
    display: inline;
    width: 72px;
    height: 100px;
    margin: 20px 20px 0 20px;
}

.txtboxs div a img {
    width: 100%;
    height: 72px;
    margin-bottom: 5px;
    border-radius: 3px;
}

.txtboxs div a b {
    font-weight: 100;
    width: 100%;
    height: 20px;
    text-align: center;
    display: block;
    overflow: hidden;
}

.txtbox {
    width: 900px;
    overflow: hidden;
    background: #fff;
    margin: 20px 0 0 0;
    padding-bottom: 20px;
}

.txtbox ul li {
    float: left;
    display: inline;
    width: 25%;
    height: 50px;
    margin: 20px 0 0 0;
    position: relative;
}

.txtbox ul li img {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.txtbox ul li b,
.txtbox ul li h5 {
    position: absolute;
    left: 80px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    padding-right: 20px;
}

.txtbox ul li span {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 12px;
    color: #999;
}

.txtbox ul li span em {
    margin-left: 5px;
}

.txtbox div a {
    float: left;
    display: inline;
    width: 156px;
    height: 115px;
    margin: 20px 0 0 20px;
}

.txtbox div a img {
    width: 100%;
    height: 90px;
    margin-bottom: 5px;
}

.txtbox div a b {
    font-weight: 100;
    width: 100%;
    height: 20px;
    text-align: center;
    display: block;
    overflow: hidden;
}

.txtbox ol {
    width: 900px;
    overflow: hidden;
}

.txtbox ol li {
    width: 860px;
    position: relative;
    height: 90px;
    margin: 20px 20px 0 20px;
}

.txtbox ol li img {
    position: absolute;
    left: 0;
    width: 156px;
    height: 90px;
}

.txtbox ol li b {
    position: absolute;
    left: 170px;
    top: 5px;
    font-size: 16px;
    font-weight: 100;
}

.txtbox ol li p {
    position: absolute;
    left: 170px;
    top: 35px;
    line-height: 25px;
    color: #999;
    font-size: 12px;
}

.archive .txtboxe {
    margin-top: 30px;
}

.archive .txtboxe .hd {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    margin: 0 20px;
    border: 0;
}

.txtboxe .hd {
    clear: both;
    border-bottom: 1px solid #f1f2f6;
    overflow: hidden;
    zoom: 1;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}

.txtboxe .hd ul li {
    float: left;
    display: inline;
    margin: 0 20px 0 20px;
    cursor: pointer;
    font-size: 18px;
    border-bottom: 1px solid #f2f2f2;
}

.txtboxe .hd ul li.on {
    height: 43px;
    color: #ffd200;
    border-bottom: 2px solid #ffd200;
}

.txtboxe {
    width: 900px;
    overflow: hidden;
    background: #fff;
    margin: 20px 0 0 0;
    padding-bottom: 20px;
}

.txtboxe h4 {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    font-size: 18px;
    position: relative;
    background: #cfd9db;
    color: #333;
}

.txtboxe h4.h401 {
    border-bottom: 1px solid #f1f2f6;
    background: none;
    color: #333;
}

.txtboxe .bd ul li {
    float: left;
    display: inline;
    width: 25%;
    height: 50px;
    margin: 20px 0 0 0;
    position: relative;
}

.txtboxe .bd ul li img {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.txtboxe .bd ul li b,
.txtboxe .bd ul li h5 {
    position: absolute;
    left: 80px;
    top: 5px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    padding-right: 10px;
}

.txtboxe .bd ul li span {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 12px;
    color: #999;
    height: 20px;
    overflow: hidden;
}

.txtboxe .bd ul li span em {
    margin-left: 5px;
}

.txtboxe .bd ol {
    width: 900px;
    overflow: hidden;
}

.txtboxe .bd ol li {
    width: 860px;
    position: relative;
    height: 90px;
    margin: 20px 20px 0 20px;
}

.txtboxe .bd ol li img {
    position: absolute;
    left: 0;
    width: 156px;
    height: 90px;
}

.txtboxe .bd ol li b {
    position: absolute;
    left: 170px;
    top: 5px;
    font-size: 16px;
    font-weight: 100;
}

.txtboxe .bd ol li p {
    position: absolute;
    left: 170px;
    top: 35px;
    line-height: 25px;
    color: #999;
    font-size: 12px;
}

div#aBoxDownBottom {
    width: 860px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #f1f2f6;
}

.panel .artbox {
    list-style: none;
    padding: 10px 10px 20px 12px;
    overflow: hidden;
}

.panel .artbox li {
    padding: 5px 20px 10px 20px;
    border-bottom: 1px dashed #ccc;
    line-height: 30px;
    background: url(../image/bj_01.png) no-repeat 0 -528px;
}

.panel .artbox a {
    font-size: 14px;
    text-indent: 20px;
}

/*最近更新*/

.lstbox {
    width: 900px;
    float: left;
    display: inline;
    background: #fff;
}

.lstbox h4 {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
    margin-bottom: 20px;
}

.lstbox li {
    height: 30px;
    position: relative;
}

.lstbox li span {
    position: absolute;
    left: 20px;
}

.lstbox li a.lstbox_01 {
    color: #999;
    margin-right: 15px;
}

.lstbox li em {
    position: absolute;
    right: 20px;
}

/*特殊专题*/

.wrap_top {
    width: 860px;
    height: 130px;
    padding: 20px;
    background: #fff;
}

.wrap_top li {
    float: left;
}

.wrap_top li.wrap_top_li1 {
    width: 130px;
}

.wrap_top li.wrap_top_li1 img {
    width: 130px;
    height: 130px;
}

.wrap_top li.wrap_top_li2 {
    margin-left: 20px;
}

.wrap_top li.wrap_top_li2 h2 {
    font-size: 18px;
    font-weight: bold;
}

.wrap_top li.wrap_top_li2 p {
    height: 25px;
    line-height: 25px;
    color: #999;
    margin: 5px 0;
}

.wrap_top li.wrap_top_li3 {
    float: right;
    margin-top: 3px;
}

.wrap_top li.wrap_top_li3 p {
    display: block;
    padding: 8px 20px;
    border: 1px solid #1da16e;
    color: #666;
    margin-top: 25px;
    font-size: 14px;
    text-align: center;
}

.wrap_top li.wrap_top_li3 a {
    display: block;
    padding: 8px 20px;
    background: #1da16e;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}

.wrap_top li.wrap_top_li3 a.wrap_top_li3_a {
    background: #ffd200;
}

.wrap_top li.wrap_top_li3 a.wrap_top_li3_a:hover {
    background: #1da16e;
}

.wrap_top li.wrap_top_li3 a:hover {
    background: #ffd200;
}

.wrap_top li#qs {
    height: 103px;
    width: 103px;
    margin: 20px 0 0 20px;
    float: right;
}

.wrap_essay,
.wrap_download,
.wrap_content {
    width: 860px;
    padding: 20px;
    background: #fff;
    margin-top: 2px;
    overflow: hidden;
}

.wrap_h4 {
    height: 35px;
    border-bottom: 1px #ccc solid;
}

.wrap_h4 span {
    height: 18px;
    line-height: 18px;
    border-left: 4px #1da16e solid;
    text-indent: 15px;
    font-size: 16px;
    display: block;
}

.wrap_content div {
    line-height: 25px;
    margin-top: 20px;
}

.wrap_download li {
    width: 270px;
    height: 72px;
    float: left;
    position: relative;
    margin: 20px 15px 0px 0;
}

.wrap_download li img {
    position: absolute;
    left: 0;
    width: 72px;
    height: 72px;
}

.wrap_download li a.wrap_d_a1 {
    position: absolute;
    left: 90px;
    font-size: 16px;
    height: 25px;
    overflow: hidden;
    display: block;
}

.wrap_download li span {
    position: absolute;
    left: 90px;
    top: 24px;
    font-size: 12px;
    color: #999;
}

.wrap_download li a.wrap_d_a2 {
    position: absolute;
    left: 90px;
    top: 46px;
    padding: 2px 10px;
    background: #1da16e;
    color: #fff;
}

.wrap_download li a.wrap_d_a2:hover {
    background: #ffd200;
}

.wrap_left {
    width: 900px;
    float: left;
    display: inline;
}

/*搜索页面*/

#sraech {
    background: #fff;
}

.topstrap {
    clear: both;
    padding: 0 30px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: #ffd200;
}

.topstrap a {
    color: #fff;
    text-decoration: none;
}

.topstrap a:hover {
    color: #eee;
    text-decoration: none;
}

.topstrap .c {
    color: #fff;
    font-weight: bold;
}

.topstrap strong {
    color: #fff;
}

.topstrap .t1 {
    text-align: left;
}

.topstrap .t2 {
    text-align: right;
}

.headers {
    border-bottom: 1px solid #e5e5e5;
}

.headers .logo {
    float: left;
}

.shlogo {
    padding: 20px;
    float: left;
    display: inline;
}

.shbox {
    float: left;
    display: inline;
    margin: 30px 0 30px 30px;
}

.shbox .search {
    float: left;
    display: inline;
    width: 500px;
    height: 38px;
    background: #fff;
    border: 2px solid #ffd200;
}

.shbox .search input {
    padding: 0 15px;
    border: 0;
    height: 38px;
    line-height: 38px;
    float: left;
    width: 350px;
}

.shbox .search button {
    display: block;
    width: 110px;
    height: 38px;
    border: 0;
    background: #ffd200;
    float: right;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.result {
    clear: both;
    padding: 0 30px;
    border-bottom: 1px solid #e5e5e5;
    height: 30px;
    line-height: 30px;
    color: #989898;
}

.result strong {
    color: #dd4b39;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.shbody {
    clear: both;
    padding: 10px 30px;
}

.shlist {
    float: left;
    width: 100%;
}

.shlist li {
    width: 100%;;
    padding: 10px 0;
}

.shlist h3 {
    font-size: 18px;
    color: #1122dd;
    margin-bottom: 10px;
}

.shlist h3 a {
    color: #1122dd;
    text-decoration: underline;
}

.shlist h3 a:hover {
    text-decoration: underline;
}

.shlist h3 em,
.shlist p em {
    color: #dd4433;
}

.shlist p {
    font-size: 12px;
    color: #999;
}

.shlist div {
    color: #008800;
    font-size: 12px;
    margin-top: 5px;
}

.shlist div span {
    margin-right: 10px;
    color: #666;
}

.shlist div em {
    color: #777;
}

.shlist div em a {
    color: #777;
}

.shlist .thumb {
    display: block;
    padding: 10px 5px;
}

.shlist .thumb img {
    border: 1px solid #e6e6e6;
    padding: 2px;
    max-width: 300px;
    _width: expression(this.offsetWidth > 300 ? "300px":"");
}

.shside {
    float: left;
}

.shpage {
    clear: both;
    padding: 5px 0;
}

.shpage .pagebox {
    float: left;
    display: inline;
    width: auto !important;
}

/*关于我们*/

.wraps {
    display: block;
    overflow: hidden;
    margin: 20px auto;
}

.wraps .mains {
    width: 100%;
    box-shadow: 0 1px 0 #d3e7d3;
    border: 1px solid #bed2be;
    border-bottom-color: #b7b2ae;
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
}

.mains .navs {
    float: left;
    width: 200px;
    border-right: 1px solid #bed2be;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #e8f3e8;
    min-height: 850px;
}

.mains .navs ul li {
    width: 200px;
    float: left;
    display: inline;
}

.navs ul li a {
    display: block;
    border-bottom: 1px solid #bed2be;
    padding-left: 30px;
    line-height: 44px;
    zoom: 1;
}

.navs ul li a:hover,
.navs ul li .on {
    background-color: #fff;
    border-left: 5px #288cf0 solid;
    font-size: 16px;
}

.contents {
    padding-left: 20px;
    padding-bottom: 20px;
    width: 750px;
    overflow: hidden;
}

.contents h2 {
    font-size: 24px;
    padding: 10px 0 10px 0;
    border-bottom: 1px #eee solid;
}

.contents h5 {
    font-size: 18px;
    padding: 15px 0 0px 0;
}

.contents p {
    line-height: 26px;
    padding-top: 5px;
    color: #666;
    text-indent: 2em;
}

.contents p em {
    font-weight: bold;
}

.contents p em a {
    color: #0984C5;
}

.contents p em a:hover {
    color: red;
}

.picviewbox {
    width: 1198px;
    margin: 20px auto 0 auto;
    padding: 10px 0 20px 0;
    border: 1px solid #f1f2f6;
    background: #fff;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.picviewbox h1.tit {
    height: 50px;
    line-height: 40px;
    position: relative;
    text-indent: 15px;
    border-bottom: 1px solid #f1f2f6;
    font-size: 18px;
}

.picviewbox img {
    max-width: 900px;
    margin-top: 20px;
}

.Wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/*tag*/

.LinkMapa {
    height: 30px;
    line-height: 30px;
    width: 986px;
    margin: 0 auto;
    float: left;
    display: inline;
    margin: 15px 0 10px 0;
}

.LinkMapa em {
    float: left;
    display: inline;
    background: url(../image/pic-ico.png) no-repeat 19px 7px;
}

.LinkMapa a {
    font-size: 14px;
    float: left;
    color: #0193e9;
    margin: 0 6px;
}

.Tagsa {
    float: left;
    display: inline;
    width: 880px;
    min-height: 500px;
    padding: 0 20px 0 20px;
    background-color: #fff;
}

.tagtop div {
    background: #f2f2f2;
    overflow: hidden;
    padding: 20px;
    margin: 20px 0 10px 0;
    box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, .12);
}

.tagtop div span {
    width: 200px;
    height: 135px;
    float: left;
    margin-right: 20px;
    background: url(../image/2s.png) no-repeat;
}

.tagtop img {
    width: 200px;
    height: 135px;
    float: left;
    margin-right: 20px;
}

.tagtop h4 {
    font-size: 18px;
    margin: 10px 0;
}

.tagtop p {
    line-height: 25px;
    color: #666;
}

.Tagsa h1,
.Tagsa h4,
.taggin h1 {
    position: relative;
    height: 35px;
    line-height: 30px;
    margin: 15px 0 10px 0;
    font-size: 20px;
    border-bottom: 2px #dedede solid;
}

.Tagsa h5,
.HotKeya h3 {
    position: relative;
    height: 50px;
    line-height: 46px;
    margin-bottom: 10px;
    font-size: 20px;
    border-bottom: 2px #dedede solid;
}

.Tagsa h5 span,
.HotKeya h3 span {
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: 2px #01b202 solid;
}

.Tagsa h5 em {
    font-size: 22px;
    font-weight: bold;
    color: #999;
}

.Tagsa ul {
    overflow: hidden;
    zoom: 1;
}

.Tagsa ul li {
    width: 870px;
    position: relative;
    color: #bcbcbc;
    height: 44px;
    line-height: 44px;
    padding-left: 6px;
    background: url('../image/tags_d.png') no-repeat scroll left 16px;
    overflow: hidden;
    border-bottom: 1px #dadada dotted;
+ margin-left: - 15 px;
}

.Tagsa ul li a {
    color: #288cf0;
    display: inline-block;
    margin: 0 10px;
}

.Tagsa ul li:hover {
    background-position: left -32px;
}

.Tagsa ul li a:hover {
    color: #0e63b8;
}

.Tagsa ul li em {
    position: absolute;
    right: 2px;
    top: 0;
    color: #999;
    width: 150px;
    text-align: right;
}

/***侧栏样式****/

.SideBara {
    float: right;
    display: inline;
    width: 259px;
    min-height: 500px;
    background-color: #fff;
    padding-bottom: 20px;
}

.green1a {
    color: #50b84a;
}

.red1a {
    color: #e94a4a;
}

.blue1a {
    color: #189dea;
}

.org1a {
    color: #ff742a;
}

.HotKeya h3 {
    margin-bottom: 10px;
}

.HotKeya {
    padding: 0 20px;
}

.HotKeya a {
    line-height: 30px;
    display: inline-block;
    margin-right: 10px;
}

.HotKeya a:hover {
    text-decoration: underline;
}

.a_list_left li.net,
.a_list_left li.mei {
    padding: 5px 0;
    height: 20px !important;
    line-height: 20px;
    text-align: center;
    background: #fafafa;
    margin: 20px 15px;
    color: #666;
    border: 0;
}

.a_list_left li.net a {
    color: #666;
}

.a_list_left li.net a:hover {
    color: #ffd200;
}

.block {
    display: block !important;
}

.heads,
.parHd {
    border-top: 10px solid #f1f2f6;
    border-bottom: 1px solid #f1f2f6;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.heads li.on,
.parHd li.on {
    float: left;
    display: block;
    height: 44px;
    border-top: 2px solid #ffd200;
    text-align: center;
}

.heads li,
.parHd li {
    float: left;
    display: inline;
    width: 119px;
    height: 44px;
    border-right: 1px solid #f6f5fa;
    border-top: 2px solid #fff;
    text-align: center;
    cursor: pointer;
}

.parBd .related {
    border: 0;
    margin: 0 20px 20px 20px;
}

.tempWrap {
    width: 585px !important;
    margin: 0 auto;
}

.tab {
    overflow: hidden;
}

.tab .bd {
    margin-top: 20px
}

.tab1 {
    overflow: hidden;
    padding-top: 15px;
}

.tab1 .hd {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    color: #ffd200;
    font-size: 16px;
    margin: 0 20px;
}

.tab1 .hd li {
    padding: 0 20px;
    float: left;
    display: inline;
    color: #333;
    cursor: pointer;
}

.tab1 .hd li.on {
    color: #fff;
    border-bottom: 0;
    background: #ffd200;
}

.tab1 .bd li.new1 {
    float: left;
    display: inline;
    width: 415px;
    height: 30px;
    border-bottom: 1px dashed #ccc;
    position: relative;
    margin: 20px 0 0 20px;
}

.tab1 .bd li.new1 a {
    position: absolute;
    left: 0;
    height: 20px;
    overflow: hidden;
    width: 100%;
}

.tab1 .bd li.new1 em {
    position: absolute;
    right: 0;
}

.tab1 .net,
.tab1 .mei {
    width: 560px;
    float: left;
    display: inline;
    padding: 5px 0;
    text-align: center;
    background: #fafafa;
    margin: 20px;
    color: #666;
}

.tab1 .mei {
    margin: 20px 20px 0 20px;
}

.tab1 .mei a,
.tab1 .net a {
    color: #666;
}

.noTop li.news {
    position: relative;
    height: 80px;
    border-bottom: 1px dashed #f2f2f2;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
}

.noTop li.news img {
    position: absolute;
    left: 0;
    width: 120px;
    height: 80px;
}

.noTop li.news h3 {
    position: absolute;
    left: 130px;
}

.noTop li.news span {
    position: absolute;
    left: 130px;
    top: 25px;
}

.noTop li.news p {
    position: absolute;
    left: 130px;
    top: 50px;
    font-size: 12px;
    color: #999;
}

.form {
    margin: 0 0 20px 0;
}

.form h4 {
    height: 40px;
    line-height: 40px;
    background: #f1f2f6;
    text-indent: 20px;
    color: #ffd200;
    font-size: 16px;
    margin: 0 20px;
}

.form li {
    float: left;
    display: inline;
    width: 25%;
    height: 50px;
    margin: 20px 0 0 0;
    position: relative;
}

.form li img {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.form li b {
    position: absolute;
    left: 80px;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
    padding-right: 20px;
    font-weight: 100;
}

.form li span {
    position: absolute;
    left: 80px;
    top: 30px;
    font-size: 12px;
    color: #999;
}

.game15 {
    background: #fff;
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden;
    height: 235px;
}

.game15 img {
    width: 95px;
    height: 95px;
    position: absolute;
    left: 20px;
    top: 55px;
}

.game15 b {
    display: block;
    width: 100%;
    overflow: hidden;
    font-weight: 100;
    height: 40px;
    line-height: 40px;
    background: #ffd200;
    font-size: 18px;
    color: #fff;
    text-indent: 15px;
}

.game15 div {
    color: #666;
    position: absolute;
    left: 130px;
    top: 55px;
    width: 165px;
}

.game15 div span {
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

.game15 a.btn02,
.game15 a.btn03 {
    display: block;
    color: #ffd200;
    border: 1px solid #ffd200;
    border-radius: 3px;
    height: 45px;
    font-size: 18px;
    width: 240px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    left: 20px;
    top: 175px;
}

.game15 a.btn02:hover,
.game15 a.btn03:hover {
    background: #ffd200;
    color: #fff;
}

.game15 a.btn03 {
    background: #ff9f00;
    left: 145px;
}

.Tagsa ol {
    overflow: hidden;
    margin-top: 20px;
}

.Tagsa ol li {
    height: 50px;
    overflow: hidden;
    margin: 0 0 15px 0;
    position: relative;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px;
}

.Tagsa ol li img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
}

.Tagsa ol li b {
    position: absolute;
    left: 70px;
    top: 0;
    font-size: 16px;
}

.Tagsa ol li div {
    position: absolute;
    left: 70px;
    top: 30px;
    font-size: 12px;
    color: #999;
}

.top-nums {
    padding: 0 0 15px 0;
    overflow: hidden;
}

.top-nums a {
    float: left;
    margin: 15px 15px 0 0;
}

.top-a4,
.top-a218,
.top-a345 {
    color: #F0F;
}

.top-a87,
.top-a10,
.top-a12,
.top-a188,
.top-a245,
.top-a327 {
    color: #F00;
}

.top-a158,
.top-a62,
.top-a20,
.top-a260,
.top-a33 {
    color: #0F0;
}

.top-a135,
.top-a96,
.top-a56,
.top-a281,
.top-a314 {
    color: #06F;
}

.top-num02 {
    padding: 0 0 15px 0;
    overflow: hidden;
    width: 1000px;
}

.top-num02 a {
    float: left;
    margin: 15px 64px 0 0;
    width: 172px;
}

.top-num02 a img {
    width: 100%;
    height: 100px;
}

.top-num02 a b {
    height: 20px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
}

.mb10 {
    border-top: 10px solid #f2f2f2;
}

.taggin {
    float: left;
    display: inline;
    width: 880px;
    min-height: 500px;
    padding: 0 20px 0 20px;
    background-color: #fff;
}

.taggin ol li {
    position: relative;
    height: 115px;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #dddddd;
}

.taggin ol li img {
    position: absolute;
    left: 0;
    top: 15px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.taggin ol li h2 {
    position: absolute;
    left: 70px;
    top: 15px;
    font-size: 18px;
    color: #000;
}

.taggin ol li div {
    position: absolute;
    left: 70px;
    top: 45px;
    font-size: 12px;
    color: #999;
}

.taggin ol li div span,
.taggin ol li div i,
.taggin ol li div p {
    float: left;
    display: inline;
    margin-right: 15px;
    position: relative;
}

.taggin ol li div p em {
    position: absolute;
    left: 35px;
    top: 1px;
}

.taggin ol li div em {
    color: #33755a;
}

.taggin ol li div p em {
    float: right;
    display: inline;
}

.taggin ol li a.applist_a2 {
    position: absolute;
    right: 0;
    top: 25px;
    padding: 5px 15px;
    background: #ffd200;
    color: #fff;
}

.taggin ol li a.applist_a2:hover {
    background: #4ec62b;
}

.taggin ol li p.applist_p1 {
    position: absolute;
    left: 70px;
    top: 65px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    height: 45px;
    padding-right: 120px;
}

.taggin ul li {
    margin: 20px 0 0 0;
    height: 135px;
    position: relative;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}

.taggin ul li img {
    position: absolute;
    left: 0;
    width: 200px;
    height: 135px;
}

.taggin ul li h3 {
    position: absolute;
    left: 215px;
    font-size: 18px;
}

.taggin ul li div {
    position: absolute;
    left: 215px;
    top: 30px;
    color: #999;
    font-size: 12px;
}

.taggin ul li div em {
    margin-right: 15px;
    float: left;
    display: inline-block;
    height: 18px;
    background: url(../image/bj_05.png) no-repeat -2px -21px;
    padding-left: 20px;
}

.taggin ul li div span {
    float: left;
    display: inline-block;
    height: 19px;
    background: url(../image/bj_05.png) no-repeat -1px -54px;
    padding-left: 25px;
}

.taggin ul li p {
    position: absolute;
    left: 215px;
    top: 55px;
    width: 655px;
    line-height: 25px;
    color: #999;
}

.page-not-found,
.page-not-found h1,
.page-not-found p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.page-not-found {
    max-width: 760px;
    margin: 5rem auto;
    padding: 2rem;
    background: #fafafa;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 0.5rem;
    position: relative;
    color: #555;
}

.page-not-found h1 {
    font-weight: lighter;
    letter-spacing: 0.8;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    color: #c71508;
}

.page-not-found p {
    margin-top: 1.5rem;
    font-size: 1rem;
}

/*百科*/

.conbai {
    width: 1040px;
    overflow: hidden
}

.conshou {
    width: 410px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ffd200;
}

.connav {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 20px;
}

.contit {
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    padding: 20px 20px 0 20px;
    overflow: hidden;
    color: #ffd200;
    background: url(../image/tu_a1.png) no-repeat 20px -270px;
    background-size: 40px;
    text-indent: 30px;
}

.contit.ts1 {
    background: url(../image/tu_a1.png) no-repeat 20px -111px;
    background-size: 40px;
}

.contit.ts2 {
    background: url(../image/tu_a1.png) no-repeat 20px -218px;
    background-size: 40px;
}

.contit a {
    font-size: 14px;
    color: #999;
    float: right
}

.connei a {
    float: left;
    width: 90%;
    margin: 0px 5px 15px 5%;
    color: #666;
}

.conshou ul {
    overflow: hidden
}

.conshou ul li {
    float: left;
    width: 42%;
    margin: 0px 5px 15px 5%;
    color: #666;
    position: relative;
    height: 90px;
}

.conshou ul li img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.conshou ul li b {
    width: 90%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    color: #fff;
    padding: 0 5%;
}

.conshou ul li div {
    position: absolute;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 30px;
    left: 0;
    z-index: 99;
    width: 100%;
    border-radius: 0 0 8px 8px;
}

.bt01 {
    height: 38px;
    line-height: 50px;
    font-size: 18px;
    padding: 0 20px;
    color: #ffd200;
    font-weight: 900;
    background: url(../image/tu_a1.png) no-repeat 20px -618px;
    text-align: 60px;
    text-indent: 40px;
    margin-top: 10px;
}

.bt01 a {
    font-size: 14px;
    color: #999;
    float: right
}

.ts .bt01 {
    background: #ffd200 url(../image/tu_a2.png) no-repeat 20px -764px;
    margin-top: 0;
    color: #fff;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
}

.ts .bt01 a {
    float: left;
    color: #fff
}

.ts01 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -544px;
}

.ts02 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -241px;
}

.ts03 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -907px;
}

.ts04 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -166px;
}

.ts06 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -308px;
}

.ts07 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -380px;
}

.ts08 .bt01 {
    background: url(../image/tu_a1.png) no-repeat 20px -544px;
}

.c_nav {
    width: 100%
}

.c_nav.ts1 {
    overflow: hidden
}

.c_nav.ts1 a {
    width: 108px;
    margin: 20px 0px 0 20px;
    background: #f2f2f2;
    padding: 20px 20px 10px 20px;
    border-radius: 8px;
    float: left
}

.c_nav.ts1 img {
    width: 108px;
    height: 108px;
    border-radius: 8px
}

.c_nav.ts1 b {
    font-size: 16px;
    font-weight: 900;
    margin-top: 0;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    text-align: center
}

.c_nav.ts a:hover,
.c_nav.ts a.current,
.c_nav.ts1 a:hover,
.c_nav.ts1 a.current {
    background: #ffd200;
    color: #fff
}

.c_nav.ts b {
    font-size: 16px;
    font-weight: 900;
    margin-top: 0
}

.c_nav.ts a {
    width: 68px;
    margin: 20px 0px 0 20px;
    background: #f2f2f2;
    padding: 20px 20px 10px 20px;
    border-radius: 8px;
    float: left
}

.c_nav.ts img {
    width: 68px;
    height: 72px;
    border-radius: 8px
}

.c_nav.ts b {
    font-size: 16px;
    font-weight: 900;
    margin-top: 0;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    text-align: center
}

.c_nav.ts2 {
    overflow: hidden
}

.c_nav.ts2 a {
    float: left;
    margin: 20px 0 0 20px;
    width: 182px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    background: #fafafa;
}

.c_nav.ts2 a:hover,
.c_nav.ts2 a.current {
    background: #ffd200;
    color: #fff
}

.c_nav.ts2 img {
    width: 100%;
    height: 110px;
    border-radius: 8px 8px 0 0;
}

.c_nav.ts2 b {
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 5px 5%;
}

.c_nav.ts3 {
    overflow: hidden
}

.c_nav.ts3 a {
    float: left;
    width: 28.8%;
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -508px;
    background-size: 40px;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    margin: 20px 0 0 20px;
    border-radius: 8px;
    overflow: hidden;
    padding-right: 20px;
}

.c_nav.ts3 img {
    display: none
}

.c_nav.ts3.ts a {
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -794px;
    background-size: 40px;
}

.c_nav.ts4 {
    overflow: hidden
}

.c_nav.ts4 a {
    float: left;
    margin: 20px 0 0 20px;
    width: 317px;
    height: 80px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    background: #f2f2f2;
}

.c_nav.ts4 a img {
    width: 110px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    float: left;
}

.c_nav.ts4 a b {
    padding: 0 15px 0 15px;
    line-height: 25px;
    align-items: center;
    height: 100%;
    display: flex
}

.c_nav.ts5 {
    overflow: hidden
}

.c_nav.ts5 a {
    float: left;
    width: 28.8%;
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -794px;
    background-size: 40px;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    margin: 20px 0 0 20px;
    border-radius: 8px;
    overflow: hidden;
    padding-right: 20px;
}

.c_nav.ts5 img {
    display: none
}

.c_nav.ts6 {
    overflow: hidden
}

.c_nav.ts6 a {
    float: left;
    margin: 20px 0 0 20px;
    width: 317px;
    height: 80px;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    background: #f2f2f2;
}

.c_nav.ts6 a img {
    width: 110px;
    height: 100%;
    border-radius: 8px 0 0 8px;
    float: left;
}

.c_nav.ts6 a b {
    padding: 0 15px 0 15px;
    line-height: 25px;
    align-items: center;
    height: 100%;
    display: flex
}

.c_nav.ts7 {
    overflow: hidden
}

.c_nav.ts7 a {
    float: left;
    width: 28.8%;
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -794px;
    background-size: 40px;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    margin: 20px 0 0 20px;
    border-radius: 8px;
    overflow: hidden;
    padding-right: 20px;
}

.c_nav.ts7 img {
    display: none
}

.c_nav.ts8 {
    overflow: hidden
}

.c_nav.ts8 a {
    float: left;
    width: 28.8%;
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -794px;
    background-size: 40px;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    margin: 20px 0 0 20px;
    border-radius: 8px;
    overflow: hidden;
    padding-right: 20px;
}

.c_nav.ts8 img {
    display: none
}

.main.tss {
    width: 1300px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .76);
    padding: 0 30px;
}

.main.tss .footer p a {
    color: #000
}

.main.tss .commentbox,
.main.tss .hd.tophd,
.main.tss .content {
    width: 1040px
}

.main.tss .hd.tophd .top01 {
    left: 20px
}

.main.tss .hd.tophd h1 {
    left: 65px
}

.main.tss .hd.tophd {
    border: 1px 0 1px 0 #fff solid
}

.main.tss .contentbox {
    padding: 30px
}

img.imgdatu {
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
}

.conbai .scroll .bd,
.conbai .apkdb_02li,
.conbai .scroll {
    height: 425px !important
}

.link-tip {
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    margin-top: 80px;
    border-radius: 8px;
    padding: 100px 30px 300px;
    width: 540px;
    font-size: 14px;
}

.link-tip .tips {
    font-size: 20px;
    padding: 0 0 15px 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAMAAAA+JdOiAAAAA3NCSVQICAjb4U/gAAAAbFBMVEX0giX7zaf2lkf//Pn5t4L97eD4qmv1iTH828D6wpX3ol34s3r+9u/6y6T95M/0hCn1kD35vYz71LX2m1H////3qGj1jjr4sHX7z6v+8OX5wJL3n1j6xpv0hy7/+vb96Nf83sb5uof3pmP2lUWmQh/JAAAAJHRSTlP//////////////////////////wD///////////////////94X9tXAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAASJJREFUOI2N1NsSgiAQBuA1VDJC8RhootX7v2NIeUDw8N/I7n6zMzKjUJwN2K3Mz85JL0kS74wMKgCogmOJCAwh6FD2rZZtfyTRG355W0tXksMYvi/FZZIXsStTbR7ap3syZkrkHepy9WTxjtQ3VKtDrW9qW17xACJ1ioYDvm5J2YAhoZEbksJKAnVL8bHkRzjlCywJL5eMsUPi2JYyBIeEUFoyS5wSsrW8N9PsqcrnVDX3laTTCHxV+nNJTRmweVR5nVfNJQsMSWAZliwrspQ9hu3gfpaoNEaEE2NpiSbJWwOi8QP9p+WjFLmxcuhzo5OLv4yMNjxkIR9mK/rJjpltCHm46rBOy9R6WzuplrcT8qZlfULWWkoalgehsnD9P7fyBYNyRfjsQjfnAAAAAElFTkSuQmCC) 0 3px no-repeat;
    background-size: 24px;
    color: #d68300;
    font-weight: bold;
}

#addr {
    line-height: 20px;
    color: #555;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
    word-wrap: break-word;
    word-break: break-all;
}

.link-tip-bottom {
    padding: 50px 0 0 0;
}

.link-tip-bottom .b-go {
    width: 92px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    background-color: #51b828;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 15px 0 0;
    overflow: hidden;
    cursor: pointer;
}

.link-tip-bottom .b-close {
    line-height: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.link-tip-bottom .b-close:hover {
    text-decoration: underline;
}

.error-page {
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    margin-top: 80px;
    border-radius: 8px;
    height: 100%;
    width: 100%;
    text-align: center;
}

.error-body {
    padding-top: 127px;
    padding-bottom: 207px;
}

.error-body h1 {
    font-size: 177px;
    font-weight: 700;
    text-shadow: 4px 4px 0 #f5f6fa, 6px 6px 0 #f5dd8c;
    line-height: 1;
    color: #f5dd8c;
    margin: 0;
}

.error-body h4 {
    margin: 30px 0px;
}

.catname ol li .gPower {
    color: #0ccf7b;
    cursor: pointer;
}

.catname ol li .gSecret {
    color: #0ccf7b;
    cursor: pointer;
}

.catname ol li a {
    color: #0ccf7b;
    cursor: pointer;
}

.hide {
    display: none;
}

/* power */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100% auto;
    background-color: #fff;
    width: 540px;
    border-radius: 6px;
    text-align: center;
}

.gRule .gRclose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 10;
    cursor: pointer;
}

.gRule .gRclose i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../image/maskicon.png) 300px 100% no-repeat;
    background-position: -15px -19px;
    position: relative;
}

.gRule .oTitle {
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
    font-size: 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
}

.gRule .oTitle i {
    display: none;
    width: 225px;
    height: 154px;
    background-position: -38px -334px;
    position: relative;
    top: -82px;
    margin: 0 auto;
}

.gRule .oTitle p {
    position: relative;
    margin-top: 10px;
    font-size: 28px;
    color: #202020;
    font-weight: bold;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
}

.gRule .gSure {
    display: block;
    cursor: pointer;
    width: 400px;
    border: 0;
    background: #ef5000;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 58px;
    margin: 21px auto 36px;
    overflow: hidden;
    white-space: nowrap;
}

.ruleMain {
    background-color: #fff;
    display: block;
    height: 400px;
    border: none;
    padding: 10px 15px;
    line-height: 28px;
    font-size: 16px;
    margin: 10px 26px;
    text-align: left;
    overflow: auto;
}

.ruleMain strong {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 36px;
}

.ruleMain p:nth-of-type(1) {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.ruleMain p:nth-last-of-type(1) {
    margin-bottom: 20px;
}

/* Privacy */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100% auto;
    background-color: #fff;
    width: 540px;
    border-radius: 6px;
    text-align: center;
}

.gPrivacy .gPclose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 10;
    cursor: pointer;
}

.gPrivacy .gPclose i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../image/maskicon.png) 300px 100% no-repeat;
    background-position: -15px -19px;
    position: relative;
}

.gPrivacy .oTitle {
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
    font-size: 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
}

.gPrivacy .oTitle i {
    display: none;
    width: 225px;
    height: 153px;
    background-position: -38px -562px;
    position: relative;
    top: -82px;
    margin: 0 auto;
}

.gPrivacy .oTitle p {
    position: relative;
    margin-top: 30px;
    font-size: 28px;
    color: #202020;
    font-weight: bold;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
}

.gPrivacy .gSure {
    display: block;
    cursor: pointer;
    width: 400px;
    border: 0;
    background: #ef5000;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 58px;
    margin: 21px auto 36px;
    overflow: hidden;
    white-space: nowrap;
}

.privacyMain {
    background-color: #fff;
    display: block;
    height: 400px;
    border: none;
    padding: 10px 15px;
    line-height: 28px;
    font-size: 16px;
    margin: 10px 26px;
    text-align: left;
    overflow: auto;
}

.privacyMain strong {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 36px;
}

.privacyMain p:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.privacyMain p:nth-last-of-type(1) {
    margin-bottom: 20px;
}

.bqinfor {
    position: relative;
}

.feedbackBtn {
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 5px 0 0 5px;
    position: absolute;
    cursor: pointer;
    top: -17px;
    right: -7px;
    height: 20px;
    font-size: 14px;
    color: red;
    line-height: 20px;
    text-decoration: underline;
}

.feedbackBtn:before {
    content: "!";
    position: relative;
    top: 4px;
    vertical-align: top;
    display: inline-block;
    padding: 0 4px;
    margin-right: 3px;
    height: 12px;
    line-height: 12px;
    font-size: 10px;
    border: 1px solid red;
    color: red;
    border-radius: 50%;
    text-align: center;
}

.feedbackBtn:hover {
    color: red
}

.feedbackBtn:hover:before {
    color: red;
    border-color: red
}

.popupBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;

}

.popupBox .boxCont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.popupBox .authBox,
.popupBox .historyBox,
.popupBox .feedbackBox,
.popupBox .subSuccessBox,
.popupBox .subBox {
    width: 470px;
    height: 324px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ECFFF6 0%, #fff 50%, #fff 100%);
    padding: 24px 0;
    position: relative;
}

.popupBox .authBox > .tip,
.popupBox .historyBox > .tip,
.popupBox .feedbackBox > .tip,
.popupBox .subSuccessBox > .tip,
.popupBox .subBox > .tip {
    position: absolute;
    top: -11px;
    left: 33px;
    width: 87px;
    height: 95px;
    background-position: -303px -2px;
    display: none;
}

.popupBox .authBox .boxTop,
.popupBox .historyBox .boxTop,
.popupBox .feedbackBox .boxTop,
.popupBox .subSuccessBox .boxTop,
.popupBox .subBox .boxTop {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popupBox .authBox .boxTop > p,
.popupBox .historyBox .boxTop > p,
.popupBox .feedbackBox .boxTop > p,
.popupBox .subSuccessBox .boxTop > p,
.popupBox .subBox .boxTop > p {
    font-size: 36px;
    line-height: 60px;
    color: #333;
    font-weight: bold;
}

.popupBox .authBox .boxCenter,
.popupBox .historyBox .boxCenter,
.popupBox .feedbackBox .boxCenter,
.popupBox .subSuccessBox .boxCenter,
.popupBox .subBox .boxCenter {
    margin: 28px 60px 32px;
    position: relative;
}

.popupBox .authBox .boxCenter p,
.popupBox .historyBox .boxCenter p,
.popupBox .feedbackBox .boxCenter p,
.popupBox .subSuccessBox .boxCenter p,
.popupBox .subBox .boxCenter p {
    font-size: 18px;
    line-height: 22px;
    color: #333;
}

.popupBox .authBox .boxCenter input,
.popupBox .historyBox .boxCenter input,
.popupBox .feedbackBox .boxCenter input,
.popupBox .subSuccessBox .boxCenter input,
.popupBox .subBox .boxCenter input {
    font-size: 16px;
    color: #999999;
    margin-top: 18px;
    width: 100%;
    height: 54px;
    background: #F7F7F7;
    border-radius: 5px;
    border: unset;
    text-indent: 20px;
}

.popupBox .authBox .boxBottom,
.popupBox .historyBox .boxBottom,
.popupBox .feedbackBox .boxBottom,
.popupBox .subSuccessBox .boxBottom,
.popupBox .subBox .boxBottom {
    display: flex;
    justify-content: center;
}

.popupBox .authBox .boxBottom button,
.popupBox .historyBox .boxBottom button,
.popupBox .feedbackBox .boxBottom button,
.popupBox .subSuccessBox .boxBottom button,
.popupBox .subBox .boxBottom button {
    width: 350px;
    height: 54px;
    background: #ef5000;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    text-align: center;
    line-height: 54px;
    border: 0;
}

.popupBox .authBox .close,
.popupBox .historyBox .close,
.popupBox .feedbackBox .close,
.popupBox .subSuccessBox .close,
.popupBox .subBox .close {
    cursor: pointer;
}

.popupBox .authBox > .close,
.popupBox .historyBox > .close,
.popupBox .feedbackBox > .close,
.popupBox .subSuccessBox > .close,
.popupBox .subBox > .close {
    width: 26px;
    height: 26px;
    background: url(../image/maskicon.png) 300px 100% no-repeat;
    background-position: -15px -19px;
    position: relative;
    position: absolute;
    top: 24px;
    right: 24px;
}

.popupBox .waitBox,
.popupBox .subSuccessBox {
    height: 236px;
}

.popupBox .waitBox > .tip,
.popupBox .subSuccessBox > .tip {
    top: -13px;
    width: 96px;
    height: 98px;
    background-position: -405px -2px;
}

.popupBox .waitBox .boxCenter,
.popupBox .subSuccessBox .boxCenter {
    text-align: center;
    margin: 24px 0;
}

.popupBox .waitBox .boxCenter p.wait,
.popupBox .subSuccessBox .boxCenter p.wait,
.popupBox .waitBox .boxCenter p.success,
.popupBox .subSuccessBox .boxCenter p.success {
    font-size: 18px;
    color: #999;
}

.popupBox .waitBox .boxCenter p.wait,
.popupBox .subSuccessBox .boxCenter p.wait {
    display: none;
}

.popupBox .waitBox .boxCenter p.wait {
    display: block;
}

.popupBox .waitBox .boxCenter p.success {
    display: none;
}

.popupBox .authBox,
.popupBox .historyBox,
.popupBox .feedbackBox {
    width: 470px;
    border-radius: 24px;
    height: 620px;
    background: linear-gradient(180deg, #F5F5FF 0%, #fff 21%, #fff 100%);
    padding: 22px 0px;
}

.popupBox .authBox .boxHead,
.popupBox .historyBox .boxHead,
.popupBox .feedbackBox .boxHead {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popupBox .authBox .boxHead p,
.popupBox .historyBox .boxHead p,
.popupBox .feedbackBox .boxHead p {
    font-size: 28px;
    line-height: 64px;
    color: #333;
    font-weight: 700;
}

.popupBox .authBox .boxBody,
.popupBox .historyBox .boxBody,
.popupBox .feedbackBox .boxBody {
    font-size: 18px;
    line-height: 22px;
    color: #333;
    margin-right: 10px;
    padding: 6px 20px 32px 35px;
    /* overflow-y: auto; */
}

.popupBox .authBox .boxBody::-webkit-scrollbar,
.popupBox .historyBox .boxBody::-webkit-scrollbar,
.popupBox .feedbackBox .boxBody::-webkit-scrollbar {
    width: 7px;
}

.popupBox .authBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb,
.popupBox .feedbackBox .boxBody::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 6px;
}

.popupBox .authBox .boxBody .bodyItem,
.popupBox .historyBox .boxBody .bodyItem,
.popupBox .feedbackBox .boxBody .bodyItem {
    position: relative;
}

.popupBox .authBox .boxBody .bodyItem > p,
.popupBox .historyBox .boxBody .bodyItem > p,
.popupBox .feedbackBox .boxBody .bodyItem > p {
    margin-top: 22px;
}

.popupBox .authBox .boxBody .bodyItem .feedBackList,
.popupBox .historyBox .boxBody .bodyItem .feedBackList,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList {
    display: grid;
    grid-template-columns: repeat(3, 130px);
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
}

.popupBox .authBox .boxBody .bodyItem .feedBackList li,
.popupBox .historyBox .boxBody .bodyItem .feedBackList li,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList li {
    cursor: pointer;
    margin-top: 12px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 5px;
    background: #F7F5F5;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.popupBox .authBox .boxBody .bodyItem .feedBackList li.active,
.popupBox .historyBox .boxBody .bodyItem .feedBackList li.active,
.popupBox .feedbackBox .boxBody .bodyItem .feedBackList li.active {
    color: #333333;
    background: #ffed89;
}

.popupBox .authBox .boxBody .bodyItem input,
.popupBox .historyBox .boxBody .bodyItem input,
.popupBox .feedbackBox .boxBody .bodyItem input,
.popupBox .authBox .boxBody .bodyItem textarea,
.popupBox .historyBox .boxBody .bodyItem textarea,
.popupBox .feedbackBox .boxBody .bodyItem textarea {
    font-size: 14px;
    color: #999999;
    padding: 10px 12px;
    margin-top: 16px;
    width: 100%;
    height: 130px;
    background: #F7F7F7;
    border-radius: 5px;
    border: unset;
    resize: none;
    box-sizing: border-box;
}

.popupBox .authBox .boxBody .bodyItem input,
.popupBox .historyBox .boxBody .bodyItem input,
.popupBox .feedbackBox .boxBody .bodyItem input {
    height: 54px;
    font-size: 16px;
    box-sizing: border-box;
}

.popupBox .authBox .boxBody .bodyItem .countChange,
.popupBox .historyBox .boxBody .bodyItem .countChange,
.popupBox .feedbackBox .boxBody .bodyItem .countChange {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    color: #999;
}

.popupBox .historyBox {
    max-height: 600px;
    background: linear-gradient(180deg, #FDF0EA 0%, #fff 26%, #fff 100%);
}

.popupBox .historyBox .tip {
    width: 83px;
    height: 95px;
    background-position: -96px -3px;
    left: 32px;
    top: -10px;
}

.popupBox .historyBox .boxBody {
    margin: 24px 24px 0 0;
    max-height: calc(100vh - 280px);
    font-size: 16px;
    line-height: 28px;
    color: #999;
    padding: 0px 12px 32px 38px;
    overflow-y: auto;
    height: 452px;
}

.popupBox .historyBox .boxBody::-webkit-scrollbar {
    width: 12px;
    background: #EEEEEE;
}

.popupBox .historyBox .boxBody::-webkit-scrollbar-thumb {
    background: #DCDCDC;
    border-radius: 0px;
}

.popupBox .historyBox .boxBody ul li {
    padding: 26px 0 24px;
    border-bottom: 1px dashed #dcdcdc;
}

.popupBox .historyBox .boxBody ul li:first-child {
    padding-top: 2px;
}

.popupBox .historyBox .boxBody ul li p.time {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
}

.popupBox .historyBox .boxBody ul li p.title {
    margin-top: 14px;
    color: #333;
    line-height: 20px;
}

.popupBox .historyBox .boxBody ul li p.cont {
    margin-top: 10px;
}

.popupBox .videoBox {
    width: 100%;
    height: 678px;
    position: relative;
}

.popupBox .videoBox .close {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 20px;
    background-position: -6px -107px;
    position: absolute;
    top: 0;
    right: 0;
}

.popupBox .videoBox video {
    width: 100%;
    height: 100%;
}

.popupBox.hide {
    display: none;
}

.gameAppointBtn {
    background-color: #FFA202;
    color: white;
    padding: 5px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    margin-right: 10px;
}

.gameAppointBtn:hover {
    opacity: .9;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 30px 25px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 5px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover {
    color: black;
}

#appointmentForm {
    margin-top: 10px;
}

#appointmentForm input {
    width: 60%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#submitBtn {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    margin: 10px auto;
}

.result-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.result-content {
    background-color: white;
    width: 80%;
    max-width: 300px;
    margin: 20% auto;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.result-close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
}

.result-close:hover {
    color: #333;
}

.result-icon {
    width: 60px;
    height: 60px;
    margin: 10px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.result-icon.success {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
}

.result-icon.error {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F44336"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
}

.result-message {
    margin: 15px 0;
    font-size: 16px;
    color: #333;
}

.confirm-btn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
}

.confirm-btn:hover {
    background-color: #45a049;
}


.ztDetail {
    padding: 20px;
    background: #fff;
    position: relative;
}

.ztDetail h1 {
    font-size: 18px;
    color: #202020;
    font-weight: 700;
    text-align: center;
}

.ztDetail .about {
    color: #8a8a8a;
    margin: 0 0 5px 0;
    text-align: center;
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
    position: relative;
    height: 140px;
}

.ztDetail .about img {
    position: absolute;
    left: 0;
    top: 0;
    width: 270px;
    height: 140px;
}

.ztDetail .about b,
.ztDetail .about em {
    position: absolute;
    left: 280px;
    top: ;
    color: inherit;
    font-size: inherit;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDetail .about b {
    font-size: 16px;
    color: #000
}

.ztDetail .about a,
.ztDetail .about i {
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 18px;
    min-width: 76px;
    padding: 7px 16px;
    background: #ffd200;
    color: #fff;
}

.ztDetail .about span {
    position: absolute;
    left: 280px;
    top: 30px;
}

.ztDetail .about a {
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 18px;
    min-width: 76px;
    padding: 7px 16px;
    background: #ffd200;
    color: #fff;
}

.ztDetail .textcontent {
    position: absolute;
    left: 300px;
    top: 70px;
    width: 290px;
}

.ztDetail .textcontent p {
    height: 96px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.tagsRel {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.tagsRel a {
    color: #666;
    margin-right: 10px;
}

.tagsRel a:nth-of-type(8n+1) {
    color: #158BFE;
}

.tagsRel a:nth-of-type(8n+2) {
    color: #C76CFF;
}

.tagsRel a:nth-of-type(8n+3) {
    color: #F8A300;
}

.tagsRel a:nth-of-type(8n+4) {
    color: #38FEFD;
}

.tagsRel a:nth-of-type(8n+5) {
    color: #FF8A56;
}

.tagsRel a:nth-of-type(8n+6) {
    color: #FF7EFA;
}

.tagsRel a:nth-of-type(8n+7) {
    color: #FFCC00;
}

.tagsRel a:nth-of-type(8n+8) {
    color: #2DC864;
}

.tagsRel a:hover {
    color: #ffd200;
    text-decoration: underline;
}


.rkWrap {
    background: url(../image/ranktopbg.png) no-repeat;
    background-size: 100% auto;
}

.rkWrap h1 {
    position: relative;
    width: 100%;
    margin: auto;
    height: 159px;
    text-align: center;
    font-size: 0;
}

.rkWrap h1:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 279px;
    height: 139px;
    background: url(../image/ranktextbg.png) no-repeat;
    background-size: 100% auto;
}

.rkCont {
    width: 100%;
    margin: auto;
}

.rkCont ul {
    display: flex;
    overflow: hidden;
    width: 95%;
    height: 46px;
    text-align: center;
    margin: 0 auto 20px;
    background: rgba(255, 255, 255, 0);
    border: 2px solid rgba(255, 255, 255, .6);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .1);
    border-radius: 25px;
}

.rkCont ul li {
    display: inline-block;
    margin-right: 8px;
    flex: 1;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-color: rgba(255, 255, 255, .2);
    transform: skewX(-35deg);
    -webkit-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rkCont ul li a {
    position: relative;
    display: block;
    font-size: 22px;
    color: #fff;
    transform: skewX(35deg);
    -webkit-transform: skewX(35deg);
    -moz-transform: skewX(35deg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rkCont ul li.current {
    background: linear-gradient(90deg, #91FFD0, #B1FDA2);
}

.rkCont ul li.current a {
    font-weight: bold;
    color: #FF7B4C;
}

.rkCont ol {
    position: relative;
    margin-top: 170px;
    padding-top: 130px;
    padding-bottom: 20px;
    width: 100%;
    background: rgba(255, 251, 234, .3);
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 20px;
}

.rkCont ol li:nth-of-type(2n+2) {
    background-color: rgba(255, 255, 255, .5);
}

.rkCont ol li {
    position: relative;
    z-index: 1;
    height: 150px;
}

.rkCont ol li > a {
    position: relative;
    display: block;
    padding: 20px 5px;
    overflow: hidden;
    *zoom: 1;
}

.rkCont ol li i {
    float: left;
    display: block;
    width: 57px;
    height: 116px;
    font-size: 28px;
    color: #C2C2D9;
    font-family: "Arial";
    font-weight: bold;
    font-style: italic;
    line-height: 116px;
    text-align: center;
}

.rkCont ol li img {
    float: left;
    width: 110px;
    height: 110px;
    border-radius: 20px;
    margin-right: 15px;
}

.rkCont ol li div {
    float: left;
    width: 370px;
    height: 116px;
    overflow: hidden;
}

.rkCont ol li div p {
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rkCont ol li div span {
    display: block;
    font-size: 14px;
    color: #9A9A9A;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rkCont ol li > a > span {
    display: none;
}

.addMore {
    position: relative;
    top: 90px;
    cursor: pointer;
    margin: auto;
    display: block;
    height: 72px;
    text-align: center;
    font-size: 16px;
    color: #AEAEAE;
    line-height: 72px;
}

.addMore:hover {
    color: #ffd200;
}

.rkCont ol li:nth-of-type(n+4) > a:after {
    content: "";
    position: absolute;
    top: 54px;
    right: 25px;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../image/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -494px -4px;
}

.rkCont ol li:nth-of-type(-n+3) {
    position: absolute;
    top: -164px;
    width: 181px;
    height: 293px;
    margin: 0;
    background-color: transparent;
    background: url(../image/rktbg1.png) no-repeat;
    background-size: 100% 100%;
}

.rkCont ol li:nth-of-type(1) {
    left: 210px;
    background: url(../image/rktbg1.png) no-repeat;
    background-size: 100% 194px;
    background-position: bottom;
}

.rkCont ol li:nth-of-type(2) {
    left: 10px;
    background: url(../image/rktbg2.png) no-repeat;
    background-size: 100% 170px;
    background-position: bottom;
}

.rkCont ol li:nth-of-type(3) {
    left: 410px;
    background: url(../image/rktbg3.png) no-repeat;
    background-size: 100% 170px;
    background-position: bottom;
}

.rkCont ol li:nth-of-type(-n+3) > a {
    padding: 0;
    overflow: inherit;
}

.rkCont ol li:nth-of-type(-n+3) i {
    position: absolute;
    top: -24px;
    left: 22px;
    z-index: 1;
    float: inherit;
    font-size: 0;
    width: 50px;
    height: 45px;
    background: url(../image/icon.png) no-repeat;
    background-size: 1000px 1000px;
}

.rkCont ol li:nth-of-type(1) i {
    background-position: -655px -52px;
}

.rkCont ol li:nth-of-type(2) i {
    background-position: -718px -52px;
}

.rkCont ol li:nth-of-type(3) i {
    background-position: -788px -52px;
}

.rkCont ol li:nth-of-type(-n+3) img {
    float: inherit;
    display: block;
    width: 95px;
    height: 95px;
    border: 3px solid #FEB754;
    margin: auto;
}

.rkCont ol li:nth-of-type(1) img {
    border-color: #FEB754;
    margin-bottom: 7px;
    margin-top: 21px;
}

.rkCont ol li:nth-of-type(2) img {
    border-color: #FD8EB9;
    margin-top: 45px;
}

.rkCont ol li:nth-of-type(3) img {
    border-color: #B482FC;
    margin-top: 45px;
}

.rkCont ol li:nth-of-type(-n+3) div {
    float: inherit;
    width: 100%;
    height: auto;
}

.rkCont ol li:nth-of-type(-n+3) div p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    margin-top: 18px;
    margin-bottom: 0;
}

.rkCont ol li:nth-of-type(-n+3) div span {
    text-align: center;
    color: rgba(255, 255, 255, .5);
    line-height: 20px;
}

.rkCont ol li:nth-of-type(-n+3) > a > span {
    display: block;
    width: 64px;
    height: 28px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0);
    background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 28px;
    text-align: center;
    margin: 8px auto;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 16px;
}

.rkCont ol li > a:hover p {
    color: #ffd200;
}

.rkCont ol li > a:hover {
    background: rgba(0, 217, 197,, .1);
}

.rkCont ol li > a div div {
    margin-top: 8px;
    height: 24px;
    overflow: hidden;
    *zoom: 1;
}

.rkCont ol li > a div div span {
    float: left;
    padding: 0 12px;
    border: 1px solid rgba(0, 0, 0, .08);
    font-size: 14px;
    color: #999;
    height: 22px;
    border-radius: 6px;
    margin-right: 10px;
}

.rkCont ol li:nth-of-type(-n+3) > a div div {
    display: none;
}

.rkCont ol li:nth-of-type(-n+3) > a:after {
    content: "查看";
    display: block;
    width: 64px;
    height: 28px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 16px;
    margin: auto;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    margin: 10px auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rkCont ol li:nth-of-type(1) > a:after {
    margin-top: 14px;
}

.rkCont ol li:nth-of-type(-n+3):hover a {
    background-color: transparent;
}

.rkCont ol li:nth-of-type(-n+3) .list {
    display: none;
}

.rkCont ol li .list {
    position: absolute;
    top: 22px;
    right: 28px;
    width: 300px;
    height: 162px;
    border-radius: 10px;
    overflow: hidden;
    text-align: right;
}

.rkCont ol li .list a {
    display: block;
    padding: 0;
}

.rkCont ol li .list img {
    float: inherit;
    width: 300px;
    min-height: 162px;
    height: auto;
    margin: auto;
    border-radius: 10px;
}


/*图片轮播*/

.scroll .hdss {
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 30px;
    bottom: 16px;
    z-index: 1;
}

.scroll .hdss ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.scroll .hdss ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    cursor: pointer;
    background: #fff;
}

.scroll .hdss ul li.on {
    background: #ffd200;
    width: 45px;
}

.scroll .bdss {
    position: relative;
    height: 310px;
    z-index: 0;
}

.scroll.ts.mt75.dfd .bdss ul {
    width: 110%;
}

.scroll.ts.mt75.dfd .hdss {
    display: none;
}

.scroll.ts.mt75.dfd .bdss ul li {
    width: 28.5%;
    float: left;
    margin-right: 20px;
    display: block !important;
}

.scroll .bdss li {
    width: 100%;
    height: 310px;
    position: relative;
}

.scroll .bdss li h3 {
    position: absolute;
    left: 30px;
    bottom: 45px;
    font-size: 22px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    z-index: 1;
}

.scroll .bdss li h3 a {
    color: #fff;
}

.scroll .bdss li div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: linear-gradient(180deg, transparent, #000 100%);
    border-radius: 8px
}

.scroll .bdss img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 8px;
}


.gaHSTop {
    float: left;
    position: relative;
    display: block;
    width: 328px;
    height: 228px;
    border-radius: 20px;
    overflow: hidden
}

.gaHSTop > img {
    width: 328px;
    min-height: 100%;
    height: auto;
    border: 2px solid #fff;
    border-radius: 20px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit
}

.gaHSTop .img {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit
}

.gaHSTop .img img {
    width: 100%;
    min-height: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: inherit
}

.gaHSbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1))), rgba(114, 102, 104, .1);
    background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), rgba(114, 102, 104, .1)
}

.gaHSTop .info {
    padding: 8px 19px 8px 16px;
    height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    background: rgba(0, 0, 0, .1)
}

.gaHSTop .info img {
    float: left;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    margin-right: 12px
}

.gaHSTop .info > div {
    float: left;
    max-width: 230px
}

.gaHSTop .info > div strong {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden
}

.gaHSTop .info > div p {
    font-size: 12px;
    line-height: 16px;
    color: #EEE;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gaHSTop .info i {
    float: right;
    display: block;
    width: 27px;
    height: 28px;
    background-position: -5px -4px;
    position: relative;
    top: 6px
}


.ztPartTop {
    padding-bottom: 30px;
}

.ztPT {
    width: 100%;
    margin: auto;
    padding-top: 16px
}

.ztPT .gaHSTop {
    float: right
}

.ztPT .ztInfo {
    position: relative;
    float: left;
    margin-right: 10px;
    padding-left: 370px;
    width: 325px;
    height: 225px;
    background: linear-gradient(30deg, #D1F7FE, #D1F7FE, #fffef8, #fdf6d7, #fffbe9, #fffdf3);
    border: 2px solid #FFF;
    box-shadow: 0 10px 25px 0 rgba(76, 76, 76, .05);
    border-radius: 20px
}

.ztInfo .img {
    position: absolute;
    left: -2px;
    top: -21px;
    padding-top: 19px;
    width: 355px;
    height: 229px;
    border-radius: 20px;
    margin-right: 14px;
    overflow: hidden
}

.ztInfo .img img {
    width: 100%;
    min-height: 229px;
    height: auto;
    border-radius: 20px
}

.ztInfo .img span {
    position: absolute;
    left: 10px;
    top: 30px;
    padding: 0 12px;
    height: 29px;
    font-size: 12px;
    color: #fff;
    line-height: 29px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px
}

.ztInfo .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 378px;
    height: 19px;
    background: url("../image/icon.png") no-repeat;
    background-size: 1000px 1000px;
    background-position: -5px -334px
}

.ztInfo .info {
    float: left;
    width: 312px;
    height: 225px;
    overflow: hidden
}

.ztInfo .info h1 {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 22px;
    color: #333;
    margin-top: 15px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ztInfo .info em {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    color: #333;
    line-height: 30px
}

.ztInfo .info em:before {
    content: "";
    position: relative;
    top: 9px;
    margin-right: 9px;
    vertical-align: top;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: rgba(243, 242, 253, 0);
    border: 3px solid #26D3F3;
    border-radius: 50%
}

.ztInfo .info p {
    height: 120px;
    font-size: 15px;
    color: #717171;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.ztDeList ul li {
    position: relative
}

.ztDeList ul li:nth-of-type(-n+3):before {
    content: "";
    position: absolute;
    top: -5px;
    left: 2px;
    z-index: 1;
    display: block;
    width: 36px;
    height: 33px;
    background: url("../image/icon.png") no-repeat;
    background-size: 1000px 1000px
}

.ztDeList ul li:nth-of-type(1):before {
    background-position: -390px -52px
}

.ztDeList ul li:nth-of-type(2):before {
    background-position: -441px -52px
}

.ztDeList ul li:nth-of-type(3):before {
    background-position: -492px -52px
}

.hotTags {

    width: 100%;
    background: #FFF;
    border: 2px solid #FFF;
    box-shadow: 0 10px 25px 0 rgba(76, 76, 76, 0.05);
    border-radius: 20px;
    margin: auto auto 32px
}

.hotTags .list {
    padding: 5px 0 15px 20px;
    width: 100%
}

.hotTags .list a {
    display: inline-block;
    vertical-align: top;
    padding: 0 25px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    background: rgba(246, 246, 246, .5);
    border-radius: 21px;
    margin: 0 10px 21px 0
}

.hotTags .list a:nth-of-type(11n+1) {
    color: #FF6666
}

.hotTags .list a:nth-of-type(11n+2) {
    color: #45B97C
}

.hotTags .list a:nth-of-type(11n+3) {
    color: #9999FF
}

.hotTags .list a:nth-of-type(11n+4) {
    color: #33CCFF
}

.hotTags .list a:nth-of-type(11n+5) {
    color: #FF9966
}

.hotTags .list a:nth-of-type(11n+6) {
    color: #9999FF
}

.hotTags .list a:nth-of-type(11n+7) {
    color: #FF9966
}

.hotTags .list a:nth-of-type(11n+8) {
    color: #00CCFF
}

.hotTags .list a:nth-of-type(11n+9) {
    color: #CC99CC
}

.hotTags .list a:nth-of-type(11n+10) {
    color: #7FB86E
}

.hotTags .list a:nth-of-type(11n+11) {
    color: #FF6666
}

.hotTags .list a:hover {
    color: #fff
}

.hotTags .list a:nth-of-type(11n+1):hover {
    background-color: #FF6666
}

.hotTags .list a:nth-of-type(11n+2):hover {
    background-color: #45B97C
}

.hotTags .list a:nth-of-type(11n+3):hover {
    background-color: #9999FF
}

.hotTags .list a:nth-of-type(11n+4):hover {
    background-color: #33CCFF
}

.hotTags .list a:nth-of-type(11n+5):hover {
    background-color: #FF9966
}

.hotTags .list a:nth-of-type(11n+6):hover {
    background-color: #9999FF
}

.hotTags .list a:nth-of-type(11n+7):hover {
    background-color: #FF9966
}

.hotTags .list a:nth-of-type(11n+8):hover {
    background-color: #00CCFF
}

.hotTags .list a:nth-of-type(11n+9):hover {
    background-color: #CC99CC
}

.hotTags .list a:nth-of-type(11n+10):hover {
    background-color: #7FB86E
}

.hotTags .list a:nth-of-type(11n+11):hover {
    background-color: #FF6666
}

.ztDeList {
    width: 100%;
    background: #FFF;
    box-shadow: 0 10px 25px 0 rgba(76, 76, 76, 0.05);
    border-radius: 20px;
    margin: auto auto 31px
}

.ztDeList ul {
    padding: 29px 0 0 22px;
    overflow: hidden;
    *zoom: 1
}

.ztDeList ul li {
    position: relative;
    float: left;
    width: 316px;
    height: 176px;
    margin: 0 18px 25px 0;
    background: #F8F8F8;
    border: 2px solid #F6F6F6;
    box-shadow: 0 10px 25px 0 rgba(76, 76, 76, 0);
    border-radius: 10px
}

.ztDeList .img {
    display: block;
    float: left;
    padding: 13px 0 0 12px;
}

.ztDeList .img img {
    width: 102px;
    height: 102px;
    border-radius: 20px;
}

.ztDeList ul li > div {
    float: left;
    width: 142px;
    height: 115px;
    margin-left: 12px;
    overflow: hidden;
}

.ztDeList ul li .name {
    display: block;
    margin-bottom: 2px;
    padding-top: 13px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDeList ul li > div span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztDeList ul li .btn {
    display: block;
    position: absolute;
    left: 126px;
    top: 84px;
    width: 88px;
    height: 32px;
    font-size: 14px;
    color: #ffd200;
    background: rgba(255, 251, 234, .3);
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
}

.ztDeList ul li p {
    float: left;
    padding: 0 12px;
    margin-top: 10px;
    width: 250px;
    height: 40px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.ztDeList ul li:hover {
    background: rgba(255, 251, 234, .3);
    border: 2px solid #ffd200;
    box-shadow: 0 10px 25px 0 rgba(255, 251, 234, .3)
}


.ztDeList ul li:hover .name {
    color: #ffd200
}


.ztDeList ul li:hover .btn {
    color: #fff;
    background: #ffd200
}

.ztDeList ul li.no:hover .btn {
    color: #fff;
    background: linear-gradient(90deg, #FFC4E7, #FF90C8)
}

.hotTags .gstTit a {
    margin-right: 0;
}

.cfx {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.cfx:after, .cfx:before {
    display: table;
    content: "";
    line-height: 0
}

.cfx:after {
    clear: both
}

.ztPT .gaHSTop::after {
    content: "";
    position: absolute;
    top: -9px;
    /* right: -162px; */
    z-index: 1;
    display: block;
    width: 139px;
    height: 44px;
    background: url("../image/icon.png") no-repeat;
    background-size: 1000px 1000px;
    background-position: -5px -46px;
}

.ztDeList {
    padding-bottom: 4px;
}

.ztDeList .pageboxa {
    float: none;
    display: block;
    margin-top: 10px;
}

.l-top a:hover {
    color: #ffd200;
}

.conbai .footer {
    float: none;
}

.goToUp {
    position: fixed;
    display: none;
    bottom: 120px;
    right: 10%;
    width: 100px;
    height: 100px;
    background: url(../image/goTop.png) no-repeat 100% 100%;
    z-index: 1000000009;
    cursor: pointer;
}

.newsnlies {
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    border-radius: 8px;
}

.content02 .catname {
    margin-top: 0px;
}

.content03 .commentbox {
    margin-top: 0px;
}

.content01 ~ .content02 {
    background: transparent;
}

.single-line-ellipsis {
    white-space: nowrap; /* 禁止文本换行 */
    overflow: hidden; /* 隐藏超出容器的内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    /* 可选：需给容器设置固定宽度或最大宽度，否则可能无法触发省略 */
    width: 550px; /* 或 max-width: 100%; 适配响应式 */
}