@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;
}

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

#article .contentbox.mt75 {
    margin: 60px 0 0 0;
}

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

.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: 100%;
    margin: 0 auto 0 auto;
    overflow: hidden;
}

.scores {
    position: absolute;
    right: -5px;
    top: 30px;
    font-size: 20px;
}

.stars {
    position: absolute;
    right: -17px;
    top: 67px;
}

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

#detailse {
    height: auto;
    overflow: hidden;
}
#detailse p{
    width: auto;
}
#detailse img{
    width: 100%;
    height: auto;
    display: block;
}
#expand {
    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;
}

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

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

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

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

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

.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: 700;
}

/*content*/

.left {
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #fff;
}

.content {
    float: left;
    width: 100%;
    overflow: hidden;
}

.right {
    float: left;
    width: 100%;
    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: 1200px;
    height: 40px;
    background: #fff;
}

.tops,
.top ul {
    width: 1200px;
    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: #ffd200 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: 1200px;
    height: 50px;
    padding: 5px 0;
    background: #fff;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.logo div {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.logo_a {
    width: 140px;
    height: 40px;
    display: block;
    background: url(../image/logo.png) no-repeat;
    float: left;
    background-size: 125px;
    margin: 12px 0 0 10px;
}

.search {
    padding: 9px 0;
    width: 199px;
    position: relative;
    float: right;
    margin-right: 10px;
}

.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: 12px;
    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: 100%;
    position: fixed;
    bottom: 0;
    height: 80px;
    overflow: hidden;
    background: #fff;
    z-index: 9999;
    border-top: 1px solid #f5f5f5;
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	display: flex;
}

.nav a {
    height: 80px;
    text-align: center;
    line-height: 38px;
   flex: 1;
    
    color: #999;
    font-size: 16px;
    font-weight: 700;
}

.nav a span {
    height: 38px;
    width: 30px;
    margin: 0 auto;
    display: block;
    background: url(../image/tp05.png) no-repeat;
    background-size: 30px;
}

.nav a.current:nth-of-type(1) span {
    background-position: 0 12px;
}

.nav a.current:nth-of-type(2) span {
    background-position: 0 -95px;
}

.nav a.current:nth-of-type(3) span {
    background-position: 0 -319px;
}

.nav a.current:nth-of-type(4) span {
    background-position: 0 -204px;
}

.nav a.current:nth-of-type(5) span {
    background-position: 0 -643px;
}

.nav a.current:nth-of-type(6) span {
    background-position: 0 -438px;
}

.nav a:nth-of-type(1) span {
    background-position: 0px -39px;
}

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

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

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

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

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

.nav a.current {
    color: #ffd200;
    height: 60px;
}

/*栏目导航*/

.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: 100%;
    height: 230px;
    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: 27.4%;
    float: left;
    margin-right: 20px;
    display: block !important;
}

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

.scroll .bd li h3 {
    position: absolute;
    left: 30px;
    bottom: 45px;
    font-size: 22px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    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%);
}

.scroll .bd img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.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,
.footer,
.hot,
.channel,
.xiazai,
.left02 {
    width: 100%;
    float: left;
    display: inline;
    background: #fff;
    border-radius: 8px;
}

.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: 160px;
    text-align: center;
}

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

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

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

.tu b {
    display: block;
    width: 90%;
    font-size: 16px;
    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 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: 20px;
    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: 42%;
    float: left;
    margin: 20px 0 0 5%;
    text-align: center;
}

.lie img {
    width: 100%;
    height: 105px;
    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 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;
}

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

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

.tui {
    float: left;
    position: relative;
    height: 70px;
    width: 100%;
    margin: 0 0 30px 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: 18px;
    color: #333;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
}

.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: 117px;
    width: 91%;
    margin-top: 20px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 16px 0;
    margin: 20px 4% 0 4%;
}

.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: 100%;
    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: 32px;
    line-height: 30px;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 10px 0 0 20px;
    float: left;
}

.channel-a a.current {
    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;
}

.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: 64px;
    height: 64px;
    border-radius: 8px;
}

.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: 145px;
    top: 6px;
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
}

.tuis p {
    position: absolute;
    left: 145px;
    top: 40px;
    color: #999;
    height: 20px;
    overflow: hidden;
}

