@charset "UTF-8";

body {
    color: #333;
    overflow-x: hidden;
    font: 14px/1.4286 "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

input,
textarea,
select {
    font-size: 100%;
    font-family: inherit
}

input#glName {
    float: left;
    width: 84px;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    color: #000;
    border: 1px solid #358ff0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
form,
dd {
    margin: 0
}

h4,
h5,
h6 {
    font-size: 1em
}

ul,
ol {
    padding-left: 0;
    list-style-type: none
}

i,
em {
    font-style: normal
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    /*color: #358ff0*/
}

input[placeholder],
[placeholder],
*[placeholder] {
    color: #999999
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%
}

.auto {
    margin-left: auto;
    margin-right: auto
}

.ellipsis,
.idx-zxxz-c .m-ad-img .title,
.idx-zxxz-c .m-ad-img .txt,
.idx-aztj .aztj-hot,
.idx-aztj .a-cover .cover-desc,
.m-side-col .tag-link,
.m-side-zjbb .zjbb-list .item-title,
.m-art-dl .art-dl-az-info .info .txt,
.m-art-dl .item,
.m-news-list .news-info .title,
.m-soft-recom .soft-info .name,
.s-theme-art .m-rank .item-info .theme-name,
.s-soft-art .m-excellent .art-right .title .txt,
.m-soft-release .release-list .item,
.m-soft-dl-list .item-title,
.m-side-version .name,
.m-soft-line .name,
.m-recom-large .img .title,
.m-recom-large .cover .title,
.m-feature-topic .title,
.m-az-sort-list .item .title,
.m-soft-show .title,
.m-soft-show-large .title,
.m-img-title-cov .title,
.m-zt-recom .item .title,
.m-az-zt-banner .info .title,
.m-az-zt-banner .layer .overlay .title,
.m-az-zt-list .info .title,
.m-zt-img-title .title,
.m-theme-list .name,
.page-release .soft-info .file-cover,
.s-theme-idx .m-rank .item-info .theme-name,
.m-theme-img-title .title,
.m-android-art .c-detail .item,
.m-android-art .c-recom-list .recom-list .item .txt,
.m-android-art .c-about-recom .name .txt,
.m-android-art .c-rank .rank-list .name,
.m-android-art .c-zt-coll .coll-list .item .txt,
.m-dnpz-recom .large .item-info .title,
.m-dnpz-recom .list .g-recom-item .title,
.m-hot-m-game .title,
.m-hot-m-game .name,
.m-hot-m-game .txt,
.m-guide-pagination .g-dot-list .item,
.m-new-game-recom .title,
.m-new-game-recom .txt,
.m-daily-recom .title,
.m-daily-recom .desc,
.m-img-group .c-slider .txt,
.m-tag-cate .c-slider .title .txt,
.m-tag-cate .col-2 .txt,
.m-mg-guide .a-recom .info .title,
.m-mg-guide .a-recom .info .desc,
.m-cov-title-slider .title .txt,
.m-app-ranks .m-rank .item-name,
.m-ios-sort-list .title,
.m-ios-zjbb .txt,
.m-icon-txt-tab .col-1 .txt,
.m-app-accordion .info .txt,
.m-ios-new-recom .title,
.m-ios-game-main .col-r .card .name,
.m-ios-game-main .col-r .new-recom .name,
.m-ios-game-recom .col-1 .item .title,
.m-ios-game-recom .large .title,
.m-ios-game-recom .large .desc,
.m-ios-game-coll .title .txt,
.m-icon-apps .title,
.m-icon-apps .desc,
.m-game-video .title .text,
.m-ios-guide-list .title,
.m-course-zt-list .title,
.m-course-zt-recom .title,
.m-course-zt-recom .txt,
.m-soft-modal .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bg-gray {
    background: #ededeb
}

.bg-gray-2 {
    background: #f5f6f8
}

.bg-white {
    background: #fff
}

.border-e6 {
    border: 1px solid #e6e6e6
}

.c-gray-1 {
    color: #b1b1b1
}

.c-red-1 {
    color: #fd0000
}

.c-666 {
    color: #666
}

.c-999 {
    color: #999
}

.c-g-blue {
    color: #358ff0
}

.fl {
    float: left
}

.fr {
    float: right !important
}

.fix {
    *zoom: 1
}

.fix:after {
    display: table;
    content: ''
}

.fix:after,
.fix:before {
    clear: both
}

.ta-l {
    text-align: left
}

.ta-c {
    text-align: center
}

.ta-r {
    text-align: right
}

.ovh {
    overflow: hidden
}

.pr {
    position: relative
}

.pb10 {
    padding-bottom: 10px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt38 {
    margin-top: 38px
}

.mt40 {
    margin-top: 40px
}

.mt48 {
    margin-top: 48px
}

.mt50 {
    margin-top: 50px
}

.mb4 {
    margin-bottom: 4px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px
}

.mb13 {
    margin-bottom: 13px
}

.mb15 {
    margin-bottom: 15px
}

.mb17 {
    margin-bottom: 17px
}

.mb18 {
    margin-bottom: 18px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb32 {
    margin-bottom: 32px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}

.f18 {
    font-size: 18px
}

.f19 {
    font-size: 19px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

.today {
    color: #ff4f4f
}

.dib,
.topbar .topbar-nav,
.sub-navbar .title .txt,
.sub-navbar .title .u-b,
.m-eval .progress,
.m-eval .count,
.s-soft-art .art-detail .btn-dl,
.g-az-title .u-left,
.g-az-title .u-right,
.g-az-title .txt,
.g-az-title .bb,
.g-input-page,
.m-soft-show-large .m-soft-share,
.page-course-idx .m-large-link .item,
.s-course-idx .cell-1 .thumbs .tmb,
.page-release .soft-info .textarea,
.zelect,
.m-guide-share .bdsharebuttonbox,
.m-daily-recom .thumb li,
.m-ios-zjbb .item,
.m-icon-txt-tab .col-1 .item {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.db {
    display: block
}

.vat {
    vertical-align: top
}

.vam {
    vertical-align: middle
}

.vab {
    vertical-align: baseline
}

.wrap {
    width: 1200px
}

.hide {
    display: none
}

.show {
    display: block
}

.ui-bg {
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat
}

.g-title {
    border-bottom: 2px solid #358ff0;
    margin-bottom: 10px
}

.g-title.sou {
    line-height: 30px;
    text-align: right
}

.g-title.b-2 {
    border-bottom: 2px solid #ededed
}

.g-title .title-txt {
    line-height: 26px;
    padding-bottom: 10px;
    font-size: 20px;
    float: left;
    margin: 0 10px
}

.g-title .more,
.g-title .key {
    font-size: 16px;
    margin-top: 3px;
    font-weight: normal;
    color: #999;
    cursor: pointer
}

.g-title .key {
    margin-right: 10px
}

.g-title .key a {
    padding: 0 7px;
    border-right: 1px solid #ddd;
    font-size: 16px
}

.g-title .system {
    font-size: 16px;
    margin-top: 3px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
    line-height: 30px;
    margin-left: 20px
}

.g-title .cur {
    color: #358ff0
}

.g-title .more:hover {
    color: #358ff0
}

.g-title .more-tabs {
    margin-top: 3px
}

.g-title .more-tabs .item {
    display: none;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    cursor: pointer
}

.g-title .more-tabs .item:hover {
    color: #358ff0
}

.g-tab {
    float: left;
    text-align: center;
    font-size: 18px
}

.g-tab .tab-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    line-height: 23px
}

.g-tab .tab-item.cur,
.g-tab .tab-item:hover {
    color: #358ff0
}

.g-tab .tab-item.cur .bot-arrow {
    display: block
}

.g-tab .tab-item .bot-arrow {
    position: absolute;
    width: 16px;
    height: 8px;
    left: 50%;
    background-position: -166px -19px;
    display: none
}

.g-tab.sty-1 .bot-arrow {
    margin-left: -8px;
    bottom: -15px
}

.g-tab.sty-2 .bot-arrow {
    margin-left: 4px;
    bottom: -12px
}

.g-tab.sty-2 .tab-item {
    line-height: 26px;
    padding-right: 0px
}

.g-tab.sty-2 .tab-item+.tab-item {
    padding-left: 26px;
    background-image: url(../img/uimg/sp_1.png);
    background-position: -150px -30px;
    background-repeat: no-repeat
}

.g-tab.sty-2 .tab-item:first-child .bot-arrow {
    margin-left: -10px
}

.g-star {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat
}

.g-star.sty-1 {
    width: 111px;
    height: 14px
}

.g-star.sty-1.star-0 {
    background-position: -120px 0
}

.g-star.sty-1.star-1 {
    background-position: -96px 0
}

.g-star.sty-1.star-2 {
    background-position: -72px 0
}

.g-star.sty-1.star-3 {
    background-position: -48px 0
}

.g-star.sty-1.star-4 {
    background-position: -24px 0
}

.g-star.sty-1.star-5,
.g-star.sty-1.star-6 {
    background-position: 0 0
}

.g-star.sty-2 {
    width: 69px;
    height: 12px
}

.g-star.sty-2.star-0 {
    background-position: -70px -14px
}

.g-star.sty-2.star-1 {
    background-position: -56px -14px
}

.g-star.sty-2.star-2 {
    background-position: -42px -14px
}

.g-star.sty-2.star-3 {
    background-position: -28px -14px
}

.g-star.sty-2.star-4 {
    background-position: -14px -14px
}

.g-star.sty-2.star-5,
.g-star.sty-2.star-6 {
    background-position: 0 -14px
}

.g-star.sty-3 {
    width: 123px;
    height: 12px
}

.g-star.sty-3.star-0 {
    background-position: -130px -67px
}

.g-star.sty-3.star-1 {
    background-position: -108px -67px
}

.g-star.sty-3.star-2 {
    background-position: -86px -67px
}

.g-star.sty-3.star-3 {
    background-position: -64px -67px
}

.g-star.sty-3.star-4 {
    background-position: -43px -67px
}

.g-star.sty-3.star-5 {
    background-position: -22px -67px
}

.g-star.sty-3.star-6 {
    background-position: 0 -67px
}

.g-star.sty-4 {
    width: 130px;
    height: 16px;
    background-image: url(../img/uimg/sp_3.png)
}

.g-star.sty-4.star-0 {
    background-position: -140px -127px
}

.g-star.sty-4.star-1 {
    background-position: -112px -127px
}

.g-star.sty-4.star-2 {
    background-position: -84px -127px
}

.g-star.sty-4.star-3 {
    background-position: -56px -127px
}

.g-star.sty-4.star-4 {
    background-position: -28px -127px
}

.g-star.sty-4.star-5,
.g-star.sty-4.star-6 {
    background-position: 0 -127px
}

.g-star.sty-5 {
    width: 94px;
    height: 14px;
    background-image: url(../img/uimg/sp_1.png)
}

.g-star.sty-5.star-0 {
    background-position: -99px -525px
}

.g-star.sty-5.star-1 {
    background-position: -79px -525px
}

.g-star.sty-5.star-2 {
    background-position: -59px -525px
}

.g-star.sty-5.star-3 {
    background-position: -40px -525px
}

.g-star.sty-5.star-4 {
    background-position: -20px -525px
}

.g-star.sty-5.star-5,
.g-star.sty-5.star-6 {
    background-position: 0 -525px
}

.g-star.sty-6 {
    width: 60px;
    height: 12px;
    background-image: url(../img/uimg/sp_1.png)
}

.g-star.sty-6.star-0 {
    background-position: -60px -545px
}

.g-star.sty-6.star-1 {
    background-position: -48px -545px
}

.g-star.sty-6.star-2 {
    background-position: -36px -545px
}

.g-star.sty-6.star-3 {
    background-position: -24px -545px
}

.g-star.sty-6.star-4 {
    background-position: -12px -545px
}

.g-star.sty-6.star-5,
.g-star.sty-6.star-6 {
    background-position: 0 -545px
}

.ui-facet {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    left: 0;
    z-index: 2
}

.g-sort-num {
    background: #c7c7c7;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-right: 5px
}

.g-sort-num.top,
.g-sort-num.top1 {
    background: #ff6b66
}

.g-sort-num.second,
.g-sort-num.top2 {
    background: #ff8652
}

.g-sort-num.third,
.g-sort-num.top3 {
    background: #ffa742
}

.g-list-a {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.g-time.hot {
    color: #fa4e57
}

.c-cur-pos {
    color: #666;
    line-height: 30px;
    margin-bottom: 15px
}

.c-cur-pos .pos-txt {
    color: #999
}

.c-cur-pos .pos-link {
    color: #666
}

.c-cur-pos .pos-link:hover {
    color: #358ff0
}

.c-cur-pos .pos-arrow {
    display: inline-block;
    position: relative;
    *top: 2px;
    vertical-align: middle;
    width: 6px;
    height: 12px;
    margin: 0 5px;
    background: -227px -91px url(../img/uimg/sp_1.png) no-repeat
}

.ui-facet,
.idx-zxxz-d .d-list i,
.idx-zxjc-b .b-list i,
.m-side-col .tag-link,
.m-pagination .page,
.m-soft-release .release-btn,
.s-az-art .art-info .img,
.s-az-art .detail .tag-box .tag,
.m-side-version .img,
.m-side-version .btn-dl,
.g-npos .item .cir,
.m-soft-cate-list .soft-cate .item,
.m-recom-large .ico,
.m-recom-large .btn-in,
.m-az-sort-list .item .img img,
.m-az-zt-list .img,
.page-course-idx .m-large-link .ico,
.s-course-idx .cell-3 .list-pos .item,
.g-dot-list i,
.s-copyright .dot,
.m-not-found .back-btn,
.m-dnpz-tabs .main .detail {
    behavior: url(../css/PIE.htc)
}

.AD_360 {
    width: 360px;
    overflow: hidden
}

.AD_360_300 {
    width: 360px;
    height: 300px;
    overflow: hidden
}

.AD_300_332 {
    width: 300px;
    height: 332px;
    overflow: hidden
}

.AD_300_190 {
    width: 300px;
    height: 190px;
    overflow: hidden
}

.AD_300_250 {
    width: 300px;
    height: 250px;
    overflow: hidden
}

.AD_860_90 {
    width: 860px;
    height: 90px;
    overflow: hidden
}

.AD_860_118 {
    width: 860px;
    height: 118px;
    overflow: hidden
}

.AD_800_90 {
    width: 800px;
    height: 90px;
    overflow: hidden
}

.AD_190_90 {
    width: 190px;
    height: 90px;
    overflow: hidden
}

.AD_400_190 {
    width: 400px;
    height: 190px;
    overflow: hidden
}

.AD_1200_108 {
    width: 1200px;
    height: 108px
}

.AD_1200 {
    width: 1200px
}

.AD_224_173 {
    width: 224px;
    height: 173px;
    overflow: hidden
}

.AD_224_149 {
    width: 224px;
    height: 149px;
    overflow: hidden
}

.AD_198_332 {
    width: 198px;
    height: 332px;
    overflow: hidden
}

.AD_800_68 {
    width: 800px;
    height: 68px;
    overflow: hidden
}

.col-l-w {
    width: 860px
}

.col-r-w {
    width: 300px
}

.course-w-s {
    width: 300px
}

.course-w-m {
    width: 860px
}

.topbar {
    font-size: 12px;
    background: #f5f5f5;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #e8e8e8
}

.topbar .topbar-nav {
    position: relative;
    margin-right: -7px;
    z-index: 100
}

.topbar .topbar-nav .nav-btn {
    padding-left: 27px;
    background-position: -51px -31px;
    padding-right: 7px;
    display: inline-block;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #e6e6e6
}

.topbar .topbar-nav .nav-main {
    position: absolute;
    z-index: 2;
    width: 986px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    right: 0;
    top: 37px;
    background: #fff;
    overflow: hidden;
    display: none
}

.topbar .topbar-nav .nav-main .inner {
    overflow: hidden;
    border: 1px solid #fff
}

.topbar .topbar-nav .nav-main .cate {
    width: 300px;
    float: left;
    border: 1px dashed #ededed;
    padding: 15px 5px 15px 23px;
    border-right: 0 none;
    margin-left: -1px;
    margin-top: -1px;
    border-bottom: 0
}

.topbar .topbar-nav .nav-main .title .item {
    color: #358ff0;
    font-size: 18px
}

.topbar .topbar-nav .nav-main .sub .item {
    margin-right: 15px;
    font-size: 14px;
    line-height: 32px;
    display: inline-block
}

.topbar .topbar-nav:hover .nav-main {
    display: block
}

.topbar .topbar-nav:hover .nav-btn {
    background-color: #fff;
    border-color: #e6e6e6;
    border-bottom: 1px solid #fff
}

.topbar .topbar-menu {
    float: right;
    color: #d5d5d5
}

.topbar .topbar-menu .menu-link {
    padding: 0 5px;
    color: #666
}

.topbar .topbar-menu .menu-link:hover {
    color: #358ff0
}

.header {
    height: 96px
}

.header .logo {
    float: left;
    margin: 10px 0
}

.header .logo-link {
    display: block;
    width: 350px;
    height: 76px;
    text-indent: -9999em;
    background: url(../img/uimg/logo.png) no-repeat
}

.header .logo-link.android {
    background: url(../img/uimg/logo_android.png) no-repeat
}

.header .logo-link.pc {
    background: url(../img/uimg/logo_pc.png) no-repeat
}

.header .logo-link.ios {
    background: url(../img/uimg/logo_ios.png) no-repeat
}

.c-search {
    float: right;
    width: 570px;
    margin-top: 15px
}

.c-search .search-wrapper {
    height: 38px;
    line-height: 26px;
    border: 1px solid #358ff0
}

.c-search .search-cate {
    float: left;
    width: 73px;
    background-position: 57px -29px;
    padding: 6px 0 6px 12px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.c-search .search-cate span {
    display: block
}

.c-search .cate-toggle {
    width: 86px;
    font-size: 14px;
    border: 1px solid #358ff0;
    background: #fff;
    position: absolute;
    left: -1px;
    top: 38px;
    display: none
}

.c-search .cate-toggle .cate-item {
    height: 32px;
    padding-left: 16px;
    line-height: 32px
}

.c-search .cate-toggle .cate-item:hover {
    color: #fff;
    background: #358ff0;
    cursor: pointer
}

.c-search .search-input {
    width: 365px;
    padding: 6px;
    outline: none;
    background: #fff;
    border: 0;
    color: #444;
    float: left;
    display: block;
    line-height: 26px;
    margin: 0
}

.c-search .search-btn {
    background-color: #358ff0;
    float: right;
    width: 93px;
    color: #fff;
    font-size: 18px;
    padding: 6px;
    text-align: center
}

.c-search .search-keyword {
    margin-top: 6px;
    color: #999;
    height: 24px;
    overflow: hidden;
    font-size: 12px
}

.c-search .search-keyword .keyword-item {
    margin-left: 15px
}

.navbar {
    background: #358ff0;
    height: 45px;
    line-height: 45px
}

.navbar .nav-item {
    width: 133px;
    font-size: 18px;
    text-align: center;
    float: left;
    color: #fff
}

.navbar .nav-item:hover,
.navbar .nav-item.cur {
    background: #2b71c2
}

.sub-navbar {
    font-size: 0;
    border-style: solid;
    border-color: #f1f1f1;
    border-width: 1px 0 1px 0;
    margin-bottom: 15px
}

.sub-navbar .sub-navbar-inner {
    padding: 5px 0 6px;
    height: 34px;
    line-height: 34px;
    overflow: hidden
}

.sub-navbar .sub-nav-item {
    font-size: 14px;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    line-height: 34px;
    position: relative
}

.sub-navbar .sub-nav-item:first-child {
    margin-left: 22px
}

.sub-navbar .sub-nav-item.cur {
    color: #358ff0
}

.sub-navbar .sub-nav-item .ico-new {
    position: absolute;
    width: 33px;
    height: 17px;
    right: 12px;
    top: -5px;
    z-index: 1;
    background: -79px -380px url(../img/uimg/sp_1.png) no-repeat
}

.sub-navbar .links {
    margin-left: 140px;
    margin-right: -25px;
    color: #666
}

.sub-navbar .links .sub-nav-item:first-child {
    margin-left: 0
}

.sub-navbar .title {
    float: left
}

.sub-navbar .title .ico {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    vertical-align: middle
}

.sub-navbar .title .ico.ico-1 {
    background-position: -86px -256px
}

.sub-navbar .title .ico.ico-2 {
    background-position: -130px -256px
}

.sub-navbar .title .ico.ico-3 {
    background-position: -86px -292px
}

.sub-navbar .title .ico.ico-4 {
    background-position: -130px -292px
}

.sub-navbar .title .ico.ico-5 {
    background-position: -87px -329px
}

.sub-navbar .title .txt {
    font-size: 18px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 20px
}

.sub-navbar .title .u-b {
    width: 2px;
    height: 18px;
    vertical-align: middle;
    background: #e4e4e4
}

.m-rank .rank-title {
    margin-top: -4px;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    margin-bottom: 4px;
    overflow: hidden;
    background-position: -237px 6px;
    padding-left: 30px;
    letter-spacing: 2px
}

.m-rank .rank-item {
    padding-top: 16px
}

.m-rank.rank-toggle .rank-item.on .g-sort-num {
    font-weight: normal
}

.m-rank.rank-toggle .rank-item.on .item-name {
    color: #333;
    font-size: 16px;
    font-weight: bold
}

.m-rank.rank-toggle .rank-item.on .item-name:hover {
    color: #358ff0
}

.m-rank.rank-toggle .rank-item.on .item-info {
    display: block
}

.m-rank .item-info {
    display: none;
    padding-top: 14px;
    margin-bottom: -2px
}

.m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 2px;
    *margin-top: 0
}

.m-rank .item-grade {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    height: 36px;
    overflow: hidden
}

.m-rank .g-star {
    vertical-align: top;
    margin-top: 3px
}

.m-rank .item-name {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    *white-space: normal
}

.m-rank .item-btn {
    width: 92px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #358ff0;
    color: #358ff0;
    position: relative
}

.m-rank .item-btn:hover {
    color: #fff;
    background: #358ff0
}

@-moz-document url-prefix() {
    .m-rank .item-info {
        padding-top: 12px;
        margin-bottom: 0
    }
}

.idx-zxxz {
    margin-bottom: 30px
}

.idx-zxxz .g-tab.sty-1 .bot-arrow {
    bottom: -12px
}

.idx-zxxz-l {
    width: 920px;
    float: left
}

.idx-zxxz-l .dotted {
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-position: 0 -28px;
    background-repeat: repeat-x
}

.idx-zxxz-a {
    width: 320px;
    float: left
}

.idx-zxxz-a .bd-slide {
    width: 420px;
    height: 290;
    overflow: hidden;
    position: relative
}

.idx-zxxz-a .bd-slide .title {
    margin-top: -46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    position: relative
}

.idx-zxxz-a .bd-slide .title .txt {
    position: relative;
    z-index: 2;
    padding-left: 20px;
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.idx-zxxz-a .bd-slide .cover {
    background: #000;
    filter: alpha(opacity=34);
    opacity: .34;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.idx-zxxz-a .bd-slide .btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 38px;
    height: 60px;
    border-radius: 2px;
    cursor: pointer
}

.idx-zxxz-a .bd-slide .btn.btn-prev {
    left: 0
}

.idx-zxxz-a .bd-slide .btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.idx-zxxz-a .bd-slide .btn.btn-next {
    right: 0
}

.idx-zxxz-a .bd-slide .btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.idx-zxxz-a .bd-slide .btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.idx-zxxz-b {
    width: 580px;
    float: right
}

.idx-zxxz-b .g-tab {
    float: none;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #358ff0;
    font-size: 0;
    margin-bottom: 20px;
    text-align: left
}

.idx-zxxz-b .g-tab .tab-item {
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px
}

.idx-zxxz-b .b-list {
    border-left: 1px dashed #d4d4d4;
    margin-left: 5px;
    position: relative
}

.idx-zxxz-b .b-list .bgw {
    position: absolute;
    height: 10px;
    width: 1px;
    left: -1px;
    background: #fff;
    z-index: 1
}

.idx-zxxz-b .b-list .bgw-t {
    top: 0
}

.idx-zxxz-b .b-list .bgw-b {
    bottom: 0
}

.idx-zxxz-b .g-list-a {
    vertical-align: top
}

.idx-zxxz-b .list-item {
    line-height: 23px;
    position: relative;
    z-index: 2;
    padding-left: 13px
}

.idx-zxxz-b .list-item i {
    position: absolute;
    width: 10px;
    height: 10px;
    overflow: hidden;
    left: -6px;
    top: 50%;
    margin-top: -5px;
    background-image: url(../img/uimg/sp_1.png);
    background-position: -204px -17px
}

.idx-zxxz-b .list-item:hover i {
    background-position: -188px -17px
}

.idx-zxxz-b .list-item+.list-item {
    margin-top: 10px
}

.idx-zxxz-b .list-item .c-name {
    display: inline;
    float: left;
    width: 65px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px 0 0;
    text-align: right;
    color: #999;
    border-right: 1px solid #ddd;
    overflow: hidden
}

.idx-zxxz-b .list-item .c-name:hover {
    color: #358ff0
}

.idx-zxxz-b .list-item .ico-20 {
    margin-left: 10px;
    margin-right: 10px
}

.idx-zxxz-b .list-item .g-list-a {
    max-width: 330px
}

.idx-zxxz-c {
    width: 420px
}

.idx-zxxz-c .m-ad-img {
    display: block;
    position: relative
}

.idx-zxxz-c .m-ad-img .img {
    position: relative;
    z-index: 1
}

.idx-zxxz-c .m-ad-img .info {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.idx-zxxz-c .m-ad-img .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.idx-zxxz-c .m-ad-img .score {
    width: 32px;
    height: 32px;
    float: left;
    margin: 15px
}

.idx-zxxz-c .m-ad-img .desc {
    margin-top: 20px;
    margin-left: 25px
}

.idx-zxxz-c .m-ad-img .title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px
}

.idx-zxxz-c .m-ad-img .txt {
    font-size: 12px;
    color: #999
}

.idx-zxxz-c .m-ad-img+.m-ad-img {
    margin-top: 21px
}

.m-ad-img {
    display: block;
    border: 1px solid #dfe6eb
}

.m-ad-img:hover {
    border-color: #358ff0
}

.idx-zxxz-d {
    width: 480px
}

.idx-zxxz-d .d-title {
    text-align: center
}

.idx-zxxz-d .title-tag {
    position: absolute;
    display: block;
    float: left;
    width: 40px;
    height: 18px;
    line-height: 18px;
    background: #358ff0;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    margin-left: 5px
}

.idx-zxxz-d .title-txt {
    font-weight: normal;
    font-size: 18px;
    height: 56px;
    line-height: 56px
}

.idx-zxxz-d .d-txt {
    text-indent: 24px;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    height: 44px;
    overflow: hidden
}

.idx-zxxz-d .d-list {
    padding-top: 26px
}

.idx-zxxz-d .d-list i {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background: #ccc;
    margin: 10px 5px
}

.idx-zxxz-d .d-list .list-item {
    line-height: 22px
}

.idx-zxxz-d .d-list .list-item+.list-item {
    margin-top: 9px
}

.idx-zxxz-r {
    width: 260px;
    float: right
}

.idx-zxxz-r .g-tab {
    float: none;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #358ff0;
    font-size: 0;
    margin-bottom: 20px
}

.idx-zxxz-r .g-tab .tab-item {
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px
}

.idx-zxxz-e {
    margin-top: -12px
}

.idx-zxxz-e .tab-cont-item:first-child {
    margin-top: 26px
}

.idx-zxxz-e .e-item {
    padding: 10px 0px
}

.idx-zxxz-e .e-item:last-child {
    padding-bottom: 0px
}

.idx-zxxz-e .e-item+.e-item {
    border-top: 1px dashed #e4e4e4
}

.idx-zxxz-e .e-img {
    border: 1px solid #ededed;
    float: left
}

.idx-zxxz-e .e-info {
    margin-left: 15px;
    float: left;
    width: 145px;
    overflow: hidden
}

.idx-zxxz-e .e-name {
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 8px
}

.idx-zxxz-e .e-txt {
    color: #999;
    font-size: 12px
}

.idx-zxxz-e .e-txt+.e-txt {
    margin-top: 12px
}

.idx-zxxz-e .ico-30 {
    margin-right: 5px
}

.idx-zxxz-e .x-item {
    margin: 8px 2px;
    width: 126px;
    height: 31px;
    float: left
}

.idx-zxxz-e .a-item {
    margin-top: 12px;
    width: 260px;
    height: 70px;
    float: left
}

.idx-yxtj {
    margin-bottom: 39px
}

.idx-yxtj .g-title {
    margin-bottom: 26px
}

.idx-yxtj .g-tab {
    margin-left: 5px
}

.idx-yxtj .yztj-hot {
    float: left;
    margin-left: 100px;
    margin-top: 4px;
    width: 580px
}

.idx-yxtj .yztj-hot .hot-item {
    color: #999;
    padding: 0 12px
}

.idx-yxtj .yztj-hot .hot-item:hover {
    color: #358ff0
}

.idx-yxtj-a {
    margin-top: -20px;
    float: left;
    width: 920px
}

.idx-yxtj-a .a-item {
    width: 460px;
    float: left;
    padding-top: 20px
}

.idx-yxtj-a .item-img {
    float: left;
    border: 1px solid #e9e9e9
}

.idx-yxtj-a .item-info {
    float: left;
    margin-left: 20px;
    width: 230px
}

.idx-yxtj-a .item-name {
    font-weight: normal;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    margin-bottom: 10px
}

.idx-yxtj-a .item-desc {
    color: #999;
    font-size: 12px
}

.idx-yxtj-b,
.idx-rjbb-b,
.idx-aztj-b,
.idx-rjgx-b,
.idx-zxjc-c {
    float: right;
    width: 288px
}

.idx-rjbb {
    margin-bottom: 30px
}

.idx-rjbb .g-title {
    margin-bottom: 26px
}

.idx-rjbb .g-tab {
    margin-left: 5px
}

.idx-rjbb-a {
    width: 910px;
    float: left;
    margin-top: -45px
}

.idx-rjbb-a .a-title {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    font-weight: bold;
    margin-bottom: 27px;
    overflow: hidden;
    position: relative;
    padding-left: 15px
}

.idx-rjbb-a .cell-item {
    margin-top: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.idx-rjbb-a .cell-item .db {
    color: #666
}

.idx-rjbb-a .cell-item .db:hover {
    color: #358ff0
}

.idx-rjbb-a .a-cell {
    width: 177px;
    float: left;
    padding-top: 42px;
    padding-right: 5px;
    height: 170px
}

.idx-rjbb-a .a-cell .ico-20 {
    margin-right: 10px;
    vertical-align: top
}

.idx-rjbb-a .ui-facet {
    width: 5px;
    height: 18px;
    top: 3px
}

.idx-rjbb-a .ui-facet.c-1 {
    background: #e7aba3
}

.idx-rjbb-a .ui-facet.c-2 {
    background: #96c6e6
}

.idx-rjbb-a .ui-facet.c-3 {
    background: #9bdae0
}

.idx-rjbb-a .ui-facet.c-4 {
    background: #a7e29a
}

.idx-rjbb-a .ui-facet.c-5,
.idx-rjbb-a .ui-facet.c-0 {
    background: #a3addb
}

.idx-aztj {
    margin-bottom: 30px
}

.idx-aztj .g-tab {
    margin-left: 5px
}

.idx-aztj .aztj-hot {
    float: left;
    margin-left: 60px;
    margin-top: 4px;
    width: 760px
}

.idx-aztj .aztj-hot .hot-item {
    color: #999;
    padding: 0 8px
}

.idx-aztj .aztj-hot .hot-item:hover {
    color: #358ff0
}

.idx-aztj-a {
    float: left;
    width: 912px
}

.idx-aztj-a .a-item {
    position: relative;
    width: 208px;
    height: 80px;
    padding: 15px 10px;
    overflow: hidden;
    float: left
}

.idx-aztj-a .a-item:hover .a-cover {
    top: 0
}

.idx-aztj-a .a-info {
    width: 116px;
    float: left;
    margin-left: 10px
}

.idx-aztj-a .a-name {
    font-weight: normal;
    line-height: 36px
}

.idx-aztj-a .a-grade {
    color: #ff8652;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px
}

.idx-aztj-a .a-tag {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.idx-aztj-a .a-cover {
    position: absolute;
    background: #fff;
    border: 1px solid #56a5fa;
    top: 0;
    left: 0;
    width: 208px;
    height: 92px;
    color: #000;
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    transition: top 0.4s;
    top: 100px;
    margin: 10px 10px
}

.idx-aztj-a .a-cover .cover-name {
    font-size: 16px;
    line-height: 48px;
    margin-left: 12px
}

.idx-aztj-a .a-cover .cover-desc {
    display: block;
    overflow: hidden;
    color: #999;
    line-height: 32px;
    font-size: 12px;
    float: left;
    margin-left: 12px;
    width: 100px
}

.idx-aztj-a .a-cover .cover-btn {
    display: inline-block;
    background: #fff;
    color: #358ff0;
    border-radius: 2px;
    padding: 5px 10px;
    border: 1px solid #56a5fa;
    float: right;
    margin-right: 12px
}

.idx-aztj-a .a-cover .cover-btn:hover {
    background: #358ff0;
    color: #fff
}

.idx-rjgx {
    margin-bottom: 30px
}

.idx-rjgx .g-tab {}

.idx-rjgx .g-tab .tab-item {
    line-height: 26px;
    padding-right: 0px
}

.idx-rjgx .g-tab .tab-item+.tab-item {
    padding-left: 26px;
    background-image: url(../img/uimg/sp_1.png);
    background-position: -150px -30px;
    background-repeat: no-repeat
}

.idx-rjgx-a {
    width: 920px;
    margin-left: -21px;
    margin-top: -15px;
    float: left
}

.idx-rjgx-a .a-item {
    width: 415px;
    padding: 0 21px;
    float: left;
    margin-top: 10px;
    line-height: 24px
}

.idx-rjgx-a .a-item .item-label+.item-name:before {
    content: "|";
    margin-right: 8px;
    color: #999
}

.idx-rjgx-a .a-item .item-name:after {
    margin-right: 8px
}

.idx-rjgx-a .item-label {
    color: #999
}

.idx-rjgx-a .item-label:hover {
    color: #358ff0
}

.idx-rjgx-a .item-name {
    margin-left: 4px;
    margin-right: 4px
}

.idx-zxjc {
    margin-bottom: 34px
}

.idx-zxjc .g-title {
    margin-bottom: 26px
}

.idx-zxjc .g-tab {
    margin-left: 5px
}

.idx-zxjc-a {
    float: left
}

.idx-zxjc-a .a-img {
    width: 274px;
    display: block
}

.idx-zxjc-a .a-img+.a-img {
    margin-top: 20px
}

.idx-zxjc-a .a-bg {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    height: 40px;
    width: 100%;
    margin-top: -40px;
    position: relative;
    z-index: 1
}

.idx-zxjc-a .a-title {
    margin-top: -40px;
    position: relative;
    color: #fff;
    z-index: 2;
    line-height: 40px;
    padding: 0 16px;
    width: 242px
}

.idx-zxjc-b {
    width: 594px;
    margin-left: 20px;
    float: left
}

.idx-zxjc-b .b-title {
    text-align: center;
    margin-top: -3px;
    margin-bottom: 10px
}

.idx-zxjc-b .title-tag {
    width: 40px;
    height: 18px;
    line-height: 18px;
    background: #358ff0;
    font-weight: normal;
    font-size: 12px;
    float: left;
    display: block;
    color: #fff;
    margin-top: 3px
}

.idx-zxjc-b .title-txt {
    font-weight: normal;
    font-size: 18px
}

.idx-zxjc-b .b-txt {
    text-indent: 24px;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    height: 44px;
    overflow: hidden
}

.idx-zxjc-b .b-list {
    margin-top: 17px;
    padding-top: 16px;
    border-top: 1px dotted #dadada
}

.idx-zxjc-b .b-list i {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background: #ccc;
    margin: 10px 15px 10px 5px
}

.idx-zxjc-b .b-list .list-item {
    line-height: 24px
}

.idx-zxjc-b .b-list .list-item+.list-item {
    margin-top: 9px
}

.idx-zxzt {
    margin-bottom: 20px;
    position: relative;
    height: 364px;
    overflow: hidden
}

.idx-zxzt .g-title {
    margin-bottom: 26px
}

.idx-zxzt .g-tab {
    margin-left: 5px
}

.idx-zxzt .zxzt-list {
    margin-top: -17px;
    width: 1200px
}

.idx-zxzt .list-img {
    float: left;
    margin-top: 17px;
    width: 474px;
    height: 296px;
    position: relative;
    overflow: hidden
}

.idx-zxzt .list-img+.list-img {
    width: 222px;
    height: 140px;
    margin-left: 20px
}

.idx-zxzt .list-img+.list-img .img-cover {
    background-position: 0px -221px
}

.idx-zxzt .list-img+.list-img .img-name {
    line-height: 30px;
    font-size: 14px;
    margin-top: -30px
}

.idx-zxzt .img-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    background: url(../img/uimg/g_1.png) 0px 130px repeat-x
}

.idx-zxzt .img-name {
    margin-top: -58px;
    position: relative;
    z-index: 2;
    color: #fff;
    line-height: 58px;
    font-size: 18px;
    padding: 0 4%;
    width: 92%
}

.idx-zxzt .list-btn {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 50px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 10
}

.idx-zxzt .list-btn.btn-prev {
    left: 0
}

.idx-zxzt .list-btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.idx-zxzt .list-btn.btn-next {
    right: 0
}

.idx-zxzt .list-btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.idx-zxzt .list-btn .btn-cover {
    background: #000;
    filter: alpha(opacity=34);
    opacity: .34;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.idx-zxzt .list-btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.idx-zt {
    margin-bottom: 20px;
    position: relative;
    height: 374px;
    overflow: hidden
}

.idx-zt .g-tab {
    margin-left: 5px
}

.idx-zt .zxzt-list {
    margin-top: -20px;
    width: 1200px
}

.idx-zt .list-img {
    float: left;
    margin-top: 20px;
    width: 285px;
    height: 144px;
    position: relative;
    overflow: hidden
}

.idx-zt .list-img+.list-img {
    margin-left: 20px
}

.idx-zt .list-img:nth-child(4n+1) {
    margin-left: 0px
}

.idx-zt .img-cover {
    position: absolute;
    width: 100%;
    height: 32px;
    overflow: hidden;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=20);
    opacity: .3
}

.idx-zt .img-name {
    position: absolute;
    width: 92%;
    overflow: hidden;
    bottom: 0;
    z-index: 2;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    padding: 0 4%;
    text-align: center
}

.idx-zt .list-btn {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    width: 50px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 10
}

.idx-zt .list-btn.btn-prev {
    left: 0
}

.idx-zt .list-btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.idx-zt .list-btn.btn-next {
    right: 0
}

.idx-zt .list-btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.idx-zt .list-btn .btn-cover {
    background: #000;
    filter: alpha(opacity=34);
    opacity: .34;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.idx-zt .list-btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-sidebar {
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 10;
    width: 70px;
    height: 130px
}

.m-sidebar .pub {
    margin-bottom: 10px;
    position: relative
}

.m-sidebar .pub:hover .btn {
    background: #358ff0
}

.m-sidebar .pub .btn {
    width: 70px;
    height: 60px;
    background: #51a5ff;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    z-index: 2
}

.m-sidebar .pub .btn .ico {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    background: url(../img/uimg/sp_1.png) 0 -354px no-repeat
}

.m-sidebar .pub .btn .txt {
    font-size: 12px;
    text-align: center;
    color: #96c7ff
}

.m-sidebar .pub .qrcode {
    width: 200px;
    height: 274px;
    position: absolute;
    z-index: 1;
    right: 70px;
    top: -105px;
    background: url(../img/uimg/qrcode.png) no-repeat;
    background-size: 96%
}

.go-top {
    width: 70px;
    height: 60px;
    margin-right: -698px;
    border-radius: 2px;
    background-color: #ccc;
    cursor: pointer;
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 2
}

.go-top:hover {
    background-color: #358ff0
}

.go-top .ico {
    width: 24px;
    height: 14px;
    display: block;
    margin: 24px auto;
    background: url(../img/uimg/sp_1.png) -215px -37px no-repeat;
    overflow: hidden
}

.art-go-top {
    width: 20px;
    padding: 8px;
    line-height: 1.1;
    font-size: 16px;
    height: 68px;
    position: fixed;
    bottom: 200px;
    left: 50%;
    text-align: center;
    margin-left: 202px;
    background: #71b0f4;
    color: #fff;
    display: none
}

.art-go-top:hover {
    color: #fff
}

.idx-yqlj .g-title {
    border-bottom: 2px solid #e7e7e7
}

.idx-yqlj .yqlj-tip {
    color: #999;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin-top: 6px
}

.idx-yqlj .yqlj-link {
    font-size: 0
}

.idx-yqlj a {
    display: inline-block;
    width: 10%;
    padding: 5px 10px;
    margin-right: 25px;
    font-size: 14px;
    line-height: 1
}

.e-tab-item,
.tab-cont-item,
.hot-tab-item,
.c-dis-item {
    display: none
}

.footer {
    padding: 10px 0;
    text-align: center;
    color: #666;
    width: 100%;
    border-style: solid;
    border-color: #ededed;
    border-width: 1px 0 0 0
}

.footer .link-item {
    color: #666;
    padding: 0 26px;
    display: inline-block;
    *display: inline
}

.footer .link-item:hover {
    color: #358ff0
}

.m-list-section .g-title {
    border-bottom: 2px solid #ededed
}

.m-list-section .cur-pos {
    color: #666;
    margin-bottom: 26px
}

.m-list-section .cur-pos .pos-txt {
    color: #999
}

.m-list-section .cur-pos .pos-link {
    color: #666
}

.m-list-section .cur-pos .pos-link:hover {
    color: #358ff0
}

.m-list-section .section-a {
    width: 800px
}

.m-list-section .a-list {
    margin-top: -20px
}

.m-list-section .a-list .list-item {
    padding-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ededed
}

.m-list-section .a-list .item-title {
    font-size: 20px;
    margin-bottom: 21px
}

.m-list-section .a-list .item-info {
    color: #666;
    margin-left: 270px;
    margin-right: 40px;
    overflow: hidden
}

.m-list-section .a-list .info-desc {
    line-height: 24px;
    margin-bottom: 17px;
    text-align: justify
}

.m-list-section .a-list .info-detail {
    margin-top: 11px;
    margin-bottom: 20px;
    font-size: 12px
}

.m-list-section .a-list .info-other {
    font-size: 12px;
    line-height: 30px
}

.m-list-section .a-list .info-other .g-star {
    position: relative;
    top: -2px;
    margin-left: 4px
}

.m-list-section .a-list .info-btn {
    float: right;
    width: 92px;
    height: 28px;
    color: #999;
    border: 1px solid #c2c2c2;
    text-align: center;
    border-radius: 2px;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 2px
}

.m-list-section .a-list .info-btn:hover {
    color: #358ff0;
    border-color: #358ff0
}

.m-side-col {
    float: right
}

.m-side-col .tag-list {
    margin-left: -20px;
    margin-bottom: 40px;
    margin-top: -20px
}

.tag-list a {
    display: block;
    height: 33px;
    line-height: 33px;
    text-decoration: none;
    border: 1px solid #EEE;
    background: #FAFAFA;
    text-align: center;
    margin-top: 8px;
    margin-left: 12px;
    float: left;
    width: 128px
}

.tag-list a:hover,
.tag-list .cur {
    background: #358ff0;
    border: 1px solid #358ff0;
    color: #fff
}

.tag-list a em {
    display: none
}

.m-side-col .tag-link {
    width: 148px;
    padding: 0 10px;
    height: 32px;
    border: 1px solid #dedede;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    float: left;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
    -webkit-transition: .1s ease all;
    -moz-transition: .1s ease all;
    transition: .1s ease all
}

.m-side-col .tag-link:hover,
.m-side-col .tag-link.cur {
    border-color: #358ff0;
    background: #358ff0;
    color: #fff
}

.m-side-col .g-sort-num {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    margin-top: 2px
}

.m-side-col .g-title {
    border-bottom: 2px solid #ededed
}

.m-side-col .g-title .title-txt {
    width: auto;
    letter-spacing: 2px
}

.m-side-col .m-rank {
    margin-top: -15px
}

.m-side-col .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
    text-align: right
}

.m-side-col .m-rank .item-info {
    margin-left: 32px
}

.m-side-col .m-rank.u-dashed .rank-item {
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px dashed #e4e4e4
}

.m-side-zjbb .zjbb-list .list-item {
    width: 33.3333%;
    float: left;
    text-align: center;
    margin-bottom: 15px
}

.m-side-zjbb .zjbb-list .item-img {
    margin-bottom: 10px
}

.m-side-zjbb .zjbb-list .item-title {
    padding: 0 5px
}

.m-side-zjbb .btn-change {
    float: right;
    padding-left: 23px;
    color: #d1d1d1;
    font-size: 16px;
    background: -241px -85px url(../img/uimg/sp_1.png) no-repeat
}

.g-change-btn {
    padding-left: 23px;
    color: #d1d1d1;
    font-size: 16px;
    background: -241px -85px url(../img/uimg/sp_1.png) no-repeat
}

.m-pagination {
    text-align: center
}

.m-pagination a,
.m-pagination span {
    margin: 0 1px;
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px
}

.m-pagination a:hover,
.m-pagination a.curr,
.m-pagination span.curr {
    background: #358ff0;
    color: #fff
}

.m-pagination .prev {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    background: -162px -86px url(../img/uimg/sp_1.png) no-repeat
}

.m-pagination .next {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    background: -178px -86px url(../img/uimg/sp_1.png) no-repeat
}

.m-pagination .prev,
.m-pagination .next {
    margin: 0 20px
}

.m-pagination .first,
.m-pagination .last {
    display: inline-block;
    vertical-align: middle
}

.m-soft-detail {
    margin-left: 20px;
    width: 525px;
    float: left
}

.m-soft-detail .item {
    width: 33%;
    float: left;
    margin-top: 12px
}

.m-soft-detail .item:nth-child(-n+3) {
    margin-top: 5px
}

.m-soft-detail .item.full-w {
    width: 100%
}

.m-soft-detail .g-star {
    position: relative;
    top: -2px;
    margin-left: 4px
}

.m-soft-detail .ico {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/uimg/sp_1.png);
    margin: 0 2px
}

.m-soft-detail .ico.ico-1 {
    background-position: -126px -99px
}

.m-soft-detail .ico.ico-2 {
    background-position: -146px -83px
}

.m-soft-detail .ico.ico-3 {
    background-position: -145px -99px
}

.m-soft-detail .ico.ico-access {
    background-position: -126px -82px
}

.m-art-cont {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
    word-break: break-all;
    text-align: justify
}

.m-art-cont a {
    color: #358ff0
}

.m-art-cont a:hover,
.m-art-cont a:active {
    color: #ff6160
}

.m-art-cont h3:not(.info-title) {
    background: #f9f9f9;
    font-size: 18px;
    padding: 0 10px;
    border-left: 3px solid #358ff0;
    margin: 10px 0
}

.m-art-cont img {
    max-width: 750px;
    max-height: 600px;
    margin-bottom: 0;
    text-align: center;
}

.m-art-cont .intro-tit {
    background: url(../img/uimg/grey.gif) left center repeat-x;
    text-indent: 0px;
    margin: 0 0 10px;
    position: relative
}

.m-art-cont .intro-tit span {
    font-size: 18px;
    background: #fff;
    padding: 0 10px 0 0px;
    font-weight: bold
}

.m-art-cont iframe {
    height: 500px
}

.rtdownload {
    border: 1px solid #7eb2cb;
    background: #fafeff;
    padding: 5px 175px 5px 85px;
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    zoom: 1;
    min-height: 70px
}

.rtdownload dt {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 5px;
    left: 5px
}

.rtdownload dt img {
    width: 70px;
    height: 70px
}

.rtdownload .inf .r_name {
    display: inline-block;
    margin-right: 1em
}

.rtdownload .inf .r_name a {
    font-weight: bold;
    color: #333
}

.rtdownload .inf p.r_tool {
    color: #888;
    font-size: 13px
}

.rtdownload .inf p.r_tool span {
    margin-right: 1rem
}

.rtdownload .dbtns {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -23px
}

.rtdownload .dbtns a {
    display: block;
    cursor: pointer;
    overflow: hidden;
    width: 146px;
    line-height: 150px;
    height: 46px;
    background: url("/skin/downbtn.gif") 0px 0px no-repeat
}

.m-eval .progress {
    width: 88px;
    height: 10px;
    background: #f2f2f2
}

.m-eval .eval-ico {
    display: block;
    width: 60px;
    height: 34px;
    float: left;
    margin-right: 10px
}

.m-eval .prog-box {
    float: left;
    margin-top: 1px
}

.m-eval .count {
    font-size: 12px;
    color: #333;
    * margin-left: 3px
}

.m-eval .eval-good,
.m-eval .eval-bad {
    width: 130px;
    display: block;
    float: left;
    padding: 12px 10px
}

.m-side-col .m-eval .eval-good,
.m-side-col .m-eval .eval-bad {
    padding: 0px 10px 8px
}

.m-eval .inner {
    width: 0;
    height: 100%;
    display: block
}

.m-eval .eval-good .eval-ico {
    background: 0 -81px url(../img/uimg/sp_1.png) no-repeat
}

.m-eval .eval-good .inner {
    background: #2cc068
}

.m-eval .eval-bad .eval-ico {
    background: -64px -81px url(../img/uimg/sp_1.png) no-repeat
}

.m-eval .eval-bad .inner {
    background: #ff6160
}

.m-file-info {
    margin: 20px 0 30px;
    font-size: 14px;
    background: #e7f3ff;
    padding: 0 20px 10px
}

.m-file-info .info-title {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 10px 0 0
}

.m-file-info .info-title .ico-title {
    background: 0 -199px url(../img/uimg/sp_1.png) no-repeat;
    width: 28px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.m-art-dl {
    margin-bottom: 25px
}

.m-art-dl .g-tab .tab-item {
    padding: 0 15px
}

.m-art-dl .inner {
    width: 450px;
    margin-top: -22px;
    margin-left: 10px
}

.m-art-dl .inner .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 17px
}

.m-art-dl .art-dl-az-info {
    padding-top: 23px;
    padding-bottom: 6px
}

.m-art-dl .art-dl-az-info .img {
    float: left;
    width: 65px;
    height: 65px;
    overflow: hidden
}

.m-art-dl .art-dl-az-info .info {
    margin-left: 85px;
    padding-right: 10px
}

.m-art-dl .art-dl-az-info .info .txt {
    font-size: 16px;
    margin-bottom: 12px
}

.m-art-dl .art-dl-az-info .info .btn {
    font-size: 14px;
    color: #c2c2c2;
    width: 78px;
    height: 28px;
    border: 1px solid #ededed;
    display: block;
    text-align: center;
    line-height: 28px
}

.m-art-dl .art-dl-az-info .info .btn:hover {
    color: #fff;
    border-color: #358ff0;
    background: #358ff0
}

.m-art-dl .item {
    width: 48%;
    padding-right: 2%;
    float: left;
    line-height: 28px;
    font-size: 16px;
    margin-top: 10px
}

.m-art-dl .item.full-w {
    width: 100%
}

.m-art-dl .item .ico {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 6px;
    *margin-top: 8px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../img/uimg/sp_1.png)
}

.m-art-dl .item .ico.ico-1 {
    background-position: -127px -203px
}

.m-art-dl .item .ico.ico-2 {
    background-position: -149px -203px
}

.m-art-dl .item .ico.ico-3 {
    background-position: -171px -203px
}

.m-art-dl .item .ico.ico-4 {
    background-position: -193px -203px
}

.m-art-dl .item .ico.ico-5 {
    background-position: -215px -203px
}

.m-art-dl .item .ico.ico-6 {
    background-position: -169px -254px
}

.m-art-dl .item .ico.bdpan {
    background-position: -1px -1px;
    background-image: url(../img/uimg/downbd.png)
}

.nodown-head-tips {
    padding: 30px 0px;
    color: #fe4b29;
    font-size: 16px;
    width: 338px
}

.m-yuyue {
    line-height: 50px
}

.m-yuyue .yuyue-phone input {
    float: left;
    width: 128px;
    height: 34px;
    padding: 0 5px;
    line-height: 33px;
    color: #000;
    border: 1px solid #ff9900;
    cursor: pointer
}

.m-yuyue .yuyue-phone .yuyue-btn {
    float: left;
    width: 90px;
    height: 36px;
    background: #47b751;
    color: #fff;
    border: none;
    margin-left: 15px;
    cursor: pointer
}

.m-faq {
    margin-bottom: 25px
}

.m-faq .g-title {
    border-width: 2px
}

.m-faq .faq-list .item {
    line-height: 22px;
    padding-left: 18px;
    background: -246px -203px url(../img/uimg/sp_1.png) no-repeat
}

.m-faq .faq-list .item+.item {
    margin-top: 20px
}

.m-faq .faq-list .g-list-a {
    font-size: 16px
}

.m-faq .faq-list .g-time {
    color: #999
}

.m-comment .comment {
    margin-bottom: 10px
}

.m-comment .comment h1 {
    font-size: 20px;
    color: #358ff0;
    padding: 0 10px
}

.m-comment .comment-content {
    margin-bottom: 10px
}

.m-comment .comment-content textarea {
    width: 99.5%;
    height: 100px
}

.m-comment .comment-action {
    position: relative;
    display: block
}

.m-comment .comment-name div {
    float: left;
    width: 48px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    text-align: center;
    background-color: #ff9900
}

.m-comment .comment-name input {
    float: left;
    width: 84px;
    height: 30px;
    padding: 0 5px;
    line-height: 30px;
    color: #000;
    border: 1px solid #ff9900
}

.m-comment .comment-btn {
    float: right;
    color: #999
}

.m-comment .comment-btn .btn-submit {
    display: inline-block;
    width: 90px;
    height: 29px;
    line-height: 28px !important;
    line-height: 30px;
    background: #47b751;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-left: 10px
}

.m-comment .comment-list .comment-empty {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999;
    background: #f5f5f5;
    text-align: center;
    margin-top: 20px
}

.m-comment .comment-list .comment-message {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 15px
}

.m-comment .comment-list .bold {
    font-weight: 500;
    color: #358ff0;
    margin: 0 8px
}

.m-comment .comment-list .message-prompt {
    height: 32px;
    line-height: 32px;
    color: #888;
    background: #f5f5f5;
    padding: 0 10px
}

.m-comment .comment-list .message-content {
    margin: 10px 10px
}

.m-comment .comment-list .message-reply {
    position: relative;
    display: inline-block;
    background-color: #ffe;
    border: solid 1px #f5f5f5;
    width: calc(100% - 20px);
    padding: 0 10px
}

.m-related-list .list-title {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 6px
}

.m-related-list .related-list {
    margin-top: -10px
}

.m-related-list .related-title {
    font-size: 18px;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 16px
}

.related-list>li>a {
    margin-right: 5px
}

.section.s-page-list.fix .m-related-list ul>li>a {
    max-width: 342px;
    overflow: hidden;
    display: inline-block
}

.related-list>li>dd>span {
    margin-left: 15px
}

.m-related-list .g-list-a {
    margin-left: 5px
}

.m-related-list .g-time {
    color: #999
}

.m-related-list .related-list .item {
    line-height: 40px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    height: 40px
}

.s-news-art .art-main {
    float: left
}

.s-news-art .g-title {}

.s-news-art .art-title {
    text-align: center;
    margin-bottom: 15px
}

.s-news-art .art-title .title {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0
}

.s-news-art .art-title .sub {
    font-size: 12px;
    color: #999;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e4e4e4
}

.s-news-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px
}

.s-company-art .art-main {
    float: left
}

.s-company-art .m-art-cont {
    padding: 0 10px 10px
}

.s-company-art .m-company .cspic {
    text-align: center;
    padding: 20px 0 10px
}

.s-company-art .m-company .cscont {
    padding: 15px 0
}

.s-company-art .m-company .cspic img {
    max-width: 298px;
    border: 1px solid #f2f2f2
}

.m-art-pagination {
    text-align: center;
    margin: 40px 0 50px;
    overflow: hidden
}

.m-art-pagination .btn {
    width: 118px;
    height: 48px;
    color: #999;
    border: 1px solid #999;
    line-height: 48px;
    font-size: 18px
}

.m-art-pagination .btn.prev {
    float: left
}

.m-art-pagination .btn.next {
    float: right
}

.m-art-pagination .btn:hover {
    border-color: #358ff0;
    color: #358ff0
}

.m-art-pagination .btn.disabled {
    border-color: #ededed;
    color: #ededed
}

.m-art-pagination .page {
    color: #999;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    padding: 0 10px
}

.m-art-pagination .page.cur {
    color: #358ff0
}

.m-news-share {
    font-size: 16px;
    margin-top: 30px;
    height: 93px;
    color: #666
}

.m-news-share .bdshare-button-style0-16 a {
    height: 50px;
    margin-left: 0;
    margin-right: 0
}

.m-news-share .bds {
    background-image: url(../img/uimg/sp_share.png);
    background-repeat: no-repeat;
    width: 180px;
    height: 50px;
    color: #fff;
    padding-left: 0;
    margin-top: 15px;
    margin-left: 20px
}

.m-news-share .bds.bds_qzone {
    background-position: 0 0
}

.m-news-share .bds.bds_tsina {
    background-position: 0 -60px;
    margin-left: 130px;
    margin-right: 130px
}

.m-news-share .bds.bds_weixin {
    background-position: 0 -120px
}

.m-news-opt {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    color: #666;
    line-height: 30px;
    margin-top: 47px;
    margin-bottom: 50px
}

.m-news-opt .opt-item {
    float: left;
    width: 360px;
    padding: 11px 20px;
    margin-left: -1px
}

.m-news-opt .opt-item+.opt-item {
    border-left: 1px solid #f0f0f0
}

.m-news-about .news-list {
    margin-left: 450px;
    border-left: 2px solid #ededed;
    color: #999;
    font-size: 16px
}

.m-news-about .news-list .item {
    margin-left: -10px;
    background: -242px -229px url(../img/uimg/sp_1.png) no-repeat;
    padding-left: 25px
}

.m-news-about .news-list .item+.item {
    margin-top: 10px
}

.m-news-about .news-list .item-name {
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    margin-top: 5px;
    display: block
}

.m-news-list {
    border-top: 1px solid #ededed
}

.m-news-list .item {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}

.m-news-list .news-info {
    color: #999;
    margin-left: 270px
}

.m-news-list .news-info .title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px
}

.m-news-list .news-info .desc {
    line-height: 28px;
    height: 84px;
    overflow: hidden
}

.m-news-list .news-info .time {
    text-align: right;
    line-height: 32px
}

.m-soft-recom {
    margin-top: 20px;
    margin-bottom: 50px;
    border-bottom: 1px dashed #e4e4e4;
    height: 120px;
    position: relative;
    z-index: 2
}

.m-soft-recom .soft-info {
    margin-left: 110px;
    margin-right: 220px;
    color: #666
}

.m-soft-recom .soft-info .name {
    font-size: 16px;
    margin-bottom: 15px
}

.m-soft-recom .soft-dl {
    width: 214px;
    height: 50px;
    margin-top: 22px;
    text-align: center;
    float: right;
    position: relative
}

.m-soft-recom .soft-dl .dl-btn {
    display: block;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    background: #358ff0;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.m-soft-recom .soft-dl .dl-btn:hover+.qrcode {
    display: block
}

.m-soft-recom .soft-dl .ico {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    overflow: hidden;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat
}

.m-soft-recom .soft-dl .ico.ico-1 {
    width: 26px;
    background-position: 0 -245px;
    margin-right: 10px
}

.m-soft-recom .soft-dl .ico.ico-2 {
    width: 45px;
    background-position: -35px -245px;
    margin-left: 14px
}

.m-soft-recom .soft-dl .qrcode {
    display: none
}

.m-soft-recom .soft-dl .qrcode .inner {
    position: relative;
    z-index: 1;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 80px #ccc
}

.s-theme-art .art-main {
    float: left
}

.s-theme-art .art-title {
    text-align: center;
    margin-bottom: 15px
}

.s-theme-art .art-title .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px
}

.s-theme-art .art-title .sub {
    font-size: 12px;
    color: #999;
    padding-bottom: 35px;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 40px
}

.s-theme-art .art-title .g-star {
    position: relative;
    margin-left: 15px;
    top: -2px;
    *top: 0
}

.s-theme-art .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px
}

.s-theme-art .m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    *margin-top: 0
}

