@charset "utf-8";

/* CSS Document */
body {
    background: #fff;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333;
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
input, textarea, select, button {
    outline: none;
    border: none;
}
::-ms-clear, ::-ms-reveal {
    display: none;
}
textarea, input {
    resize: none;
}
em, i {
    font-style: normal;
    font-weight: normal;
}
ul, ol {
    list-style: none outside none;
}
img {
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}
a:hover {
    text-decoration: none;
    color: #13D947;
}
.azcatbos .clearfix {
    width: 1312px;
}
.clearfix {
    *zoom: 1;
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clear {
    height: 0;
    overflow: hidden;
    clear: both;
}
.fl { float: left; }
.fr { float: right; }
.mt20 { margin-top: 20px; }
.mt12 { margin-top: 12px; }
.mt6 { margin-top: 6px; }
.mr0 { margin-right: 0 !important; }
.red { color: #ff3d3d !important; }
.hidden { visibility: hidden !important; }

#cover {
    position: absolute;
    top: 0px;
    float: left;
    background: #000000;
    width: 100%;
    height: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 102;
}

/* ==========================================================================
   topbox (页头顶部条)
   ========================================================================== */
.topbox {
    width: 100%;
    min-width: 1300px;
    border-bottom: 1px solid #333333;
    background-color: #333333;
}
.topbox .w1300 {
    margin: 0 auto;
    width: 1300px;
    height: 36px;
    line-height: 36px;
}
.topbox .topl span.home {
    color: #e7e7e7;
    float: left;
    padding-right: 10px;
}
.topbox .topr {
    color: #ccc;
    font-size: 14px;
}
.topbox .topr ul li {
    float: left;
}
.topbox .topr ul li a {
    margin: 0 12px;
    color: #e7e7e7;
}
.topbox .topr ul li a:hover {
    color: #0FAE39;
}
/* ==========================================================================
   headerBox 核心重构区域
   ========================================================================== */
.headerBox {
    width: 100%;
    min-width: 1300px;
    box-shadow: 0 12px 12px -12px #c6c6c6;
    height: 120px;
    background: #fff;
    margin-top: 10px;
    position: relative;
    z-index: 99999 !important;
}

.headerBox_head {
    width: 100%;
    height: 120px;
    background: #fff;
    position: relative;
}

.headerBox .w1300.flex-header {
    margin: 0 auto;
    width: 1300px;
    height: 120px;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;    /* 改为左对齐基准，通过间距精准控场 */
}

.headerBox .clearfix {
    overflow: initial;
}

/* ==========================================================================
   1. Logo 区域样式
   ========================================================================== */
.headerBox_head .logo {
    width: 250px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    overflow: hidden;
    background: none;               /* 彻底移除背景色 */
    border: none;                   /* 彻底移除边框 */
    box-shadow: none;               /* 彻底移除阴影 */
    transform: none !important;     /* 移除悬停位移 */
}

.headerBox_head .logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
}

/* ==========================================================================
   2. 导航区域样式
   ========================================================================== */
.headerBox_nav {
    margin-left: 15px;
    background: #fff;
    padding: 0;
    height: 120px;
    display: flex;
    align-items: center;
}

.headerBox_nav ul.index_nav {
    display: flex !important;
    align-items: center;
    height: 100%;
}

.headerBox_nav ul.index_nav li {
    font-size: 16px;
    margin: 0 24px;                 /* 导航项左右间距 */
    padding: 0;
    text-align: center;
    flex-shrink: 0;
}

.headerBox_nav ul.index_nav li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
    line-height: 1;
    transition: color 0.2s ease;
}


.headerBox_nav ul.index_nav li i.indIcon {
    display: block;
    margin: 0 auto 12px auto;
}

/* ==========================================================================
   3. 搜索框及热搜小字区域样式
   ========================================================================== */