.tuis .tudz {
    position: absolute;
    left: 183px;
    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: 65px;
    top: 84px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tuis em {
    position: absolute;
    left: 150px;
    top: 83px;
    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: #ffd200;
}

.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: 1200px;
    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.ts {
    background: none;
    margin: 75px 0 0 0;
}

.footer {
    width: 92%;
    margin: 20px 0 110px 0;
    overflow: hidden;
    float: left;
    padding: 20px 4% 0px 4%;
}

.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: 1200px;
    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 {
	display: block;
    width: 100%;
    margin: 20px auto;
    clear: both;
    height: 60px;
    text-align: center;
    font-size: 14px;
}

.pageboxa .prev {
    display: block;
}

.pageboxa p {
	display: flex;
	justify-content: center;
    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: 35px;
    line-height: 40px;
    padding: 0px 8px;
    border-radius: 2px;
}

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


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

.pageboxa a:hover {
    border: #ffd2001px 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: 4px 10px;
    display: block;
}

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

.pageboxa input {
    margin: 0 -4px;
    border: 0px;
    background: none;
    height: 40px;
    -height: 28px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    +height: 30px;
    +line-height: 30px;
    +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: 278px;
    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: 1200px;
    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: 1200px;
    overflow: hidden;
    margin: 20px auto 0 auto;
}

/*单机辅助子导航*/

.nav_details {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

.nav_d_top {
    width: 1200px;
    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: 1200px;
    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: 20px 0 6px 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: 30px;
    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: 18px;
    +padding-top: 18px;
    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: 5px;
}

.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: 1200px;
    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: 1200px;
    overflow: hidden;
    margin: 20px auto 0 auto;
    background: #fff;
}

.android_zt h4,
.android_game h4 {
    width: 1200px;
    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: 1200px;
    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: 999;
}

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

.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:480px !important;height:270px !important;}
.apkdb_02li{width:480px !important;height:270px !important;margin:13px 35px !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: 1200px;
    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: 999;
    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: 1200px;
    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 15px 20px;
    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: 1200px;
    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%;
    overflow: hidden
}

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

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

.downloadInfo h1 {
    position: absolute;
    left: 110px;
    font-size: 24px;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
}

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

.downloadInfo ol {
    position: absolute;
    left: 110px;
    top: 35px;
    width: 280px;
}

.downloadInfo ol li {
    float: left;
    display: inline;
    width: 67%;
    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;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
   
    border-top: 1px solid #f2f2f2;
}
.catname ol{ margin: 20px;}
.catname ol li {
    float: left;
    display: inline;
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin-bottom: 12px;
    color: #999;
}

.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 5% 0 5%;
    line-height: 30px;
    width: 90%;
}

.textbox p {
    line-height: 30px;
    color: #666;
    margin-bottom: 15px;
    font-size: 15px;
}
.textbox img{
    display: block !important;
    margin: 0 auto;
}

.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: 20px 0 5px 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: 27px;
    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: 39px;
}

.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: 16px;
    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: 100%;
}

.textcontent a {
    font-size: 16px;
    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: 100%;
}

.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: 97%;
    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: 999;
    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: 17px;
}

.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: 999;
}

.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;
}

.archive_left .downloadbox li#down-android a:hover {
    background: #71ae13;
}

.archive_left .downloadbox li#down-appstore a {
    background: #03a9f4;
}

.archive_left .downloadbox li#down-appstore a:hover {
    background: #02a2ea;
}

#soft .downloadbox {
    margin-top: 45px;
}

.downloadbox {
    margin-top: 17px;
    height: 62px;
    overflow: hidden;
    position: absolute;
    width: 105%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
}

.downloadbox li {
    float: left;
    display: inline;
    border-radius: 5px !important;
    color: #fff !important;
    background: #ccc;
    cursor: pointer !important;
    text-align: center !important;
    margin: 0 20px 0 0px !important;
    position: relative !important;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
}

.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;
}

.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;
}

.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;
}

.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;
}

.downloadbox li#down-official a:hover {
    background: #854d9b url(../image/bj_01.png) no-repeat 18px -1802px;
}

.downloadbox li#down-netdisk a {
    background: #236bd8 url(../image/bj_01.png) no-repeat 20px -1937px;
}

.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;
}

.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;
}

.downloadbox li#down-normal a:hover {
    background: #20b37a url(../image/bj_01.png) no-repeat 18px -1810px;
}

.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: 99999;
    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;
}