.s-theme-art .m-rank .item-info {
    position: relative;
    margin-left: 28px
}

.s-theme-art .m-rank .item-info .theme-name {
    margin-top: 20px;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 15px
}

.s-theme-art .m-rank .item-info .item-btn {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 78px;
    height: 26px;
    line-height: 26px
}

.s-theme-art .m-theme-dl {
    display: block;
    margin: 0 auto 50px;
    width: 260px;
    height: 80px;
    background: #51a5ff
}

.s-theme-art .m-theme-dl .ico {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: 0 -116px url(../img/uimg/sp_1.png) no-repeat
}

.s-theme-art .m-theme-dl .text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    vertical-align: top;
    font-size: 24px;
    padding-top: 13px
}

.s-theme-art .m-theme-dl .text .sub {
    font-size: 14px
}

.c-theme-img {
    position: relative;
    margin-bottom: 40px
}

.c-theme-img .theme-img {
    margin: 0 auto;
    display: block
}

.c-theme-img .slider-btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 38px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer
}

.c-theme-img .slider-btn.btn-prev {
    left: 30px
}

.c-theme-img .slider-btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.c-theme-img .slider-btn.btn-next {
    right: 30px
}

.c-theme-img .slider-btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.c-theme-img .slider-btn .btn-cover {
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.c-theme-img .slider-btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-theme-favor {
    position: relative;
    overflow: hidden
}

.m-theme-favor .item {
    float: left;
    margin-right: 22px;
    text-align: center
}

.m-theme-favor .item .name {
    margin-top: 10px
}

.m-theme-favor .slider-inner {
    margin-left: 3px;
    margin-right: 4px;
    height: 186px;
    overflow: hidden
}

.m-theme-favor .slider-btn {
    position: absolute;
    top: 40px;
    width: 38px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer
}

.m-theme-favor .slider-btn.btn-prev {
    left: 0
}

.m-theme-favor .slider-btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.m-theme-favor .slider-btn.btn-next {
    right: 0
}

.m-theme-favor .slider-btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.m-theme-favor .slider-btn .btn-cover {
    background: #000;
    filter: alpha(opacity=50);
    opacity: .50;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-theme-favor .slider-btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.s-soft-art .art-main {
    float: left
}

.s-soft-art .art-main .nav-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 860px;
    background-color: #fff;
    padding-top: 7px
}

.s-soft-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px
}