.headerBox_head .head_search {
    position: relative;
    width: 575px;
    margin: 0;
    margin-left: auto;              /* 自动将整个搜索区域推向最右侧 */
    margin-right: 10px;             /* 距离右侧边界留出舒适间距 */
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.head_search form {
    position: relative;
    width: 100%;
}

.search_box {
    height: 42px;                   /* 饱满的大圆角高度 */
    border: 2px solid #eef1f6;
    background: #fff;
    width: 100%;
    border-radius: 21px;            /* 现代胶囊圆角 */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
}

.sech_keyword {
    flex: 1;
    height: 100%;
    padding: 0 18px;
    background: #fff;
    border: none;
    font: 14px/1.5 "Microsoft YaHei", "SimSun";
    color: #333;
    outline: 0;
    box-sizing: border-box;
}

.sech_btn {
    width: 68px;
    height: 100%;
    background: url("../images/search-green.svg") #f5f7fa no-repeat center center;
    background-size: 44px 37.4px;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    flex-shrink: 0;
    border-left: 1px solid #eef1f6;
    transition: background-color 0.2s ease;
}

.sech_btn:hover {
    background-color: #e4e7ed;
}

.head_search .search_key {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    font-size: 13px;
    color: #999;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.head_search .search_key label {
    color: #999;
    flex-shrink: 0;
}

.headerBox_head .head_search .search_key a {
    color: #666;
    margin: 0 12px 0 2px;
    display: inline-block;
    transition: color 0.2s ease;
}

.headerBox_head .head_search .search_key a:hover {
    color: #0099ff;
    text-decoration: underline;
}
span.gam_label {
    display: block;
    position: absolute;
    top: 30px;
    left: 263px;
    width: 80px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    background: #54aede;
    color: #fff;
    font-size: 14px;
}
span.gam_label i {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 26px solid #54aede;
    z-index: 1000;
    left: 0;
    margin-left: -10px;
    top: 18px;
}

.headerBox_head .head_ewm {
    width: 425px;
    display: block;
    float: right;
    margin-top: 10px;
}
/*搜索推荐*/
 .head_search .panelTips {
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border: 1px solid hsla(0, 0%, 100%, .01);
    border-radius: 12px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .06), 0 0 2px 0 rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 0;
    position: absolute;
    top: 45px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    padding: 20px 20px 0 20px;
    z-index: 99;
}
.head_search .panelTips.hide {
    opacity: 0;
    pointer-events: none;
}
.panelTips .recoBox {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    margin-bottom: 16px;
    padding-bottom: 8px;
}
.panelTips .recoBox .recoHd {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.panelTips .recoBox .recoHd .title {
    color: rgba(21, 23, 26, .44);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.panelTips .recoBox .recoHd .btn {
    color: #38f;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 16px;
}
.panelTips .recoBox .recoBd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 8px;
}
.panelTips .recoBox .recoBd .recoTxt {
    color: #17181a;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 20px;
    margin-top: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panelTips .recoBox .recoBd .recoTxt:hover {
    color: #13D947;
}
.panelTips .recoBox .recoBd .recoTxt:last-child {
    margin-right: 0;
}
.panelTips .hotBox {
    margin-bottom: 20px;
}
.panelTips .hotBox .title {
    color: rgba(21, 23, 26, .44);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.panelTips .hotBox .hot_ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}
.panelTips .hotBox ul.hot_ul li {
    width: calc(50% - 6px);
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.panelTips .hotBox ul.hot_ul li:nth-child(2n) {
    margin-right: 0;
}
.panelTips .hotBox .func li a {
    display: block;
    width: 100%;
    background: rgba(0, 30, 89, .04);
    padding: 6px 12px !important;
    border-radius: 6px;
    font-size: 14px;
    color: #17181a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panelTips .hotBox ul.hot_ul li a {
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 100%;
    padding: 2px 0;
}
.panelTips .hotBox ul.hot_ul li em {
    flex-shrink: 0;
    background: rgba(0, 22, 65, .08);
    border-radius: 6px;
    line-height: 28px;
    text-align: center;
    color: rgba(21, 23, 26, .44);
    font-size: 12px;
    font-style: normal;
    height: 28px;
    width: 28px;
    margin-right: 10px;
}
.panelTips .hotBox ul.hot_ul li:nth-child(1) em {
    background: #ff7676;
    color: #fff;
}
.panelTips .hotBox ul.hot_ul li:nth-child(2) em {
    background: #ff9270;
    color: #fff;
}
.panelTips .hotBox ul.hot_ul li:nth-child(3) em {
    background: #ffb966;
    color: #fff;
}
.panelTips .hotBox ul.hot_ul li a.text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #17181a;
    line-height: 28px;
}
.panelTips .hotBox ul.hot_ul li a:hover {
    color: #13D947;
}
.panelTips .hotBox .title {
    color: rgba(21, 23, 26, .44);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
}
/*首页导航*/
 .headerBox_nav {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background: #fff;
    padding: 8px 0;
}
.headerBox_nav ul {
    float: left;
}
.headerBox_nav ul li {
    float: left;
    font-size: 18px;
    margin: 0 43px 0 0;
    padding: 5px 0;
    text-align: center;
}
.headerBox_nav ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
}
.headerBox_nav ul li i {
    display: block;
    margin: 0 auto 10px auto;
}
.indIcon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0 5px;
    background-size: 660px 600px;
    width: 50px;
    height: 35px;
}
.headerBox_nav li:hover a, .headerBox_nav li.cur a {
    color: #13D947;
}
.index_nav li:nth-child(1):hover a, .index_nav li:nth-child(1).cur a {
    color: #13D947;
}
.index_nav li:nth-child(2):hover a, .index_nav li:nth-child(2).cur a {
    color: #13D947;
}
.index_nav li:nth-child(3):hover a, .index_nav li:nth-child(3).cur a {
    color: #13D947;
}
.index_nav li:nth-child(4):hover a, .index_nav li:nth-child(4).cur a {
    color: #13D947;
}
.index_nav li:nth-child(5):hover a, .index_nav li:nth-child(5).cur a {
    color: #13D947;
}
.index_nav li:nth-child(6):hover a, .index_nav li:nth-child(6).cur a {
    color: #13D947;
}
.index_nav li:nth-child(7):hover a, .index_nav li:nth-child(7).cur a {
    color: #13D947;
}
.index_nav li:nth-child(8):hover a, .index_nav li:nth-child(8).cur a {
    color: #13D947;
}
.index_nav .Indnav_icon1 {
    background: url("../images/navIcon.png") no-repeat 0px 0px;
}
.index_nav li:hover .Indnav_icon1, .index_nav li.cur .Indnav_icon1 {
    background: url(../images/navIcon.png) no-repeat 0px -35px;
}
.index_nav .Indnav_icon2 {
    background: url(../images/navIcon.png) no-repeat -50px 0px;
}
.index_nav li:hover .Indnav_icon2, .index_nav li.cur .Indnav_icon2 {
    background: url(../images/navIcon.png) no-repeat -50px -35px;
}
.index_nav .Indnav_icon3 {
    background: url(../images/navIcon.png) no-repeat -100px 0px;
}
.index_nav li:hover .Indnav_icon3, .index_nav li.cur .Indnav_icon3 {
    background: url(../images/navIcon.png) no-repeat -100px -35px;
}
.index_nav .Indnav_icon4 {
    background: url(../images/navIcon.png) no-repeat -150px 0px;
}
.index_nav li:hover .Indnav_icon4, .index_nav li.cur .Indnav_icon4 {
    background: url(../images/navIcon.png) no-repeat -150px -35px;
}
.index_nav .Indnav_icon5 {
    background: url(../images/navIcon.png) no-repeat -200px 0px;
}
.index_nav li:hover .Indnav_icon5, .index_nav li.cur .Indnav_icon5 {
    background: url(../images/navIcon.png) no-repeat -200px -35px;
}
.index_nav .Indnav_icon6 {
    background: url(../images/navIcon.png) no-repeat -250px 0px;
}
.index_nav li:hover .Indnav_icon6, .index_nav li.cur .Indnav_icon6 {
    background: url(../images/navIcon.png) no-repeat -250px -35px;
}
.index_nav .Indnav_icon7 {
    background: url(../images/navIcon.png) no-repeat -300px 0px;
}
.index_nav li:hover .Indnav_icon7, .index_nav li.cur .Indnav_icon7 {
    background: url(../images/navIcon.png) no-repeat -300px -35px;
}
.index_nav .Indnav_icon8 {
    background: url(../images/navIcon.png) no-repeat -350px 0px;
}
.index_nav li:hover .Indnav_icon8, .index_nav li.cur .Indnav_icon8 {
    background: url(../images/navIcon.png) no-repeat -350px -35px;
}
.pcgam_nav li:nth-child(1):hover a, .pcgam_nav li:nth-child(1).cur a {
    color: #fb3b30;
}
.pcgam_nav li:nth-child(2):hover a, .pcgam_nav li:nth-child(2).cur a {
    color: #59c9fa;
}
.pcgam_nav li:nth-child(3):hover a, .pcgam_nav li:nth-child(3).cur a {
    color: #e21aba;
}
.pcgam_nav li:nth-child(4):hover a, .pcgam_nav li:nth-child(4).cur a {
    color: #e28b1a;
}
.pcgam_nav li:nth-child(5):hover a, .pcgam_nav li:nth-child(5).cur a {
    color: #59c9fa;
}
.pcgam_nav li:nth-child(6):hover a, .pcgam_nav li:nth-child(6).cur a {
    color: #bd977c;
}
.pcgam_nav li:nth-child(7):hover a, .pcgam_nav li:nth-child(7).cur a {
    color: #8614c7;
}
.pcgam_nav .nav_icon1 {
    background: url(../images/kindof_icon.png) no-repeat -6px -191px;
}
.pcgam_nav li:hover .nav_icon1, .pcgam_nav li.cur .nav_icon1 {
    background: url(../images/kindof_icon.png) no-repeat -6px -226px;
}
.pcgam_nav .nav_icon2 {
    background: url(../images/kindof_icon.png) no-repeat -56px -191px;
}
.pcgam_nav li:hover .nav_icon2, .pcgam_nav li.cur .nav_icon2 {
    background: url(../images/kindof_icon.png) no-repeat -56px -226px;
}
.pcgam_nav .nav_icon3 {
    background: url(../images/kindof_icon.png) no-repeat -106px -191px;
}
.pcgam_nav li:hover .nav_icon3, .pcgam_nav li.cur .nav_icon3 {
    background: url(../images/kindof_icon.png) no-repeat -106px -226px;
}
.pcgam_nav .nav_icon4 {
    background: url(../images/kindof_icon.png) no-repeat -106px -121px;
}
.pcgam_nav li:hover .nav_icon4, .pcgam_nav li.cur .nav_icon4 {
    background: url(../images/kindof_icon.png) no-repeat -106px -156px;
}
.pcgam_nav .nav_icon5 {
    background: url(../images/kindof_icon.png) no-repeat -156px -121px;
}
.pcgam_nav li:hover .nav_icon5, .pcgam_nav li.cur .nav_icon5 {
    background: url(../images/kindof_icon.png) no-repeat -156px -156px;
}
.pcgam_nav .nav_icon6 {
    background: url(../images/kindof_icon.png) no-repeat -256px -191px;
}
.pcgam_nav li:hover .nav_icon6, .pcgam_nav li.cur .nav_icon6 {
    background: url(../images/kindof_icon.png) no-repeat -256px -226px;
}
.pcgam_nav .nav_icon7 {
    background: url(../images/kindof_icon.png) no-repeat -306px -121px;
}
.pcgam_nav li:hover .nav_icon7, .pcgam_nav li.cur .nav_icon7 {
    background: url(../images/kindof_icon.png) no-repeat no-repeat -306px -156px;
}
.headerBox_nav dl {
    float: right;
    max-width: 710px;
    height: 80px;
    overflow: hidden;
    line-height: 39px;
    padding-left: 26px;
    border-left: #ccc 1px solid;
}
.headerBox_nav dl dd {
    float: left;
    font-size: 16px;
    padding: 0 16px;
}
.headerBox_nav dl dd a {
    font-size: 15px;
}
.headerBox_nav dl dd a:hover {
    color: #0FAE39;
}
.headerBox_nav dl dd.cur a {
    color: #0FAE39;
}
.mainContent {
    width: 100%;
    min-width: 1300px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 50px;
}
.mc1300 {
    width: 1300px;
    overflow: hidden;
    margin: 0 auto;
}
/*内容顶部自动切换内容*/
 .app_top {
    height: 132px;
    margin-top: 20px;
    padding: 0 0 14px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f7f7f7;
}
.app_top_in {
    width: 1256px;
    position: absolute;
    left: 0;
    top: 0;
}
.app_top .app_list {
    width: 1256px;
    overflow: hidden;
}
.app_list li {
    float: left;
    padding: 20px 10px 0 14px;
    width: 90px;
    height: 112px;
    text-align: center;
}
.app_list li a {
    display: block;
}
.app_list li img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    border-radius: 12px;
    border: 1px solid #f9f9f9;
}
.app_list li a p {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.arrow01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    overflow: hidden;
}
.arrow01 a {
    display: block;
    background: url(../images/dkcssimg.png) no-repeat -168px -145px;
    width: 42px;
    height: 72px;
    border-left: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.arrow01 a.down {
    background-position: -168px -188px;
}
a.click_more {
    display: block;
    float: right;
    width: 80px;
    font-size: 14px;
    color: #999;
    text-align: right;
    line-height: 42px;
    vertical-align: middle;
}
a.click_more i {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    background: url(../images/more.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
a.click_more:hover {
    color: #ed6d0f;
}
a.click_more:hover i {
    background: url(../images/more-hover.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}
.hot_topItem a.click_more {
    line-height: 28px;
}
/*游戏评分*/
 .ratingBox {
    float: left;
    width: 550px;
    overflow: hidden;
    color: #fff;
    margin-top: 26px;
    position: relative;
}
.ratingBox .pla_rat {
    float: left;
    font-size: 14px;
}
.ratingBox .pla_rat span {
    font-size: 24px;
    font-weight: bold;
    margin: 0 8px 0 0;
    color: #f8332a;
}
.ratingBox .starBox {
    position: absolute;
    left: 80px;
    top: 30px;
    margin-top: 4px;
}
.processingbar {
    float: left;
    margin: 0px;
    width: 54px;
    height: 54px;
    background: url(../images/post_img3.png) no-repeat center;
    background-position: -5px -5px;
}
.processingbar font {
    width: 48px;
    height: 54px;
    line-height: 48px;
    font-size: 18px;
    color: #f8332a;
    font-weight: bold;
    text-align: center;
    display: block;
}
.processingbar.p_on1 {
    background-position-x: -53px;
}
.processingbar.p_on2 {
    background-position-x: -105px;
}
.processingbar.p_on3 {
    background-position-x: -158px;
}
.processingbar.p_on4 {
    background-position-x: -211px;
}
.processingbar.p_on5 {
    background-position-x: -267px;
}
.processingbar.p_on6 {
    background-position-x: -325px;
}
.processingbar.p_on7 {
    background-position-x: -383px;
}
.processingbar.p_on8 {
    background-position-x: -441px;
}
.processingbar.p_on9 {
    background-position-x: -499px;
}
.processingbar.p_on10 {
    background-position-x: -557px;
}
/*小星星*/
 .app_starBox {
    width: 72px;
    height: 20px;
    overflow: hidden;
}
.app_starBox .star {
    display: block;
    height: 14px;
    margin: 0px;
    line-height: 14px;
    margin-left: 0;
}
.app_starBox .star span {
    width: 72px;
    height: 14px;
    background: url(../images/litterStar.png) no-repeat;
    display: inline-block;
}
.app_starBox .star span.star0 {
    background-position: -110px -3px;
}
.app_starBox .star span.star1 {
    background-position: -110px -38px;
}
.app_starBox .star span.star2 {
    background-position: -110px -73px;
}
.app_starBox .star span.star3 {
    background-position: -110px -108px;
}
.app_starBox .star span.star4 {
    background-position: -110px -144px;
}
.app_starBox .star span.star5 {
    background-position: -110px -178px;
}
.starBox {
    width: 100px;
    height: 20px;
    overflow: hidden;
}
.starBox .star {
    display: block;
    height: 18px;
    margin: 0px;
    line-height: 18px;
    margin-left: 0;
}
.starBox .star span {
    width: 100px;
    height: 18px;
    background: url(../images/litterStar.png) no-repeat;
    display: inline-block;
}
.starBox .star span.star0 {
    background-position: 0 0;
}
.starBox .star span.star1 {
    background-position: 0 -35px;
}
.starBox .star span.star2 {
    background-position: 0 -70px;
}
.starBox .star span.star3 {
    background-position: 0 -106px;
}
.starBox .star span.star4 {
    background-position: 0 -142px;
}
.starBox .star span.star5 {
    background-position: 0 -177px;
}
/*选项卡*/
 .Min_R .tab_header {
    width: 100%;
    margin: 0 auto;
}
.Min_R .tab_con {
    width: 100%;
    margin: 0 auto;
    margin-top: 12px;
}
.Min_R .tab_header ul {
    text-align: center;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    background: #f7f7f7;
}
.Min_R .tab_header ul li {
    float: left;
    text-align: center;
    width: 33.33%;
    border-right: 1px solid #eee;
    height: 38px;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 38px;
    cursor: pointer;
    list-style-type: none;
}
.Min_R .tab_header ul li.cur {
    height: 38px;
    background: #0FAE39;
    position: relative;
    color: #FFF;
}
.tab-itemAZ .bot-arrowAZ {
    position: relative;
    float: left;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #0FAE39;
    display: none;
    z-index: 1000;
    left: 50%;
    margin-left: -6px;
    margin-top: 38px;
}
.tab-itemAZ.cur .bot-arrowAZ {
    display: block;
}
.list_txt2 {
    overflow: hidden;
    max-height: 360px;
    width: 100%;
    margin: 0 auto;
}
.list_txt2 i {
    float: right;
    color: #CCC;
}
.list_txt2 li {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    list-style-type: none;
    border-bottom: 1px dashed #eee;
}
.list_txt2 li span.type {
    position: relative;
    float: left;
    width: 76px;
    display: inline-block;
}
.list_txt2 li span.type a {
    color: #999;
}
.list_txt2 li a {
    position: relative;
    float: left;
    color: #666;
    text-decoration: none;
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.list_txt2 li a:hover {
    color: #13D947;
    text-decoration: underline;
}
.list_txt2 img {
    margin: auto;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}
.list_txt2 span.icon-xin {
    color: #FC5302;
    padding-left: 10px;
}
/*列表分页*/
 .sma_pages {
    position: relative;
    float: left;
    top: -4px;
    height: 32px;
    margin: 0px auto;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #ccc;
}
.sma_pages .pagNum {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin: 0 4px;
    background: #aeaeae;
    border: 1px solid #aeaeae;
}
.sma_pages a:hover {
    background: #0FAE39;
    border: 1px solid #0FAE39;
    color: #fff;
    text-decoration: none;
}
.sma_pages span.current {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin: 0 4px;
    background: #0FAE39;
    border: 1px solid #0FAE39;
    color: #fff;
}
.sma_pages span.disabled {
    display: inline-block;
    height: 30px;
    border-radius: 6px;
    line-height: 30px;
    margin: 0 4px;
    padding: 0 26px;
    color: #bfbfbf;
    background: #f2f2f2;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.sma_pages .next {
    background: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 26px;
    margin-left: 10px;
}
.mainBody {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
}
/*footer*/
 .footerBox {
    width: 100%;
    min-width: 1300px;
    background: #333333;
    padding-bottom: 20px;
}
.linkBox {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #666666;
}
.linkBox p {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #ccc;
    letter-spacing: 2px;
}
ul.link_ul {
    width: 100%;
    overflow: hidden;
    margin-top: 16px;
}
ul.link_ul li {
    float: left;
    margin-right: 22px;
    font-size: 15px;
    margin-bottom: 12px;
}
ul.link_ul li a {
    display: block;
    font-size: 15px;
    color: #999;
}
ul.link_ul li a:hover {
    color: #fff;
}
.foot_botBox {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.foot_bot_link {
    text-align: center;
    color: #999;
    margin-top: 16px;
}
.foot_bot_link a {
    text-align: center;
    margin: 0 16px;
    font-size: 15px;
    color: #999;
}
.foot_bot_link a:hover {
    color: #fff;
}
.foot_copyright {
    text-align: center;
    margin-top: 16px;
}
.foot_copyright p {
    line-height: 24px;
    text-align: center;
    margin: 0 8px;
    font-size: 14px;
    color: #999;
}
.foot_copyright p a {
    font-size: 14px;
    color: #999;
}
.foot_copyright p a img {
    width: 16px;
    display: inline;
    margin-right:8px;
}
/*内页当前位置*/
 .pageposition {
    position: relative;
    overflow: hidden;
    width: 1300px;
    color: #696969;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin: 16px 0 0px 0px;
    padding: 0 16px;
    box-sizing: border-box;
    background: #f5f5f5;
    z-index: 0
}
.pageposition a {
    color: #696969;
}
.pageposition a:hover {
    color: #0FAE39;
}
.pageposition em {
    color: #ff0000;
}
/*内页列表分页*/
 .inner_pages {
    position: relative;
    float: left;
    top: -4px;
    height: 32px;
    margin: 0px auto;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #ccc;
}
.inner_pages .pagNum, .inner_pages a {
    display: inline-block;
    margin: 0 4px;
    background: #aeaeae;
    background: #fff;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 12px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
}
.inner_pages a:hover {
    background: #0FAE39;
    border: 1px solid #0FAE39;
    color: #fff;
    text-decoration: none;
}
.inner_pages span.current {
    display: inline-block;
    border-radius: 4px;
    background: #0FAE39;
    border: 1px solid #0FAE39;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    padding: 0 12px;
}
.inner_pages span.disabled {
    display: inline-block;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    margin: 0 4px;
    padding: 0 26px;
    color: #bfbfbf;
    background: #f2f2f2;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.inner_pages .prev, .inner_pages .next {
    background: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 26px;
    margin-left: 10px;
}
.inner_pages .first {
    background: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 12px;
    margin-right: 0;
}
.inner_pages .last {
    background: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 12px;
    margin-left: 10px;
}
.inner_pages select {
    position: relative;
    border: 1px solid #ddd;
    height: 30px;
    padding: 2px 6px;
    top: -2px;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 16px;
    margin-top: 2px;
}
.w300 {
    width: 300px;
    overflow: hidden;
}
.w960 {
    width: 960px;
    overflow: hidden;
}
/*鼠标移动切换内容*/

/*<!--首game_mainBodyy游戏开始-->*/
 .type_title {
    width: 100%;
    height: 42px;
    position: relative;
    line-height: 42px;
    border-bottom: 2px solid #13D947;;
    margin-bottom: 20px;
}

/* .CGTAnd {
    background: url(../images/dkcssimg.png) no-repeat;
} */

.CGTAnd_az {
    float: left;
    width: 28px;
    height: 48px;
    margin-right: 12px;
    background-position: -290px -431px;
}
.CGTAnd_pc {
    float: left;
    width: 28px;
    height: 48px;
    margin-right: 12px;
    background-position: -240px -222px;
}
.type_title h2 {
    font-size: 20px;
    font-weight: bold;
    float: left;
    color: #444;
    margin: 0;
}
.type_title .CGAtext {
    margin-left: 80px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #676767;
    font-family:"Microsoft YaHei";
    float: left;
}
.type_title .not_morBt {
    float: right;
}
.type_title .CGAtext a {
    padding-left: 15px;
}
.type_title .CGAtext a span {
    color: #e3e3e3;
    margin-left: 15px;
}
.tab-item {
    display: block;
    text-align: center;
    float: left;
    position: relative;
}
.tab-item.cur .bot-arrow {
    display: block;
}
.tab-item .bot-arrow {
    position: absolute;
    display: none;
    z-index: 1000;
    left: 50%;
    top: 42px;
    margin-left: -5px;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-right: 2px solid #13D947;
    border-bottom: 2px solid #13D947;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/*左右布局*/
 .type_contBox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 16px;
}
.type_contBox .type_con_list {
    width: 920px;
    margin: 0 auto;
    overflow: initial;
}
/*热门排行*/
 .type_contBox .w370 {
    width: 360px;
    overflow: hidden;
}
.type_contBox .w290 {
    width: 290px;
    overflow: hidden;
}
.type_contBox .Softdownsort {
    width: 100%;
    /*	float: right;*/
    overflow: hidden;
    margin-bottom: 20px;
}
.Softdownsort h3 {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin-bottom: 12px;
}
.Softdownsort h3 i {
    float: left;
    width: 19px;
    height: 21px;
    margin-right: 10px;
    background: url(../images/rank_icon.png) no-repeat;
}
.Softdownsort .rank_app_right {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.Softdownsort .rank_app_right li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px #eee dashed;
}
.rank_app_right li .nor_rank_app {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.rank_app_right li .hover_rank_app {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    display: none;
}
.rank_app_right li .nor_rank_app a.nameAndRank {
    /*  display: inline-block;*/
    width: 100%;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    color: #666;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.nameAndRank span {
    width: 80%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*  margin-left: 32px;*/
}
.rank_app_right li .nor_rank_app a.nameAndRank:hover {
    color: #ed6d0f;
}
.rank_app_right li .hover_rank_app a.picAndRank {
    display: block;
    width: 60px;
    float: left;
    height: 60px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    left: 30px;
}
a.picAndRank img {
    width: 60px;
    height: 60px;
}
.rank_app_right li em {
    width: 22px;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    height: 28px;
    margin-right: 12px;
    float: left;
    text-align: center;
    /*
  position: absolute;
  left: 0;
  top: 0px;
*/
    color: #fff;
    background: url(../images/top4.png) no-repeat;
    background-size: 100%;
    background-position: bottom left;
}
.hover_rank_app em {
    position: absolute;
    left: 0;
    top: 0px;
}
.hover_rank_app .app_info {
    width: 46%;
    height: 60px;
    float: left;
    margin-left: 38px;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app_info a {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app_info p {
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 2px;
}
.app_info p a {
    display: inline;
    font-size: 12px;
    color: #777;
    margin-top: 2px;
}
.app_info p a:hover {
    color: #0FAE39;
}
.hover_rank_app a.app_btn {
    display: block;
    width: 80px;
    height: 32px;
    border-radius: 30px;
    background: #13D947;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 14px;
    right: 0px;
    text-align: center;
    line-height: 30px;
}
.app_info .app_starBox {
    width: 200px;
}
.app_info .app_starBox .star {
    float: left;
    margin-top: 4px;
}
.app_info .app_starBox u {
    font-size: 14px;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}
.rank_app_right li:nth-child(1) em {
    background: url(../images/top1.png) no-repeat;
    background-size: 100%;
    background-position: bottom left;
}
.rank_app_right li:nth-child(2) em {
    background: url(../images/top2.png) no-repeat;
    background-size: 100%;
    background-position: bottom left;
}
.rank_app_right li:nth-child(3) em {
    background: url(../images/top3.png) no-repeat;
    background-size: 100%;
    background-position: bottom left;
}
.no_marTop {
    margin-top: 0px;
}
.no_marBot {
    margin-bottom: 0px;
}
/*返回顶部*/
 #gotoTop {
    display: none;
    position: fixed;
    bottom: 200px;
    right: 160px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: url("../images/dkcssimg.png") no-repeat -213px -466px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 999999;
}
#gotoTop:hover {
    background: url("../images/dkcssimg.png") no-repeat -213px -526px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.sy_appList li .app_type_star a:hover {
    color: #0FAE39;
}
.com_appList li .app_type_star a:hover {
    color: #0FAE39;
}
/*ie8不兼容css*/
 .mainBody .no_marRig {
    margin-right: 0;
}
.w934 .aids_item .no_marRig {
    margin-right: 0
}
.CGAtext a:hover {
    color: #0FAE39
}
/*搜索下拉*/
 .focus_search {
    border: 2px solid #2185b9;
}
.focus_search .sech_btn {
    background: url("../images/search_btn.png") #2185b9 no-repeat center;
}
span.inline {
    width:316px;
    margin: 0 auto;
    border-bottom: 2px solid #f2f2f2;
    display: block;
    margin-bottom: 6px;
}
.headerBox_head .auto_search {
    display: none;
    position: absolute;
    z-index: 100;
    top: 40px;
    box-sizing: border-box;
    padding: 12px 0;
    left: 0px;
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .01);
    border-radius: 12px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .06), 0 0 2px 0 rgba(0, 0, 0, .08);
    background: #fff;
    cursor: default;
    overflow: auto;
}
.auto_search a {
    display: block;
    padding: 4px 12px;
    overflow: hidden;
    height: 26px;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}
.auto_search a:hover {
    background:#f0f0f0;
    color: #333;
}
.cs-crumb {
     height: 52px;
     line-height: 52px;
     color: #999;
}
 .cs-crumb-wrap {
     width: 1200px;
     margin: 0 auto;
}
 .cs-clear::after, .cs-sitemap-container .cs-sitemap-group::after, .cs-sitemap-footer-nav .cs-sitemap-menu::after {
     content: "";
     display: block;
     clear: both;
}
 .cs-sitemap-container {
     background-color: #ffffff;
     padding: 40px 50px 30px 50px;
     max-width: 1200px;
     width: 100%;
     margin: 0 auto 30px auto;
     overflow: hidden;
     box-sizing: border-box;
     box-shadow: 0 10px 30px rgba(10, 184, 157, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
     border-radius: 12px;
     border: 1px solid rgba(10, 184, 157, 0.08);
}
 .cs-sitemap-container .cs-sitemap-group {
     margin-bottom: 30px;
     display: block;
     border-bottom: 1px dashed #e2edea;
     padding-bottom: 25px;
}
 .cs-sitemap-container .cs-sitemap-group:last-child {
     margin-bottom: 0;
     border-bottom: none;
     padding-bottom: 0;
}
 .cs-sitemap-container .cs-sitemap-header {
     display: block;
     margin-bottom: 15px;
     height: 40px;
     line-height: 40px;
}
 .cs-sitemap-container .cs-sitemap-title {
     font-size: 24px;
     color: #13D947;
     font-weight: 700;
     letter-spacing: 0.5px;
}
 .cs-sitemap-container .cs-sitemap-body {
     display: block;
}
 .cs-sitemap-container .cs-sitemap-list-wrap {
     padding-left: 5px;
}
 .cs-sitemap-container .cs-sitemap-list {
     display: flex;
     flex-wrap: wrap;
     gap: 12px 0;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .cs-sitemap-container .cs-sitemap-item {
     display: inline-flex;
     align-items: center;
     padding: 0 15px;
     position: relative;
     white-space: nowrap;
}
 .cs-sitemap-container .cs-sitemap-item a {
     color: #667571;
     text-decoration: none;
     font-size: 14px;
     font-weight: 500;
     overflow: visible;
     transition: color 0.25s ease;
}
 .cs-sitemap-container .cs-sitemap-item a:hover {
     color: #13D947;
}
 .cs-sitemap-container .cs-sitemap-item::after {
     content: "";
     position: absolute;
     right: 0;
     width: 1px;
     height: 14px;
     background-color: #d1deda;
}
 .cs-sitemap-list .cs-sitemap-item:last-child::after {
     display: none;
}
 .cs-sitemap-footer-nav {
     width: 100%;
     text-align: center;
     line-height: 30px;
     color: #999;
     font-size: 12px;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu {
     list-style: none;
     padding: 0;
     margin: 0;
     display: inline-block;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu li {
     display: inline-block;
     vertical-align: middle;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu li a {
     color: #777;
     text-decoration: none;
     font-size: 12px;
     transition: all 0.2s;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu li a:hover {
     color: #13D947;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu li::after {
     content: "|";
     margin: 0 10px;
     color: #ccc;
     font-size: 12px;
}
 .cs-sitemap-footer-nav .cs-sitemap-menu li:last-child::after {
     display: none;
}

.laypage_main {
    font-size: 0;
    clear: both;
    text-align: center;
    padding: 20px 0;
}

.laypage_main a,
.laypage_main span {
    display: inline-block;
    vertical-align: middle;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 4px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.laypage_main a {
    color: #555;
    background: #f7f9fa;
    border: 1px solid #e1e6eb;
}

.laypage_main a:hover {
    color: #fff;
    background: #13D947;
    border-color: #13D947;
}

.laypage_main .laypage_curr {
    color: #fff;
    background: #13D947;
    border: 1px solid #13D947;
    font-weight: bold;
}

.laypage_main .a1 {
    font-family: "SimSun", "宋体", sans-serif;
    font-weight: bold;
}