.commentbox a {
    display: 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: 100%;
    overflow: hidden;
    background: #fff;
    margin: 10px 0;
    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: 1200px;
    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: 1200px;
    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: 1200px;
    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: -15px;
}

.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: 100%;
    overflow: hidden
}

.conshou {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    margin: 0px 0;
    overflow: hidden;
}

.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: 9999;
    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: 999;
    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;
    height: 20px;
}

.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;
}

.c_nav {
    overflow: hidden
}

.c_nav.ts1 a {
    width: 16.5%;
    margin: 20px 0px 0 5%;
    background: #f2f2f2;
    padding: 20px 20px 10px 20px;
    border-radius: 8px;
    float: left
}

.c_nav.ts1 img {
    width: 70px;
    height: 90px;
    border-radius: 8px
}

.c_nav.ts1 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.ts a {
    width: 16.5%;
    margin: 20px 0px 0 5%;
    background: #f2f2f2;
    padding: 20px 20px 10px 20px;
    border-radius: 8px;
    float: left
}

.c_nav.ts img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 8px
}

.c_nav.ts b {
    font-size: 14px;
    font-weight: 900;
    margin-top: 0;
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 5px 5%;
}

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

.c_nav.ts2 a {
    float: left;
    margin: 20px 5% 0 5%;
    width: 90%;
    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: 180px;
    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.ts5 a,
.c_nav.ts3 a {
    float: left;
    width: 85%;
    background: #f2f2f2 url(../image/tu_a1.png) no-repeat 20px -508px;
    background-size: 40px;
    height: 40px;
    line-height: 40px;
    text-indent: 50px;
    margin: 20px 5% 0 5%;
    border-radius: 8px;
    overflow: hidden;
    padding-right: 5%;
}

.c_nav.ts3 img,
.c_nav.ts5 img {
    display: none
}

.c_nav.ts5 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 5% 0 5%;
    width: 90%;
    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.ts6 {
    overflow: hidden
}

.c_nav.ts6 a {
    float: left;
    margin: 20px 5% 0 5%;
    width: 90%;
    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 a {
    float: left;
    margin: 20px 5% 0 5%;
    width: 90%;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    background: #fafafa;
}

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

.c_nav.ts7 img {
    width: 100%;
    height: 180px;
    border-radius: 8px 8px 0 0;
}

.c_nav.ts7 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.ts8 a {
    float: left;
    margin: 20px 5% 0 5%;
    width: 90%;
    border: 1px solid #f2f2f2;
    border-radius: 8px;
    background: #fafafa;
}

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

.c_nav.ts8 img {
    width: 100%;
    height: 180px;
    border-radius: 8px 8px 0 0;
}

.c_nav.ts8 b {
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    text-align: center;
    overflow: hidden;
    margin: 5px 5%;
}

li.tuis.tse {
    height: 95px
}

li.tuis.tse b {
    left: 210px;
}

li.tuis.tse p {
    padding-right: 20px;
    left: 210px;
    height: 50px;
    overflow: hidden;
    line-height: 25px;
}

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

.gSecret,.gPower,.gsSecret{color: #0ccf7b !important;cursor: pointer;}
/* rule */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);}
.ruleBox{position: absolute;z-index: 5;top: 100px;left: 0;right: 0;margin: auto;background-color: #fff;width:80%;border-radius: 4px;text-align: center;}
.ruleBox .rClose{position: absolute;top: 10px;right:10px;margin: auto;z-index: 10;}
.ruleBox .rClose i{display: inline-block;width: 15px;height: 15px;background: url(../image/maskicon.png) no-repeat;
    background-size: 150px 600px;background-position: -8px -5.6px;position: relative;}
.ruleBox .rTitle{position: relative;width: 100%;height: 20px;padding-top: 14px;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.ruleBox .rTitle>i{display:none;width: 133px;height: 91px;background-position: -11px -296.5px;position: absolute;top: -44.5px;left: 0;right: 0;margin: 0 auto;}
.ruleBox .rSure{display: block;width:240px;height: 39px;border: 0;background:#ef5000;color:#fff;font-size:14px;border-radius:4px;line-height: 39px;margin: 15px auto 25px;overflow: hidden;white-space: nowrap;}
.ruleMain{background-color: #fff;display: block;height: 180px;border: none;padding: 7.5px 12.5px 12.5px;line-height: 21px;font-size: 12px;color: #4c4c4c;margin: 10px 12.5px 15px;overflow: auto;}
.ruleMain p{text-align: left;}
.ruleMain strong{display: block;color: #333;line-height:26px;font-size: 12px; font-weight: bold;text-indent:0em;text-align: left;}
.ruleMain p:nth-of-type(1){color: #333;font-size: 12px; font-weight: bold;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10000;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);}
.privacyTxt{position: absolute;z-index: 5;top: 100px;left: 0;right: 0;margin: auto;background-color: #fff;width:80%;border-radius: 4px;text-align: center;}
.privacyTxt .pClose{position: absolute;top: 10px;right:10px;margin: auto;z-index: 10;}
.privacyTxt .pClose i{display: inline-block;width: 15px;height: 15px;background: url(../image/maskicon.png) no-repeat;
    background-size: 150px 600px;background-position: -8px -5.6px;position: relative;}
.privacyTxt .oTitle{position: relative;width: 100%;height: 20px;padding-top: 14px;text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.privacyTxt .oTitle>i{display:none;width: 133px;height: 91px;background-position: -11px -177px;position: absolute;top: -44.5px;left: 0;right: 0;margin: 0 auto;}
.privacyTxt .gSure{display: block;width:240px;height: 39px;border: 0;background:#ef5000;color:#fff;font-size:14px;border-radius:4px;line-height: 39px;margin: 15px auto 25px;overflow: hidden;white-space: nowrap;}
.privacyMain{background-color: #fff;display: block;height: 180px;border: none;padding: 7.5px 12.5px 12.5px;line-height: 21px;font-size: 12px;color: #4c4c4c;margin: 10px 12.5px 15px;overflow: auto;}
.privacyMain p{text-align: left;}
.privacyMain strong{display: block;color: #333;line-height:26px;font-size: 12px; font-weight: bold;text-indent:0em;text-align: left;}
.privacyMain p:nth-of-type(1){color: #333;font-size: 12px; font-weight: bold;}
.maskTit{font-size: 20px;color: #202020;font-weight: bold;margin-top: -8px;line-height: 21px;white-space: nowrap;overflow: hidden;}
.hide {
    display: none;
  }
  .popupBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 10%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
    z-index: 10000;
  }
  .popupBox .popupTitle {
    color: #333333;
    font-size: 23px;
    line-height: 23px;
    text-align: center;
    padding-top: 25px;
  }
  .popupBox .btnBox {
    padding: 25px 20px;
  }
  .popupBox .btnBox .btn {
    width:90%;
    height: 45px;
    font-size: 18px;
    color: white;
    text-align: center;
    line-height: 45px;
    border-radius: 22px;
    background-color: #ef5000;
	margin: auto;
  }
  .popupBox .circleBox {
    width: 100%;
    position: absolute;
    bottom: -70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popupBox .circleBox .circle {
    width: 40px;
    height: 40px;
    font-weight: 300;
    color: white;
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid white;
  }
  .popupBox .feedbackBox {
    flex: 1;
    margin-top: 30px;
    border-radius: 10px;
    background: linear-gradient(0deg, #ffffff 85%, rgba(255, 208, 255, 0.2) 100%);
    position: relative;
    background-color: white;
	max-width: 100%;
	margin:30px auto;
  }
  .popupBox .feedbackBox .questionType {
    padding: 0 20px;
    font-size: 16px;
    line-height: 16px;
    padding-top: 15px;
  }
  .popupBox .feedbackBox .feedbackList {
    padding: 10px 20px 0  20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .popupBox .feedbackBox .feedbackList li {
    width: auto;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 14px;
    margin: 5px 10px 0 0;
    border-radius: 5px;
    background-color: #FAFAFA;
  }
  .popupBox .feedbackBox .feedbackList li.active {
    color: white;
    background-color:#f0631e;
  }
  .popupBox .feedbackBox .txtBox {
    padding: 10px 20px 0 20px;
    box-sizing: border-box;
  }
  .popupBox .feedbackBox .txtBox textarea {
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    color: #999999;
    padding: 8px 8px 8px 8px;
    font-size: 14px;
    background-color: #FAFAFA;
    box-sizing: border-box;
  }
  .popupBox .feedbackBox .phoeInfo {
    padding: 5px 20px 0 20px;
    font-size: 16px;
    line-height: 16px;
  }
  .popupBox .feedbackBox .phoneBox {
    padding: 10px 20px 0 20px;
    box-sizing: border-box;
  }
  .popupBox .feedbackBox .phoneBox input {
    width: 100%;
    height: 40px;
    outline: 0;
    border: 0;
    font-weight: 400;
    color: #999999;
    font-size: 14px;
    padding-left: 10px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #FAFAFA;
  }
  .popupBox .feedbackBox .ySTxt {
    padding: 8px 20px 0 20px;
    color: #999999;
    font-size: 12px;
  }
  .feedbackBtn{padding: 2px 5px;border-radius: 5px 0 0 5px; position: absolute;cursor: pointer;top: -25px;right: -15px;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}
  .feedbackBtn{cursor: pointer;}
  
  .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: 10000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modal-content {
      background-color: #fefefe;
      margin: 25% auto;
      padding: 20px;
      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; 
  }

	
	.link-tip{padding:50px 0 200px;width:90%;margin:10px auto;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:30px 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 {height: 100%;width: 100%;text-align: center;}
.error-body {padding-top: 5%;}
.error-body h1 {font-size: 157px; font-weight: 700; text-shadow: 4px 4px 0 #f5f6fa, 6px 6px 0 #f5dd8c;line-height: 210px;color: #f5dd8c;}
.error-body h4 {margin: 30px 0px;}
.hide{display:none;}

.ztDetail{margin-top: 60px;}
.ztDetail .about{height: 170px;margin-bottom:5px;}
.ztDetail .about span{float: left;}
.ztDetail .about em{float: right;}
.ztDetail .about span, .ztDetail .about em{top:7px;left:0;position: relative;}
.ztDetail .about img {position: relative;left: 0;top: 0;width: 100%;height: 150px;}

.tagsRel{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;}

.singleColumnList {
    margin-top: 3px;
	padding: 10px 15px;
}

.singleColumnList .listItem {
    padding: 12px 0; 
    border-bottom: 1px solid #eee;
}

.singleColumnList .listItem:last-child {
    border-bottom: 1px solid transparent;
}

.singleColumnList .listItem a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px; 
    line-height: 14px; 
    color: #999;
    position: relative;
}

.singleColumnList .listItem a img {
    width: 60px; 
    height: 60px; 
    border-radius: 12px; 
}

.singleColumnList .listItem a .itemInfo {
    padding-left: 12px; 
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 0;
}

.singleColumnList .listItem a .itemInfo p {
    margin-top: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	background: transparent;
}

.singleColumnList .listItem a .itemInfo p.title {
    margin-top: 0;
    color: #333333;
    font-size: 14px; 
    line-height: 16px; 
}

.singleColumnList .listItem a .itemInfo p.tip {
    margin-top: 8px; 
    display: flex;
}

.singleColumnList .listItem a .itemInfo p.tip>span {
    font-size: 10px; 
    color: #999;
    height: 18px; 
    line-height: 17px; 
    background: #F2F6FF;
    border-radius: 9px; 
    margin-right: 8px; 
    padding: 0 8px; 
}

.singleColumnList .listItem a .btn {
    padding: 0 10px; 
    position: absolute;
    right: 0;
	line-height: 25px;
}
.imgBox {
    overflow: hidden
}

.imgBox>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}
.tdRecomBox{
	background-color: #fff;
	margin: 10px 0;
}
.tdRecomBox .pageboxa{margin-bottom: 10px;}
.tdDetailBox {
	background-color: #fff;
    padding:15px ;
	margin: 10px 0;
}

.tdDetailBox .boxCont {
    width: 100%;
    height: 258px; 
    background: #F7F7F7;
    border-radius: 8px; 
    overflow: hidden;
    position: relative;
}

.tdDetailBox .boxCont .imgBox {
    width: 100%;
    height: 167px; 
}

.tdDetailBox .boxCont .imgInfo {
    font-size: 12px;
    color: rgba(51,51,51,0.7);
    line-height: 18px; 
    background-image: url(../image/tdBg.png);
    background-repeat: no-repeat;
    background-size: 100% 258px; 
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 121px 13px 12px; 
}

.tdDetailBox .boxCont .imgInfo h1 {
    font-weight: bold;
    font-size: 18px; 
    color: #333333;
    padding-right: 135px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tdDetailBox .boxCont .imgInfo p {
    margin-top: 6px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.tdDetailBox .boxCont .imgInfo p.time {
    padding-right: 100px; 
    display: flex;
    justify-content: space-between;
    margin-top: 12px; 
    color: rgba(153,153,153,0.7);
}

.ztHotRec {
    margin: 10px 0; 
    background: #FFF;

}


.ztHotRec .list {
    display: flex;
    flex-wrap: wrap;
	width: 100%;
    padding: 15px 10px 10px;
	margin: 0 ;
}

.ztHotRec .list a {
    display: block;
    margin: 0 4px 13px; 
    padding: 0 16.5px; 
    height: 24px; 
    font-size: 12px; 
    color: #F1516C;
    line-height: 24px;
    background: rgba(255,255,255,.5);
    border-radius: 11px;
}

.ztHotRec .list a:nth-of-type(7n+1) {
    color: #F1516C;
    background: #FFF0F0;
}

.ztHotRec .list a:nth-of-type(7n+2) {
    color: #45B97C;
    background: #EDFFF5;
}

.ztHotRec .list a:nth-of-type(7n+3) {
    color: #796CB0;
    background: #F1EDFF;
}

.ztHotRec .list a:nth-of-type(7n+4) {
    color: #009AD6;
    background: #EDFAFF;
}

.ztHotRec .list a:nth-of-type(7n+5) {
    color: #DEA32C;
    background: #FFF9ED;
}

.ztHotRec .list a:nth-of-type(7n+6) {
    color: #C77EB5;
    background: #FFEDFB;
}

.ztHotRec .list a:nth-of-type(7n+7) {
    color: #7FB86E;
    background: #F1FFED;
}


.rkWrap {  
    padding: 1px; 
    margin-bottom: 30px; 
    background: url(../image/drankbg.png) no-repeat;  
    background-size: 100% auto;  
}  
.rkWrap h1{font-size: 0;line-height: 0;}
.rkWrap ul {  
    display: block;  
    margin: 107.5px 12.5px 10px; 
    padding: 0 0 0 15px; 
    height: 28px;  
    overflow: hidden;  
    overflow-x: auto;  
    white-space: nowrap;  
    font-size: 0;  
    overflow-x: -moz-scrollbars-none;  
    -ms-overflow-style: none;  
    background: rgba(242,242,242,0);  
    border: 1px solid rgba(255,255,255,.6);  
    box-shadow: 0 2.5px 7.5px 0 rgba(0,0,0,.1);   
    border-radius: 15px;   
}  

.rkWrap ul::-webkit-scrollbar {  
    width: 0;  
    height: 0;  
    display: none;  
    -webkit-appearance: none;  
    border-radius: 0;  
}  

.rkWrap ul li {  
    position: relative;  
    margin-right: 5px; 
    vertical-align: top;  
    display: inline-block;  
    padding: 0 21px;  
    height: 29px;  
    font-size: 14px;
    color: #fff;  
    line-height: 29px;  
    background: rgba(255,255,255,.3);  
    transform: skewX(-25deg);  
    -webkit-transform: skewX(-25deg);  
    -moz-transform: skewX(-25deg);  
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
}  

.rkWrap ul li a {  
    position: relative;  
    display: block;  
    font-size: 12px;  
    color: #fff;  
    transform: skewX(25deg);  
    -webkit-transform: skewX(25deg);  
    -moz-transform: skewX(25deg);  
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
}  

.rkWrap ul li:before {  
    content: "";  
    position: absolute;  
    left: 0;  
    top: 11px; 
    z-index: 1;  
    display: inline-block;  
    width: 25px; 
    height: 8px;   
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px;   
    background-position: -87.5px -197px; 
}  

.rkWrap ul li:after {  
    content: "";  
    position: absolute;  
    right: 0;  
    top: 11px;  
    z-index: 1;  
    display: inline-block;  
    width: 25px;   
    height: 8px; 
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px;  
    background-position: -120px -197px; 
}  

.rkWrap ul li.current:before {  
    content: "";  
    position: absolute;  
    left: 0;  
    top: 11px;  
    z-index: 1;  
    display: inline-block;  
    width: 25px;  
    height: 8px;   
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px;  
    background-position: -3px -197px; 
}  

.rkWrap ul li.current:after {  
    content: "";  
    position: absolute;  
    right: 0;  
    top: 11px; /* .22rem */  
    z-index: 1;  
    display: inline-block;  
    width: 25px; /* .5rem */  
    height: 8px; /* .16rem */  
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px; /* 10rem */  
    background-position: -35px -197px; /* -.7rem -3.94rem */  
}  

.rkWrap ul li.current {  
    position: relative;  
    top: -0.5px; /* -.01rem */  
    height: 30px; /* .6rem */  
    background: linear-gradient(90deg, #91FFD0, #B1FDA2);  
}  

.rkWrap ul li.current a {  
    color: #FF7B4C;  
    font-weight: bold;  
}  

.rkWrap ol {  
    position: relative;  
    top: 7.5px; /* .15rem */  
    padding-top: 50px; /* 1rem */  
    padding-bottom: 1px; /* .02rem */  
    margin: 100px 12.5px 0; /* 2rem .25rem 0 */  
    background: rgba(255,255,255,.77);  
    border: 1.5px solid rgba(255,255,255,.9); /* .03rem */  
    box-shadow: 0 5px 7.5px 0 #fff9de; /* 0px .1rem .15rem */  
    border-radius: 10px; /* .2rem */  
}  

.rkWrap ol li:nth-of-type(2n+1) {  
    background-color: rgba(251, 241, 197, .15);  
} 

.rkWrap ol li {  
    position: relative;  
    z-index: 1;  
    height: 103px; /* 2.06rem */  
}  

.rkWrap ol li a {  
    position: relative;  
    display: block;  
    padding: 19.5px 0; /* .39rem 0 */  
    overflow: hidden;  
    *zoom: 1;  
}  

.rkWrap ol li i {  
    float: left;  
    display: block;  
    margin-left: 2.5px; /* .05rem */  
    width: 50px; /* 1rem */  
    height: 64px; /* 1.28rem */  
    font-size: 17px; /* .34rem */  
    color: #C2C2D9;  
    font-family: "Arial";  
    font-weight: bold;  
    font-style: italic;  
    line-height: 64px; /* 1.28rem */  
    text-align: center;  
}  

.rkWrap ol li img {  
    float: left;  
    width: 64px; /* 1.28rem */  
    height: 64px; /* 1.28rem */  
    border-radius: 15px; /* .3rem */  
    margin-right: 10.5px; /* .21rem */  
}  

.rkWrap ol li div {  
    float: left;  
    width: 210px; /* 4.2rem */  
    height: 64px; /* 1.28rem */  
    overflow: hidden;  
}  

.rkWrap ol li div p {  
    display: block;  
    margin-bottom: 1.5px; /* .03rem */  
    font-size: 14px; /* .28rem */  
    color: #333;  
    line-height: 18px; /* .36rem */  
    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis;  
}  

.rkWrap ol li div span {  
    display: block;  
    font-size: 11px; /* .22rem */  
    color: #9F9FA4;  
    line-height: 21px; /* .42rem */  
    margin-bottom: 1px; /* .02rem */  
    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis;  
}  

.rkWrap ol li a>span {  
    display: none;  
}  

.rkWrap ol li:nth-of-type(n+4) a:after {  
    content: "";  
    position: absolute;  
    top: 40px; /* .8rem */  
    right: 19px; /* .38rem */  
    display: block;  
    width: 23px; /* .46rem */  
    height: 23px; /* .46rem */  
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px; /* 10rem */  
    background-position: -118.5px -35.5px; /* -2.37rem -.71rem */  
}  

.rkWrap ol li:nth-of-type(-n+3) {  
    position: absolute;  
    top: -100px; /* -2rem */  
    width: 90px; /* 1.8rem */  
    height: 149px; /* 2.98rem */  
    margin: 0;  
    background-color: transparent;  
    background: url(../image/indexr1bg.png) no-repeat;  
    background-size: 100% 100%;  
    text-align: center;  
}  

.rkWrap ol li:nth-of-type(1) {  
    left: 130.5px; /* 2.61rem */  
    background: url(../image/indexr1bg.png) no-repeat;  
    background-position: bottom;  
    background-size: 100% auto;  
}  

.rkWrap ol li:nth-of-type(2) {  
    height: 147px; /* 2.94rem */  
    left: 20.5px; /* .41rem */  
    background: url(../image/indexr2bg.png) no-repeat;  
    background-position: bottom;  
    background-size: 100% auto;  
}  

.rkWrap ol li:nth-of-type(3) {  
    height: 147px; /* 2.94rem */  
    left: 240px; /* 4.8rem */  
    background: url(../image/indexr3bg.png) no-repeat;  
    background-position: bottom;  
    background-size: 100% auto;  
}  

.rkWrap ol li:nth-of-type(-n+3) a {  
    padding: 0;  
}  

.rkWrap ol li:nth-of-type(-n+3) i {  
    position: absolute;  
    top: 0;  
    left: 11px; /* .22rem */  
    z-index: 1;  
    float: inherit;  
    font-size: 0;  
    width: 25px; /* .5rem */  
    height: 22.5px; /* .45rem */  
    background: url(../image/icon.png) no-repeat;  
    background-size: 500px 500px; /* 10rem */  
}  

.rkWrap ol li:nth-of-type(1) i {  
    background-position: -1.5px -35.5px; /* -.03rem -.71rem */  
}  

.rkWrap ol li:nth-of-type(2) i {  
    background-position: -37px -35.5px; /* -.74rem -.71rem */  
    top: 10.5px; /* .21rem */  
}  

.rkWrap ol li:nth-of-type(3) i {  
    background-position: -72.5px -35.5px; /* -1.45rem -.71rem */  
    top: 10.5px; /* .21rem */  
}  

.rkWrap ol li:nth-of-type(-n+3) img {  
    float: inherit;  
    display: block;  
    width: 47.5px; /* .95rem */  
    height: 47.5px; /* .95rem */  
    border: 1.5px solid #FEB754; /* .03rem */  
    margin: auto;  
    border-radius: 10px; /* .2rem */  
}  

.rkWrap ol li:nth-of-type(1) img {  
    border-color: #FEB754;  
    margin-top: 13px; /* .26rem */  
}  

.rkWrap ol li:nth-of-type(2) img {
    border-color: #FD8EB9;
    margin-top: 22.5px; /* .45rem */
}

.rkWrap ol li:nth-of-type(3) img {
    border-color: #B482FC;
    margin-top: 22.5px; /* .45rem */
}

.rkWrap ol li:nth-of-type(-n+3) div {
    float: inherit;
    width: 100%;
    height: auto;
}

.rkWrap ol li:nth-of-type(-n+3) div p {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    font-size: 10px; /* .2rem */
    color: #fff;
    line-height: 16px; /* .32rem */
    margin-top: 7.5px; /* .15rem */
}

.rkWrap ol li:nth-of-type(-n+3) div span {
    margin-bottom: 0;
    text-align: center;
    font-size: 9px; /* .18rem */
    color: rgba(255,255,255,.5);
    line-height: 14px; /* .28rem */
    text-overflow: inherit;
}

.rkWrap ol li:nth-of-type(-n+3) a>span {
    display: block;
    margin: 3px auto; /* .06rem */
    font-size: 12px; /* .24rem */
    color: rgba(255, 255, 255, 0);
    width: 62px; /* 1.24rem */
    height: 23px; /* .46rem */
    line-height: 23px; /* .46rem */
    background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid rgba(255,255,255,.5); /* .02rem */
    border-radius: 13.5px; /* .27rem */
}

.rkWrap ol li:nth-of-type(1) a>span {
    margin-top: 6.5px; /* .13rem */
}

.rkWrap ol li:nth-of-type(1) div p {
    margin-top: 9.5px; 
}

.rkWrap ol li:nth-of-type(-n+3) div span:nth-of-type(1) {
    display: none;
}

.rkWrap>span {
    position: relative;
    top: 55px; 
    margin: 0 14px; 
    display: block;
    border-top: 1px solid rgba(255,255,255,.2); 
    height: 49px; 
    line-height: 43px; 
    text-align: center;
    font-size: 13px; 
    background: rgba(0, 217, 197, .05);
    color: #AEAEAE;
    border-radius: 0 0 10px 10px; 
}

.rkWrap ol li a:nth-of-type(2) {
    display: none;
}

.rkWrap ol li:nth-of-type(-n+3) a:nth-of-type(2) {
    display: block;
    margin: 3px auto; 
    font-size: 12px; 
    color: rgba(255, 255, 255, 0);
    width: 62px; 
    height: 23px; 
    line-height: 23px; 
    background: linear-gradient(-90deg, #91FFD0 0%, #B1FDA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid rgba(255, 255, 255, .5); 
    border-radius: 13.5px; 
}

 .goToUp{ position: fixed;
 display: none;
    bottom: 87px;
    right: 10px;
    width: 37px;
    height: 37px;
    background: url(../image/goTop.png) no-repeat ;
    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;}