.s-soft-art .art-detail {
    margin-bottom: 25px
}

.s-soft-art .art-detail .btn-dl {
    vertical-align: top;
    width: 178px;
    height: 55px;
    background: 0 -116px url(../img/uimg/sp_1.png) no-repeat;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-radius: 2px;
    padding-left: 82px;
    cursor: pointer;
    line-height: 25px;
    padding-top: 26px
}

.s-soft-art .art-detail .btn-dl i {
    font-size: 12px;
    font-weight: normal;
    display: block
}

.s-soft-art .art-detail .bzxz.fl {
    vertical-align: top;
    width: 190px;
    height: 65px;
    background: url(/theme/2018/xz7/gs1.png) no-repeat;
    color: #fff;
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-radius: 2px;
    padding-left: 78px;
    padding-top: 15px;
    cursor: pointer;
    margin-left: 12px
}

.s-soft-art .art-detail .bzxz.fl i {
    display: block;
    font-size: 12px
}

.s-soft-art .art-detail .apple.fl,
.s-soft-art .art-detail .az.fl {
    margin-right: 0;
    background: #47e781;
    border-radius: 5px;
    line-height: 30px;
    margin-left: 10px;
    vertical-align: top;
    width: 178px;
    height: 55px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-radius: 2px;
    padding-left: 82px;
    cursor: pointer;
    line-height: 25px;
    padding-top: 26px
}

.apple i,
.az i {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/theme/2018/images/downyios.png) no-repeat 7px -36px;
    background-size: 40px;
    margin-left: -50px;
    margin-top: -38px
}

.az i {
    background-position: 7px 4px
}

.s-soft-art .art-title {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 22px;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px
}

.s-soft-art .art-title .title {
    font-size: 25px;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 735px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-soft-art .art-title span {
    margin-left: 10px
}

.s-soft-art .art-title img {
    margin-top: -4px;
    margin-right: 12px;
    width: 42px;
    height: 42px
}

.s-soft-art .art-img {
    float: left;
    border: 1px solid #ededed
}

.s-soft-art .m-soft-detail {
    margin-left: 0
}

.s-soft-art .m-soft-share {
    position: relative;
    display: inline-block;
    margin: 7px 18px;
    float: right
}

.s-soft-art .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px
}

.s-soft-art .m-rank .rank-item {
    padding-bottom: 16px;
    border-bottom: 1px dashed #e4e4e4
}

.s-soft-art .m-related-list {
    width: 300px;
    height: 280px
}

.s-soft-art .m-related-list .related-list {
    margin-top: 5px
}

.s-soft-art .m-related-list .related-list .item {
    line-height: 46px;
    padding-left: 5px
}

.s-soft-art .m-related-list .related-list .item:first-child {
    border-top: 1px dashed #e4e4e4
}

.s-soft-art .m-excellent .g-tab .tab-item {
    padding: 0 15px
}

.s-soft-art .m-excellent .art-img {
    float: left;
    height: 158px
}

.s-soft-art .m-excellent .u-hypot {
    width: 12px;
    height: 158px;
    display: block;
    float: left
}

.s-soft-art .m-excellent .art-right {
    float: left;
    width: 518px;
    border: 1px solid #ededed;
    border-left: 0;
    border-bottom: 0;
    margin-left: -11px
}

.s-soft-art .m-excellent .art-right .inner {
    margin-left: 10px;
    background: #fff;
    height: 158px;
    overflow: hidden;
    padding-left: 24px;
    padding-right: 10px;
    border-bottom: 1px solid #ededed
}

.s-soft-art .m-excellent .art-right .title {
    font-size: 18px;
    color: #358ff0;
    overflow: hidden
}

.s-soft-art .m-excellent .art-right .title .txt {
    display: block;
    line-height: 46px;
    width: 80%;
    float: left
}

.s-soft-art .m-excellent .art-right .more {
    color: #999;
    font-size: 14px;
    float: right;
    font-weight: normal;
    margin-top: 12px
}

.s-soft-art .m-excellent .art-right .text {
    font-size: 12px;
    line-height: 30px;
    color: #999;
    height: 90px;
    overflow: hidden
}

.m-soft-release {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 5px;
    position: relative;
    z-index: 3;
    display: none
}

.m-soft-release .release-btn {
    width: 68px;
    height: 24px;
    background: #fff -84px -226px url(../img/uimg/sp_1.png) no-repeat;
    display: block;
    border: 1px solid #ededed;
    border-radius: 2px;
    font-size: 12px;
    color: #999;
    line-height: 24px;
    padding-left: 26px;
    position: relative;
    z-index: 11;
    letter-spacing: 0
}

.m-soft-release .release-btn .ico {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    background-position: -193px -234px;
    margin-left: 5px;
    vertical-align: middle;
    *margin-top: 2px
}

.m-soft-release:hover .release-list {
    display: block
}

.m-soft-release:hover .release-btn {
    border-bottom: 1px solid #fff
}

.m-soft-release:hover .ico {
    background-position: -217px -234px
}

.m-soft-release .release-list {
    display: none;
    font-size: 12px;
    line-height: 42px;
    padding: 0 12px;
    width: 318px;
    background: #fff;
    border: 1px solid #e4e4e4;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 10
}

.m-soft-release .release-list .item {
    letter-spacing: 2px
}

.m-soft-release .release-list .item+.item {
    border-top: 1px dashed #e4e4e4
}

.m-soft-share .bdshare-button-style0-16 a {
    background-image: url(../img/uimg/sp_share_2.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding-left: 0;
    margin-right: 14px;
    display: inline-block
}

.m-soft-share .bdshare-button-style0-16 a .bds_more {
    background-position: 0 0
}

.m-soft-share .bdshare-button-style0-16 a.bds_qzone {
    background-position: -46px 0
}

.m-soft-share .bdshare-button-style0-16 a.bds_tsina {
    background-position: -92px 0
}

.m-soft-share .bdshare-button-style0-16 a.bds_weixin {
    background-position: -138px 0
}

.m-soft-share .bdshare-button-style0-16 a.bds_tqq {
    background-position: -184px 0
}

.m-soft-share .bdshare-button-style0-16 a.bds_renren {
    background-position: -229px 0
}

.m-related-link {
    margin-bottom: 10px;
    overflow: hidden
}

.m-related-link .inner {
    clear: both;
    font-size: 16px;
    line-height: 26px
}

.m-related-link .inner b {
    float: left;
    color: #358ff0;
    font-weight: 500;
    margin-right: 15px
}

.m-related-link .inner a {
    float: left;
    margin-right: 20px
}

.m-related-link .item {
    color: #999;
    line-height: 36px;
    margin-right: 12px;
    letter-spacing: 2px
}

.m-related-link .item+.item {
    margin-left: 12px
}

.m-related-link .item:hover {
    color: #358ff0
}

.m-soft-dl-list {
    margin-bottom: 20px
}

.m-soft-dl-list .item {
    width: 33.3%;
    float: left;
    margin-top: 10px
}

.m-soft-dl-list .item-title {
    font-size: 16px;
    font-weight: normal;
    padding: 5px 12px;
    display: block
}

.m-soft-dl-list .item-img {
    width: 64px;
    height: 64px;
    padding: 12px;
    float: left
}

.m-soft-dl-list .item-info {
    margin-left: 100px;
    padding: 5px 0
}

.m-soft-dl-list .btn-dl {
    line-height: 28px;
    width: 78px;
    display: block;
    color: #358ff0;
    border: 1px solid #358ff0;
    text-align: center;
    letter-spacing: 2px;
    text-indent: 2px
}

.m-soft-dl-list .btn-dl:hover {
    background: #358ff0;
    color: #fff;
    border-color: #358ff0
}

.s-az-art .art-main {
    float: left
}

.s-az-art .art-title {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 22px;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px
}

.s-az-art .art-title .title {
    display: inline-block;
    vertical-align: top
}

.s-az-art .art-info {
    padding-right: 50px;
    letter-spacing: 2px;
    margin-bottom: 46px
}

.s-az-art .art-info .img {
    width: 72px;
    height: 72px;
    padding: 36px;
    border-radius: 50%;
    border: 2px solid #358ff0;
    position: relative
}

.s-az-art .art-info .text {
    line-height: 24px;
    text-align: justify;
    letter-spacing: 1px;
    min-height: 72px;
    overflow: hidden
}

.s-az-art .art-info .g-star {
    position: relative;
    top: -2px;
    margin-left: 4px
}

.s-az-art .m-soft-share {
    margin-top: -7px
}

.s-az-art .detail {
    margin-left: 180px
}

.s-az-art .detail .tag-box {
    margin-bottom: 25px
}

.s-az-art .detail .tag-box .tag {
    border: 1px solid #358ff0;
    border-radius: 14px;
    color: #358ff0;
    padding: 0 10px;
    display: inline-block;
    line-height: 26px;
    margin-right: 7px
}

.s-az-art .detail .item {
    line-height: 26px
}

.s-az-art .br {
    padding-top: 20px;
    padding-right: 50px;
    border-right: 1px solid #e4e4e4
}

.s-az-art .m-art-cont {
    line-height: 36px
}

.s-az-art .m-art-cont .btn-toggle {
    line-height: 38px;
    border: 1px solid #ededed;
    color: #999;
    text-align: center;
    display: block;
    background: #f7f7f7
}

.s-az-art .m-art-cont .toggle-1 {
    height: 216px;
    overflow: hidden
}

.s-az-art .m-art-cont .toggle-2 {
    height: 135px;
    overflow: hidden
}

.s-az-art .m-art-cont .toggle-cont {
    margin-bottom: 10px
}

.s-az-art .m-art-cont .toggle-cont.show-all {
    height: auto
}

.s-az-art .m-art-cont .u-new {
    margin-left: 20px;
    line-height: 45px
}

.s-az-art .m-art-cont .u-new .ico {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    background: -196px 0 url(../img/uimg/sp_2.png) no-repeat
}

.s-az-art .m-art-cont .u-new .txt {
    margin-left: 34px;
    display: block
}

.s-az-idx .m-az-recom {
    display: none;
    margin-right: 0
}

.s-az-idx .m-az-recom .item {
    width: 99px;
    margin: 15px 10px
}

.s-az-idx .m-az-recom .img {
    border-radius: 14px
}

.s-az-idx .m-rank .m-rank-tab {
    margin-top: 5px
}

.s-az-idx .m-rank .rank-title {
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat
}

.s-az-soft .m-rank .rank-cont {
    display: none
}

.s-az-soft .m-rank .m-rank-tab {
    margin-top: 5px
}

.s-az-soft .m-rank .rank-title {
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat
}

.s-az-soft .az-zjgx .tab-cont-item {
    display: block
}

.g-az-title {
    font-size: 0;
    border-bottom: 1px solid #e4e4e4
}

.g-az-title .u-left {
    vertical-align: top
}

.g-az-title .u-right {
    vertical-align: top
}

.g-az-title .txt {
    background: #358ff0;
    color: #fff;
    vertical-align: top;
    line-height: 30px;
    font-style: italic;
    height: 30px;
    overflow: hidden
}

.g-az-title .bb {
    vertical-align: top;
    height: 30px;
    padding-bottom: 16px;
    border-bottom: 2px solid #358ff0;
    margin-bottom: -1px
}

.g-az-title.sty-1 .txt {
    font-size: 16px;
    padding: 0 8px
}

.g-az-title.sty-1 .u-left {
    width: 15px;
    height: 30px;
    background: 0 0 url(../img/uimg/sp_2.png) no-repeat
}

.g-az-title.sty-1 .u-right {
    width: 33px;
    height: 30px;
    background: -95px 0 url(../img/uimg/sp_2.png) no-repeat
}

.g-az-title.sty-2 .txt {
    padding: 0 20px;
    font-size: 14px
}

.g-az-title.sty-2 .u-left {
    width: 11px;
    height: 30px;
    background: -140px 0 url(../img/uimg/sp_2.png) no-repeat
}

.g-az-title.sty-2 .u-right {
    width: 11px;
    height: 30px;
    background: -151px 0 url(../img/uimg/sp_2.png) no-repeat
}

.m-az-shots {
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px
}

.m-az-shots:hover .btn {
    display: block
}

.m-az-shots .inner {
    margin-right: -11px
}

.m-az-shots .item {
    width: auto;
    float: left;
    margin-right: 10px;
    cursor: pointer
}

.m-az-shots .btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 10;
    background-image: url(../img/uimg/sp_2.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    cursor: pointer
}

.m-az-shots .btn-prev {
    left: 0;
    background-position: 0 -30px
}

.m-az-shots .btn-next {
    right: 0;
    background-position: -70px -30px
}

.m-az-recom {
    margin-top: 20px;
    margin-right: -7px
}

.m-az-recom .item {
    float: left;
    width: 120px;
    text-align: center
}

.m-az-recom .item .img {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative
}

.m-az-recom .item .img img {
    border-radius: 16px
}

.m-dl-qrcode {
    text-align: center;
    margin-bottom: 50px
}

.m-dl-qrcode .btn-dl {
    display: block;
    margin: 25px auto 0;
    width: 288px;
    height: 80px;
    background: 0 -100px url(../img/uimg/sp_2.png) no-repeat
}

.m-dl-qrcode .btn-dl:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.m-side-version {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px
}

.m-side-version .item {
    color: #fff;
    padding: 20px
}

.m-side-version .item+.item {
    margin-top: 20px
}

.m-side-version .img {
    width: 110px;
    height: 110px;
    float: left;
    border-radius: 20px;
    position: relative;
    z-index: 2
}

.m-side-version .info {
    margin-left: 130px
}

.m-side-version .name {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 12px
}

.m-side-version .btn-dl {
    width: 50px;
    float: right;
    height: 24px;
    line-height: 24px;
    background: #fff;
    text-align: center;
    border-radius: 12px;
    position: relative;
    z-index: 2
}

.m-side-version .sty-1 {
    background: #ffb100
}

.m-side-version .sty-1 .btn-dl {
    color: #ffb100
}

.m-side-version .sty-2 {
    background: #4fbde1
}

.m-side-version .sty-2 .btn-dl {
    color: #4fbde1
}

.m-side-version .sty-3 {
    background: #ec6862
}

.m-side-version .sty-3 .btn-dl {
    color: #ec6862
}

.m-az-tab-list .bb {
    border-bottom: 0;
    cursor: pointer
}

.m-az-tab-list .bb .txt {
    color: #333;
    background: #efefef
}

.m-az-tab-list .bb .u-left {
    background-position: -162px 0
}

.m-az-tab-list .bb .u-right {
    background-position: -173px 0
}

.m-az-tab-list .bb.cur {
    border-bottom: 2px solid #358ff0
}

.m-az-tab-list .bb.cur .txt {
    color: #fff;
    background: #358ff0
}

.m-az-tab-list .bb.cur .u-left {
    background-position: -140px 0
}

.m-az-tab-list .bb.cur .u-right {
    background-position: -151px 0
}

.m-az-tab-list .m-rank {
    margin-top: -25px
}

.m-az-tab-list .m-rank .rank-item {
    padding-bottom: 0;
    border-bottom: 0
}

.m-az-tab-list .m-rank .rank-item.on .g-art-count {
    display: none
}

.m-hot-tag {
    word-break: break-all
}

.m-hot-tag .g-title {
    border-color: #e7e7e7
}

.m-hot-tag .inner {
    margin-top: -10px
}

.m-hot-tag .tag {
    margin-right: 26px;
    line-height: 32px
}

.m-hot-tag .tag .count {
    font-size: 12px;
    color: #999
}

.m-hot-tag .c-1 {
    color: #ff1716
}

.m-hot-tag .c-2 {
    color: #0b9e94
}

.m-hot-tag .c-3 {
    color: #d39f17
}

.m-hot-tag .c-4 {
    color: #ff006b
}

.m-hot-tag .c-5 {
    color: #049cff
}

.m-hot-tag .c-6 {
    color: #606060
}

.m-hot-tag .c-6 {
    color: #8b4bfa
}

.m-hot-tag .c-7 {
    color: #4b991f
}

.m-soft-line {
    padding-top: 20px;
    margin-right: -44px
}

.m-soft-line .item {
    float: left;
    width: 80px;
    margin-right: 44px
}

.m-soft-line .name {
    margin-top: 10px;
    text-align: center
}

.m-soft-collection {
    color: #999;
    border: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px;
    margin-bottom: 20px
}

.m-soft-collection .title {
    float: left;
    width: 83px;
    height: 30px;
    line-height: 30px;
    padding-left: 28px;
    color: #fff;
    background: 0 0px url(../img/uimg/sp_2.png) no-repeat
}

.m-soft-collection .item {
    margin: 5px 20px;
    float: left
}

.m-soft-collection .links {
    margin-left: 136px;
    overflow: hidden;
    height: 30px
}

.m-soft-collection .link {
    font-size: 14px;
    line-height: 30px;
    color: #666
}

.m-soft-collection .link+.link:before {
    content: "|";
    margin: 0 10px 0 8px;
    color: #ddd
}

.m-soft-collection .link:hover {
    color: #358ff0
}

.m-soft-collection .link:first-child {
    margin-left: 0
}

.m-recom-list {
    float: left;
    width: 200px
}

.m-recom-list .ico-30 {
    margin-right: 10px
}

.m-recom-list .list {
    overflow: hidden;
    height: 214px
}

.m-recom-list .item {
    margin-top: 16px;
    height: 30px
}

.m-recom-list .item:first-child {
    margin-top: 0
}

.g-dotted {
    height: 1px;
    background-position: 0 -28px;
    background-repeat: repeat-x
}

.m-rank-tab {
    font-size: 14px;
    font-weight: normal
}

.m-rank-tab .item {
    float: left;
    margin-left: 10px;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #ededed;
    color: #666;
    cursor: pointer;
    letter-spacing: 0
}

.m-rank-tab .item.cur {
    color: #fff;
    background: #358ff0
}

.page-soft-idx .soft-main .soft-slide {
    width: 580px;
    height: 287px;
    overflow: hidden;
    position: relative
}

.page-soft-idx .soft-main .soft-slide .title {
    margin-top: -46px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    position: relative
}

.page-soft-idx .soft-main .soft-slide .title .txt {
    position: relative;
    z-index: 2;
    padding-left: 20px
}

.page-soft-idx .soft-main .soft-slide .cover {
    background: #000;
    filter: alpha(opacity=34);
    opacity: .34;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.page-soft-idx .soft-main .soft-slide .btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 38px;
    height: 60px;
    border-radius: 2px;
    cursor: pointer
}

.page-soft-idx .soft-main .soft-slide .btn.btn-prev {
    left: 0
}

.page-soft-idx .soft-main .soft-slide .btn.btn-prev .btn-ico {
    background-position: -175px -32px
}

.page-soft-idx .soft-main .soft-slide .btn.btn-next {
    right: 0
}

.page-soft-idx .soft-main .soft-slide .btn.btn-next .btn-ico {
    background-position: -195px -32px
}

.page-soft-idx .soft-main .soft-slide .btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.page-soft-idx .soft-main .col-2 {
    float: left;
    margin-left: 24px;
    width: 580px
}

.page-soft-idx .soft-main .col-3 {
    width: 360px;
    float: right
}

.page-soft-idx .soft-main .col-3 .m-rank {
    margin-top: -19px;
    display: none
}

.page-soft-idx .soft-main .col-3 .g-sort-num {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    margin-top: 1px
}

.page-soft-idx .soft-main .col-3 .rank-item {
    padding-top: 18px
}

.g-npos {
    position: absolute;
    right: 20px;
    bottom: 18px;
    z-index: 3
}

.g-npos .item {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin-left: 10px
}

.g-npos .item .cir {
    width: 100%;
    height: 10px;
    background: #fff;
    border-radius: 5px;
    transition: width 0.6s ease-in 0s;
    position: relative;
    z-index: 2
}

.g-npos .item.on {
    width: 20px
}

.m-soft-cate-list {
    color: #999;
    margin-top: 2px
}

.m-soft-cate-list .soft-list {
    margin-right: 80px;
    display: none
}

.m-soft-cate-list .soft-list .item {
    margin-top: 14px;
    height: 20px;
    overflow: hidden
}

.m-soft-cate-list .label {
    color: #999;
    margin-right: 10px;
    float: left
}

.m-soft-cate-list .label:after {
    content: "|";
    margin-left: 12px;
    color: #999
}

.m-soft-cate-list .label:hover {
    color: #358ff0
}

.m-soft-cate-list .ico-18 {
    margin: 0 3px
}

.m-soft-cate-list .g-time {
    margin-left: 20px
}

.m-soft-cate-list .soft-cate {
    width: 40px;
    text-align: center;
    margin-top: -20px
}

.m-soft-cate-list .soft-cate .item-box {
    margin-top: 18px
}

.m-soft-cate-list .soft-cate .item-box.cur .item {
    background: #358ff0;
    color: #fff
}

.m-soft-cate-list .soft-cate .item {
    border-radius: 15px 0 15px 0;
    background: #f5f6f8;
    color: #666;
    height: 120px;
    position: relative;
    display: table;
    cursor: pointer;
    width: 40px;
    line-height: 1.2
}

.m-soft-cate-list .soft-cate .item .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    width: 20px;
    *position: absolute;
    *top: 50%;
    *left: 0
}

.m-soft-cate-list .soft-cate .item .txt {
    display: block;
    *position: relative;
    *top: -50%;
    *left: 0
}

.m-hot-tab-row {
    border: 1px solid #ededed
}

.m-hot-tab-row .hot-tab {
    width: 120px
}

.m-hot-tab-row .hot-tab .item {
    line-height: 72px;
    height: 72px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #ededed
}

.m-hot-tab-row .hot-tab .item.cur {
    background: #f7534c;
    border-right: 1px solid #f7534c;
    color: #fff
}

.m-hot-tab-row .hot-tab .item.cur .arrow {
    display: block
}

.m-hot-tab-row .hot-tab .item .arrow {
    display: none;
    position: absolute;
    right: -8px;
    top: 50%;
    width: 7px;
    height: 14px;
    margin-top: -7px;
    background: -175px -60px url(../img/uimg/sp_2.png) no-repeat
}

.m-hot-tab-row .m-az-recom {
    margin-top: 0
}

.m-recom-large {
    margin-left: -25px
}

.m-recom-large .item {
    position: relative;
    width: 220px;
    height: 392px;
    overflow: hidden;
    float: left;
    margin-left: 25px
}

.m-recom-large .item:hover .cover {
    top: 0
}

.m-recom-large .img {
    position: relative;
    width: 220px;
    height: 392px;
    z-index: 1
}

.m-recom-large .img .title {
    line-height: 46px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.m-recom-large .img .title .txt {
    position: relative;
    z-index: 2
}

.m-recom-large .img .title .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.m-recom-large .ico {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: #f7534c;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 0 0 0 25px;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.m-recom-large .cover {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fafafa;
    z-index: 3;
    width: 100%;
    height: 100%;
    transition: all .3 ease;
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    transition: top 0.4s
}

.m-recom-large .cover .title {
    line-height: 46px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    background: #358ff0;
    color: #fff
}

.m-recom-large .cover .txt {
    line-height: 30px;
    padding: 20px 20px 0;
    margin-bottom: 20px;
    height: 240px;
    overflow: hidden;
    color: #666;
    text-align: justify
}

.m-recom-large .btn-in {
    color: #358ff0;
    border-radius: 14px;
    line-height: 28px;
    border: 1px solid #358ff0;
    display: block;
    width: 92px;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 2
}

.m-feature-topic .inner {
    height: 382px;
    overflow: hidden
}

.m-feature-topic .list {
    margin-left: -20px;
    margin-top: -20px
}

.m-feature-topic .item {
    width: 285px;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 20px
}

.m-feature-topic .title {
    font-size: 16px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid #f2f2f2
}

.m-feature-topic .btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 50px;
    height: 80px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden
}

.m-feature-topic .btn:hover .cover {
    filter: alpha(opacity=20);
    opacity: .2
}

.m-feature-topic .btn.prev {
    left: 0
}

.m-feature-topic .btn.prev .btn-ico {
    background-position: -175px -32px
}

.m-feature-topic .btn.next {
    right: 0
}

.m-feature-topic .btn.next .btn-ico {
    background-position: -195px -32px
}

.m-feature-topic .btn .cover {
    background: #000;
    filter: alpha(opacity=35);
    opacity: .35;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-feature-topic .btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-ctrl-group .btn {
    width: 30px;
    height: 30px;
    background-image: url(../img/uimg/sp_2.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    cursor: pointer
}

.m-ctrl-group .btn.prev {
    background-position: -201px -63px
}

.m-ctrl-group .btn.next {
    background-position: -241px -63px
}

.m-hot-soft-row {
    position: relative;
    border: 1px solid #ededed;
    padding-bottom: 15px
}

.m-hot-soft-row .ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 58px;
    background: -234px 0 url(../img/uimg/sp_2.png) no-repeat;
    z-index: 2
}

.m-hot-soft-row .eco {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: -220px -414px url(../img/uimg/sp_1.png) no-repeat;
    z-index: 2
}

.m-soft-slide-large {
    width: 804px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-right: 20px
}

.g-input-page {
    border: 1px solid #358ff0;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 0
}

.g-input-page .input {
    width: 34px;
    border: 0;
    height: 18px;
    line-height: 18px;
    padding: 3px 10px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: 14px;
    outline: 0
}

.g-input-page .btn {
    display: inline-block;
    width: 26px;
    height: 24px;
    background: 0 -323px url(../img/uimg/sp_1.png) no-repeat;
    vertical-align: top
}

.m-list-share {
    position: relative;
    margin-bottom: -2px
}

.m-list-share:hover .bd-share {
    display: block
}

.m-list-share:hover .share {
    display: none
}

.m-list-share .share {
    width: 40px;
    height: 40px;
    display: block;
    background: -161px 4px url(../img/uimg/sp_share_3.png) no-repeat
}

.m-list-share .bd-share {
    display: none
}

.m-list-share .bdshare-button-style0-16 a:hover {
    opacity: .6;
    filter: alpha(opacity=60)
}

.m-list-share .bds {
    background-image: url(../img/uimg/sp_share_3.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    color: #fff;
    padding-left: 0;
    margin: 0 5px
}

.m-list-share .bds.bds_tsina {
    background-position: 2px 4px
}

.m-list-share .bds.bds_weixin {
    background-position: -59px 4px;
    margin-left: 10px
}

.m-list-share .bds.bds_sqq {
    background-position: -115px 4px
}

.page-news-list .list-main .desc {
    font-size: 16px;
    margin-bottom: 20px
}

.page-news-list .list-main .info {
    padding-top: 5px
}

.page-soft-list .list-main .desc {
    margin-bottom: 20px
}

.s-page-list .c-cur-pos {
    border-bottom: 2px solid #ededed;
    padding-bottom: 7px;
    margin-bottom: 5px
}

.s-page-list .list-main .item {
    padding: 20px 10px 20px;
    border-bottom: 1px solid #ededed
}

.s-page-list .list-main .item:first-child {
    padding-top: 0
}

.s-page-list .list-main .soft-img {
    width: 70px;
    height: 70px;
    padding: 24px;
    border: 1px solid #f8f8f8
}

.s-page-list .list-main .title {
    font-size: 20px;
    margin-bottom: 24px
}

.s-page-list .list-main .info {
    color: #666;
    margin-left: 270px;
    overflow: hidden
}

.s-page-list .list-main .detail {
    margin-bottom: 10px
}

.s-page-list .list-main .desc {
    line-height: 40px;
    height: 120px;
    overflow: hidden;
    text-align: justify
}

.s-page-list .list-main .m-list-share {
    position: absolute;
    right: 0;
    bottom: 0
}

.s-page-list .list-main .btn {
    width: 92px;
    height: 28px;
    color: #999;
    border: 1px solid #c2c2c2;
    text-align: center;
    border-radius: 2px;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 2px
}

.s-page-list .list-main .btn:hover {
    color: #358ff0;
    border-color: #358ff0
}

.page-news-list .c-cur-pos {
    margin-bottom: 10px
}

.page-news-list .hot-rank .g-title {
    border-color: #358ff0;
    margin-bottom: 36px
}

.page-news-list .hot-rank .g-title .g-tab {
    font-size: 22px;
    font-weight: bold;
    height: 30px;
    padding-bottom: 8px;
    margin-left: 10px
}

.page-course-list .list-main .desc {
    color: #666;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-size: 16px
}

.page-course-list .list-main .detail {
    margin-bottom: 0
}

.page-course-list .list-main .btn {
    margin-top: -5px
}

.page-course-list .list-main .btn:hover {
    background: #51a5ff;
    border-color: #51a5ff;
    color: #fff
}

.page-soft-list .title .tag {
    color: #666;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin-top: 8px;
    margin-left: 20px
}

.page-soft-list .title .txt {
    display: inline-block;
    max-width: 90%;
    text-align: justify
}

.page-soft-list .list-main .info {
    margin-left: 140px
}

.page-soft-list .list-main .info .g-star {
    position: relative;
    top: -2px;
    margin-left: 4px
}

.page-soft-list .list-main .desc {
    color: #666;
    line-height: 24px;
    height: 48px;
    margin-bottom: 18px;
    margin-top: 10px
}

.page-soft-list .list-main .detail {
    margin-bottom: 0
}

.page-soft-list .list-main .btn {
    margin-top: -5px
}

.page-soft-list .list-main .btn:hover {
    background: #358ff0;
    border-color: #358ff0;
    color: #fff
}

.page-soft-list .list-main .platform .p-btn {
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    color: #666;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-right: 35px
}

.page-soft-list .list-main .platform .p-btn.pc {
    background-position: -241px -323px
}

.page-soft-list .list-main .platform .p-btn.android {
    background-position: -241px -343px
}

.page-soft-list .list-main .platform .p-btn.iphone,
.page-soft-list .list-main .platform .p-btn.mac {
    background-position: -241px -363px
}

.page-soft-list .tag-list {
    margin: -5px -15px 25px 0
}

.page-soft-list .tag-list .tag-link {
    width: 82px;
    padding: 0;
    margin: 6px 15px 6px 0;
    border-radius: 2px
}

.page-soft-list .m-related-list .related-list .item {
    padding: 0 10px
}

.page-soft-list .rank-item.on .g-art-count {
    display: none
}

.page-soft-list .side-hot-recom .rank-cont {
    display: none
}

.page-soft-list .c-cur-pos,
.page-soft-comment .c-cur-pos,
.page-course-art .c-cur-pos,
.page-zt-company .c-cur-pos {
    background: #f9f9f9;
    padding: 0 10px
}

.page-az-list .c-cur-pos {
    border-color: #358ff0
}

.m-az-sort-tab {
    margin-right: 10px
}

.m-az-sort-tab .tab-item.cur .ico-s {
    background-position: -186px -42px
}

.m-az-sort-tab .txt {
    display: inline-block;
    font-weight: bold;
    height: 28px;
    vertical-align: middle
}

.m-az-sort-tab .ico-s {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 28px;
    background: -186px -67px url(../img/uimg/sp_2.png) no-repeat
}

.m-az-sort-list {
    margin: -40px 0 40px -24px
}

.m-az-sort-list .item {
    width: 260px;
    border: 1px solid #f5f5f5;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: 40px
}

.m-az-sort-list .item:hover .cover {
    top: 0
}

.m-az-sort-list .item .title {
    text-align: center;
    padding: 0 20px
}

.m-az-sort-list .item .inner {
    position: relative;
    z-index: 1;
    padding-top: 40px
}

.m-az-sort-list .item .inner .title {
    padding-bottom: 30px;
    font-size: 22px
}

.m-az-sort-list .item .cover {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 100%;
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    transition: top 0.4s
}

.m-az-sort-list .item .cover .title {
    font-size: 14px;
    color: #fff;
    background: #358ff0;
    line-height: 40px;
    height: 40px
}

.m-az-sort-list .item .cover .detail {
    padding: 18px 18px 10px;
    font-size: 12px;
    color: #999
}

.m-az-sort-list .item .cover .desc {
    line-height: 22px;
    font-size: 12px;
    height: 132px;
    overflow: hidden;
    padding: 0 18px;
    color: #333;
    margin-bottom: 25px;
    text-align: justify
}

.m-az-sort-list .item .cover .btn {
    width: 88px;
    height: 24px;
    line-height: 24px;
    display: block;
    margin: auto;
    border: 1px solid #358ff0;
    color: #358ff0;
    text-align: center
}

.m-az-sort-list .item .cover .btn:hover {
    background: #358ff0;
    color: #fff
}

.m-az-sort-list .item .img {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative
}

.m-az-sort-list .item .img img {
    border-radius: 16px
}

.m-az-sort-list .item .info {
    line-height: 44px;
    height: 44px;
    padding: 10px;
    border-top: 1px solid #f5f5f5
}

.s-az-recom .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0
}

.s-az-recom .m-soft-tab {
    margin-top: -4px
}

.s-az-recom .m-soft-tab .tab-item {
    color: #358ff0;
    border: 1px solid #358ff0;
    margin: 0 8px;
    line-height: 26px;
    *line-height: 24px;
    height: 26px;
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 16px
}

.s-az-recom .m-soft-tab .tab-item:hover,
.s-az-recom .m-soft-tab .tab-item.cur {
    background: #358ff0;
    color: #fff
}

.s-soft-zt .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0
}

.s-az-zt .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0
}

.s-az-zt .m-side-col .g-title {
    border-color: #358ff0
}

.m-soft-show {
    margin-left: -30px;
    margin-top: -30px
}

.m-soft-show .item {
    width: 380px;
    position: relative;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    height: 200px;
    top: 0
}

.m-soft-show .item .inner {
    border: 1px solid #e8e8e8;
    padding: 18px 18px 9px;
    position: relative;
    top: 0;
    z-index: 2;
    background: #fff;
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    transition: top 0.4s;
    height: 178px
}

.m-soft-show .item:hover .inner {
    top: -5px
}

.m-soft-show .item:hover .shadow {
    width: 94%;
    left: 3%;
    bottom: -2px
}

.m-soft-show .item:hover .icon {
    display: none
}

.m-soft-show .item:hover .qrcode {
    display: block
}

.m-soft-show .item .inner p.mb5.c-999 {
    min-height: 20px
}

.m-soft-show .item.sty-1 .most-ico {
    background-position: 0 0
}

.m-soft-show .item.sty-2 .most-ico {
    background-position: -128px 0
}

.m-soft-show .item.sty-3 .most-ico {
    background-position: -256px 0
}

.m-soft-show .item.sty-4 .most-ico {
    background-position: -384px 0
}

.m-soft-show .item.most .info {
    margin-left: 86px;
    margin-bottom: 6px
}

.m-soft-show .item.most .cell-1 {
    width: 72px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.m-soft-show .item.most .btn-dl {
    margin-top: 10px
}

.m-soft-show .item .shadow {
    position: absolute;
    left: 0%;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s
}

.m-soft-show .info {
    position: relative
}

.m-soft-show .icon {
    width: 72px;
    height: 72px;
    display: block;
    float: left;
    margin-right: 10px
}

.m-soft-show .qrcode {
    width: 72px;
    height: 72px;
    display: none;
    float: left;
    margin-right: 10px
}

.m-soft-show .cell {
    float: left;
    width: 259px
}

.m-soft-show .title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    display: block;
    padding-right: 75px
}

.m-soft-show .title2 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 6px;
    display: block
}

.m-soft-show .cell-1+.title {
    margin-bottom: 5px
}

.m-soft-show .most-ico {
    position: absolute;
    left: -7px;
    top: -7px;
    width: 112px;
    height: 112px;
    background-image: url(../img/uimg/sp_3.png);
    background-repeat: no-repeat;
    z-index: 3
}

.m-soft-show .desc {
    color: #999;
    line-height: 24px;
    height: 48px;
    margin: 10px 0 5px;
    text-align: justify;
    overflow: hidden
}

.m-soft-show .tag-ico {
    padding-left: 18px;
    background-image: url(../img/uimg/sp_3.png);
    background-repeat: no-repeat;
    font-size: 12px;
    color: #666
}

.m-soft-show .tag-ico.ico-1 {
    background-position: -504px 1px
}

.m-soft-show .tag-ico.ico-2 {
    background-position: -504px -25px
}

.m-soft-show .tag-ico.ico-3 {
    background-position: -504px -50px
}

.m-soft-show .btn-dl {
    width: 70px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: #358ff0;
    color: #fff;
    border: 1px solid #358ff0;
    text-align: center;
    position: absolute;
    top: 69px;
    right: 0px
}

.m-soft-show .btn-dl:hover {
    color: #fff;
    background: #358ff0;
    border-color: #358ff0;
    box-shadow: 0 0 15px 2px #c3defb
}

.m-soft-show .c-orange {
    color: #ff6600
}

.m-soft-show-large {
    margin: 10px 0 30px;
    border: 1px solid #ededed
}

.m-soft-show-large .info {
    width: 720px;
    border-right: 0;
    border-bottom: 0;
    float: left
}

.m-soft-show-large .inner {
    padding: 15px 0 15px 15px;
    background: #fff
}

.m-soft-show-large .u-hypot {
    background: url(../img/uimg/u_hypot_2.png) no-repeat;
    display: block;
    float: right
}

.m-soft-show-large .title {
    font-size: 20px;
    margin-bottom: 10px;
    width: 309px;
    float: left
}

.m-soft-show-large .txt {
    font-size: 14px;
    line-height: 24px;
    min-height: 110px;
    overflow: hidden;
    width: 700px
}

.m-soft-show-large .txt a {
    color: #358ff0 !important
}

.m-soft-show-large .txt:before {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both
}

.m-soft-show-large .img {
    float: right;
    margin: 15px;
    display: block;
    width: 400px;
    height: 200px
}

.m-soft-show-large .m-soft-share {
    vertical-align: middle;
    margin-top: 0
}

.m-soft-share {
    display: none
}

.m-img-title-cov {
    margin-left: -18px;
    margin-top: -8px
}

.m-img-title-cov .item {
    float: left;
    margin-left: 18px;
    margin-top: 18px;
    width: 284px;
    border: 1px solid #f2f2f2;
    position: relative;
    overflow: hidden
}

.m-img-title-cov .item:hover .cover {
    top: 0
}

.m-img-title-cov .title {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 43px;
    height: 43px;
    padding: 0 10px
}

.m-img-title-cov .cover {
    -webkit-transition: top 0.4s;
    -moz-transition: top 0.4s;
    transition: top 0.4s;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #fff
}

.m-img-title-cov .cover .title {
    font-size: 18px;
    color: #fff;
    background: #358ff0
}

.m-img-title-cov .cover .desc {
    line-height: 28px;
    height: 112px;
    overflow: hidden;
    padding: 10px 10px 0;
    color: #999;
    margin-bottom: 10px
}

.m-img-title-cov .cover .info {
    padding: 10px
}

.m-img-title-cov .cover .count {
    background: -264px -190px url(../img/uimg/sp_2.png) no-repeat;
    padding-left: 32px;
    display: inline-block;
    height: 20px;
    color: #ff3e3e
}

.m-zt-recom {
    position: relative;
    height: 476px;
    overflow: hidden
}

.m-zt-recom.hot-sys-recom {
    height: 290px
}

.m-zt-recom.hot-sys-recom .item {
    padding-bottom: 10px;
    margin-left: 18px;
    width: 284px
}

.m-zt-recom.hot-sys-recom .item .title {
    white-space: normal;
    height: 54px;
    padding: 10px 10px 0;
    line-height: 27px;
    text-align: left
}

.m-zt-recom.hot-sys-recom .btn.prev {
    left: 2px
}

.m-zt-recom.hot-sys-recom .btn.next {
    right: 2px
}

.m-zt-recom .item-cont {
    margin-left: -17px;
    margin-top: -18px
}

.m-zt-recom .item {
    float: left;
    margin-left: 19px;
    margin-top: 18px;
    width: 384px;
    border: 1px solid #ededed;
    position: relative;
    overflow: hidden
}

.m-zt-recom .item .title {
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    padding: 0 10px;
    height: 43px;
    font-weight: normal
}

.m-zt-recom .btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 38px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer
}

.m-zt-recom .btn:hover .cover {
    filter: alpha(opacity=100);
    opacity: 1;
    background: #358ff0
}

.m-zt-recom .btn.prev {
    left: 0px
}

.m-zt-recom .btn.prev .btn-ico {
    background-position: -175px -32px
}

.m-zt-recom .btn.next {
    right: 0px
}

.m-zt-recom .btn.next .btn-ico {
    background-position: -195px -32px
}

.m-zt-recom .btn .cover {
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-zt-recom .btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-az-zt-banner {
    height: 336px;
    position: relative
}

.m-az-zt-banner .info {
    position: absolute;
    right: 0;
    top: 0;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8
}

.m-az-zt-banner .info .inner {
    padding: 25px 20px;
    width: 364px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
    margin-left: 31px;
    height: 240px
}

.m-az-zt-banner .info .u-hypot {
    background: url(../img/uimg/u_hypot_3.png) no-repeat;
    width: 31px;
    height: 290px;
    display: block;
    float: left
}

.m-az-zt-banner .info .title {
    font-size: 20px;
    margin-bottom: 10px
}

.m-az-zt-banner .info .txt {
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 20px
}

.m-az-zt-banner .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px
}

.m-az-zt-banner .layer .inner {
    position: relative;
    z-index: 2
}

.m-az-zt-banner .layer .items {
    padding-top: 10px
}

.m-az-zt-banner .layer .item {
    margin-left: 10px;
    float: left;
    width: 288px;
    position: relative
}

.m-az-zt-banner .layer .item:hover .overlay {
    display: block
}

.m-az-zt-banner .layer .overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 2;
    border: 2px solid #358ff0
}

.m-az-zt-banner .layer .overlay .cover {
    filter: alpha(opacity=20);
    opacity: .20
}

.m-az-zt-banner .layer .overlay .title {
    font-size: 16px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    padding: 0 10px
}

.m-az-zt-banner .layer .cover {
    background: #000;
    filter: alpha(opacity=50);
    opacity: .50;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-az-zt-banner .layer .text {
    font-weight: bold;
    color: #fff;
    margin-left: 925px;
    width: 210px;
    line-height: 24px;
    padding-top: 26px
}

.m-az-zt-list .item {
    border-top: 1px dashed #e4e4e4;
    border-bottom: 1px dashed #e4e4e4;
    padding: 32px 20px;
    position: relative;
    margin-top: -1px
}

.m-az-zt-list .item:hover {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #f5f6f8
}

.m-az-zt-list .item:hover+.item {
    border-top: 1px solid #fff
}

.m-az-zt-list .item:hover .overlay {
    display: block
}

.m-az-zt-list .img {
    border-radius: 16px;
    overflow: hidden;
    position: relative
}

.m-az-zt-list .overlay {
    display: none;
    position: absolute;
    right: 20px;
    top: 18px
}

.m-az-zt-list .overlay .qrcode {
    padding: 10px;
    background: #fff;
    border: 1px solid #ededed
}

.m-az-zt-list .overlay .btn-dl {
    display: block;
    text-align: center;
    line-height: 40px;
    height: 40px;
    margin-top: 5px;
    background: #51a5ff;
    font-size: 16px;
    border-radius: 2px;
    color: #fff;
    width: 102px;
    position: relative
}

.m-az-zt-list .info {
    margin-left: 138px;
    margin-right: 138px;
    padding-top: 10px
}

.m-az-zt-list .info .title {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    max-width: 376px;
    display: inline-block;
    vertical-align: middle
}

.m-az-zt-list .info .txt {
    color: #666;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 10px
}

.s-zt-summary .g-title {
    border-color: #ddd
}

.s-zt-summary .s-zt-title {
    background: #f5f5f5;
    border: 0px
}

.s-zt-summary .s-zt-title .title-txt {
    margin: 0;
    background: #358ff0;
    color: #fff;
    padding: 10px 20px;
    width: auto
}

.s-zt-summary .s-zt-tab {
    margin: 7px
}

.s-zt-summary .s-zt-tab .tab-item {
    color: #358ff0;
    border: 1px solid #358ff0;
    margin: 0 1px;
    line-height: 26px;
    *line-height: 24px;
    height: 26px;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 16px
}

.s-zt-summary .s-zt-tab .tab-item:hover,
.s-zt-summary .s-zt-tab .tab-item.cur {
    background: #358ff0;
    color: #fff
}

.g-tab-title {
    padding-bottom: 10px;
    border-color: #358ff0
}

.g-tab-title .tab-item.cur {
    font-size: 20px;
    font-weight: bold
}

.m-zt-tab.g-title {
    border-color: #358ff0
}

.m-zt-tab .info {
    width: 315px;
    overflow: hidden
}

.m-zt-tab .tag {
    float: left;
    margin-top: 1px;
    font-size: 18px;
    font-weight: bold
}

.m-zt-tab .text {
    color: #999
}

.m-zt-tab .letter {
    color: #f0f0f0;
    margin-left: 3px
}

.m-zt-tab .m-ctrl-group .page {
    float: left;
    margin-left: 10px;
    line-height: 30px
}

.m-zt-img-title.zt-course .list {
    margin-left: -20px
}

.m-zt-img-title.zt-course .item {
    width: 588px;
    margin-left: 20px
}

.m-zt-img-title .list {
    margin-left: -18px;
    margin-top: -12px
}

.m-zt-img-title .item {
    width: 386px;
    text-align: center;
    float: left;
    margin-left: 18px;
    margin-top: 20px;
    border: 1px solid #ededed
}

.m-zt-img-title .title {
    font-size: 16px;
    line-height: 44px;
    padding: 0 10px
}

.s-tag .g-title .title-txt {
    font-weight: bold
}

.s-tag .m-hot-tag .tag {
    display: inline-block
}

.m-map .g-title {
    margin-top: 20px;
    border-bottom: 0
}

.m-map .g-title .title-txt {
    background-image: url(../img/uimg/sp_4.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-bottom: 5px;
    color: #358ff0
}

.m-map .title-txt.t-1 {
    background-position: 0 0
}

.m-map .title-txt.t-2 {
    background-position: 0 -30px
}

.m-map .title-txt.t-3 {
    background-position: 0 -60px
}

.m-map .title-txt.t-4 {
    background-position: 0 -90px
}

.m-map .title-txt.t-5 {
    background-position: 0 -120px
}

.m-map .title-txt.t-6 {
    background-position: 0 -150px
}

.m-map .title-txt.t-7 {
    background-position: 0 -180px
}

.m-map .title-txt.t-8 {
    background-position: 0 -210px
}

.m-map .title-txt.t-9 {
    background-position: 0 -240px
}

.m-map .title-txt.t-10 {
    background-position: 0 -270px
}

.m-map .title-txt.t-11 {
    background-position: 0 -300px
}

.m-map .title {
    float: left;
    width: 200px;
    overflow: hidden;
    color: #358ff0;
    padding-left: 10px;
    font-size: 18px;
    margin-top: 5px
}

.m-map .title img {
    width: 56px;
    height: 56px;
    margin-right: 20px;
    vertical-align: text-top
}

.m-map .item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #e4e4e4
}

.m-map .item:last-child {
    border-bottom: 1px dashed #e4e4e4
}

.m-map .links {
    float: left;
    width: 980px;
    margin-top: -4px
}

.m-map .links .mb20:last-child {
    margin-bottom: 0px
}

.m-map .link {
    width: 136px;
    height: 36px;
    line-height: 36px;
    float: left;
    text-align: center;
    background: #f5f5f5;
    margin-left: 4px;
    margin-top: 4px
}

.m-map .link:hover {
    color: #fff;
    background: #358ff0
}

.m-theme-list {
    margin-left: -19px;
    margin-top: -20px
}

.m-theme-list .item {
    width: 254px;
    float: left;
    margin-left: 19px;
    margin-top: 20px
}

.m-theme-list .name {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ededed;
    border-top: 0;
    line-height: 44px;
    font-size: 16px
}

.m-theme-list .btn-dl {
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: #c2c2c2;
    border: 1px solid #c2c2c2;
    float: right;
    text-align: center
}

.m-theme-list .btn-dl:hover {
    color: #fff;
    background: #358ff0;
    border-color: #358ff0
}

.image-preview {
    position: absolute;
    z-index: 1000;
    border: 2px solid #358ff0;
    padding: 5px;
    background-color: #fff
}

.page-course-idx .m-large-link {
    background: #f6f6f6;
    text-align: center;
    height: 68px;
    overflow: hidden
}

.page-course-idx .m-large-link .ico {
    border-radius: 50%;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background: #358ff0;
    position: relative;
    vertical-align: top;
    margin-right: 5px
}

.page-course-idx .m-large-link .link {
    display: inline-block;
    vertical-align: top;
    font-size: 36px;
    color: #358ff0
}

.page-course-idx .m-large-link .link:hover {
    text-decoration: underline
}

.page-course-idx .m-large-link .item {
    padding: 13px 0;
    line-height: 42px
}

.page-course-idx .m-large-link .item+.item {
    margin-left: 35px
}

.s-course-idx .g-title {
    margin-bottom: 15px;
    border-color: #e4e4e4
}

.s-course-idx .g-title .title-txt {
    width: auto;
    font-weight: bold
}

.s-course-idx .hot-rank .g-title {
    border-color: #358ff0;
    margin-bottom: 0;
    font-weight: bold;
    width: 300px
}

.s-course-idx .hot-rank .tab-item {
    padding-bottom: 10px;
    font-size: 20px
}

.s-course-idx .hot-rank .tab-item .bot-arrow {
    bottom: -2px
}

.s-course-idx .hot-rank .g-time {
    color: #999;
    margin-left: 20px
}

.m-rank.u-dashed.mb50.J_tab_cont {
    width: 300px
}

.s-course-idx .hot-rank .g-time.today {
    color: #358ff0;
    letter-spacing: 3px;
    *padding-right: 2px
}

.s-course-idx .hot-rank .hot .item-name {
    color: #358ff0
}

.s-course-idx .cell-1 {
    width: 300px;
    height: 268px;
    overflow: hidden;
    position: relative
}

.s-course-idx .cell-1 .item {
    width: 300px;
    float: left;
    position: relative
}

.s-course-idx .cell-1 .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    z-index: 5
}

.s-course-idx .cell-1 .title .txt {
    padding: 10px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    z-index: 2
}

.s-course-idx .cell-1 .title .cover {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    z-index: 1
}

.s-course-idx .cell-1 .thumbs {
    position: absolute;
    bottom: 14px;
    left: 0;
    z-index: 5;
    text-align: center;
    width: 100%
}

.s-course-idx .cell-1 .thumbs .tmb {
    width: 20px;
    height: 2px;
    cursor: pointer;
    background-color: #fff;
    *margin: 0 2px
}

.s-course-idx .cell-1 .thumbs .tmb.on {
    background-color: #358ff0
}

.s-course-idx .cell-2 {
    padding: 16px;
    border: 1px solid #ededed;
    border-top: 2px solid #358ff0
}

.s-course-idx .cell-2 .item {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px
}

.s-course-idx .cell-2 .title {
    font-size: 16px;
    color: #358ff0;
    line-height: 1;
    padding-left: 15px;
    border-left: 4px solid #358ff0;
    margin-bottom: 20px
}

.s-course-idx .cell-2 .btn-dl {
    margin-top: 10px;
    margin-left: 10px;
    width: 23px;
    height: 23px;
    display: inline-block;
    background: -38px -323px url(../img/uimg/sp_1.png) no-repeat
}

.s-course-idx .cell-2 .more {
    display: block;
    text-align: center
}

.s-course-idx .cell-3 {
    position: relative;
    margin-left: 330px
}

.s-course-idx .cell-3 .g-title {
    position: relative
}

.s-course-idx .cell-3 .g-change-btn {
    position: absolute;
    left: 104px;
    top: 1px
}

.s-course-idx .cell-3 .blog-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #358ff0
}

.s-course-idx .cell-3 .g-dot-list {
    display: none
}

.s-course-idx .cell-3 .list-pos {
    text-align: center;
    margin-top: 48px;
    position: relative
}

.s-course-idx .cell-3 .list-pos .item {
    border-radius: 15px;
    line-height: 28px;
    font-size: 14px;
    border: 1px solid #358ff0;
    display: inline-block;
    width: 28px;
    margin: 0 2px;
    text-align: center;
    position: relative;
    color: #fff;
    background: #358ff0
}

.s-course-idx .cell-3 .list-pos .item:hover,
.s-course-idx .cell-3 .list-pos .item.on {
    color: #358ff0;
    background: #fff
}

.s-course-idx .cell-4 .inner {
    margin-left: -16px
}

.s-course-idx .cell-4 .inner .item {
    width: 142px;
    float: left;
    margin-left: 16px;
    text-align: center
}

.s-course-idx .cell-4 .inner .txt {
    margin-top: 8px;
    line-height: 18px;
    height: 36px;
    overflow: hidden
}

.s-course-idx .cell-4 .g-dot-list {
    border-top: 1px dashed #e4e4e4;
    margin-top: 15px
}

.s-course-idx .course-list {
    margin-left: -30px;
    margin-top: -40px
}

.s-course-idx .course-list .cate {
    width: 415px;
    margin-left: 30px;
    margin-top: 40px;
    float: left
}

.g-dot-list {
    margin-top: -12px
}

.g-dot-list .item {
    position: relative;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-top: 16px
}

.g-dot-list .item:hover i {
    background-color: #358ff0
}

.g-dot-list .g-time {
    color: #999;
    margin-left: 20px
}

.g-dot-list .g-time.today {
    color: #358ff0;
    *padding-right: 2px
}

.g-dot-list i {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #ccc;
    margin-top: 10px;
    margin-right: 4px
}

.g-dot-list .ding i {
    width: 16px;
    height: 16px;
    background: -69px -327px url(../img/uimg/sp_1.png) no-repeat;
    margin-top: 2px;
    border-radius: 0
}

.g-dot-list .ding .link {
    color: #358ff0
}

.g-dot-list .hot .link {
    color: #358ff0
}

.s-soft-coll .m-img-title-cov .item,
.s-hot-zt .m-img-title-cov .item,
.s-zt-summary .m-img-title-cov .item,
.s-az-recom .m-img-title-cov .item {
    width: 386px
}

.s-zt-summary .s-zt-company .m-img-title-cov .item {
    width: 182px
}

.s-zt-summary .s-zt-company .m-img-title-cov .item:hover,
.s-zt-summary .s-zt-company .m-img-title-cov .item:active {
    border: 1px solid #358ff0
}

.s-soft-coll .m-img-title-cov .desc,
.s-hot-zt .m-img-title-cov .desc,
.s-zt-summary .m-img-title-cov .desc,
.s-az-recom .m-img-title-cov .desc {
    margin-bottom: 20px
}

.m-left-tabs .left-tab {
    width: 130px;
    float: left
}

.m-left-tabs .left-tab .item {
    display: block;
    font-size: 16px;
    line-height: 52px;
    height: 52px;
    text-align: center;
    border-color: #ededed;
    border-style: solid;
    border-width: 1px 0 1px 0;
    margin-top: -1px
}

.m-left-tabs .left-tab .item:hover,
.m-left-tabs .left-tab .item.cur {
    color: #fff;
    border-color: #358ff0;
    background: #358ff0
}

.m-left-tabs .main {
    margin-right: 160px
}

.s-copyright .content {
    line-height: 40px;
    font-size: 16px;
    text-align: justify;
    padding: 0 10px
}

.s-copyright .content span {
    color: #358ff0
}

.s-copyright .content span:hover,
.s-copyright .content span:active {
    color: #ff6160
}

.s-copyright .indent {
    text-indent: 32px
}

.s-copyright .bold {
    font-weight: bold
}

.s-copyright .dot {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #358ff0;
    margin-top: 18px;
    margin-right: 5px
}

.s-copyright .c-main {
    color: #358ff0
}

.s-copyright .yours {
    text-align: right;
    margin-top: 160px
}

.s-tag-list .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 15px
}

.s-tag-list .g-title .ico {
    float: left;
    width: 32px;
    height: 22px;
    background: -192px -327px url(../img/uimg/sp_1.png) no-repeat;
    border-right: 1px solid #ededed;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: 2px
}

.s-tag-list .m-img-title-cov {
    margin-left: -20px;
    margin-top: -20px
}

.s-tag-list .m-img-title-cov .item {
    width: 283px;
    margin-left: 20px
}

.s-tag-list .m-img-title-cov .inner {
    padding-bottom: 10px
}

.s-tag-list .m-img-title-cov .inner .title {
    height: 60px;
    line-height: 30px;
    white-space: normal;
    text-align: justify;
    margin-top: 10px
}

.s-tag-list .m-img-title-cov .cover .desc {
    height: 196px;
    margin-bottom: 5px;
    text-align: justify;
    text-indent: 2em
}

.page-release .content {
    margin-top: 0
}

.page-release .g-title .title-txt {
    width: auto
}

.page-release .post-btn {
    display: block;
    margin: 20px auto;
    width: 260px;
    height: 80px;
    background: 0 0 url(../img/uimg/sp_btn_1.png) no-repeat
}

.page-release .post-btn:hover {
    background-position: -280px 0
}

.page-release .soft-info .item+.item {
    margin-top: 30px
}

.page-release .soft-info .title {
    width: 100px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    height: 40px
}

.page-release .soft-info .ipt {
    border: 1px solid #e4e4e4;
    padding: 8px 20px;
    line-height: 22px;
    color: #333;
    height: 22px
}

.page-release .soft-info .sel {
    width: 272px;
    visibility: hidden
}

.page-release .soft-info .w458 {
    width: 458px
}

.page-release .soft-info .w228 {
    width: 228px
}

.page-release .soft-info .asterisk {
    position: relative;
    top: 3px;
    color: #ff0000;
    display: inline-block;
    vertical-align: top
}

.page-release .soft-info .textarea {
    line-height: 30px;
    width: 945px
}

.page-release .soft-info .textarea .inner {
    width: 920px;
    height: 360px;
    border: 1px solid #e4e4e4;
    padding: 12px;
    resize: none;
    outline: none;
    color: #333;
    display: block
}

.page-release .soft-info .textarea .tip {
    color: #999;
    margin-top: 3px
}

.page-release .soft-info .file-ipt {
    display: none
}

.page-release .soft-info .file-cover {
    vertical-align: top;
    display: inline-block;
    border: 1px solid #e4e4e4;
    height: 40px;
    width: 498px;
    cursor: pointer
}

.page-release .soft-info .file-cover .tit {
    width: 102px;
    height: 40px;
    display: inline-block;
    background: #358ff0;
    color: #fff;
    text-align: center;
    margin: -1px
}

.page-release .soft-info .file-cover .txt {
    padding-left: 5px;
    color: #999
}

.page-release .btn-group .btn {
    width: 140px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    background: #f7f7f7;
    color: #333
}

.page-release .btn-group .btn.enter {
    color: #fff;
    background: #358ff0
}

.zelect {
    background: #fff 245px 14px url(../img/uimg/u_sel_r.png) no-repeat;
    width: 268px;
    cursor: pointer;
    line-height: 38px;
    height: 38px;
    *height: 39px;
    border: 1px solid #e4e4e4;
    position: relative;
    z-index: 1;
    vertical-align: top
}

.zelected {
    padding-left: 18px
}

.zelected:hover {
    border-color: #358ff0
}

.zelect.open {
    border: 1px solid #358ff0;
    z-index: 10
}

.dropdown {
    background-color: #fff;
    border: 1px solid #358ff0;
    border-top: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 38px;
    z-index: 2
}

.dropdown .zearch {
    display: none
}

.dropdown ol {
    padding: 0;
    margin: 3px 0 0;
    list-style-type: none
}

.dropdown li {
    padding-left: 18px;
    color: #666;
    line-height: 30px
}

.dropdown li.current {
    background-color: #358ff0;
    color: #fff
}

.s-theme-idx .g-title {
    border-color: #ededed
}

.s-theme-idx .m-rank .rank-item.on {
    border-bottom: 1px solid #ededed;
    padding-bottom: 25px
}

.s-theme-idx .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px
}

.s-theme-idx .m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    *margin-top: 0
}

.s-theme-idx .m-rank .item-info {
    position: relative;
    margin-left: 28px
}

.s-theme-idx .m-rank .item-info .theme-name {
    margin-top: 20px;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 15px
}

.m-cov-img-box .col-1 {
    width: 388px;
    float: left
}

.m-cov-img-box .col-2 {
    width: 524px;
    float: left;
    margin-left: 20px
}

.m-cov-img-box .col-3 {
    width: 248px;
    float: left;
    margin-left: 20px
}

.m-cov-img-box .col .item {
    position: relative
}

.m-cov-img-box .col .item:hover .cover {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.m-cov-img-box .col .item:hover .title {
    opacity: 1;
    filter: alpha(opacity=100)
}

.m-cov-img-box .col .item+.item {
    margin-top: 20px
}

.m-cov-img-box .cover {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s
}

.m-cov-img-box .cover .bg {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .3;
    filter: alpha(opacity=30)
}

.m-cov-img-box .cover .border {
    border: 1px solid #fff;
    width: 80%;
    height: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    z-index: 2;
    opacity: .3;
    filter: alpha(opacity=30)
}

.m-cov-img-box .title {
    color: #fff;
    opacity: 0;
    font-size: 16px;
    filter: alpha(opacity=0);
    position: relative;
    z-index: 3;
    position: absolute;
    left: 15%;
    bottom: 15%;
    width: 70%;
    text-align: center;
    -webkit-transition: all 0.2s 0.1s;
    -moz-transition: all 0.2s 0.1s;
    transition: all 0.2s 0.1s
}

.m-theme-img-title .list {
    margin-left: -18px;
    margin-top: -22px
}

.m-theme-img-title .item {
    width: 254px;
    text-align: center;
    float: left;
    margin-left: 18px;
    margin-top: 20px
}

.m-theme-img-title .title {
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid #ededed
}

.page-not-found .m-not-found {
    height: 306px;
    margin: 60px;
    background: url(../img/uimg/404.jpg) no-repeat left top
}

.page-not-found .m-err-500 {
    background: url(../img/uimg/500.jpg) no-repeat left top
}

.page-not-found .m-not-found .inner {
    margin-left: 585px;
    line-height: 28px
}

.page-not-found .m-not-found .c-blue {
    color: #358ff0;
    margin-bottom: 20px
}

.page-not-found .m-not-found .m-not-auto {
    margin: 20px 0 30px;
    background: url(/theme/2018/img/uimg/loading.gif) no-repeat left 10px;
    padding-left: 25px;
    line-height: 34px
}

.page-not-found .m-not-found .m-not-auto a {
    color: #358ff0
}

.page-not-found .m-not-found .m-not-auto a:hover,
.page-not-found .m-not-found .m-not-auto a:active {
    color: #ff6160
}

.page-not-found .m-not-found .back-btn {
    position: relative;
    color: #358ff0;
    border: 1px solid #358ff0;
    border-radius: 2px;
    font-size: 16px;
    padding: 5px 10px;
    margin-right: 20px
}

.page-not-found .m-not-found .back-btn:hover {
    color: #fff;
    background: #358ff0
}

.page-sys-list .m-list-tab {
    margin-top: -4px
}

.page-sys-list .m-list-tab .tab-item {
    min-width: 42px;
    text-align: center;
    color: #358ff0;
    border: 1px solid #358ff0;
    margin: 0 8px;
    line-height: 26px;
    *line-height: 24px;
    height: 26px;
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 16px
}

.page-sys-list .m-list-tab .tab-item:hover,
.page-sys-list .m-list-tab .tab-item.cur {
    background: #358ff0;
    color: #fff
}

.imgLightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 8010;
    background: url(../img/uimg/overlay.png);
    display: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lbWrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    z-index: 8020;
    width: 1000px;
    height: auto
}

.lbContent {
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 8020
}

.lbContent .lbImg {
    width: 100%;
    height: 100%
}

.lbClose {
    background: url(../img/uimg/sp_lb.png) 35px 35px no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: -50px;
    right: -50px;
    z-index: 8030
}

.lbControl {
    position: absolute;
    width: 50%;
    height: 69px;
    top: 0;
    z-index: 8019;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.lbPrev {
    left: 0;
    cursor: url(../img/uimg/cur_prev.cur), auto;
    cursor: url(../img/uimg/cur_prev.cur) \9
}

.lbNext {
    right: 0;
    cursor: url(../img/uimg/cur_next.cur), auto;
    cursor: url(../img/uimg/cur_prev.cur) \9
}

.lbThumb {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 156px;
    z-index: 8020;
    background: #000
}

.lbThumb .lbThumbInner {
    margin: 30px auto;
    max-width: 980px;
    height: 98px;
    overflow: hidden;
    position: relative
}

.lbThumb ul {
    position: absolute;
    top: 0;
    z-index: 2
}

.lbThumb li {
    width: 126px;
    height: 94px;
    float: left;
    margin: 2px 7px;
    position: relative
}

.lbThumb li.active {
    border: 2px solid #2cc068;
    border-radius: 2px;
    margin: 0 5px
}

.lbThumb li.active .lbThumbCover {
    z-index: 1
}

.lbThumb img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1
}

.lbThumb .lbThumbCover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    top: 0;
    left: 0
}

.smThumb {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 8020;
    background: #000;
    width: 54px;
    height: 30px
}

.lbThumbIdx {
    width: 54px;
    height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 14px;
    line-height: 30px;
    background: url(../img/uimg/sp_lb.png) 0 -74px no-repeat
}

.oringImgBox {
    position: relative;
    cursor: pointer
}

.oringImgBox:hover .clickTips {
    display: block
}

.oringImgBox .clickTips {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 98px;
    height: 36px;
    margin-left: -49px;
    margin-top: -18px;
    overflow: hidden;
    z-index: 2;
    background: url(../img/uimg/clickTips.png) no-repeat;
    display: none
}

.codeBlock {
    padding: 10px 0 5px 0;
    border: 1px solid #e9e9e9;
    background: #f8f8f8 url(../img/uimg/code_bg.png) repeat-y 0 0;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px
}

.codeBlock ol {
    margin: 0;
    padding: 0
}

.codeBlock ol em {
    width: 26px;
    text-align: right;
    padding-right: 10px;
    color: #333;
    background: url(../img/uimg/code_bg.png) repeat-y 0 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.codeBlock ol li {
    font-family: Monaco, Consolas, 'Lucida Console', 'Courier New', serif;
    font-size: 12px;
    line-height: 1.8em;
    color: #999;
    position: relative;
    padding-left: 46px;
    padding-right: 10px
}

.codeBlock ol li:hover {
    background-color: #fff;
    color: #336699
}

.codeBlock .copyBtn {
    margin-left: 43px;
    color: #336699;
    font-size: 12px;
    cursor: pointer
}

.codeBlock .source {
    display: none
}

.computerTB {
    border: 1px solid #51a5ff;
    padding: 0;
    text-align: center;
    width: 640px !important;
    margin: 25px auto;
    word-wrap: break-word
}

.computerTB a {
    color: #ff0000
}

.computerTB a:hover {
    text-decoration: underline
}

.computerTB caption {
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    background: #51a5ff;
    color: #fff;
    letter-spacing: 2px;
    border-bottom: 1px solid #51a5ff
}

.computerTB th,
.computerTB td {
    padding: 0
}

.computerTB thead th {
    background: #85c0ff;
    color: #fff;
    font-weight: normal;
    line-height: 36px
}

.computerTB thead th+th {
    border: 0;
    border-left: 1px solid #add7ff
}

.computerTB tbody {
    font-size: 14px
}

.computerTB tbody th {
    border: 0;
    border-top: 1px solid #e4e4e4;
    color: #358ff0;
    line-height: 28px;
    font-weight: normal;
    padding: 3px 10px;
    width: 100px
}

.computerTB tbody th+td {
    width: 260px
}

.computerTB tbody td {
    line-height: 28px;
    padding: 3px 10px;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    border-right: none
}

.computerTB tbody td+td {
    width: 100px
}

.page-az-art,
.page-ios-art {
    background: #edf1f7;
    padding-top: 20px;
    padding-bottom: 20px
}

.page-az-art .c-cur-pos,
.page-ios-art .c-cur-pos {
    border-bottom: 0
}

.page-az-art .m-hot-soft-row,
.page-ios-art .m-hot-soft-row {
    background: #fff
}

.m-android-art {
    background: #fff
}

.m-android-art .art-title {
    font-size: 26px;
    font-weight: normal;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px
}

.m-android-art .art-title .title {
    font-size: 26px;
    display: inline-block;
    vertical-align: top
}

.m-android-art .art-side {
    width: 299px;
    float: left
}

.m-android-art .art-side .info {
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px
}

.m-android-art .art-side .info .title {
    padding: 0 10px;
    margin: 32px 0 10px;
    line-height: 32px;
    font-size: 24px;
    font-weight: bold
}

.m-android-art .item-img {
    margin-bottom: 16px
}

.m-android-art .c-zan {
    font-size: 16px
}

.m-android-art .c-zan .ico {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/uimg/sp_2.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 26px
}

.m-android-art .c-zan .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px
}

.m-android-art .c-zan .zan {
    margin-left: -20px;
    color: #ff6160;
    padding-left: 22px;
    display: inline-block
}

.m-android-art .c-zan .zan .ico {
    background-position: -10px -193px;
    margin-right: 10px
}

.m-android-art .c-zan .cai {
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #ededed;
    color: #999;
    display: inline-block
}

.m-android-art .c-zan .cai .ico {
    background-position: -44px -193px;
    margin-right: 10px
}

.m-android-art .c-media {
    padding: 20px 30px
}

.m-android-art .c-media .ico {
    display: inline-block;
    vertical-align: top;
    background-image: url(../img/uimg/sp_2.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    margin: 7px 10px
}

.m-android-art .c-media .ico.ico-az,
.m-android-art .c-media .ico.ico-1 {
    background-position: -108px -185px
}

.m-android-art .c-media .ico.ico-ios,
.m-android-art .c-media .ico.ico-mac,
.m-android-art .c-media .ico.ico-2 {
    background-position: -78px -185px
}

.m-android-art .c-media .ico.ico-pc,
.m-android-art .c-media .ico.ico-3 {
    background-position: -178px -185px
}

.m-android-art .c-media .ico.ico-4 {
    background-position: -146px -185px
}

.m-android-art .c-media .ico.ico-5 {
    width: 50px;
    height: 50px;
    margin: 0;
    background-position: -210px -180px
}

.m-android-art .c-media .btn {
    height: 50px;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    display: block
}

.m-android-art .c-media .btn .name {
    display: inline-block;
    vertical-align: top
}

.m-android-art .c-media .btn.btn-1 {
    background: #4ace63
}

.m-android-art .c-media .btn.btn-1:hover {
    background: #52e26d
}

.m-android-art .c-media .btn.btn-1 .qrcode {
    border-left: 1px solid #91f0a7
}

.m-android-art .c-media .btn.btn-2 {
    background: #0598fa
}

.m-android-art .c-media .btn.btn-2:hover {
    background: #35afff
}

.m-android-art .c-media .btn.btn-2 .qrcode {
    border-left: 1px solid #13c5fc
}

.m-android-art .c-media .btn.btn-4 {
    background: #f55555
}

.m-android-art .c-media .btn.btn-4:hover {
    background: #f76f6f
}

.m-android-art .c-media .btn.btn-4 .qrcode {
    border-left: 1px solid #fa9393
}

.m-android-art .c-media .btn.btn-3 {
    background: #404143
}

.m-android-art .c-media .btn+.btn {
    margin-top: 20px
}

.m-android-art .c-media .qrcode {
    float: right;
    width: 50px;
    position: relative;
    z-index: 10
}

.m-android-art .c-media .qrcode:hover .qrc {
    display: block
}

.m-android-art .c-media .qrcode .qrc {
    display: none;
    background: 0 -281px url(../img/uimg/sp_2.png) no-repeat;
    width: 171px;
    height: 176px;
    position: absolute;
    right: -171px;
    top: -21px
}

.m-android-art .c-media .qrcode .qrc .qrc-img {
    margin: 17px 0 4px 28px;
    display: block;
    width: 122px
}

.m-android-art .c-media .qrcode .qrc .txt {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.m-android-art .c-detail {
    padding: 20px 0 20px 30px;
    color: #666;
    border-bottom: 1px solid #f5f5f5
}

.m-android-art .c-detail .item {
    width: 48%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 24px;
    margin-right: 2%
}

.m-android-art .c-recom-list .title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 14px;
    border-bottom: 1px solid #ededed
}

.m-android-art .c-recom-list .title .text {
    padding: 0 7px;
    line-height: 40px;
    display: inline-block;
    border-bottom: 2px solid #358ff0
}

.m-android-art .c-recom-list .g-change {
    float: right;
    color: #666;
    font-weight: normal;
    margin-top: 8px
}

.m-android-art .c-recom-list .recom-list {
    padding: 20px 0 20px 12px;
    text-align: center;
    margin-top: -18px
}

.m-android-art .c-recom-list .recom-list .item {
    width: 88px;
    float: left;
    margin: 18px 3px 0
}

.m-android-art .c-recom-list .recom-list .item .img {
    margin-bottom: 8px
}

.m-android-art .c-about-recom .title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 14px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px
}

.m-android-art .c-about-recom .title .text {
    padding: 0 7px;
    line-height: 40px;
    display: inline-block;
    border-bottom: 2px solid #358ff0
}

.m-android-art .c-about-recom .g-change {
    float: right;
    color: #666;
    font-weight: normal;
    margin-top: 8px
}

.m-android-art .c-about-recom .item {
    width: 272px;
    text-align: center;
    margin: 10px auto 0;
    position: relative
}

.m-android-art .c-about-recom .item+.item {
    margin-top: 10px
}

.m-android-art .c-about-recom .cover {
    background: #000;
    filter: alpha(opacity=35);
    opacity: .35;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-android-art .c-about-recom .name {
    margin-top: -34px;
    line-height: 34px;
    padding: 0 10px;
    position: relative
}

.m-android-art .c-about-recom .name .txt {
    color: #fff;
    z-index: 2;
    position: relative
}

.m-android-art .c-about-recom .name .cover {
    filter: alpha(opacity=50);
    opacity: .5
}

.m-android-art .c-rank {
    padding: 14px 14px 14px 15px
}

.m-android-art .c-rank .rank-tab .item {
    width: 50%;
    float: left;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    color: #666;
    background: #f5f5f5;
    cursor: pointer
}

.m-android-art .c-rank .rank-tab .item.cur {
    color: #fff;
    background: #358ff0
}

.m-android-art .c-rank .rank-list {
    padding: 10px 10px 0;
    border: 1px solid #f5f5f5;
    border-top: 0
}

.m-android-art .c-rank .rank-list .item {
    padding: 11px 0
}

.m-android-art .c-rank .rank-list .item+.item {
    border-top: 1px dashed #f4f4f4
}

.m-android-art .c-rank .rank-list .name {
    color: #222;
    display: block;
    line-height: 22px
}

.m-android-art .c-rank .g-sort-num {
    margin-right: 8px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 0;
    background: #c4d0db
}

.m-android-art .c-rank .g-sort-num.top {
    background: #f44334
}

.m-android-art .c-rank .g-sort-num.second {
    background: #fe7416
}

.m-android-art .c-rank .g-sort-num.third {
    background: #fab805
}

.m-android-art .c-zt-coll .coll-tab {
    height: 49px;
    background: #edf1f7;
    margin-top: 20px
}

.m-android-art .c-zt-coll .coll-tab .item {
    min-width: 150px;
    height: 48px;
    line-height: 48px;
    background: #edf1f7;
    text-align: center;
    font-size: 18px;
    float: left;
    cursor: pointer;
    position: relative;
    padding: 0 10px
}

.m-android-art .c-zt-coll .coll-tab .item.cur {
    font-weight: bold;
    border-top: 2px solid #358ff0;
    line-height: 47px;
    height: 47px;
    background: #fff
}

.m-android-art .c-zt-coll .coll-cont {
    padding: 20px
}

.m-android-art .c-zt-coll .info {
    margin-left: 444px
}

.m-android-art .c-zt-coll .info .title {
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 1px dashed #f5f5f5
}

.m-android-art .c-zt-coll .info .title .name {
    color: #f44334;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    overflow: hidden;
    height: 32px;
    display: inline-block;
    width: 350px
}

.m-android-art .c-zt-coll .info .title .name:hover {
    color: #358ff0
}

.m-android-art .c-zt-coll .info .more {
    color: #999;
    font-size: 18px;
    float: right;
    margin-top: 4px;
    font-weight: normal
}

.m-android-art .c-zt-coll .info .txt {
    line-height: 30px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    color: #666;
    height: 150px;
    overflow: hidden;
    font-size: 16px
}

.m-android-art .c-zt-coll .coll-list .item {
    padding-top: 10px;
    width: 100px;
    display: block;
    float: left;
    text-align: center;
    height: 120px
}

.m-android-art .c-zt-coll .coll-list .item+.item {
    margin-left: 52px
}

.m-android-art .c-zt-coll .coll-list .item:hover {
    background: #f6f6f6
}

.m-android-art .c-zt-coll .coll-list .item:hover .txt {
    display: none
}

.m-android-art .c-zt-coll .coll-list .item:hover .btn {
    display: inline-block
}

.m-android-art .c-zt-coll .coll-list .item .img {
    margin-bottom: 7px
}

.m-android-art .c-zt-coll .coll-list .item .txt {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 90%
}

.m-android-art .c-zt-coll .coll-list .item .btn {
    display: none;
    background: #51a5ff;
    width: 80px;
    height: 26px;
    line-height: 26px;
    color: #fff
}

.m-android-art .art-main {
    float: left;
    width: 900px;
    padding-bottom: 20px;
    border-left: 1px solid #ededed
}

.m-android-art .art-main .art-tab {
    border-bottom: 1px solid #f6f6f6;
    height: 49px;
    margin-bottom: 1px
}

.m-android-art .art-main .art-tab .item {
    width: 120px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #f6f6f6;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-left: -1px;
    cursor: pointer;
    position: relative;
    background: #fff
}

.m-android-art .art-main .art-tab .item.cur {
    font-weight: bold;
    border-top: 2px solid #358ff0;
    border-bottom: 1px solid #fff
}

.m-android-art .art-main .c-content {
    padding: 20px 20px 0;
    border-bottom: 1px solid #f8f8f8
}

.m-android-art .art-main .c-content .inner {
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all
}

.m-android-art .art-main .c-content .inner.summary {
    height: 740px;
    overflow: hidden
}

.m-android-art .art-main .c-content .inner img {
    margin-top: 10px;
    margin-bottom: 10px
}

.m-android-art .art-main .c-content .toggle-more {
    width: 45px;
    height: 23px;
    display: block;
    margin: 20px auto 0;
    background: -72px -251px url(../img/uimg/sp_2.png) no-repeat
}

.m-android-art .art-main .c-content .toggle-more.toggle {
    background-position: -72px -228px
}

.m-android-art .art-main .c-recom {
    padding-left: 30px
}

.m-android-art .art-main .c-recom .title {
    font-size: 18px;
    font-weight: bold
}

.snapShotWrap {
    width: 860px;
    overflow: hidden;
    position: relative;
    margin: 20px 0 35px
}

.snapShotCont {
    width: 860px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.snapShotCont img {
    position: relative;
    width: 100%;
    max-width: 500px;
    _width: 450px
}

.snopshot {
    position: absolute;
    overflow: hidden;
    zoom: 1
}

.snap-shot-btn {
    position: absolute;
    width: 50%;
    height: 100%;
    opacity: 0.7;
    z-index: 10;
    display: inline-block;
    outline: none
}

.snap-shot-btn:hover {
    opacity: 1
}

.snap-shot-btn i {
    background: url("../img/uimg/sp_2.png") no-repeat;
    position: absolute;
    width: 21px;
    height: 38px;
    top: 50%;
    margin: -16px 0 0
}

#shotNext {
    top: 0;
    right: 0
}

#shotPrev {
    top: 0;
    left: 0
}

#shotNext i {
    background-position: -33px -235px;
    right: 30px
}

#shotPrev i {
    background-position: 0 -235px;
    left: 30px
}

.elementOverlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2
}

.m-dnpz-menu {
    margin-bottom: 20px;
    border: 1px solid #ededed;
    padding: 0 20px
}

.m-dnpz-menu .menus {
    padding: 14px 0
}

.m-dnpz-menu .menus+.menus {
    border-top: 1px dashed #ededed
}

.m-dnpz-menu .title {
    width: 60px;
    float: left;
    color: #6d6d6d;
    font-weight: bold;
    line-height: 24px
}

.m-dnpz-menu .links {
    margin-left: 68px;
    font-size: 12px;
    color: #cecece
}

.m-dnpz-menu .links .item {
    color: #777;
    padding: 0 8px;
    display: inline-block;
    line-height: 24px
}

.m-dnpz-menu .links .item.cur,
.m-dnpz-menu .links .item:hover {
    color: #358ff0
}

.m-dnpz-menu .links .item:hover {
    cursor: pointer
}

.m-dnpz-tabs {
    margin-bottom: 60px
}

.m-dnpz-tabs .tabs {
    width: 845px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    margin-bottom: 50px
}

.m-dnpz-tabs .tabs .item {
    float: left;
    width: 210px;
    height: 20px
}

.m-dnpz-tabs .tabs .item+.item {
    border-left: 1px solid #ededed
}

.m-dnpz-tabs .tabs .item.cur .text {
    color: #358ff0;
    border-bottom: 4px solid #358ff0
}

.m-dnpz-tabs .tabs .item:hover .text {
    color: #358ff0
}

.m-dnpz-tabs .tabs .item.item-2.cur .text {
    color: #bd3bfe;
    border-bottom: 4px solid #bd3bfe
}

.m-dnpz-tabs .tabs .item.item-2:hover .text {
    color: #bd3bfe
}

.m-dnpz-tabs .tabs .item.item-3.cur .text {
    color: #f51e95;
    border-bottom: 4px solid #f51e95
}

.m-dnpz-tabs .tabs .item.item-3:hover .text {
    color: #f51e95
}

.m-dnpz-tabs .tabs .item.item-4.cur .text {
    color: #fe4b29;
    border-bottom: 4px solid #fe4b29
}

.m-dnpz-tabs .tabs .item.item-4:hover .text {
    color: #fe4b29
}

.m-dnpz-tabs .tabs .text {
    display: inline-block;
    vertical-align: top;
    color: #999;
    padding: 0 10px;
    line-height: 42px;
    margin-top: -13px;
    cursor: pointer
}

.m-dnpz-tabs .main .ads {
    float: left;
    width: 270px;
    height: 421px;
    text-align: center;
    padding-top: 100px;
    letter-spacing: 2px
}

.m-dnpz-tabs .main .ads .word {
    font-weight: bold;
    color: #fff;
    font-size: 60px
}

.m-dnpz-tabs .main .ads .txt {
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    margin: 135px auto 0;
    width: 80%;
    letter-spacing: 4px;
    padding-left: 4px
}

.m-dnpz-tabs .main .ads.ads-1 {
    background: url(../img/uimg/cate_bg_1.jpg) no-repeat
}

.m-dnpz-tabs .main .ads.ads-1 .word {
    text-shadow: 0px 0px 10px #358ff0
}

.m-dnpz-tabs .main .ads.ads-2 {
    background: url(../img/uimg/cate_bg_2.jpg) no-repeat
}

.m-dnpz-tabs .main .ads.ads-2 .word {
    text-shadow: 0px 0px 10px #bd3bfe
}

.m-dnpz-tabs .main .ads.ads-3 {
    background: url(../img/uimg/cate_bg_3.jpg) no-repeat
}

.m-dnpz-tabs .main .ads.ads-3 .word {
    text-shadow: 0px 0px 10px #f51e95
}

.m-dnpz-tabs .main .ads.ads-4 {
    background: url(../img/uimg/cate_bg_4.jpg) no-repeat
}

.m-dnpz-tabs .main .ads.ads-4 .word {
    text-shadow: 0px 0px 10px #fe4b29
}

.m-dnpz-tabs .main .inner {
    margin-left: 269px;
    border-top: 1px solid #ededed
}

.m-dnpz-tabs .main .inner .item {
    float: left;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    width: 309px;
    height: 259px;
    position: relative
}

.m-dnpz-tabs .main .inner .item.first {
    width: 619px
}

.m-dnpz-tabs .main .inner .item.first .img {
    position: static;
    float: right
}

.m-dnpz-tabs .main .inner .item:hover .detail {
    background-image: none;
    width: 59px;
    color: #389cea;
    border-color: #389cea
}

.m-dnpz-tabs .main .inner .item:hover .detail em {
    display: block
}

.m-dnpz-tabs .main .img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.m-dnpz-tabs .main .info {
    margin-left: 40px;
    color: #333
}

.m-dnpz-tabs .main .title {
    font-size: 18px;
    line-height: 35px;
    padding-top: 22px;
    padding-right: 10px;
    height: 70px;
    overflow: hidden;
    word-break: break-all
}

.m-dnpz-tabs .main .price {
    font-size: 22px;
    font-weight: bold;
    margin-top: 32px;
    position: relative;
    z-index: 2;
    color: #389cea
}

.m-dnpz-tabs .main .price em {
    font-size: 14px
}

.m-dnpz-tabs .main .detail {
    margin-top: 17px;
    width: 26px;
    height: 26px;
    background: -126px -373px url(../img/uimg/sp_1.png) no-repeat;
    border: 1px solid #ededed;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    border-radius: 13px;
    -webkit-radius: 13px;
    -moz-border-radius: 13px
}

.m-dnpz-tabs .main .detail em {
    display: none
}

.m-dnpz-tabs .tab-2 .inner .item:hover .detail {
    color: #bd3bfe;
    border-color: #bd3bfe
}

.m-dnpz-tabs .tab-2 .price {
    color: #bd3bfe
}

.m-dnpz-tabs .tab-3 .inner .item:hover .detail {
    color: #f51e95;
    border-color: #f51e95
}

.m-dnpz-tabs .tab-3 .price {
    color: #f51e95
}

.m-dnpz-tabs .tab-4 .inner .item:hover .detail {
    color: #fe4b29;
    border-color: #fe4b29
}

.m-dnpz-tabs .tab-4 .price {
    color: #fe4b29
}

.m-dnpz-recom {
    margin-bottom: 70px
}

.m-dnpz-recom .g-title {
    border-bottom: 2px solid #ededed
}

.m-dnpz-recom .g-title .title-txt {
    border-bottom: 2px solid #358ff0;
    width: auto;
    bottom: -2px;
    position: relative;
    padding-bottom: 11px;
    z-index: 2
}

.m-dnpz-recom .g-title .more {
    margin-top: -2px
}

.m-dnpz-recom .large {
    float: left;
    width: 580px
}

.m-dnpz-recom .large .swipe {
    width: 580px;
    height: 425px;
    overflow: hidden;
    position: relative
}

.m-dnpz-recom .large .swipe .btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 38px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 10
}

.m-dnpz-recom .large .swipe .btn.prev {
    left: 10px
}

.m-dnpz-recom .large .swipe .btn.prev .ico {
    background-position: -175px -32px
}

.m-dnpz-recom .large .swipe .btn.next {
    right: 10px
}

.m-dnpz-recom .large .swipe .btn.next .ico {
    background-position: -195px -32px
}

.m-dnpz-recom .large .swipe .btn .cover {
    background: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-dnpz-recom .large .swipe .btn .ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-dnpz-recom .large .g-npos {
    right: 50%;
    margin-right: -55px
}

.m-dnpz-recom .large .g-npos .item {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5
}

.m-dnpz-recom .large .g-npos .item.on {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.m-dnpz-recom .large .npos-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60px;
    width: 100%;
    z-index: 2;
    background: url(../img/uimg/g_2.png) repeat-x
}

.m-dnpz-recom .large .g-title {
    margin-top: 24px
}

.m-dnpz-recom .large .g-title .title-txt {
    font-size: 18px;
    font-weight: normal
}

.m-dnpz-recom .large .item-info {
    display: block;
    *zoom: 1;
    margin-top: -4px;
    margin-bottom: 17px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #ededed;
    cursor: pointer
}

.m-dnpz-recom .large .item-info .title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
}

.m-dnpz-recom .large .item-info .desc {
    text-indent: 2em;
    font-size: 12px;
    color: #999;
    line-height: 22px;
    height: 44px;
    overflow: hidden
}

.m-dnpz-recom .list {
    float: right;
    width: 608px;
    margin-top: -11px
}

.m-dnpz-recom .list .g-recom-item {
    width: 272px;
    float: left;
    margin-left: 30px;
    margin-top: 11px
}

.m-dnpz-recom .list .g-recom-item .info {
    padding: 8px 8px 9px 8px
}

.m-dnpz-recom .list .g-recom-item .price {
    line-height: 34px
}

.m-dnpz-recom .list .g-recom-item .title {
    line-height: 24px
}

.m-dnpz-recom .g-dot-list .item {
    margin-top: 13px
}

.m-dnpz-recom .g-dot-list .g-time.hot {
    color: #fd0000
}

.g-recom-item {
    border: 1px solid #ededed
}

.g-recom-item .price {
    font-size: 18px;
    color: #389cea;
    font-weight: bold
}

.g-recom-item .title {
    font-size: 14px;
    display: block
}

.page-dnpz .col-l-w {
    width: 890px
}

.page-dnpz .col-r-w {
    width: 270px
}

.page-dnpz .c-cur-pos.b0 {
    border-bottom: 0;
    margin-bottom: 0
}

.page-dnpz .list-main {
    float: left
}

.page-dnpz .list-main .g-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 2px;
    margin-bottom: 19px
}

.page-dnpz .list-main .g-title .title-txt {
    width: auto
}

.page-dnpz .list-main .g-title .ico {
    float: left;
    width: 32px;
    height: 22px;
    background: -192px -327px url(../img/uimg/sp_1.png) no-repeat;
    border-right: 1px solid #ededed;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: 2px
}

.page-dnpz .m-list-tab {
    background: #f5f5f5;
    border: 1px solid #ededed;
    height: 39px;
    margin-bottom: 20px;
    font-size: 12px
}

.page-dnpz .m-list-tab .item {
    padding: 0 18px;
    float: left;
    line-height: 39px;
    cursor: pointer;
    position: relative;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    margin-left: -1px
}

.page-dnpz .m-list-tab .item .ico {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 38px;
    background: -155px -366px url(../img/uimg/sp_1.png) no-repeat
}

.page-dnpz .m-list-tab .cur {
    color: #358ff0;
    background: #fff;
    border-color: #ededed
}

.page-dnpz .m-list-tab .spec-sort {
    position: relative
}

.page-dnpz .m-list-tab .spec-sort .drop-menu {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    font-size: 13px;
    line-height: 40px;
    background: #fff;
    width: 120px;
    text-align: center;
    border: 1px solid #ededed;
    display: none;
    color: #6d6d6d
}

.page-dnpz .m-list-tab .spec-sort .drop-menu .opt:hover {
    color: #358ff0
}

.page-dnpz .m-dnpz-list .inner {
    margin-left: -25px;
    margin-top: -21px
}

.page-dnpz .m-dnpz-list .item {
    width: 278px;
    float: left;
    margin-left: 25px;
    margin-top: 22px;
    border: 1px solid #ededed
}

.page-dnpz .m-dnpz-list .price {
    font-size: 18px;
    color: #389cea;
    font-weight: bold;
    line-height: 34px
}

.page-dnpz .m-dnpz-list .view {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    float: right
}

.page-dnpz .m-dnpz-list .view em {
    color: #555
}

.page-dnpz .m-dnpz-list .info {
    padding: 8px
}

.page-dnpz .m-dnpz-list .title {
    font-size: 12px;
    display: block;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #414350;
    word-break: break-all
}

.page-dnpz .m-dnpz-list .title:hover {
    color: #358ff0
}

.page-dnpz .m-side-list {
    border-top: 1px solid #fff;
    *zoom: 1
}

.page-dnpz .m-side-list .item {
    width: 268px;
    display: block;
    position: relative;
    border: 1px solid #ededed;
    margin-top: 10px
}

.page-dnpz .m-side-list .item:hover {
    border-width: 2px;
    border-color: #358ff0;
    margin-top: 9px;
    margin-left: -1px;
    margin-bottom: -1px
}

.page-dnpz .m-side-list .item:hover .title {
    display: block
}

.page-dnpz .m-side-list .item:first-child {
    margin-top: 0
}

.page-dnpz .m-side-list .item:first-child:hover {
    margin-top: -1px
}

.page-dnpz .m-side-list .info {
    padding: 5px 8px
}

.page-dnpz .m-side-list .img {
    position: relative;
    width: 268px
}

.page-dnpz .m-side-list .title {
    padding: 8px;
    margin-top: -57px;
    height: 40px;
    background: #fff;
    position: relative;
    z-index: 30;
    display: none;
    border-top: 1px solid #ededed
}

.page-dnpz .m-side-list .title .inner {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #414350
}

.page-dnpz .m-side-list .price {
    font-size: 18px;
    color: #389cea;
    font-weight: bold;
    line-height: 28px
}

.page-dnpz .m-side-list .view {
    font-size: 14px;
    color: #999;
    font-weight: normal;
    float: right
}

.page-dnpz .m-side-list .view em {
    font-size: 12px;
    color: #555
}

.page-dnpz .m-side-col .g-dnpz-title {
    margin-bottom: 20px
}

.g-dnpz-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 16px
}

.g-dnpz-title .title-txt {
    line-height: 24px;
    padding-left: 6px;
    font-size: 20px;
    border-left: 4px solid #358ff0
}

.s-dnpz-art .art-main {
    float: left
}

.s-dnpz-art .art-main .g-dnpz-title {
    border-bottom: 0
}

.s-dnpz-art .art-main .g-dnpz-title .title-txt {
    font-size: 16px;
    line-height: 20px
}

.s-dnpz-art .art-main .m-dnpz-list .inner {
    margin-top: -10px
}

.s-dnpz-art .g-title {
    border-color: #ededed
}

.s-dnpz-art .art-title {
    text-align: center;
    margin-bottom: 15px
}

.s-dnpz-art .art-title .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px
}

.s-dnpz-art .art-title .sub {
    font-size: 12px;
    color: #999;
    padding-bottom: 35px;
    border-bottom: 1px dashed #e4e4e4;
    margin-bottom: 40px
}

.s-dnpz-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px
}

.s-dnpz-art .c-cur-pos {
    padding-top: 2px;
    border-bottom: 1px solid #e4e4e4
}

.s-dnpz-art .art-title {
    position: relative;
    z-index: 10
}

.s-dnpz-art .art-title .m-bd-share {
    position: absolute;
    right: 0;
    bottom: 13px;
    width: 92px;
    height: 30px;
    line-height: 30px;
    z-index: 2
}

.s-dnpz-art .art-title .m-bd-share .text {
    cursor: pointer;
    border: 1px solid #fff
}

.s-dnpz-art .art-title .m-bd-share .text .arrow {
    width: 16px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    background: -176px -372px url(../img/uimg/sp_1.png) no-repeat
}

.s-dnpz-art .art-title .m-bd-share:hover .text {
    color: #e2481f;
    border: 1px solid #ededed;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 2
}

.s-dnpz-art .art-title .m-bd-share:hover .text .arrow {
    background-position: -201px -372px
}

.s-dnpz-art .art-title .m-bd-share:hover .bdsharebuttonbox {
    display: block
}

.s-dnpz-art .art-title .bdsharebuttonbox {
    position: relative;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #ededed;
    width: 110px;
    display: none
}

.s-dnpz-art .art-title .bdshare-button-style0-16 a {
    margin: 0;
    text-align: left;
    padding-left: 38px
}

.s-dnpz-art .art-title .bds {
    background-image: url(../img/uimg/sp_share_4.png);
    background-repeat: no-repeat;
    width: 72px;
    height: 32px;
    line-height: 32px;
    color: #535353
}

.s-dnpz-art .art-title .bds.bds_tqq {
    background-position: 11px 8px
}

.s-dnpz-art .art-title .bds.bds_qzone {
    background-position: 11px -23px
}

.s-dnpz-art .art-title .bds.bds_tsina {
    background-position: 11px -53px
}

.s-dnpz-art .art-title .bds.bds_weixin {
    background-position: 11px -84px
}

.m-dnpz-slider {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden
}

.m-dnpz-slider:hover .btn {
    display: block
}

.m-dnpz-slider .slider-wrap {
    position: relative
}

.m-dnpz-slider .slider-wrap .overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3
}

.m-dnpz-slider .item {
    position: absolute;
    overflow: hidden
}

.m-dnpz-slider .item img {
    width: 100%
}

.m-dnpz-slider .item.center .overlay {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0
}

.m-dnpz-slider .link {
    display: block;
    width: 100%
}

.m-dnpz-slider .btn {
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 10;
    outline: none;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    display: none
}

.m-dnpz-slider .btn:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}

.m-dnpz-slider .btn i {
    background: url("../img/uimg/sp_2.png") no-repeat;
    position: absolute;
    width: 21px;
    height: 38px;
    top: 50%;
    margin: -16px 0 0
}

.m-dnpz-slider .btn.next {
    right: 0
}

.m-dnpz-slider .btn.next i {
    background-position: -33px -235px;
    right: 30px
}

.m-dnpz-slider .btn.prev {
    left: 0
}

.m-dnpz-slider .btn.prev i {
    background-position: 0 -235px;
    left: 30px
}

.m-dnpz-sidebar {
    width: 86px;
    height: 142px;
    position: fixed;
    right: 28px;
    bottom: 20%;
    z-index: 999
}

.m-dnpz-sidebar .item {
    height: 46px;
    border: 1px solid #ededed;
    width: 100%;
    margin-top: -1px;
    cursor: pointer
}

.m-dnpz-sidebar .qq {
    display: block;
    position: relative;
    width: 86px;
    height: 46px;
    background: -2px -1px #fff url(../img/uimg/sp_5.png) no-repeat
}

.m-dnpz-sidebar .qq .info {
    display: none;
    height: 46px;
    background: #358ff0;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.m-dnpz-sidebar .qq .info .ico {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto 2px;
    background: -93px -2px url(../img/uimg/sp_5.png) no-repeat
}

.m-dnpz-sidebar .qq:hover .info {
    display: block
}

.m-dnpz-sidebar .wechat {
    background: -2px -48px #fff url(../img/uimg/sp_5.png) no-repeat;
    position: relative
}

.m-dnpz-sidebar .wechat:hover .info {
    display: block
}

.m-dnpz-sidebar .wechat .info {
    display: none;
    width: 180px;
    text-align: center;
    position: absolute;
    background: #fff;
    padding: 20px 10px;
    right: 87px;
    top: -20px;
    font-weight: bold
}

.m-dnpz-sidebar .wechat .info img {
    margin-bottom: 5px
}

.m-dnpz-sidebar .go-back {
    background: -2px -96px #fff url(../img/uimg/sp_5.png) no-repeat
}

.m-dnpz-sidebar .go-back .info {
    display: none;
    height: 46px;
    background: #358ff0;
    text-align: center;
    color: #fff;
    font-size: 12px
}

.m-dnpz-sidebar .go-back .info .ico {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto 2px;
    background: -93px -48px url(../img/uimg/sp_5.png) no-repeat
}

.m-dnpz-sidebar .go-back:hover .info {
    display: block
}

.m-soft-course {
    margin-bottom: 50px;
    margin-top: -23px
}

.m-soft-course .item {
    width: 50%;
    float: left;
    font-size: 16px;
    margin-top: 22px
}

.m-az-about-list {
    padding: 0 30px;
    margin-bottom: 30px
}

.m-az-about-list .item {
    width: 50%;
    float: left;
    font-size: 16px;
    margin-top: 22px
}

.m-az-about-list .item i {
    background: #358ff0
}

.m-az-guide .m-rank .rank-title {
    padding-left: 30px
}

.page-guide-list .list-main .desc {
    color: #666;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-size: 16px
}

.page-guide-list .list-main .detail {
    margin-bottom: 0
}

.page-guide-list .list-main .btn {
    margin-top: -5px
}

.page-guide-list .list-main .btn:hover {
    background: #51a5ff;
    border-color: #51a5ff;
    color: #fff
}

.m-guide-row {
    position: relative;
    padding-bottom: 10px;
    border: 1px solid #ededed
}

.m-guide-row .ico {
    position: absolute;
    left: 14px;
    top: -1px;
    width: 45px;
    height: 136px;
    background: -174px -230px url(../img/uimg/sp_2.png) no-repeat;
    z-index: 2
}

.m-guide-row .m-az-recom {
    margin-left: 62px
}

.m-guide-row .m-az-recom .item {
    margin-right: 0;
    margin-left: 12px
}

.m-guide-row .m-az-recom .img {
    width: 90px;
    height: 90px
}

.m-red-packet {
    width: 150px;
    height: 173px;
    background: url(../img/uimg/red_packet.png) no-repeat;
    position: fixed;
    left: 100px;
    bottom: 20%;
    z-index: 999
}

.m-red-packet .btn {
    display: block;
    margin: 112px auto 0;
    width: 110px;
    height: 37px;
    background: 0 -222px url(../img/uimg/red_packet.png) no-repeat
}

.m-red-packet .btn:hover {
    background-position: 0 -180px
}

.m-hot-m-game {
    margin-top: -15px
}

.m-hot-m-game .item {
    color: #333;
    padding: 9px 0;
    display: block;
    position: relative;
    border-bottom: 1px dashed #ededed
}

.m-hot-m-game .item.on .title {
    display: none
}

.m-hot-m-game .item.on .detail {
    display: block
}

.m-hot-m-game .item.on .btn {
    margin-top: 19px
}

.m-hot-m-game .title,
.m-hot-m-game .name {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    cursor: pointer
}

.m-hot-m-game .title:hover,
.m-hot-m-game .name:hover {
    color: #358ff0
}

.m-hot-m-game .name {
    line-height: 26px
}

.m-hot-m-game .soft {
    width: 284px
}

.m-hot-m-game .img {
    float: left
}

.m-hot-m-game .detail {
    height: 70px;
    overflow: hidden;
    display: none
}

.m-hot-m-game .info {
    margin-left: 90px
}

.m-hot-m-game .txt {
    color: #666;
    line-height: 22px
}

.m-hot-m-game .score {
    color: #358ff0;
    font-weight: bold
}

.m-hot-m-game .btn {
    width: 60px;
    height: 30px;
    border: 1px solid #358ff0;
    text-align: center;
    color: #358ff0;
    line-height: 30px;
    float: right
}

.m-hot-m-game .btn:hover {
    color: #fff;
    background: #358ff0
}

.s-guide-art .col-l-w {
    padding-right: 40px
}

.s-guide-art .art-main {
    float: left
}

.s-guide-art .g-title {
    border-color: #ededed
}

.s-guide-art .art-title {
    text-align: center
}

.s-guide-art .art-title .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px
}

.s-guide-art .art-title .sub {
    font-size: 12px;
    color: #999;
    padding-bottom: 35px
}

.s-guide-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px
}

.s-guide-art .m-soft-recom {
    border: 1px solid #ededed;
    margin-top: 0;
    height: auto
}

.s-guide-art .m-soft-recom .soft-tab {
    padding-left: 20px;
    border-bottom: 1px solid #ededed
}

.s-guide-art .m-soft-recom .soft-tab .item {
    float: left;
    line-height: 46px;
    width: 128px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: -1px;
    font-size: 16px;
    cursor: pointer
}

.s-guide-art .m-soft-recom .soft-tab .item.cur {
    color: #358ff0;
    border-bottom: 2px solid #358ff0
}

.s-guide-art .m-soft-recom .soft-cont {
    padding: 25px 25px 25px 20px
}

.s-guide-art .m-soft-recom .soft-cont .g-star {
    margin-top: -2px
}

.m-guide-pagination {
    margin: 20px 0 50px;
    overflow: hidden
}

.m-guide-pagination .g-title {
    border-bottom: 1px solid #ededed;
    margin-bottom: 24px
}

.m-guide-pagination .g-title .title-txt {
    font-size: 16px
}

.m-guide-pagination .btn {
    width: 98px;
    height: 38px;
    line-height: 38px;
    color: #222;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    display: inline-block;
    margin: 0 3px
}

.m-guide-pagination .btn.active,
.m-guide-pagination .btn:hover {
    border-color: #358ff0;
    background: #358ff0;
    color: #fff
}

.m-guide-pagination .btn.disabled {
    border-color: #ededed;
    background: #fff;
    color: #ededed
}

.m-guide-pagination .btn.disabled:hover {
    border-color: #ededed;
    background: #fff;
    color: #ededed;
    cursor: not-allowed
}

.m-guide-pagination .pages {
    text-align: center
}

.m-guide-pagination .page {
    color: #999;
    display: inline-block;
    font-size: 14px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    margin: 0 3px
}

.m-guide-pagination .page.cur,
.m-guide-pagination .page:hover {
    background: #358ff0;
    border-color: #358ff0;
    color: #fff
}

.m-guide-pagination .colon {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    margin-top: 7px;
    margin: 7px 10px 0
}

.m-guide-pagination .g-dot-list {
    margin-bottom: 35px;
    text-align: left;
    margin-top: -18px
}

.m-guide-pagination .g-dot-list .item {
    width: 390px;
    padding-right: 10px;
    margin-top: 18px;
    float: left;
    font-size: 16px
}

.m-guide-pagination .g-dot-list .item i {
    background: #358ff0
}

.m-art-tag {
    font-size: 0;
    width: 520px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    font-size: 16px
}

.m-art-tag .tag {
    vertical-align: top;
    display: inline-block;
    width: 52px;
    height: 36px;
    line-height: 36px;
    padding-left: 13px;
    font-size: 16px;
    background: 0 -411px url(../img/uimg/sp_1.png)
}

.m-art-tag .link {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px
}

.m-art-tag .link:hover .txt {
    color: #358ff0;
    border-color: #358ff0
}

.m-art-tag .link:hover .l {
    background-position: -71px -411px
}

.m-art-tag .l {
    width: 13px;
    height: 36px;
    display: inline-block;
    background: -94px -411px url(../img/uimg/sp_1.png);
    vertical-align: top;
    cursor: pointer
}

.m-art-tag .txt {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 70px;
    line-height: 34px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    cursor: pointer
}

.m-guide-share {
    height: 36px;
    line-height: 36px;
    float: right
}

.m-guide-share .bdsharebuttonbox {
    float: right
}

.m-guide-share .bdshare-button-style0-16 a {
    background-image: url(../img/uimg/sp_share_5.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    padding-left: 0;
    margin: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

.m-guide-share .bdshare-button-style0-16 a .bds_more {
    background-position: 0 0
}

.m-guide-share .bdshare-button-style0-16 a.bds_qzone {
    background-position: -46px 0
}

.m-guide-share .bdshare-button-style0-16 a.bds_tsina {
    background-position: -92px 0
}

.m-guide-share .bdshare-button-style0-16 a.bds_weixin {
    background-position: -137px 0
}

.m-art-dzx {
    margin-bottom: 40px
}

.m-art-dzx .g-title {
    border-color: #358ff0
}

.m-art-dzx .m-az-recom {
    margin-left: -16px;
    padding-top: 0;
    margin-bottom: 0
}

.m-art-dzx .m-az-recom .item {
    margin-left: 16px;
    margin-right: 0
}

.m-art-dzx .m-az-recom .img {
    width: 90px;
    height: 90px
}

.c-img-title.multi .txt {
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

.c-img-title .t-item {
    text-align: center
}

.m-art-about {
    margin-bottom: 20px
}

.m-art-about .g-title {
    border-color: #358ff0
}

.m-art-about .c-img-title {
    margin-left: -26px
}

.m-art-about .c-img-title .t-item {
    width: 180px;
    float: left;
    margin-left: 26px
}

.m-art-about .c-img-title .txt {
    margin-top: 15px;
    line-height: 24px;
    height: 48px
}

.m-art-about .m-about-recom .item {
    width: 50%;
    float: left;
    font-size: 16px;
    margin-top: 22px
}

.m-art-about .m-about-recom .item i {
    background: #358ff0
}

.m-new-game-recom {
    margin-top: -15px
}

.m-new-game-recom .item {
    color: #333;
    padding: 20px 0;
    display: block;
    position: relative;
    border-bottom: 1px dashed #ededed
}

.m-new-game-recom .title {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    cursor: pointer
}

.m-new-game-recom .title:hover {
    color: #358ff0
}

.m-new-game-recom .img {
    float: left;
    width: 72px;
    height: 72px
}

.m-new-game-recom .detail {
    width: 284px;
    height: 72px;
    overflow: hidden
}

.m-new-game-recom .info {
    margin-left: 90px
}

.m-new-game-recom .txt {
    color: #666;
    line-height: 30px
}

.m-new-game-recom .btn {
    width: 60px;
    height: 30px;
    border: 1px solid #358ff0;
    text-align: center;
    color: #358ff0;
    line-height: 30px;
    float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    margin-top: 19px
}

.m-new-game-recom .btn:hover {
    color: #fff;
    background: #358ff0
}

.m-daily-recom {
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px
}

.m-daily-recom .inner {
    height: 175px;
    overflow: hidden
}

.m-daily-recom .soft {
    padding: 0 10px;
    display: block
}

.m-daily-recom .img {
    width: 75px;
    height: 75px;
    float: left
}

.m-daily-recom .info {
    margin-left: 86px
}

.m-daily-recom .title {
    font-size: 18px;
    color: #358ff0;
    line-height: 40px;
    font-weight: normal
}

.m-daily-recom .desc {
    font-size: 16px;
    color: #999;
    line-height: 30px
}

.m-daily-recom .reason {
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #999
}

.m-daily-recom .reason em {
    color: #358ff0
}

.m-daily-recom .opt {
    text-align: right;
    margin-top: 9px;
    font-size: 0;
    line-height: 0
}

.m-daily-recom .opt .btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/uimg/sp_1.png) no-repeat;
    margin-left: 5px;
    cursor: pointer
}

.m-daily-recom .opt .btn.prev {
    background-position: -117px -411px
}

.m-daily-recom .opt .btn.next {
    background-position: -151px -411px
}

.m-daily-recom .thumb {
    float: right;
    margin-top: 10px;
    font-size: 0;
    line-height: 0
}

.m-daily-recom .thumb li {
    width: 10px;
    height: 10px;
    background: #ededed;
    margin-left: 5px
}

.m-daily-recom .thumb li.on {
    background: #358ff0
}

.m-report-err {
    position: relative;
    display: inline-block;
    margin-left: 30px
}

.m-report-err .txt {
    color: #999;
    font-size: 14px
}

.m-report-err .btn {
    display: inline-block;
    width: 64px;
    height: 24px;
    margin-right: 10px;
    line-height: 24px;
    padding-left: 20px;
    color: #fff;
    font-size: 14px;
    background: #ffb3b6 -240px -385px url(../img/uimg/sp_1.png) no-repeat
}

.m-report-err .layer {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    width: 390px;
    height: 260px;
    border: 1px solid #358ff0;
    background: #fff;
    border-radius: 6px;
    text-align: left
}

.m-report-err .l-tit {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    padding-left: 16px
}

.m-report-err .l-bd {
    padding-left: 16px;
    padding-top: 12px
}

.m-report-err .l-bd .txt {
    margin-bottom: 10px
}

.m-report-err .textarea {
    width: 338px;
    height: 110px;
    padding: 10px;
    border: 0;
    background: #f5f6f8;
    resize: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 12px 0;
    display: block
}

.m-report-err .submit {
    color: #fff;
    background: #5298ff;
    float: right;
    margin-right: 16px;
    padding: 0 9px;
    line-height: 22px;
    text-align: center
}

.m-report-err .submit:hover {
    background: #358ff0
}

.m-report-err .close {
    float: right;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 5px;
    background: -175px -405px url(../img/uimg/sp_1.png) no-repeat
}

.m-tag-link {
    margin-bottom: 35px;
    margin-top: -10px;
    color: #999
}

.m-tag-link .title {
    float: left;
    width: 75px;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    margin-top: 10px;
    color: #fff;
    background: 0 -278px url(../img/uimg/sp_1.png) no-repeat
}

.m-tag-link .item+.item {
    margin-top: 10px
}

.m-tag-link .links {
    margin-left: 95px;
    overflow: hidden;
    height: 60px
}

.m-tag-link .link {
    font-size: 14px;
    margin: 0 10px;
    line-height: 30px;
    color: #666
}

.m-tag-link .link:hover {
    color: #358ff0
}

.m-tag-link .link:first-child {
    margin-left: 0
}

.m-tag-link .link.hot {
    color: #ff0000
}

.c-slider {
    overflow: hidden;
    position: relative
}

.c-slider .title {
    position: relative
}

.c-slider .title .txt {
    padding-right: 10px;
    position: relative;
    z-index: 2
}

.c-slider .cover {
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-img-group {
    margin-bottom: 49px
}

.m-img-group .c-slider {
    float: left;
    width: 752px;
    height: 333px;
    overflow: hidden
}

.m-img-group .c-slider .title {
    height: 50px;
    line-height: 50px;
    margin-top: -50px;
    color: #fff;
    font-size: 18px;
    padding-left: 10px
}

.m-img-group .c-slider .txt {
    width: 80%
}

.m-img-group .c-slider .btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 32px;
    height: 62px;
    cursor: pointer;
    background: url(../img/uimg/sp_1.png) no-repeat
}

.m-img-group .c-slider .btn-prev {
    left: 0;
    background-position: 0 -458px
}

.m-img-group .c-slider .btn-next {
    right: 0;
    background-position: -41px -458px
}

.m-img-group .c-slider .npos {
    position: absolute;
    right: 10px;
    bottom: 18px;
    z-index: 3
}

.m-img-group .c-slider .npos .item {
    float: left;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: #fff;
    transition: width 0.6s ease-in 0s;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.m-img-group .c-slider .npos .item.on {
    background: #999
}

.m-img-group .group {
    width: 432px;
    float: right
}

.m-img-group .img-1 {
    margin-top: 10px
}

.m-img-group .img-2 {
    float: right
}

.m-tag-cate {
    margin-bottom: 48px
}

.m-tag-cate .col-1 {
    float: left;
    width: 390px
}

.m-tag-cate .cate {
    height: 153px;
    font-size: 0;
    position: relative;
    margin: -13px 0 9px -15px
}

.m-tag-cate .cate .item {
    font-size: 14px;
    line-height: 38px;
    float: left;
    width: 86px;
    background: #e5e5e5;
    margin-left: 15px;
    margin-top: 13px;
    text-align: center;
    cursor: pointer
}

.m-tag-cate .cate .item:hover,
.m-tag-cate .cate .item.cur {
    color: #fff;
    background: #358ff0
}

.m-tag-cate .cate .ctrl {
    position: absolute;
    height: 38px;
    right: 0;
    bottom: 0;
    line-height: 38px;
    font-size: 0
}

.m-tag-cate .cate .ctrl .btn {
    width: 42px;
    background: #e5e5e5;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    cursor: pointer
}

.m-tag-cate .cate .ctrl .btn+.btn {
    margin-left: 2px
}

.m-tag-cate .cate .ctrl .btn:hover {
    color: #fff;
    background: #358ff0
}

.m-tag-cate .c-slider .inner {
    height: 225px;
    overflow: hidden
}

.m-tag-cate .c-slider .s-tit {
    line-height: 40px;
    font-size: 18px;
    font-weight: normal
}

.m-tag-cate .c-slider .npos {
    float: right;
    margin-top: 12px
}

.m-tag-cate .c-slider .npos .item {
    float: left;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin-left: 10px
}

.m-tag-cate .c-slider .npos .item.on {
    background: #358ff0
}

.m-tag-cate .c-slider .title {
    line-height: 40px;
    height: 40px;
    margin-top: -40px;
    color: #fff;
    padding-left: 40px;
    font-size: 15px
}

.m-tag-cate .col-2 {
    width: 810px;
    font-size: 0;
    float: right;
    margin-top: -22px
}

.m-tag-cate .col-2 .item {
    width: 100px;
    display: inline-block;
    text-align: center;
    margin-left: 35px;
    margin-top: 22px
}

.m-tag-cate .col-2 .txt {
    font-size: 14px;
    line-height: 24px
}

.m-mg-guide {
    margin-bottom: 57px
}

.m-mg-guide .g-title {
    margin-bottom: 20px
}

.m-mg-guide .idx-zxjc-a {
    width: 300px
}

.m-mg-guide .idx-zxjc-b {
    width: 490px;
    margin-left: 40px
}

.m-mg-guide .idx-zxjc-b .b-list {
    margin-top: 18px;
    padding-top: 20px
}

.m-mg-guide .idx-zxjc-b .b-list .list-item+.list-item {
    margin-top: 12px
}

.m-mg-guide .idx-zxjc-c {
    width: 330px
}

.m-mg-guide .a-recom {
    margin-top: 23px;
    display: block
}

.m-mg-guide .a-recom .ico {
    float: left;
    position: relative
}

.m-mg-guide .a-recom .ico i {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 41px;
    height: 41px;
    background: -220px -414px url(../img/uimg/sp_1.png) no-repeat
}

.m-mg-guide .a-recom .info {
    margin-left: 80px;
    height: 66px;
    border: 1px solid #ededed;
    border-left: 0;
    padding: 12px 10px 0 10px
}

.m-mg-guide .a-recom .info .title {
    font-size: 18px;
    margin-bottom: 8px
}

.m-mg-guide .a-recom .info .desc {
    font-size: 15px;
    color: #666
}

.m-mg-guide .g-list-a {
    font-size: 16px;
    color: #666
}

.m-mg-guide .g-time {
    color: #666
}

.m-cov-title-slider {
    margin-bottom: 70px
}

.m-cov-title-slider .inner {
    height: 173px;
    overflow: hidden
}

.m-cov-title-slider .list {
    margin-left: -20px;
    margin-top: -20px
}

.m-cov-title-slider .item {
    width: 283px;
    border: 1px solid #ededed;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 20px
}

.m-cov-title-slider .cover {
    background: #000;
    filter: alpha(opacity=35);
    opacity: .35;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m-cov-title-slider .title {
    font-size: 16px;
    line-height: 36px;
    padding: 0 10px;
    position: relative
}

.m-cov-title-slider .title .txt {
    z-index: 2;
    position: relative
}

.m-cov-title-slider .btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 50px;
    height: 80px;
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
    z-index: 10
}

.m-cov-title-slider .btn:hover .cover {
    filter: alpha(opacity=20);
    opacity: .2
}

.m-cov-title-slider .btn.prev {
    left: 0
}

.m-cov-title-slider .btn.prev .btn-ico {
    background-position: -175px -32px
}

.m-cov-title-slider .btn.next {
    right: 0
}

.m-cov-title-slider .btn.next .btn-ico {
    background-position: -195px -32px
}

.m-cov-title-slider .btn .btn-ico {
    width: 14px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -12px;
    z-index: 2;
    background-image: url(../img/uimg/sp_1.png)
}

.m-app-ranks .g-title {
    margin-bottom: 2px
}

.m-app-ranks .title-txt {
    padding-left: 38px;
    background: url(../img/uimg/sp_1.png) no-repeat
}

.m-app-ranks .title-txt.sty-1 {
    background-position: -229px -465px
}

.m-app-ranks .title-txt.sty-2 {
    background-position: -232px -507px
}

.m-app-ranks .title-txt.sty-3 {
    background-position: -232px -550px
}

.m-app-ranks .m-rank {
    width: 370px;
    float: left;
    height: 660px
}

.m-app-ranks .m-rank+.m-rank {
    margin-left: 45px
}

.m-app-ranks .m-rank+.m-rank:nth-child(3n+1) {
    margin-left: 0px
}

.m-app-ranks .m-rank .img {
    float: left
}

.m-app-ranks .m-rank .btn {
    margin-top: 35px;
    margin-right: 20px;
    width: 56px;
    line-height: 26px;
    color: #358ff0;
    background: #fff;
    float: right;
    font-size: 16px;
    text-align: center;
    border: 1px solid #358ff0;
    border-radius: 2px
}

.m-app-ranks .m-rank .btn:hover,
.m-app-ranks .m-rank .btn:active {
    color: #fff;
    background: #358ff0
}

.m-app-ranks .m-rank .info {
    margin-left: 80px;
    padding-top: 5px;
    color: #999
}

.m-app-ranks .m-rank .info .txt {
    margin-bottom: 15px
}

.m-app-ranks .m-rank .item-name {
    font-size: 16px;
    font-weight: normal;
    color: #898989
}

.m-app-ranks .m-rank .item-info {
    margin-left: 28px
}

.m-app-ranks .m-rank .grade {
    color: #898989;
    font-weight: normal;
    font-size: 12px;
    margin-right: 20px
}

.m-app-ranks .m-rank .grade em {
    font-size: 16px
}

.m-app-ranks .m-rank .rank-item {
    padding: 13px 0
}

.m-app-ranks .m-rank .rank-item+.rank-item {
    border-top: 1px dashed #ededed
}

.m-app-ranks .m-rank .rank-item.on .item-name {
    font-weight: normal;
    font-size: 18px
}

.page-ios-idx .m-az-recom {
    margin-top: 12px
}

.page-ios-idx .idx-yqlj .g-title {
    margin-bottom: 27px
}

.page-ios-idx .idx-yqlj .title-txt {
    padding-bottom: 2px
}

.page-ios-list .m-hot-soft-row {
    margin-bottom: 45px
}

.page-ios-list .c-cur-pos {
    border-bottom: 1px solid #ededed
}

.page-ios-list .m-ios-sort-tab {
    margin-top: -4px
}

.page-ios-list .m-ios-sort-tab .tab-item {
    width: 92px;
    line-height: 40px
}

.page-ios-list .m-ios-sort-tab .tab-item.cur {
    border-top: 2px solid #358ff0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #fff
}

.page-ios-list .m-pagination .page {
    border-radius: 0
}

.page-ios-soft .m-cov-title-slider {
    margin-bottom: 51px
}

.page-ios-soft .m-app-ranks {
    margin-bottom: 15px
}

.m-ios-sort-list {
    margin: -26px 0 40px -30px
}

.m-ios-sort-list .item {
    width: 380px;
    height: 148px;
    border: 1px solid #ededed;
    position: relative;
    float: left;
    margin-left: 28px;
    margin-top: 26px
}

.m-ios-sort-list .item:hover .cover {
    display: block
}

.m-ios-sort-list .img {
    float: left
}

.m-ios-sort-list .btn {
    display: block;
    width: 58px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #ededed;
    text-align: center;
    line-height: 28px;
    margin-top: 15px
}

.m-ios-sort-list .title {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 26px
}

.m-ios-sort-list .inner {
    padding: 24px 0 0 20px
}

.m-ios-sort-list .info {
    margin-left: 120px
}

.m-ios-sort-list .cover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 380px;
    height: 148px
}

.m-ios-sort-list .cover .bg {
    background: #5298ff;
    opacity: .9;
    filter: alpha(opacity=90);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.m-ios-sort-list .cover .text {
    padding: 12px 16px 0 16px;
    position: relative;
    z-index: 2;
    color: #fff
}

.m-ios-sort-list .cover .title {
    font-size: 16px;
    text-align: center
}

.m-ios-sort-list .cover .desc {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 24px
}

.m-large-slider {
    position: relative;
    height: 361px;
    overflow: hidden;
    margin-bottom: 50px
}

.m-large-slider .g-npos {
    right: 50%;
    margin-right: -65px
}

.m-large-slider .btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 60px;
    cursor: pointer
}

.m-large-slider .btn.prev {
    left: 0;
    background-position: -73px -458px
}

.m-large-slider .btn.next {
    right: 0;
    background-position: -109px -458px
}

.m-ios-zjbb {
    margin-bottom: 56px;
    font-size: 0
}

.m-ios-zjbb .inner {
    margin-left: 2px
}

.m-ios-zjbb .item {
    width: 100px;
    text-align: center
}

.m-ios-zjbb .item+.item {
    margin-left: 37px
}

.m-ios-zjbb .txt {
    font-size: 14px;
    line-height: 24px
}

.m-icon-txt-tab {
    margin-bottom: 45px
}

.m-icon-txt-tab .hot-tab {
    float: right;
    margin-right: 32px;
    margin-top: 4px
}

.m-icon-txt-tab .hot-item {
    color: #999;
    padding: 0 12px
}

.m-icon-txt-tab .hot-item:hover {
    color: #358ff0
}

.m-icon-txt-tab .col-1 {
    font-size: 0;
    margin-left: -35px;
    margin-top: -23px;
    float: left;
    width: 1080px
}

.m-icon-txt-tab .col-1 .item {
    width: 100px;
    text-align: center;
    margin-left: 35px;
    margin-top: 23px
}

.m-icon-txt-tab .col-1 .txt {
    font-size: 14px;
    line-height: 24px
}

.m-icon-txt-tab .col-2 {
    float: right;
    width: 124px;
    text-align: center
}

.m-icon-txt-tab .col-2 .item {
    line-height: 30px;
    height: 30px;
    background: #e9e9e9;
    cursor: pointer
}

.m-icon-txt-tab .col-2 .item.cur {
    background: #358ff0;
    color: #fff
}

.m-icon-txt-tab .col-2 .item+.item {
    margin-top: 2px
}

.m-app-accordion {
    font-size: 0;
    margin-bottom: 50px;
    overflow: hidden
}

.m-app-accordion .inner {
    margin-right: -20px
}

.m-app-accordion .info {
    padding-top: 45px;
    text-align: center
}

.m-app-accordion .info .txt {
    font-size: 16px;
    color: #fff;
    margin-bottom: 40px
}

.m-app-accordion .item {
    width: 232px;
    height: 265px;
    float: left
}

.m-app-accordion .item .img {
    display: none;
    width: 100%;
    height: 265px
}

.m-app-accordion .item:hover .info {
    display: none
}

.m-app-accordion .item:hover .img {
    display: block
}

.m-app-accordion .item+.item {
    margin-left: 10px
}

.m-app-accordion .item.item-1 {
    background: #17a04e
}

.m-app-accordion .item.item-2 {
    background: #006699
}

.m-app-accordion .item.item-3 {
    background: #cc3333
}

.m-app-accordion .item.item-4 {
    background: #ff6633
}

.m-app-accordion .item.item-5 {
    background: #339999
}

.page-ios-zt .c-cur-pos {
    border-bottom: 0
}

.page-ios-zt .m-soft-tab {
    margin-top: -4px
}

.page-ios-zt .m-soft-tab .tab-item {
    color: #358ff0;
    border: 1px solid #358ff0;
    margin: 0 8px;
    line-height: 26px;
    *line-height: 24px;
    height: 26px;
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 16px
}

.page-ios-zt .m-soft-tab .tab-item:hover,
.page-ios-zt .m-soft-tab .tab-item.cur {
    background: #358ff0;
    color: #fff
}

.m-ios-new-recom {
    margin-bottom: 40px
}

.m-ios-new-recom .inner {
    margin-left: -19px;
    margin-top: -20px
}

.m-ios-new-recom .item {
    width: 352px;
    height: 273px;
    padding: 16px;
    border: 1px solid #ededed;
    margin-left: 20px;
    margin-top: 20px;
    float: left
}

.m-ios-new-recom .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    line-height: 26px;
    margin-bottom: 10px
}

.m-ios-new-recom .desc {
    line-height: 26px;
    overflow: hidden;
    height: 52px;
    color: #666
}

.m-ios-pagination {
    text-align: center;
    font-size: 0
}

.m-ios-pagination .page,
.m-ios-pagination .btn {
    line-height: 28px;
    border: 1px solid #ededed;
    display: inline-block;
    font-size: 14px;
    margin: 0 3px
}

.m-ios-pagination .page:hover,
.m-ios-pagination .page.cur,
.m-ios-pagination .btn:hover,
.m-ios-pagination .btn.cur {
    border-color: #358ff0;
    background: #358ff0;
    color: #fff
}

.m-ios-pagination .colon {
    display: inline-block;
    line-height: 28px;
    position: relative;
    top: 5px;
    font-size: 14px;
    margin: 0 3px
}

.m-ios-pagination .page {
    width: 28px;
    height: 28px
}

.m-ios-pagination .btn {
    width: 58px;
    height: 28px
}

.page-ios-game .m-rank {
    width: 300px;
    float: right
}

.page-ios-game .m-rank .rank-title {
    padding-left: 0;
    background: none
}

.page-ios-game .m-rank .item-info {
    margin-left: 30px;
    padding-top: 12px
}

.page-ios-game .m-rank .g-star {
    margin-left: 10px
}

.page-ios-game .m-rank .g-sort-num {
    background: #c4d0db
}

.page-ios-game .m-rank .g-sort-num.top {
    background: #ff6b66
}

.page-ios-game .m-rank .g-sort-num.second {
    background: #ff8652
}

.page-ios-game .m-rank .g-sort-num.third {
    background: #ffa742
}

.page-ios-game .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
    text-align: right
}

.m-ios-game-main {
    margin-bottom: 36px
}

.m-ios-game-main .slider {
    width: 860px;
    height: 360px;
    overflow: hidden;
    position: relative;
    float: left
}

.m-ios-game-main .slider .btn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 60px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer
}

.m-ios-game-main .slider .btn.prev {
    left: 0;
    background-position: -73px -458px
}

.m-ios-game-main .slider .btn.next {
    right: 0;
    background-position: -109px -458px
}

.m-ios-game-main .col-r {
    width: 320px;
    float: right
}

.m-ios-game-main .col-r .card .title {
    background: #358ff0
}

.m-ios-game-main .col-r .card .title i {
    display: inline-block;
    vertical-align: top;
    width: 63px;
    height: 52px;
    background: -151px -460px url(../img/uimg/sp_1.png) no-repeat
}

.m-ios-game-main .col-r .card .title .txt {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    margin-top: 16px;
    vertical-align: top;
    display: inline-block;
    border-left: 4px solid #fff;
    padding-left: 10px
}

.m-ios-game-main .col-r .card .info {
    background: #f5f6f8;
    height: 106px;
    padding: 21px 15px 0 15px
}

.m-ios-game-main .col-r .card .img {
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 3px
}

.m-ios-game-main .col-r .card .detail {
    margin-left: 92px
}

.m-ios-game-main .col-r .card .name {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 7px
}

.m-ios-game-main .col-r .card .desc {
    text-align: justify;
    text-justify: inter-ideograph;
    color: #999;
    line-height: 26px;
    height: 52px;
    overflow: hidden
}

.m-ios-game-main .col-r .c-orange {
    color: #ff7800
}

.m-ios-game-main .col-r .new-recom .title {
    font-size: 20px;
    line-height: 34px;
    padding: 10px 0 10px 30px;
    background: -241px -585px url(../img/uimg/sp_1.png) no-repeat
}

.m-ios-game-main .col-r .new-recom .sub {
    font-size: 16px;
    color: #999;
    margin-left: 20px;
    font-weight: normal
}

.m-ios-game-main .col-r .new-recom .info {
    background: #f5f6f8;
    height: 110px;
    padding: 15px 15px 0 15px
}

.m-ios-game-main .col-r .new-recom .img-outer {
    width: 66px;
    height: 66px;
    margin: 0 auto 12px;
    overflow: hidden;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px
}

.m-ios-game-main .col-r .new-recom .name {
    font-weight: normal
}

.m-ios-game-main .col-r .new-recom .i-l {
    width: 96px;
    float: left;
    text-align: center
}

.m-ios-game-main .col-r .new-recom .i-r {
    margin-left: 112px
}

.m-ios-game-main .col-r .new-recom .txt {
    font-size: 16px;
    color: #666;
    padding-top: 10px;
    line-height: 30px;
    margin-bottom: 20px;
    letter-spacing: 2px
}

.m-ios-game-main .col-r .new-recom .btn {
    width: 90px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #ff7800;
    display: block
}

.m-ios-game-recom {
    margin-bottom: 48px
}

.m-ios-game-recom .hot-tab {
    float: right;
    margin-right: 32px;
    margin-top: 4px
}

.m-ios-game-recom .hot-item {
    color: #999;
    padding: 0 12px
}

.m-ios-game-recom .hot-item:hover {
    color: #358ff0
}

.m-ios-game-recom .col-1 {
    width: 900px;
    float: left;
    margin-top: -18px
}

.m-ios-game-recom .col-1 .item {
    float: left;
    width: 180px;
    height: 104px;
    padding: 12px 10px;
    border: 1px solid #ededed;
    margin-right: 18px;
    margin-top: 18px
}

.m-ios-game-recom .col-1 .item .title {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 10px
}

.m-ios-game-recom .col-1 .item .img {
    float: left
}

.m-ios-game-recom .col-1 .item .info {
    margin-left: 80px;
    padding-top: 17px
}

.m-ios-game-recom .col-1 .item .g-star {
    margin-bottom: 15px;
    display: block
}

.m-ios-game-recom .col-1 .item .icons {
    font-size: 0
}

.m-ios-game-recom .col-1 .item .icon {
    width: 22px;
    height: 22px;
    display: inline-block
}

.m-ios-game-recom .col-1 .item .icon.icon-dl {
    background: -151px -548px url(../img/uimg/sp_1.png) no-repeat
}

.m-ios-game-recom .col-1 .item .icon.icon-favor {
    background: -179px -548px url(../img/uimg/sp_1.png) no-repeat
}

.m-ios-game-recom .col-1 .item .icon+.icon {
    margin-left: 6px
}

.m-ios-game-recom .large {
    width: 420px;
    height: 276px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 18px;
    margin-top: 18px;
    border: 1px solid #ededed
}

.m-ios-game-recom .large:hover .cover {
    display: block
}

.m-ios-game-recom .large .img {
    position: relative;
    z-index: 1
}

.m-ios-game-recom .large .icon {
    width: 80px;
    height: 80px;
    float: left
}

.m-ios-game-recom .large .info {
    margin-left: 100px;
    margin-right: 110px
}

.m-ios-game-recom .large .title {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px
}

.m-ios-game-recom .large .desc {
    font-size: 12px;
    color: #999;
    margin-bottom: 6px
}

.m-ios-game-recom .large .btn {
    float: right;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #ff7800;
    display: block;
    margin-top: 36px
}

.m-ios-game-recom .cover {
    display: none;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-top: -120px;
    height: 80px;
    background: #333;
    padding: 20px
}

.m-ios-game-coll {
    margin-bottom: 49px
}

.m-ios-game-coll .slider {
    position: relative
}

.m-ios-game-coll .inner {
    width: 1068px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden
}

.m-ios-game-coll .btn {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 10;
    background-image: url(../img/uimg/sp_1.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    cursor: pointer
}

.m-ios-game-coll .btn.prev {
    left: 0;
    background-position: 0 -564px
}

.m-ios-game-coll .btn.next {
    right: 0;
    background-position: -54px -564px
}

.m-ios-game-coll .item {
    width: 252px;
    float: left;
    position: relative
}

.m-ios-game-coll .item+.item {
    margin-left: 20px
}

.m-ios-game-coll .title {
    margin-top: -30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: relative
}

.m-ios-game-coll .title .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1;
    left: 0;
    top: 0
}

.m-ios-game-coll .title .txt {
    position: relative;
    z-index: 2
}

.m-icon-apps {
    margin-bottom: 47px
}

.m-icon-apps .col-1 {
    width: 900px;
    margin-top: -35px;
    float: left
}

.m-icon-apps .col-1 .g-star {
    display: block;
    margin-bottom: 8px
}

.m-icon-apps .m-rank {
    float: right
}

.m-icon-apps .item {
    float: left;
    width: 200px;
    margin-right: 20px;
    margin-top: 35px
}

.m-icon-apps .img {
    float: left
}

.m-icon-apps .info {
    margin-left: 90px
}

.m-icon-apps .title {
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 6px;
    padding-top: 2px
}

.m-icon-apps .desc {
    font-size: 12px;
    color: #999
}

.m-icon-apps .g-tab {
    float: right;
    margin-right: 90px
}

.m-icon-apps .more-tabs {
    margin-top: 3px;
    float: right
}

.m-icon-apps .more-tabs .m-item {
    font-size: 16px;
    margin-top: 3px;
    font-weight: normal;
    color: #999;
    cursor: pointer;
    display: none
}

.m-game-video {
    margin-bottom: 51px
}

.m-game-video .inner {
    margin-left: -26px;
    margin-top: -20px
}

.m-game-video .info {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3
}

.m-game-video .btn {
    position: relative;
    z-index: 2;
    width: 62px;
    height: 62px;
    display: block;
    background-image: url(../img/uimg/video_sp.png);
    background-repeat: no-repeat;
    background-position: -94px -375px;
    margin: 30px auto 10px
}

.m-game-video .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.m-game-video .txt {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 48px;
    line-height: 24px;
    padding: 0 30px;
    overflow: hidden
}

.m-game-video .item {
    width: 218px;
    height: 172px;
    float: left;
    margin-left: 26px;
    margin-top: 20px;
    position: relative
}

.m-game-video .item:hover .info {
    display: block
}

.m-game-video .item:hover .title {
    display: none
}

.m-game-video .title {
    position: relative;
    margin-top: -34px;
    height: 34px
}

.m-game-video .title .text {
    color: #fff;
    line-height: 34px;
    position: relative;
    z-index: 2;
    padding: 0 40px 0 3px
}

.m-game-video .title .icon {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0;
    right: 8px;
    z-index: 2;
    background: -162px -373px url(../img/uimg/video_sp.png) no-repeat
}

.m-game-video .large {
    width: 466px;
    height: 364px
}

.m-game-video .large .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: 0 0 url(../img/uimg/video_sp.png) no-repeat
}

.m-game-video .large .btn {
    width: 84px;
    height: 84px;
    margin: 115px auto 82px;
    background-position: 0 -375px
}

.m-game-video .large .title {
    position: relative;
    margin-top: -46px;
    height: 46px
}

.m-game-video .large .title .text {
    line-height: 46px;
    font-size: 18px;
    padding: 0 10px;
    text-align: center
}

.m-game-video .large .txt {
    height: 60px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px
}

.m-game-dzw {
    margin-bottom: 20px
}

.m-game-dzw .inner {
    margin-left: -25px
}

.m-game-dzw .item {
    float: left;
    width: 280px;
    margin-left: 25px
}

.m-ios-zt-list-tab {
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin-bottom: 32px
}

.m-ios-zt-list-tab .tab-item {
    width: 111px;
    line-height: 40px;
    float: left;
    margin-bottom: -1px;
    font-size: 18px;
    cursor: pointer
}

.m-ios-zt-list-tab .tab-item.cur {
    border-top: 2px solid #358ff0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #fff
}

.m-ios-guide-list {
    margin-top: -32px
}

.m-ios-guide-list .item {
    margin-top: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ededed
}

.m-ios-guide-list .img {
    float: left
}

.m-ios-guide-list .info {
    padding-top: 18px;
    margin-left: 260px
}

.m-ios-guide-list .title {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 18px
}

.m-ios-guide-list .desc {
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    color: #666;
    margin-bottom: 18px;
    overflow: hidden
}

.m-ios-guide-list .detail .txt {
    color: #999
}

.m-ios-guide-list .detail .txt+.txt {
    margin-left: 40px
}

.page-ios-art .c-content {
    font-size: 16px
}

.page-ios-art .c-content .intro-tit {
    margin: 16px 0;
    border-bottom: 2px solid #ededed
}

.page-ios-art .c-content .intro-tit span {
    font-weight: bold;
    display: inline-block;
    margin-bottom: -2px;
    border-bottom: 2px solid #358ff0
}

.page-ios-art .m-az-about-list {
    padding-top: 16px;
    margin-bottom: 0
}

.page-ios-art .m-android-art .c-detail {
    height: 90px
}

.page-ios-art .m-android-art .c-rank {
    margin-bottom: 23px
}

.m-course-zt-main {
    margin-bottom: 35px
}

.m-course-zt-main .img {
    float: left
}

.m-course-zt-main .info {
    margin-left: 578px
}

.m-course-zt-main .title {
    line-height: 86px;
    height: 86px;
    overflow: hidden;
    font-size: 28px
}

.m-course-zt-main .desc {
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 45px
}

.m-course-zt-main .time {
    float: left;
    font-size: 16px;
    padding-left: 25px;
    background: -246px -634px url(../img/uimg/sp_1.png) no-repeat;
    line-height: 30px;
    color: #878787
}

.m-course-zt-main .c-share {
    float: right;
    font-size: 0
}

.m-course-zt-main .c-share em {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    color: #878787;
    font-size: 16px
}

.m-course-zt-main .c-share a {
    display: inline-block;
    vertical-align: top;
    float: none;
    background-image: url(../img/uimg/sp_share_6.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding-left: 0;
    margin: 0 0 0 10px
}

.m-course-zt-main .c-share a.bds_more {
    background-position: 0 0
}

.m-course-zt-main .c-share a.bds_qzone {
    background-position: -40px 0
}

.m-course-zt-main .c-share a.bds_tsina {
    background-position: -80px 0
}

.m-course-zt-main .c-share a.bds_weixin {
    background-position: -120px 0
}

.m-course-zt-main .c-share a.bds_tqq {
    background-position: -160px 0
}

.m-course-zt-main .c-share a.bds_renren {
    background-position: -200px 0
}

.m-course-zt-main .c-tags {
    position: relative;
    margin-top: 40px
}

.m-course-zt-main .c-tags .inner {
    margin-left: -7px;
    position: relative;
    z-index: 2
}

.m-course-zt-main .c-tags .item {
    width: 124px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    float: left;
    margin-left: 8px
}

.m-course-zt-main .c-tags .item:hover,
.m-course-zt-main .c-tags .item.cur {
    background: #358ff0;
    color: #fff
}

.m-course-zt-main .c-tags .line {
    background: #ddd;
    width: 95%;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 5px;
    z-index: 0
}

.m-course-zt-list {
    margin-bottom: 50px
}

.m-course-zt-list .g-title .title-txt {
    width: auto
}

.m-course-zt-list .inner {
    margin-left: -50px;
    margin-top: -36px
}

.m-course-zt-list .item {
    width: 575px;
    float: left;
    margin-left: 50px;
    margin-top: 36px
}

.m-course-zt-list .img {
    float: left
}

.m-course-zt-list .title {
    line-height: 38px;
    font-size: 16px;
    font-weight: normal
}

.m-course-zt-list .desc {
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    color: #666;
    margin-top: 10px
}

.m-course-zt-list .time {
    margin-top: 14px;
    color: #999
}

.m-course-zt-list .more {
    color: #358ff0
}

.m-course-zt-list .info {
    margin-left: 256px
}

.m-course-zt-recom {
    margin-bottom: 50px
}

.m-course-zt-recom .inner {
    margin-left: -70px
}

.m-course-zt-recom .item {
    width: 565px;
    float: left;
    margin-left: 70px
}

.m-course-zt-recom .title {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 25px;
    line-height: 24px
}

.m-course-zt-recom .img {
    float: left
}

.m-course-zt-recom .desc {
    margin-left: 225px;
    color: #878787;
    line-height: 30px;
    height: 120px;
    overflow: hidden
}

.m-course-zt-recom .more {
    color: #358ff0
}

.m-course-zt-recom .detail {
    height: 201px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #c9c9c9;
    margin-bottom: 10px
}

.m-course-zt-recom .line {
    width: 549px;
    line-height: 42px;
    height: 42px;
    background: -254px -658px url(../img/uimg/sp_1.png) no-repeat;
    padding-left: 16px;
    text-align: right;
    border-bottom: 1px dotted #c9c9c9
}

.m-course-zt-recom .txt {
    float: left;
    width: 420px;
    text-align: left
}

.m-course-zt-recom .time {
    color: #999
}

.m-zxw-qrcode {
    margin-bottom: 40px
}

.m-soft-modal {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

.m-soft-modal .cover {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    position: relative;
    z-index: 1
}

.m-soft-modal .cont {
    position: absolute;
    z-index: 2;
    width: 996px;
    left: 50%;
    margin-left: -518px;
    top: 20%;
    background: #fff;
    padding: 20px 20px 15px 20px
}

.m-soft-modal .hd {
    border-bottom: 2px solid #ededed
}

.m-soft-modal .close {
    font-size: 14px;
    color: #fff;
    background: #999;
    text-align: center;
    width: 46px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.m-soft-modal .h-tit {
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 20px
}

.m-soft-modal .s-list {
    margin-top: 10px
}

.m-soft-modal .s-list .img {
    width: 72px;
    height: 72px;
    margin-bottom: 10px
}

.m-soft-modal .s-list .item {
    position: relative;
    float: left;
    width: 113px;
    text-align: center;
    padding: 10px 5px
}

.m-soft-modal .s-list .tag {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 2;
    padding: 0 5px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    background: #ff1a35;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.m-soft-modal .zt-list {
    padding-bottom: 20px
}

.m-soft-modal .zt-list .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 16px;
    overflow: hidden
}

.m-soft-modal .zt-list .more {
    font-weight: normal;
    float: right;
    color: #358ff0;
    font-size: 14px
}

.m-soft-modal .zt-list .zt {
    margin-left: 380px
}

.m-soft-modal .zt-list .info {
    margin-left: 58px
}

.m-soft-modal .zt-list .list {
    margin-left: -5px;
    margin-top: -20px
}

.m-soft-modal .zt-list .item {
    width: 192px;
    float: left;
    padding: 10px 5px
}

.m-soft-modal .zt-list .name {
    line-height: 26px
}

.m-soft-modal .zt-list .desc {
    color: #666
}

.page-az-idx .m-game-video {
    margin-bottom: 40px
}

.comment .quote,
.comment .quote span {
    text-indent: 0
}

.comment {
    color: #2f2f2f;
    padding: 1px;
    zoom: 1
}

.comment dt {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    padding: 0 10px;
    background: #f8f8f9;
    color: #666
}

.comment dl {
    padding: 0 5px
}

.comment dd {
    word-wrap: break-word;
    line-height: 20px;
    padding: 5px 10px 10px
}

.comment dd img {
    margin-bottom: -5px
}

.comment blockquote,
.comment .quote {
    padding: 3px 3px 5px;
    margin: 0 0 5px 0;
    border: 1px solid #bfbfbf;
    background: #fffde9;
    color: #000
}

.comment blockquote h4,
.comment .quote span {
    color: #666;
    padding: 0 3px;
    font-weight: normal;
    font-size: 12px;
    display: block;
    background: none
}

.comment blockquote h4 cite {
    font-style: normal
}

.comment blockquote div {
    padding: 0 7px
}

.comment dt i {
    font-family: verdana;
    font-style: normal
}

.comment dt b {
    margin: 0 6px;
    color: #358ff0
}

.comment p {
    text-align: right;
    line-height: 1;
    padding: 5px 0
}

.comment p a {
    color: #f60;
    margin-left: 10px
}

.comment dt span {
    float: left
}

.comment dt em {
    float: right;
    font-style: normal
}

.comment-list {
    clear: both;
    padding: 10px 0 0 0
}

.bjhf {
    background-color: #fbfcfc;
    border: 1px solid #eaeaea;
    border-left: 2px solid #e0e6e9;
    font-size: 14px;
    padding: 10px;
    margin: 5px 0
}

.bjhf span {
    font-weight: bold;
    color: #ed0006
}

.keyText {
    border: 1px solid #ff9947;
    margin-top: 10px;
    padding: 38px 15px 8px;
    background: #fdfde5 url(/skin/gr/images/c_destip.png) no-repeat 13px 7px;
    line-height: 22px;
    color: #555;
    word-wrap: break-word;
    overflow: hidden
}

.c_tags {
    margin: 15px;
    font-size: 14px
}

.c_tags a {
    font-weight: normal;
    color: #23883b;
    margin: 0 8px 0 2px
}

.c_tags_inc {
    margin: 8px 0 16px;
    color: #666
}

.c_tags_inc a {
    color: #227e0a;
    margin: 0 6px;
    text-decoration: underline
}

.keyText {
    font-size: 14px;
    line-height: 24px
}

.keyText a {
    color: #2F73B1
}

.keyText.min {
    height: 230px;
    overflow: hidden
}

.nzk,
.nsq {
    cursor: pointer;
    text-align: center;
    color: rgb(153, 153, 153);
    font-size: 16px;
    height: 30px;
    margin: -31px 1px 0 1px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgb(255, 255, 255, 0.8))
}

.nsq {
    position: static
}

#bcbox,
#glbox {
    font-size: 12px;
    display: none;
    background: #fff;
    border: 3px solid #358ff0;
    left: 50%;
    top: 0;
    margin-left: -290px;
    position: fixed;
    _position: absolute;
    width: 580px;
    z-index: 1000;
    cursor: default;
    border-radius: 3px;
    padding: 15px
}

#glName-wrap div {
    float: left;
    width: 48px;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
    background-color: #ff9900
}

#blockOverlay {
    z-index: 999;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    display: none
}

#glbox .tit {
    font-size: 16px;
    position: relative;
    top: -5px
}

#glbox .user {
    margin-bottom: 5px
}

#glbox .user i {
    font-style: normal;
    line-height: 28px;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    padding-left: 5px
}

#glName-wrap {
    display: inline-block;
    vertical-align: middle
}

#glRep-btn {
    background: #358ff0;
    border: none;
    width: 72px;
    height: 23px;
    line-height: 22px !important;
    color: #fff;
    display: inline-block;
    cursor: pointer
}

#glRep-btn:hover {
    text-decoration: none;
    background: #ffb62e
}

#glMsg {
    width: 98%;
    padding: 2px 4px;
    height: 100px;
    margin-bottom: 5px;
    font-size: 12px;
    overflow: auto
}

.ecomment p {
    padding: 0;
    margin: 0
}

.ecomment {
    margin: 0;
    padding: 0;
    background: #ffc
}

.ecomment {
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #ffc;
    padding: 6px;
    border: solid 1px #ccc
}

.ecommentauthor {
    float: left;
    color: #F96;
    font-weight: bold
}

.ecommenttext {
    clear: left;
    margin: 0;
    padding: 0
}

.closex {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    padding: 0 5px;
    font-size: 18px;
    line-height: 24px;
    font-family: arial;
    color: #000;
    cursor: pointer
}

h2.system {
    border-bottom: 2px solid #358ff0;
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold
}

h2.system span {
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    display: inline-block
}

h2.system span.on {
    background: #358ff0;
    color: #fff
}

span.platform {
    display: block;
    color: #333;
    font-size: 14px;
    height: 24px
}

.platform font {
    font-weight: bold;
    font-size: 14px
}

.platform a {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-right: 6px;
    padding-left: 17px;
    margin-right: 6px;
    border-right: 1px solid #888;
    color: #333;
    background: url(../images/kicon.png) 0 2px no-repeat;
    position: relative
}

.platform a s {
    display: none;
    width: 120px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: -25px;
    top: 25px
}

.platform a s::after {
    content: "";
    position: absolute;
    top: -8px;
    right: 49px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dfdfdf
}

.platform a.cur s {
    display: block
}

.platform a s img {
    width: 120px;
    height: 120px
}

.platform a:hover strong {
    color: #009adc
}

.platform a:last-child {
    border-right: 0
}

.platform a.android {
    background-position: 0 -20px
}

.platform a.iphone {
    background-position: 0 -43px
}

.platform a.mac {
    background-position: 0 -66px
}

.info em,
.info .update {
    float: right;
    display: inline-block;
    line-height: 28px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-left: 27px;
    background: url(../images/kicon.gif) 0 -25px no-repeat
}

.info .update {
    background: url(../images/kicon.gif) 0 -1px no-repeat
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container>.nav {
    left: 0
}

.lb-nav a {
    outline: 0;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/az_prev.png) left 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/az_next.png) right 48% no-repeat;
    filter: alpha(Opacity=0);
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.lb-nav a.lb-next:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/az_close.png) top right no-repeat;
    text-align: right;
    outline: 0;
    filter: alpha(Opacity=70);
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: alpha(Opacity=100);
    opacity: 1
}

.item .w1,
.item .w2,
.item .w3 {
    float: right;
    text-align: center
}

.item .w3 {
    width: 100px
}

.item .w2 {
    width: 120px
}

.item .w1 {
    background: #358ff0;
    border-radius: 4px;
    color: #fff;
    width: 80px
}

.newdigg {
    display: block;
    margin-top: 12px
}

.newdigg .eval-good,
.newdigg .eval-bad {
    width: 260px;
    padding: 0 5px
}

.newdigg .count {
    display: inline-block;
    font-size: 13px
}

.newdigg .progress {
    width: 120px;
    display: block
}

.newdigg .prog-box {
    line-height: 20px;
    font-size: 13px
}

ul.new li.item {
    width: 50%;
    overflow: hidden;
    height: 19px;
    line-height: 19px
}

ul.new li.item:nth-child(3) {
    margin-top: 12px
}

ul.new li.item a {
    word-break: break-all
}

#newdigg {
    position: relative
}

.g-hpopBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999
}

.g-hpopBox .bd {
    height: 271px;
    width: 433px;
    background: #FFFFFF;
    border: 2px solid #E8E8E8;
    padding: 15px 15px 5px 15px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, .16);
    font-weight: normal;
    font-size: 16px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    left: 50%;
    top: 50%
}

.g-tips {
    overflow: hidden;
    position: relative;
    padding-right: 30px;
    border-bottom: 1px solid #E0E0E0
}

.g-tips p {
    overflow: hidden;
    line-height: 24px !important;
    padding-bottom: 10px !important;
    color: #666 !important;
    text-align: left !important;
    margin: 0px !important;
    padding-top: 0 !important;
    font-size: 14px !important;
    font-weight: 400important
}

.g-tips p:first-letter {
    font-size: 14px !important
}

.g-tips a.f-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    background: url(../images/downdetail-close.png) no-repeat -5px -5px
}

.g-tips a.f-close:hover {
    background: url(../images/downdetail-close.png) no-repeat -35px -5px
}

.g-input-cont {
    padding: 5px 0px 5px 0px;
    overflow: hidden
}

.g-input-cont p {
    padding: 5px 0px 10px 0px !important;
    overflow: hidden;
    margin: 0 !important
}

.g-input-cont span {
    display: block;
    float: left;
    color: #999;
    margin-right: 25px;
    font-size: 14px;
    font-weight: normal
}

.g-input-cont span em {
    display: block;
    float: left;
    margin-right: 5px;
    _margin-top: -4px;
    height: 19px
}

.g-input-cont span em input {}

.g-input-cont span font {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-right: 12px
}

.g-input-cont input.m-txt-phone {
    overflow: hidden;
    border: 1px solid #c9c9c9;
    height: 26px;
    line-height: 26px;
    padding: 0px;
    margin: 0px;
    text-indent: 6px;
    border-radius: 3px;
    color: #666666
}

.g-plTextaera textarea {
    height: 52px;
    border: 1px solid #E0E0E0;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    border-radius: 3px;
    width: 100%
}

.g-plSubmit {
    margin: 10px auto;
    text-align: center;
    overflow: hidden
}

.submit1 {
    background: #358ff0;
    border: 0px;
    padding: 0px;
    color: #fff;
    width: 160px;
    border-radius: 3px;
    height: 34px;
    cursor: pointer
}

.collection {
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 10px 19px 10px 19px;
    margin-bottom: 10px
}

.collection img {
    position: absolute;
    left: -4px;
    top: -4px
}

.collection a {
    padding: 5px 15px;
    display: inline-block
}

.tfua {
    margin-bottom: 10px
}

.tfua .tit {
    border-bottom: 2px solid #358ff0;
    line-height: 32px;
    height: 32px;
    margin-bottom: 11px
}

.tfua .tit h3 {
    padding: 0px 6px 0px 6px;
    margin: 0px;
    line-height: 32px;
    font-size: 20px;
    border-bottom: solid 2px #358ff0;
    float: left;
    font-family: Tahoma, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53"
}

.publist .tit span {
    display: inline;
    float: left;
    margin-left: 18px;
    text-indent: 8px;
    color: #999;
    font-weight: normal;
    font-size: 12px
}

.tfua .con {
    overflow: hidden
}

.tfua .list li {
    width: 163px;
    float: left;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    margin-right: 10px
}

.tfua .list li a {
    display: block;
    padding-left: 25px;
    position: relative;
    width: 80%;
    overflow: hidden;
    height: 28px
}

.tfua .list li a img {
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px
}

.tfua .picScroll-left {
    overflow: hidden;
    position: relative;
    height: 90px
}

.tfua .picScroll-left .prev,
.tfua .picScroll-left .next {
    display: block;
    width: 15px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    cursor: pointer;
    background: url("/theme/2018/images/arrow.png") 0 0 no-repeat;
    margin-top: -14px;
    z-index: 99999
}

.tfua .picScroll-left .next {
    background-position: 0 -50px;
    right: 0px;
    left: auto
}

.tfua .picScroll-left .prevStop {
    background-position: -60px 0
}

.tfua .picScroll-left .nextStop {
    background-position: -60px -50px
}

.tfua .picScroll-left .bd {
    padding: 10px 25px
}

.tfua .picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1
}

.tfua .picScroll-left .bd ul li {
    margin: 0 12px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 90px
}

.tfua .picScroll-left .bd ul li .pic {
    text-align: center
}

.tfua .picScroll-left .bd ul li .pic img {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto 5px auto
}

.tfua .picScroll-left .bd ul li .pic a:hover img {
    border-color: #999
}

.tfua .picScroll-left .bd ul li .title {
    line-height: 24px;
    width: 100%;
    height: 24px;
    overflow: hidden
}

.tempWrap {}

#bltj li.list {
    clear: both;
    position: relative;
    height: 48px;
    margin: 10px 0 0 0
}

#bltj li.list .btn {
    float: right;
    position: relative;
    top: 15px;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #358ff0;
    border-radius: 3px;
    text-align: center;
    color: #358ff0
}

#bltj li.list span a {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

#bltj li.list span i {
    font-size: 12px;
    color: #999;
    font-style: normal
}

#bltj li.list p {
    width: 231px;
    height: 48px;
    overflow: hidden
}

#bltj li.list .img {
    width: 48px;
    float: left;
    padding-right: 5px
}

#bltj {
    margin-top: 25px
}

.col-r-w .g-title h2.cur {
    border-bottom: 2px solid #358ff0;
    margin-bottom: -2px
}

.rm h2 {
    width: 50% !important;
    margin: 0 0 -2px 0 !important;
    text-align: center
}

.cnxh .list-item {
    width: 16.66%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    height: 130px
}

.cnxh .item-img {
    margin-bottom: 10px
}

.cnxh .item-title {
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.tabContent li p {
    display: none
}

.tabContent .now p {
    display: block
}

.tabContent li {
    padding-left: 30px;
    position: relative;
    height: 32px;
    line-height: 30px;
    overflow: hidden
}

.tabContent .now {
    height: 100px
}

#no-rank .now {
    height: 30px
}

.tabContent li .num {
    width: 20px;
    height: 20px;
    background: #879299;
    color: #fffefe;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 12px
}

.tabContent li .r1 {
    background: #fa4e57
}

.tabContent li .r2 {
    background: #fa7a53
}

.tabContent li .r3 {
    background: #fbc258
}

.tabContent li .txt {
    display: block;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin-top: 7px
}

.tabContent li p {
    height: 56px;
    margin: 5px 0 0 0
}

.tabContent li .img,
.tabContent li .img img {
    width: 56px;
    height: 56px
}

.tabContent li .img {
    float: left;
    padding-right: 20px
}

.tabContent li span {
    float: left;
    width: 187px;
    position: relative;
    top: -6px
}

.tabContent li span a {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #00bd3f;
    border-radius: 3px;
    color: #00bd3f
}

.tabContent li span a:hover {
    background: #00bd3f;
    color: #fff
}

.tabContent li span i {
    color: #999
}

.tabContent li span i s {
    margin-left: 5px
}

.star0,
.star1,
.star2,
.star3,
.star4,
.star5,
.star6 {
    background: url(../images/star.png) no-repeat;
    width: 84px;
    height: 13px;
    display: inline-block;
    background-size: 88.5%
}

.star1 {
    background-position: 0 -26px
}

.star2 {
    background-position: 0 -52px
}

.star3 {
    background-position: 0 -78px
}

.star4 {
    background-position: 0 -104px
}

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

.g-1240-box {
    width: 1200px;
    margin: 0 auto 15px
}

.m-title {
    height: 55px;
    line-height: 55px;
    border-bottom: 2px solid #358ff0;
    font-size: 16px;
    position: relative
}

.m-title h2 {
    font-size: 24px;
    font-family: Candara;
    color: #ddd;
    font-weight: 400;
    float: left;
    padding-right: 14px
}

.m-title h2 b {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    color: #676767;
    font-family: "Microsoft YaHei";
    padding: 0 2px;
    margin-right: 10px;
    position: relative;
    bottom: 1px
}

.m-title span {
    font-size: 20px;
    color: #ddd
}

.m-title span i {
    cursor: pointer;
    padding: 0 20px;
    font-size: 20px;
    color: #333
}

.m-title span .hover {
    color: #358ff0
}

.m-title .ctr {
    position: absolute;
    top: -0;
    right: 0;
    display: inline
}

.m-title .ctr span {
    *position: absolute;
    right: 60px
}

.m-title .ctr .more {
    float: right;
    border: none;
    height: 26px;
    line-height: 26px;
    margin: 17px 0 0 0
}

.m-title .ctr a {
    padding: 0 7px;
    border-right: 1px solid #ddd;
    font-size: 16px
}

.inrank h3,
.tabTitle li {
    padding-left: 20px;
    border-bottom: none
}

.inrank h3 i,
.tabTitle li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/spr.png) -6px -199px no-repeat
}

.inrank h3 {
    padding-left: 24px;
    position: relative;
    top: 5px
}

.inrank h3 i,
.tabTitle li i {
    position: absolute;
    left: 0;
    top: 13px
}

.inrank h3,
.rebox dt,
.tabTitle li {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 400
}

.m-kp {
    height: 170px;
    margin-top: 15px
}

.m-kp a {
    display: block
}

.m-kp a img {
    width: 410px;
    height: 170px
}

.inrank {
    width: 295px
}

.m-xixilistul {
    width: 900px;
    padding-top: 0
}

.m-xixilistul li {
    width: 282px;
    margin: 14px 17px 0px 0px;
    overflow: hidden
}

.m-xixilistul li a {
    display: block;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
    background: url(../images/xixibtn.png) no-repeat right center;
    padding-right: 22px
}

.m-xixilistul li a span {
    font-size: 14px;
    color: #666
}

.m-xixilistul li a:hover span {
    color: #5ecd5b
}

.m-xixilistul li a img {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 15px
}

.f-fl,
.f-lifl li {
    float: left;
    display: inline
}

.f-fr {
    float: right;
    display: inline
}

.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

#appshow {
    width: 100%;
    height: 405px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 20px
}

#tagbox {
    width: 100%;
    height: auto;
    overflow: auto;
    float: left;
    padding-bottom: 10px
}

#appshow ul,
#tagbox ul {
    width: 1200px;
    height: 405px;
    margin: 0 auto;
    display: block;
    position: relative
}

#tagbox ul {
    margin-top: 10px
}

#appshow ul li,
#tagbox ul li {
    position: absolute
}

#appshow .a1,
#tagbox .a1 {
    width: 390px;
    height: 195px;
    left: 0;
    top: 0
}

#appshow .a2,
#tagbox .a2 {
    width: 190px;
    height: 95px;
    left: 0;
    top: 205px
}

#appshow .a3,
#tagbox .a3 {
    width: 190px;
    height: 95px;
    left: 200px;
    top: 205px
}

#appshow .a4,
#tagbox .a4 {
    width: 190px;
    height: 95px;
    left: 0;
    top: 310px
}

#appshow .a5,
#tagbox .a5 {
    width: 190px;
    height: 95px;
    left: 200px;
    top: 310px
}

#appshow .a6,
#tagbox .a6 {
    width: 195px;
    height: 95px;
    left: 400px;
    top: 0
}

#appshow .a7,
#tagbox .a7 {
    width: 195px;
    height: 95px;
    left: 605px;
    top: 0
}

#appshow .a8,
#tagbox .a8 {
    width: 400px;
    height: 195px;
    left: 400px;
    top: 105px
}

#appshow .a9,
#tagbox .a9 {
    width: 195px;
    height: 95px;
    left: 400px;
    top: 310px
}

#appshow .a10,
#tagbox .a10 {
    width: 195px;
    height: 95px;
    left: 605px;
    top: 310px
}

#appshow .a11,
#tagbox .a11 {
    width: 190px;
    height: 95px;
    left: 810px;
    top: 0
}

#appshow .a12,
#tagbox .a12 {
    width: 190px;
    height: 95px;
    left: 1010px;
    top: 0
}

#appshow .a13,
#tagbox .a13 {
    width: 190px;
    height: 95px;
    left: 810px;
    top: 105px
}

#appshow .a14,
#tagbox .a14 {
    width: 190px;
    height: 95px;
    left: 1010px;
    top: 105px
}

#appshow .a15,
#tagbox .a15 {
    width: 390px;
    height: 195px;
    left: 810px;
    top: 210px
}

#appshow .a1 img,
#appshow .a8 img,
#appshow .a15 img,
#tagbox .a1 img,
#tagbox .a8 img,
#tagbox .a15 img {
    width: 100%;
    height: 195px
}

#appshow .a1 span,
#appshow .a8 span,
#appshow .a15 span,
#tagbox .a1 span,
#tagbox .a8 span,
#tagbox .a15 span {
    line-height: 195px;
    font-size: 18px
}

#appshow img,
#tagbox img {
    width: 100%;
    height: 95px
}

#appshow span,
#tagbox span {
    line-height: 95px;
    font-size: 16px
}

#appshow a,
#tagbox a {
    overflow: hidden;
    background: #fff;
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

#appshow a span,
#tagbox a span {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
    text-align: center;
    color: #fff;
    transition: all 0.2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

#appshow a:hover span,
#tagbox a:hover span {
    height: 100%
}

.mod-list {
    border-bottom: 1px dashed #E5E5E5;
    float: left;
    padding-bottom: 6px
}

.mod-list li {
    width: 130px;
    height: 31px;
    line-height: 32px;
    margin: 0 10px;
    padding: 0;
    background: none;
    float: left;
    display: inline;
    table-layout: fixed;
    word-break: break-all;
    overflow: hidden
}

.mod-list img {
    margin: 0 5px 0 0
}

ul.mod-list.nb {
    border: 0;
    padding: 0
}

.tab-cont-item li.list-item:nth-child(7):after {
    margin-top: 10px;
    border-bottom: 1px dashed #E5E5E5;
    display: block;
    content: ''
}

.company ul li img {
    width: 80px;
    height: 80px
}

.m-side-zjbb .g-chain {
    margin: 0 0 15px 0px;
    height: auto;
    display: block;
    overflow: hidden;
    background: none;
    border-top: 1px dotted #dfdfdf
}

.m-side-zjbb .g-chain li {
    max-width: 60px;
    float: left;
    height: auto;
    padding: 9px 0 9px 2px;
    border-bottom: 1px dotted #dfdfdf;
    display: block;
    overflow: hidden;
    margin: 0;
    font-family: "SimSun";
    white-space: nowrap
}

.m-side-zjbb .g-chain li strong {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 2px;
    display: inline;
    overflow: hidden;
    background: #51a5ff;
    padding: 3px 5px;
    color: #fff
}

.m-side-zjbb .g-chain li a {
    width: auto;
    height: auto;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #7d7d7d;
    margin: 0 7px 0 0;
    *margin: 0 2px 0 0;
    display: inline;
    overflow: hidden;
    padding: 0 2px;
    *padding: 0 1px
}

.m-side-zjbb .g-chain .g-chain-li {
    padding: 6px 4px 6px 0px;
    clear: both
}

#othdl {}

#othdl a {
    border-left: #ddd 1px solid;
    display: inline-block;
    padding-left: 30px;
    color: #999;
    background: url(../images/kicon.png) 10px 4px no-repeat;
    margin: 0 0 0 10px
}

#othdl .othaz {
    background-position: 10px -18px
}

#othdl .othipo {
    background-position: 10px -40px
}

#othdl .othmac {
    background-position: 10px -62px
}

#othdl .othpc {
    background-position: 10px 5px
}

#othdl a:first-child {
    border: 0;
    margin: 0;
    padding-left: 30px;
    margin-left: -10px
}

.tab-cont-item .kcon {
    width: 100%;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 5px
}

.tab-cont-item .kcon ul {
    width: 100%
}

.tab-cont-item .kcon li {
    width: 210px;
    margin: 0 5px 7px 0;
    height: 86px;
    float: left;
    display: inline;
    overflow: hidden;
    position: relative
}

.tab-cont-item .kcon img {
    width: 32px;
    height: 52px
}

.tab-cont-item li .img {
    float: left;
    display: inline;
    width: 52px;
    margin-right: 4px
}

.tab-cont-item .kcon li p {
    float: left;
    width: 144px;
    overflow: hidden;
    margin-left: 5px
}

.tab-cont-item .kcon p i,
.xki p a {
    display: block;
    overflow: hidden;
    line-height: 25px;
    height: 25px
}

.tab-cont-item .kcon p i s {
    text-decoration: none;
    font-style: normal;
    color: #ccc
}

.tab-cont-item .kcon p i em {
    color: #358ff0
}

.tab-cont-item .kcon p a {
    display: block;
    height: 25px;
    overflow: hidden;
    line-height: 25px
}

.tab-cont-item .kcon p i {
    color: #999;
    margin-top: 1px
}

.tab-cont-item .kcon p span {
    left: 0;
    top: 0;
    margin: 2px 0
}

.tab-cont-item .kcon li .dBtn {
    width: 52px;
    height: 20px;
    line-height: 20px;
    background: #f8f8f8;
    border: 1px solid #b0d0f0;
    color: #358ff0;
    position: absolute;
    top: 55px;
    left: 0;
    text-align: center
}

.tab-cont-item .kcon li .dBtn:hover {
    background: #358ff0;
    text-decoration: none;
    border: 1px solid #358ff0;
    color: #ffffff
}

.keypage .tspage .tsp_count {
    display: none
}

.keypage .tspage {
    height: auto !important;
    margin: 15px auto 5px auto !important
}

.keypage .tspage .tsp_nav {
    text-align: center
}

.keypage .tspage {
    background-color: #fff !important
}

.keypage .tspage .tsp_nav a,
.tspage .tsp_nav b,
.tspage .tsp_nav>i {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: 5px;
    transition: all .4s;
    display: inline-block;
    color: #999;
    background: #fff;
    vertical-align: middle;
    text-align: center;
    min-width: 20px;
    border: 1px solid #E2E2E2
}

.keypage .tspage .tsp_nav b {
    padding: 0 3px;
    background: #059cff;
    color: #fff;
    border: 1px solid #059cff
}

.keypage .tspage .tsp_nav i {
    padding: 0 3px
}

.keypage .tspage .tsp_nav select {
    border: 1px solid #E2E2E2;
    margin-left: 5px;
    height: 32px;
    vertical-align: middle;
    border-radius: 5px
}

.g-chain .g-chain-li {
    padding: 6px 6px 6px 0;
    clear: both
}

.err_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    z-index: 10000;
    display: none
}

.err_bg .title {
    width: 428px;
    background: #fff;
    margin: 350px auto;
    border-radius: 7px;
    overflow: hidden
}

.err_bg .title span {
    height: 40px;
    text-align: left;
    line-height: 40px;
    background: #358ff0d9;
    color: #fff;
    font-size: 14px;
    display: block;
    text-indent: 12px
}

.err_bg .title p {
    text-align: center;
    border-bottom: 1px solid #ededed
}

.err_bg .title .err-bottom {
    height: 38px;
    line-height: 38px;
    font-size: 14px
}

.err_bg .title .err-bottom .err_submit {
    float: left;
    width: 213px;
    border-right: 1px solid #ededed;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #358ff0
}

.err_bg .title .err-bottom a {
    float: left;
    width: 212px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #333;
    cursor: pointer
}

.err_bg #errortxt {
    width: 400px;
    height: 90px;
    margin-top: 5px;
    border: solid 1px #358ff0
}

.sendErr-wrap {
    width: 338px;
    padding: 6px 5px;
    margin: 10px 0;
    color: #999;
    border: 1px dashed #e0e0e0;
    background: #f5faff
}

#sendErr {
    margin-right: 2px;
    color: #358ff0;
    text-decoration: underline;
    cursor: pointer
}

.popmsg {
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border: none;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 999999
}

.popmsg .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: autopadding:12px 25px;
    text-align: center
}

.today {
    color: #fd3939
}

.prompt {
    margin-top: 20px
}

.prompt p {
    color: #333;
    font-family: "Microsoft YaHei";
    line-height: 25px;
    padding: 10px 0
}

.prompt .ft1 {
    font-size: 24px
}

.prompt .ft2 {
    font-size: 18px
}

.prompt .ft3 {
    color: #666;
    font-size: 14px
}

.logbox {
    display: none;
}

.logbox.show {
    display: block;
}

.pupop,
.mask {
    position: fixed;
    _position: absolute;
    pointer-events: auto
}

.pupop {
    width: 600px;
    display: none;
    z-index: 1199;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 460px;
    background: #fff;
    border-radius: 8px;
    -webkit-overflow-scrolling: touch;
}

.pupop a.close {
    position: absolute;
    top: 14px;
    right: 10px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: arial;
    overflow: hidden;
}

.pupop a.close:hover {
    opacity: .8;
}

.pupop>h2 {
    height: 50px;
    line-height: 50px;
    background: #358ff0;
    color: #fff;
    padding: 0 2px 0 10px;
    font-size: 15px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 5px
}

.pupop .bd {
    padding: 10px 20px;
}

.mask {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    display: none;
    z-index: 1198;
}

#historylog .bd {
    overflow-y: auto;
    max-height: 380px
}

#historylog .bd li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    line-height: 28px
}

#historylog .bd li.hide {
    display: none
}

.historylog {
    float: right;
    color: #358ff0;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

.historylog:hover {
    color: #f00;
}