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

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}
.m-rank a:hover { color: #358ff0 !important; }
/* a:hover h3 {color: #358ff0 !important;} */
.m-side-col a:hover h3{color: #358ff0 !important;}
/* a:hover h4 {color: #358ff0 !important;} */
.idx-aztj-a a:hover h4{color:#fff !important;}
.side_zttj li a:hover{color: #358ff0}
.m-recom-large a:hover h3{color:#fff !important;}
.related-list a:hover .title{
    color: #358ff0 !important;
}
.s-soft-art .m-excellent .art-right .more:hover{ color: #358ff0 !important;}
.m-rank .item-btn:hover{
    color:#fff !important;
}
.o-item a:hover h4{ color: #358ff0 !important;}

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

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

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

.ellipsis, .idx-zxxt-c .m-ad-img .title, .idx-zxxt-c .m-ad-img .txt, .idx-aztj .aztj-hot, .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, .m-news-main .col-l .slide .tit, .m-news-main .col-l .list .li, .m-guide-main .col-2 .title .txt, .m-mg-coll-slider .title .txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.d-none{display:none !important;}

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

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

.mt0{margin-top:0 !important;}

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

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px !important; }

.mb32 { margin-bottom: 32px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

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

.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, .m-news-list-tab .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: 800;}

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

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

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

.g-title .title-txt { margin-top: -4px; line-height: 30px; padding-bottom: 12px; font-size: 22px; float: left; width: 180px; margin-right: 9px; }

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

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

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

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

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

.g-tab.sty-2 .tab-item + .tab-item { padding-left: 28px; background-image: url(../images/ui_img/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(../images/ui_img/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 { 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 { background-position: 0 -14px; }

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

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

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

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

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

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

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

.g-star.sty-4 { width: 130px; height: 16px; background-image: url(../images/ui_img/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 { background-position: 0 -127px; }

.g-star.sty-5 { width: 94px; height: 14px; background-image: url(../images/ui_img/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 { background-position: 0 -525px; }

.g-star.sty-6 { width: 60px; height: 12px; background-image: url(../images/ui_img/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 { 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 { background: #ff6b66; }

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

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

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

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

.c-cur-pos { color: #666; margin-bottom: 26px; line-height: 30px; padding-bottom: 8px; border-bottom: 2px solid #ededed; font-size: 12px; }

.c-cur-pos span{
    font-size: 12px;
}
.c-cur-pos .pos-txt { color: #999; font-size: 12px;}

.c-cur-pos .pos-link { color: #666; font-size: 12px;}

.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(../images/ui_img/sp_1.png) no-repeat; }

.ui-facet, .idx-zxxt-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('./PIE.htc'); }

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

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

.AD_360_360 { width: 360px; height: 360px; overflow: hidden; }

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

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

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

.AD_860_114 { width: 860px; height: 114px; 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_298_304 { width: 298px; height: 304px; border: 1px solid #f8f8f8; }

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

.col-r-w { width: 360px; }

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

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

.topbar { font-size: 12px; background: #f5f5f5; height: 29px; line-height: 29px; 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 -30px; 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: 1165px; border: 1px solid #e6e6e6; border-top: 0; right: 0; top: 30px; background: #fff; padding: 20px 20px 24px 20px; overflow: hidden; display: none; }

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

.topbar .topbar-nav .nav-main .cate { width: 366px; float: left; border: 1px dashed #ededed; padding: 10px 0 16px 20px; border-right: 0 none; margin-left: -2px; margin-top: -2px; border-bottom: 0; height: 100px; }

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

.topbar .topbar-nav .nav-main .sub .item { margin-right: 20px; 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: 130px; }

.header .logo { float: left; margin-top: 18px; }

.header .logo-link { display: block; width: 460px; height: 94px; text-indent: -9999em; background: url(../images/ui_img/logo.png) no-repeat; }

.header .logo-link.az { width: 325px; background: url(../images/ui_img/logo_az.png) no-repeat; }

.header .logo-link.dnpz { width: 335px; height: 104px; margin-top: -5px; background: url(../images/ui_img/logo_dnpz.png) no-repeat; }

.header .logo-link.ios { width: 325px; height: 104px; margin-top: -2px; background: url(../images/ui_img/logo_ios.png) no-repeat; }

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

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

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

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

.navbar { background: #358ff0; height: 50px; line-height: 50px;position: relative;}

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

.sub-navbar .sub-navbar-inner { padding: 8px 0; }

.sub-navbar .sub-nav-item { font-size: 14px; display: inline-block; padding: 0 25px; 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: -1px; top: -5px; z-index: 2; background: -79px -380px url(../images/ui_img/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(../images/ui_img/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: 25px; }

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

.m-rank .rank-title { margin-top: -4px; font-size: 22px; 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; }

/* 新增猜你想搜20200624 */
.m-rank .guess{width:50%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.m-rank .guess .guess-link{color:#358ff0;line-height: 28px;font-size:14px;}
.m-rank .guess .num{font-family: Arial, Helvetica, sans-serif;display: inline-block;width: 26px;text-align: center;font-size:14px;color:#c7c7c7;margin-right:8px;font-weight: bold;}
.m-rank .guess .top,.m-rank .guess .second,.m-rank .guess .third{color:#ff6b66;}
/*  /新增猜你想搜20200624 */
@-moz-document url-prefix() { .m-rank .item-info { padding-top: 12px; margin-bottom: 0; } }

.idx-zxxt { margin-bottom: 35px; }

.idx-zxxt-l { width: 930px; float: left; }

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

.idx-zxxt-a { width: 420px; float: left; }

.idx-zxxt-a .bd { width: 100%; height: 314px; position: relative; overflow: hidden; }

.idx-zxxt-a .bd li { float: left; width: 420px; height: 314px; }

.idx-zxxt-a .thumb { padding: 5px 0; background: #ededed; }

.idx-zxxt-a .thumb-item { float: left; margin-left: 4px; width: 100px; position: relative; }

.idx-zxxt-a .thumb-item.on .arrow { display: block; }

.idx-zxxt-a .thumb-item .arrow { display: none; position: absolute; left: -4px; top: -5px; z-index: 2; width: 100px; height: 74px; border-color: #459fff; border-style: solid; border-width: 5px 4px 5px 4px; }

.idx-zxxt-a .thumb-item .arrow .ui-bg { position: absolute; width: 15px; height: 7px; top: -11px; left: 50%; margin-left: -7px; background-position: -144px -18px; }

.idx-zxxt-b { width: 490px; float: right; }

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

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

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

.idx-zxxt-b .b-list .bgw-b { bottom: 0; }

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

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

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

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

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

.idx-zxxt-c { width: 420px; }

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

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

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

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

.idx-zxxt-c .m-ad-img .score { width: 49px; height: 49px; float: left; margin-left: 10px; padding-top: 27px; }

.idx-zxxt-c .m-ad-img .desc { padding-top: 24px; margin-left: 70px; }

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

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

.idx-zxxt-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-zxxt-d { width: 490px; }

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

.idx-zxxt-d .title-tag { width: 48px; height: 18px; line-height: 18px; background: #358ff0; font-weight: normal; font-size: 12px; float: left; display: block; color: #fff; margin-top: 1px; }

.idx-zxxt-d .title-txt { font-weight: normal; font-size: 14px; }

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

.idx-zxxt-d .d-list { margin-top: 15px; padding-top: 14px; border-top: 1px dotted #dadada; }

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

.idx-zxxt-d .d-list .list-item { line-height: 24px; }

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

.idx-zxxt-r { width: 250px; float: right; }

.idx-zxxt-r .g-tab { float: none; display: block; margin-top: -5px; padding-bottom: 13px; border-bottom: 2px solid #358ff0; font-size: 0; margin-bottom: 26px; }

.idx-zxxt-r .g-tab .tab-item { line-height: 30px; font-size: 22px; font-weight: bold; padding-right: 4px; }

.idx-zxxt-r .g-tab .tab-item + .tab-item { padding-left: 22px; background-image: url(../images/ui_img/sp_1.png); background-position: -150px -30px; background-repeat: no-repeat; }

.idx-zxxt-e { margin-top: -20px; }

.idx-zxxt-e .e-item { padding-bottom: 20px; padding-top: 20px; }

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

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

.idx-zxxt-e .e-info { margin-left: 20px; margin-top: -4px; float: left; height: 78px; overflow: hidden; }

.idx-zxxt-e .e-name { font-weight: normal; margin-bottom: 10px; }

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

.idx-zxxt-e .e-txt + .e-txt { margin-top: 14px; }

.idx-xtfl { margin-bottom: 39px; }

.idx-xtfl .g-tab { margin-left: -10px; }

.idx-xtfl .g-tab .tab-item { padding: 0 16px; }

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

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

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

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

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

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

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

.idx-rjbb { margin-bottom: 38px; }

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

.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 { background: #a3addb; }

.idx-aztj { margin-bottom: 39px; }

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

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

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

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

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

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

.idx-aztj-a .a-item { position: relative; width: 206px; height: 111px; padding-top: 31px; overflow: hidden; float: left; margin-right: 20px; }

.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; margin-top: 5px; }

.idx-aztj-a .a-grade { color: #fa4e57; margin-top: 8px; font-size: 16px; font-weight: bold; }

.idx-aztj-a .a-tag { color: #999; font-size: 12px; margin-top: 8px; }

.idx-aztj-a .a-cover { position: absolute; background: #56a5fa; top: 0; left: 0; width: 100%; height: 100%; color: #fff; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; top: 142px; text-align: center; }

.idx-aztj-a .a-cover .cover-name { font-size: 16px; margin-top: 18px; margin-bottom: 6px;}

.idx-aztj-a .a-cover .cover-desc { text-align: left; line-height: 22px; height: 44px; overflow: hidden; font-size: 12px; padding: 0 12px; margin-bottom: 5px; display: block; }

.idx-aztj-a .a-cover .cover-btn { display: inline-block; background: #56a5fa; border-radius: 2px; padding: 5px 10px; border: 1px solid #ddd; }

.idx-rjgx { margin-bottom: 38px; }

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

.idx-rjgx .g-tab { margin-left: -20px; }

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

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

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

.idx-rjgx-a .item-label { margin-right: 4px; color: #999; }

.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-top: 10px; margin-right: 4px; }

.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(../images/ui_img/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(../images/ui_img/sp_1.png); }

.idx-zt { margin-bottom: 20px; position: relative; height: 374px; overflow: hidden; }
.idx-zt .g-title { margin-bottom: 26px; }
.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: 556px; height: 308px; position: relative; overflow: hidden; }
.idx-zt .list-img + .list-img { width: 302px; height: 144px; margin-left: 20px; }
.idx-zt .list-img + .list-img .img-cover { height: 32px; filter: alpha(opacity=20); opacity: .2; }
.idx-zt .list-img + .list-img .img-name { line-height: 32px; font-size: 14px; margin-top: -32px; }
.idx-zt .img-cover { position: absolute; width: 100%; height: 43px; overflow: hidden; left: 0; bottom: 0; background: #000; filter: alpha(opacity=100); opacity: 1; }
.idx-zt .img-name { position: relative; z-index: 2; color: #fff; line-height: 43px; font-size: 18px; padding: 0 4%; width: 92%; 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(../images/ui_img/sp_1.png); }

.m-sidebar { position: fixed; bottom: 230px; right: 20px; z-index: 10; width: 70px; height: 130px; -webkit-overflow-scroll:touch;}

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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; margin-bottom: 16px; }

.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 { font-size: 14px; margin-right: 40px; padding: 9px 0; display: inline-block; line-height: 1; }

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

.footer { padding: 25px 0; margin-top: 30px; text-align: center; color: #999; width: 100%; font-size: 12px; }

.footer .link-item { color: #999; 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-list-section .a-list .list-item a span { position: absolute; background: url(../images/ui_img/ico_art_tuijian.png) no-repeat;width: 63px;height: 32px;text-indent: 10px;line-height: 28px;color: #fff;font-size: 15px;margin-left: -4px;margin-top: -6px;}

.m-side-col { float: right; }

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

.m-side-col .tag-link { width: 148px; padding: 0 10px; height: 32px; border: 1px solid #dedede; border-radius: 4px; 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; *margin-top: 0; }

.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 { margin-top: -19px; }

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

.m-rank.u-dashed .rank-item .item-name {font-size: 14px;color: #333;}

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

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

.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(../images/ui_img/sp_1.png) no-repeat; }

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

.m-pagination { text-align: center; }

.m-pagination .page { margin-left:10px; display: inline-block; vertical-align: middle; padding:0 12px;min-width: 32px; height: 32px; line-height: 32px; box-sizing: border-box;background:#f1f2f6;color:#666;}
.m-pagination .dot { margin-left:10px; display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; box-sizing: border-box;color:#666;}

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

.m-pagination .prev, .m-pagination .next {     display: inline-block; width: 70px;height: 32px;line-height: 32px;text-align: center;background: #f1f2f6;color: #666; margin-left:13px;}

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

.s-sys-art .art-main { float: left; }

.s-sys-art .art-detail { margin-bottom: 50px; }

.s-sys-art .art-title { font-size: 26px; margin-bottom: 22px; height: 56px; line-height: 56px; background: #f9f9f9; padding-left: 15px; letter-spacing: 2px; }
.s-sys-art .art-title h1.title{
    font-size: 26px;
    display: inline-block;
}
.s-sys-art .art-img { float: left; padding: 1px; border: 1px solid #ededed; }

.s-sys-art .btn-dl { width: 260px; height: 80px; background: 0 -116px url(../images/ui_img/sp_1.png) no-repeat; }

.s-sys-art .m-soft-share { margin-top: 18px; margin-left: 30px; }

.s-sys-art .m-related-list .list-title { margin-top: -2px; margin-bottom: 6px; height: 22px; }

.s-sys-art .m-related-list .related-list .item { line-height: 44px; }

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

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

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

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

.m-soft-detail .w66 { width: 66%; float: left; margin-top: 15px; }

.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(../images/ui_img/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: 30px; font-size: 16px; line-height: 40px; word-break: break-all; text-align: justify; }

.m-art-cont .intro-tit { background: url(../images/ui_img/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; }

.m-eval { margin-left: 20px; }

.m-eval .progress { width: 64px; 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: 6px; }

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

.m-eval .eval-good, .m-eval .eval-bad { width: 190px; display: block; }

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

.m-eval .eval-good { margin-right: 10px; }

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

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

.m-eval .eval-bad { margin-top: 12px; }

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

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

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

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

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

.m-art-dl { margin-bottom: 50px; }

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

.m-art-dl .inner { width: 400px; margin-top: -23px; }

.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; margin-top:20px;}

.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: 30px;font-size: 16px;margin-top: 11px;height: 30px;}

.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(../images/ui_img/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.J_art_quark .ico.ico-5 {
    background-position: -127px -222px;
}

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

.m-art-dl .item .ico-365 { width: 18px; height: 18px; margin-right: 10px; margin-top: 6px; float: left; background-repeat: no-repeat; background-image: url(../images/ui_img/ico_01-01.png); }

.tab-cont-item-none{ height: 328px;}

.m-faq { margin-bottom: 50px; }

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

.m-faq .faq-list .item { line-height: 22px; padding-left: 18px; background: -246px -203px url(../images/ui_img/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-related-list .list-title { font-size: 16px; margin-top: 4px; margin-bottom: 6px; }

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

.m-related-list .g-list-a { width: 85%; }

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

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

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

.s-news-art .g-title { border-color: #ededed; }

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

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

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

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

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/sp_1.png); }

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

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

.s-soft-art .art-detail .btn-dl { vertical-align: top; width: 260px; height: 80px; background: 0 -116px url(../images/ui_img/sp_1.png) no-repeat; }

.s-soft-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-soft-art .art-title .title { font-size: 26px; display: inline-block; vertical-align: top; }

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

.s-soft-art .info-tab { padding-bottom: 11px; }

.s-soft-art .m-related-list { width: 322px; }

.s-soft-art .m-related-list .list-title { margin-top: 4px; }

.s-soft-art .m-excellent .title-txt { width: 145px; }

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

.s-soft-art .m-excellent .art-img { float: left; margin-top: 13px; }

.s-soft-art .m-excellent .u-hypot { background: url(../images/ui_img/u_hypot_1.png) no-repeat; width: 12px; height: 158px; display: block; float: left; }

.s-soft-art .m-excellent .art-right { float: left; width: 458px; 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: 10px; position: relative; z-index: 3; }

.m-soft-release .release-btn {
    border: 1px solid #ededed;
    border-radius: 2px;
    color: #999;
    display: block;
    font-size: 12px;
    height: 24px;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    width: 100px;
    z-index: 11;
}
.m-soft-release .release-btn i.menu {
    background: #fff url("../images/ui_img/sp_1.png") no-repeat scroll -84px -226px;
    display: inline-block;
    float: left;
    height: 24px;
    margin-right: 5px;
    width: 24px;
}
.m-soft-release .release-btn .ico { width: 8px; height: 8px; display: inline-block; background-image: url(../images/ui_img/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 { margin-top: 8px; height: 42px; }

.m-soft-share .bdshare-button-style0-16 a { background-image: url(../images/ui_img/sp_share_2.png); background-repeat: no-repeat; width: 30px; height: 30px; padding-left: 0; margin-right: 13px; 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 { height: 60px; margin-bottom: 30px; padding-left: 67px; background: -191px -254px url(../images/ui_img/sp_1.png) no-repeat; color: #999; overflow: hidden; }

.m-related-link .inner { margin-top: -10px; }

.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-right: -16px; margin-top: -25px; }

.m-soft-dl-list .item { width: 256px; float: left; margin-right: 16px; margin-top: 25px; }

.m-soft-dl-list .item-title { font-size: 16px; font-weight: normal; margin-bottom: 10px; display: block; }

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

.m-soft-dl-list .item-info { margin-left: 104px; }

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

.m-soft-dl-list .btn-dl:hover { background: #358ff0; color: #fff !important; 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(../images/ui_img/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 { margin-right: 0; margin-left: 18px; margin-top: 15px; }

.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 { padding-left: 0; }

.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 { padding-left: 0; }

.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(../images/ui_img/sp_2.png) no-repeat; }

.g-az-title.sty-1 .u-right { width: 33px; height: 30px; background: -95px 0 url(../images/ui_img/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(../images/ui_img/sp_2.png) no-repeat; }

.g-az-title.sty-2 .u-right { width: 11px; height: 30px; background: -151px 0 url(../images/ui_img/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(../images/ui_img/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: 100px; text-align: center; margin-right: 8px; }

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

.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(../images/ui_img/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; padding-left: 10px; }

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

.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 { margin-bottom: 30px; margin-top: -10px; color: #999; }

.m-soft-collection .title { float: left; width: 75px; height: 38px; line-height: 38px; padding-left: 10px; margin-top: 10px; color: #fff; background: 0 -278px url(../images/ui_img/sp_1.png) no-repeat; }

.m-soft-collection .item { width: 590px; margin-right: 10px; margin-top: 10px; float: left; }

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

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

.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(../images/ui_img/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 .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: 20px; }

.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: 188px; 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(../images/ui_img/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(../images/ui_img/sp_1.png); }

.m-ctrl-group .btn { width: 30px; height: 30px; background-image: url(../images/ui_img/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: 10px; }

.m-hot-soft-row .m-az-recom { margin-right: 0; margin-left: 9px; }

.m-hot-soft-row .m-az-recom .item { margin-left: 16px; margin-right: 0; }

.m-hot-soft-row .ico { position: absolute; left: 0; top: 0; width: 56px; height: 58px; background: -234px 0 url(../images/ui_img/sp_2.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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 .list-main .item { padding-top: 20px; padding-bottom: 26px; border-bottom: 1px solid #ededed; }

.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(../images/ui_img/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.az { background-position: -241px -343px; }

.page-soft-list .list-main .platform .p-btn.ios { background-position: -241px -363px; }

.page-soft-list .tag-list { margin-left: -5px; }

.page-soft-list .tag-list .tag-link { width: 76px; }

.page-soft-list .rank-item.on .g-art-count { display: none; }

.page-soft-list .side-hot-recom .rank-cont { display: none; }

.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(../images/ui_img/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: -40px; }

.m-soft-show .item { width: 380px; position: relative; float: left; margin-left: 30px; margin-top: 40px; height: 208px; 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; }

.m-soft-show .item:hover .inner { top: -10px; }

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

.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 { background: #ededed; width: 100%; height: 30px; 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; }

.m-soft-show .title { font-size: 16px; font-weight: normal; margin-bottom: 15px; padding-right: 82px; display: block; }

.m-soft-show .most-ico { position: absolute; left: -7px; top: -7px; width: 112px; height: 112px; background-image: url(../images/ui_img/sp_3.png); background-repeat: no-repeat; z-index: 3; }

.m-soft-show .desc { color: #999; line-height: 34px; height: 68px; text-align: justify; overflow: hidden; }

.m-soft-show .tag-ico { padding-left: 18px; background-image: url(../images/ui_img/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: 56px; height: 22px; line-height: 22px; display: inline-block; color: #c2c2c2; border: 1px solid #c2c2c2; margin-top: 25px; text-align: center; }

.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 { position: relative; padding-bottom: 12px; }

.m-soft-show-large .info { width: 714px; border: 1px solid #ededed; border-right: 0; border-bottom: 0; position: relative; z-index: 2; }

.m-soft-show-large .inner { width: 624px; height: 216px; padding: 24px; background: #fff; border-bottom: 1px solid #ededed; }

.m-soft-show-large .u-hypot { background: url(../images/ui_img/u_hypot_2.png) no-repeat; width: 42px; height: 265px; display: block; float: right; }

.m-soft-show-large .title { font-size: 20px; margin-bottom: 12px; }

.m-soft-show-large .txt { font-size: 16px; line-height: 40px; height: 120px; overflow: hidden; margin-bottom: 10px; }

.m-soft-show-large .img { position: absolute; z-index: 1; right: 0; bottom: 0; }

.m-soft-show-large .m-soft-share { vertical-align: middle; margin-top: 0; }

.m-img-title-cov { margin-left: -18px; margin-top: -18px; }

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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: #ededed; }

.s-zt-summary .g-title .title-txt { font-weight: normal; }

.g-tab-title { padding-bottom: 12px; border-color: #358ff0; }

.g-tab-title .tab-item.cur { font-size: 22px; 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: -20px; }

.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 { margin-top: -30px; }

.m-map .title { float: left; height: 30px; width: 180px; overflow: hidden; color: #358ff0; background-image: url(../images/ui_img/sp_4.png); background-repeat: no-repeat; padding-left: 40px; font-size: 18px; line-height: 30px; margin-top: 3px; }

.m-map .title.t-1 { background-position: 0 0; }

.m-map .title.t-2 { background-position: 0 -30px; }

.m-map .title.t-3 { background-position: 0 -60px; }

.m-map .title.t-4 { background-position: 0 -90px; }

.m-map .title.t-5 { background-position: 0 -120px; }

.m-map .title.t-6 { background-position: 0 -150px; }

.m-map .title.t-7 { background-position: 0 -180px; }

.m-map .title.t-8 { background-position: 0 -210px; }

.m-map .title.t-9 { background-position: 0 -240px; }

.m-map .title.t-10 { background-position: 0 -270px; }

.m-map .title.t-11 { background-position: 0 -300px; }

.m-map .item { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px dashed #e4e4e4; }

.m-map .links { float: left; width: 980px; margin-top: -4px; }

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

.s-course-idx .hot-rank .tab-item { padding-bottom: 10px; font-size: 20px; }

.s-course-idx .hot-rank .tab-item .bot-arrow { bottom: -8px; }

.s-course-idx .hot-rank .g-time { color: #999; margin-left: 20px; }

.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: 374px; 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(../images/ui_img/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: -15px; }

.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; letter-spacing: 3px; *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(../images/ui_img/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-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-left: 150px; }

.s-copyright .g-title { border-color: #ededed; }

.s-copyright .title-txt { width: auto; }

.s-copyright .content { line-height: 40px; font-size: 16px; margin-top: -12px; text-align: justify; }

.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-sitemap .g-title { border-color: #ededed; }

.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(../images/ui_img/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 .g-title { margin-bottom: 28px; }

.page-release .content { margin-top: 0; }

.page-release .post-btn { display: block; margin: 20px auto; width: 260px; height: 80px; background: 0 0 url(../images/ui_img/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(../images/ui_img/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 { height: 760px; }

.m-not-found { width: 1646px; background: url(../images/ui_img/404.jpg) no-repeat; position: absolute; top: 40px; left: 50%; margin-left: -823px; overflow: hidden; }

.m-not-found .inner { width: 660px; margin: 492px auto 0; line-height: 32px; padding-left: 60px; padding-bottom: 20px; }

.m-not-found .c-blue { color: #43c6fe; margin-left: 85px; }

.m-not-found .back-btn { width: 158px; height: 48px; line-height: 48px; color: #358ff0; border: 1px solid #358ff0; display: block; margin: auto; border-radius: 24px; text-align: center; font-size: 20px; position: relative; }

.m-not-found .back-btn:hover { color: #fff; background: #358ff0; box-shadow: 0 0 8px 0 #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(../images/ui_img/overlay.png); display: none; -moz-user-select: -moz-none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.imgLightbox .hide { display: none; }

.imgLightbox .show { display: block; }

.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(../images/ui_img/sp_lb.png) 35px 35px no-repeat; position: absolute; width: 100px; height: 100px; top: -50px; right: -50px; z-index: 8030; display: none; }

.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(../images/ui_img/cur_prev.cur), auto; cursor: url(../images/ui_img/cur_prev.cur) \9; }

.lbNext { right: 0; cursor: url(../images/ui_img/cur_next.cur), auto; cursor: url(../images/ui_img/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(../images/ui_img/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(../images/ui_img/clickTips.png) no-repeat; display: none; }
/*代码内容点击隐藏和切换tab样式,代码标题放入<p class="code-toggle"></p>中*/
.code-toggle {
    align-items: center;
    background-color: #eeeded;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
}
.code-toggle > b {
    background-color: #dddddd;
    color: #99a1aa;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 2px 18px;
}
.code-toggle + .codeBlock{
    margin-top: 0 !important;
    border: none !important;
    background-image: unset !important;
}
.code-toggle + .codeBlock ol em{
    background: none !important;
}

/*复制代码*/
.codeBlock { padding: 10px 0 5px 0; border: 1px solid #e9e9e9; background: #f8f8f8 url(../images/ui_img/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(../images/ui_img/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-side { width: 299px; float: left; }

.m-android-art .art-side .info { text-align: center; border-bottom: 1px solid #f5f5f5; padding-bottom: 14px; }

.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 .item-img img{ border-radius: 15px; }

.m-android-art .c-zan { font-size: 16px; }

.m-android-art .c-zan .ico { display: inline-block; vertical-align: middle; background-image: url(../images/ui_img/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; border-bottom: 1px solid #f5f5f5; }

.m-android-art .c-media .ico { display: inline-block; vertical-align: top; background-image: url(../images/ui_img/sp_2.png); background-repeat: no-repeat; width: 36px; height: 36px; margin: 7px 10px; }

.m-android-art .c-media .ico.ico-1 { background-position: -108px -185px; }

.m-android-art .c-media .ico.ico-2 { background-position: -78px -185px; }

.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(../images/ui_img/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: 16px 0 20px 30px; color: #666; height: 124px; }

.m-android-art .c-detail .item { width: 48%; float: left; margin-bottom: 10px; 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-recom-list .recom-list .item .img img { border-radius: 15px; }

.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 { float: right; margin-right: 0; 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.bgcolor{background: #358ff0;color: #fff;border: 1px solid #358ff0;}
.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(../images/ui_img/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; }

.m-android-art .art-main .m-changyan { padding: 20px; }

/*游戏截图*/
.snapShotWrap { width: 860px; overflow: hidden; position: relative; margin: 20px auto 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("../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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("../images/ui_img/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(../images/ui_img/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(../images/ui_img/sp_5.png) no-repeat; }

.m-dnpz-sidebar .qq:hover .info { display: block; }

.m-dnpz-sidebar .wechat { background: -2px -48px #fff url(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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: 50px; }

.m-az-about-list .g-dot-list { margin-top: -23px; }

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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; }

.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(../images/ui_img/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(../images/ui_img/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: 60px; line-height: 34px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; cursor: pointer; padding-right: 10px; }

.m-guide-share { width: 240px; height: 36px; line-height: 36px; float: right; display: none}

.m-guide-share .bdsharebuttonbox { float: right; }

.m-guide-share .bdshare-button-style0-16 a { background-image: url(../images/ui_img/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: 40px; }

.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 { margin-bottom: 35px; margin-top: -23px; }

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/sp_1.png); }

.m-app-ranks { margin-bottom: 52px; }

.m-app-ranks .g-title { margin-bottom: 2px; }

.m-app-ranks .title-txt { padding-left: 38px; background: url(../images/ui_img/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; }

.m-app-ranks .m-rank + .m-rank { margin-left: 45px; }

.m-app-ranks .m-rank .img { float: left; }

.m-app-ranks .m-rank .btn { margin-top: 20px; margin-right: 20px; width: 50px; height: 26px; line-height: 26px; color: #fff; background: #358ff0; float: right; font-size: 16px; text-align: center; border-radius: 2px; }

.m-app-ranks .m-rank .info { margin-left: 80px; padding-top: 8px; color: #999; }

.m-app-ranks .m-rank .info .txt { margin-bottom: 16px; }

.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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/sp_1.png) no-repeat; }

.m-ios-game-recom .col-1 .item .icon.icon-favor { background: -179px -548px url(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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(../images/ui_img/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; margin-bottom: 30px; }
.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-left: -30px; margin-top: -20px; }
.m-soft-modal .s-list .img { width: 72px; height: 72px; margin-bottom: 10px; }
.m-soft-modal .s-list .item { float: left; width: 84px; text-align: center; margin-left: 30px; margin-top: 20px; position: relative; }
.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: 384px; }
.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: 200px; float: left; margin-top: 20px; margin-left: 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; }

.m-news-main { margin-bottom: 40px; }
.m-news-main .u-cov { width: 532px; height: 400px; background: url(../images/ui_img/g_3.png) bottom repeat-x; position: absolute; left: 0; top: 0; z-index: 2; }
.m-news-main .col-l { width: 812px; float: left; }
.m-news-main .col-l .slide { height: 400px; overflow: hidden; position: relative; float: left; }
.m-news-main .col-l .slide .tit { position: absolute; z-index: 3; left: 30px; bottom: 50px; width: 480px; color: #fff; font-weight: bold; font-size: 22px; line-height: 44px; }
.m-news-main .col-l .item { position: relative; width: 532px; height: 400px; }
.m-news-main .col-l .pos { position: absolute; z-index: 3; left: 20px; bottom: 40px; }
.m-news-main .col-l .pos .cir { width: 6px; height: 6px; margin-left: 10px; overflow: hidden; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #fff; }
.m-news-main .col-l .pos .cir.on { width: 20px; }
.m-news-main .col-l .imgs { float: right; width: 278px; margin-top: -2px; }
.m-news-main .col-l .img { display: block; margin-top: 2px; }
.m-news-main .col-l .list { border-top: 1px solid #ededed; }
.m-news-main .col-l .list .li { background: -240px -690px url(../images/ui_img/sp_1.png) no-repeat; height: 56px; overflow: hidden; line-height: 56px; padding-left: 32px; font-size: 18px; border-bottom: 1px solid #ededed; }
.m-news-main .col-r { float: left; margin-left: 30px; position: relative; }
.m-news-main .col-r .inner { width: 350px; height: 651px; border: 1px solid #ededed; position: relative; z-index: 3; background: #fff; }
.m-news-main .col-r .u-line-1, .m-news-main .col-r .u-line-2 { width: 350px; height: 651px; border: 1px solid #ededed; background: #fff; position: absolute; }
.m-news-main .col-r .u-line-1 { z-index: 2; left: 3px; top: 3px; }
.m-news-main .col-r .u-line-2 { z-index: 1; left: 6px; top: 6px; }
.m-news-main .col-r .hot-tit { color: #fff; background: #358ff0; line-height: 34px; width: 76px; border-radius: 0 17px 17px 0; margin-top: 14px; padding-left: 12px; margin-bottom: 27px; }
.m-news-main .col-r .u-line { height: 30px; width: 1px; background: #358ff0; position: absolute; z-index: 1; top: 0; right: 27px; }
.m-news-main .col-r .f5 { width: 30px; height: 30px; background: -191px -580px url(../images/ui_img/sp_1.png) no-repeat; position: absolute; z-index: 2; top: 24px; right: 11px; }
.m-news-main .col-r .news { margin-left: 27px; width: 300px; position: relative; }
.m-news-main .col-r .news .item { padding-left: 15px; position: relative; z-index: 2; margin-bottom: 23px; }
.m-news-main .col-r .news .time { color: #358ff0; font-weight: bold; line-height: 24px; margin-bottom: 7px; }
.m-news-main .col-r .news .title { line-height: 20px; height: 40px; overflow: hidden; display: block; }
.m-news-main .col-r .news .u-dashed { width: 0; height: 472px; position: absolute; left: 0; top: 10px; z-index: 1; border-left: 1px dashed #358ff0; }
.m-news-main .col-r .news .u-dot { background: -167px -580px url(../images/ui_img/sp_1.png) no-repeat; width: 6px; height: 6px; position: absolute; left: -3px; top: 8px; }

.page-news-idx .col-l-w { width: 812px; }
.page-news-idx .list-main .item { padding-top: 20px; padding-bottom: 26px; border-bottom: 1px solid #ededed; }
.page-news-idx .list-main .soft-img { width: 70px; height: 70px; padding: 24px; border: 1px solid #f8f8f8; }
.page-news-idx .list-main .title { font-size: 20px; margin-bottom: 24px; }
.page-news-idx .list-main .info { color: #666; margin-left: 270px; overflow: hidden; padding-top: 5px; }
.page-news-idx .list-main .detail { margin-bottom: 10px; }
.page-news-idx .list-main .desc { line-height: 40px; height: 120px; overflow: hidden; text-align: justify; font-size: 16px; }
.page-news-idx .list-main .count { position: absolute; right: 0; bottom: 0; line-height: 24px; }
.page-news-idx .list-main .ico-see { width: 25px; height: 24px; display: inline-block; background: 0 -626px url(../images/ui_img/sp_1.png) no-repeat; vertical-align: top; margin-right: 7px; }
.page-news-idx .m-side-col { padding-top: 20px; }
.page-news-idx .hot-rank .g-title { border-color: #358ff0; margin-bottom: 36px; }
.page-news-idx .hot-rank .g-title .g-tab { font-size: 22px; font-weight: bold; height: 30px; padding-bottom: 8px; margin-left: 10px; }

.m-news-list-tab { font-size: 0; border-bottom: 2px solid #ededed; margin-bottom: 14px; }
.m-news-list-tab .item { line-height: 60px; width: 116px; height: 60px; font-size: 18px; text-align: center; margin-bottom: -2px; cursor: pointer; }
.m-news-list-tab .item.cur { background: #358ff0; color: #fff; }

.m-get-more { text-align: center; margin-top: 1px; }
.m-get-more .btn { background: #86bcf6; color: #fff; width: 126px; height: 40px; line-height: 40px; display: block; margin: 0 auto; }
.m-get-more .ico { width: 18px; height: 16px; display: inline-block; background: -40px -630px url(../images/ui_img/sp_1.png) no-repeat; vertical-align: middle; margin-right: 3px; }

.m-mg-tab-row { border: 1px solid #ededed; }
.m-mg-tab-row .hot-tab { width: 145px; }
.m-mg-tab-row .hot-tab .item { line-height: 72px; height: 72px; text-align: center; position: relative; cursor: pointer; border-right: 1px solid #ededed; background: #f5f6f8; font-size: 18px; }
.m-mg-tab-row .hot-tab .item.cur { background: #5298ff; border-right: 1px solid #5298ff; color: #fff; }
.m-mg-tab-row .hot-tab .item.cur .arrow { display: block; }
.m-mg-tab-row .hot-tab .item .arrow { display: none; position: absolute; right: -8px; top: 50%; width: 7px; height: 14px; margin-top: -7px; background: -76px -629px url(../images/ui_img/sp_1.png) no-repeat; }
.m-mg-tab-row .m-az-recom { margin-top: 0; }
.m-mg-tab-row .m-az-recom { display: none; margin-right: 0; }
.m-mg-tab-row .m-az-recom .item { margin-right: 0; margin-left: 16px; margin-top: 15px; }
.m-mg-tab-row .m-az-recom .img { border-radius: 14px; }

.m-guide-main { margin-bottom: 35px; }
.m-guide-main .slide { width: 620px; height: 464px; float: left; overflow: hidden; position: relative; }
.m-guide-main .slide-cont { width: 620px; height: 464px; position: relative; overflow: hidden; }
.m-guide-main .slide-item { position: absolute; width: 100%; height: 100%; left: -620px; }
.m-guide-main .txt_bg { width: 620px; height: 50px; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.m-guide-main .slide-nav { height: 12px; display: inline-block; overflow: hidden; position: absolute; z-index: 5; bottom: 17px; right: 20px; overflow: hidden; }
.m-guide-main .slide-nav i { width: 12px; height: 12px; background: #d4d4d4; cursor: pointer; margin-left: 5px; float: left; font-size: 0; }
.m-guide-main .slide-nav i.on { background: #ffe825; }
.m-guide-main .slide-txt { widows: 100%; height: 50px; position: absolute; left: 0; bottom: 0px; z-index: 1; }
.m-guide-main .slide-txt .title { display: inline-block; height: 50px; line-height: 50px; font-size: 16px; padding: 0 20px; overflow: hidden; color: #ffe825; position: absolute; left: 0; top: 0; }
.m-guide-main .col-2 { width: 542px; float: right; }
.m-guide-main .col-2 .title { border-bottom: 1px dashed #ededed; display: block; padding-bottom: 18px; }
.m-guide-main .col-2 .title .txt { font-size: 30px; color: #fe1e00; font-weight: normal; text-align: center; margin-bottom: 20px; }
.m-guide-main .col-2 .sub { color: #666; text-indent: 2em; height: 48px; line-height: 24px; overflow: hidden; }
.m-guide-main .col-2 .sub em { color: #358ff0; }
.m-guide-main .col-2 .list { margin-top: 15px; }
.m-guide-main .col-2 .list .item { font-size: 16px; line-height: 28px; margin-top: 5px; }
.m-guide-main .col-2 .list .item i { display: block; float: left; width: 4px; height: 4px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; background: #ccc; margin-top: 12px; margin-right: 10px; }

.m-mg-coll-slider { margin-bottom: 40px; }
.m-mg-coll-slider .inner { height: 184px; overflow: hidden; }
.m-mg-coll-slider .item { float: left; position: relative; }
.m-mg-coll-slider .item + .item { margin-left: 21px; }
.m-mg-coll-slider .btn { position: absolute; top: 50%; margin-top: -58px; width: 40px; height: 115px; z-index: 3; background: url(../images/ui_img/sp_1.png) no-repeat; opacity: .4; filter: alpha(opacity=40); cursor: pointer; }
.m-mg-coll-slider .btn.prev { left: 0; background-position: -154px -614px; }
.m-mg-coll-slider .btn.next { right: 0; background-position: -197px -614px; }
.m-mg-coll-slider .btn:hover { opacity: .8; filter: alpha(opacity=80); }
.m-mg-coll-slider .title { position: absolute; width: 100%; height: 24px; bottom: 0; left: 0; z-index: 2; }
.m-mg-coll-slider .title .bg { background: #000; width: 100%; height: 100%; z-index: 1; position: relative; opacity: .5; filter: alpha(opacity=50); }
.m-mg-coll-slider .title .txt { line-height: 24px; text-align: center; color: #fff; }

.page-guide-idx .m-game-video { margin-bottom: 0; }

.goto-qq{
    display: inline-block;
    background: url(../images/ui_img/group.png) no-repeat;
    width: 110px;
    height: 26px;
    background-size: 100% 100%;
}

.tips-img{
	margin-top: 26px;
}

.tips-img img{
	width: 380px;
	height: 190px;
}

.m-art-dl .mt5{
    margin-top: 5px;
}

.m-art-dl .item .ico-365 {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../images/ui_img/ico_01-01.png);
}

/* 2018.11.15修改软件详情页样式（下载按钮修改） */
.m-soft-share {
    width: 260px;
    display: inline-block;
}
.ml-0{
    margin-left: 0;
    margin-top: -30px;
}
.mt--15{
    margin-top: -15px;
}
.AD_298_304{
    border: 0;
    height: 238px;
}
.AD_298_304 .btn-dl-a{
    display: inline-block;
    margin-top: 79px;
    width: 294px;
    height: 80px;
    background:  url(../images/ui_img/download-01.jpg) no-repeat; 
}
.AD_298_304 .btn-dl-b{
    display: inline-block;    
    margin-top: 34px;
    width: 294px;
    height: 80px;
    background:  url(../images/ui_img/download-02.jpg) no-repeat; 
}
.AD_298_304 .btn-dl-a:hover{
    opacity: 0.8;
}
.AD_298_304 .btn-dl-b:hover{
    opacity: 0.8;
}

.dl-icon a{
    display: inline-block;
    width: 154px;
    height: 30px;
    background-color: #358ff0;
    color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}
.dl-icon a:hover{
    opacity: 0.8;
}
.dl-icon a .icon-item{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ui_img/dl-icon.png) no-repeat; 
    vertical-align: top;
    margin: 5px 8px 5px 11px;
}

/* 2018.11.15修改软件详情页样式（下载按钮修改） */

/* 2018.11.30修改侧边栏弹窗，问卷调查,原微信公众号 */
.m-sidebar .pub .btn {
    width: 70px;
    height: 70px; 
    background: #51a5ff;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}
.m-sidebar .pub .btn .examine{
    display: block;
    width: 70px;
    height: 70px;
    background: url(../images/ui_img/examine_01.jpg) no-repeat; 
}

.m-sidebar .pub .qrcode {
    display: block;
    width: 255px;
    height: 129px;
    position: absolute;
    z-index: 1;
    right: 72px;
    top: 0px;
    background: url(../images/ui_img/examine_02.jpg) no-repeat;
    background-size: 100%;
}
.m-sidebar .pub {
    margin-bottom: 2px;
    position: relative;
}
/* 2018.11.30修改侧边栏弹窗，问卷调查结束,原微信公众号 */

/* 木马提示 */
.risk {
    width: 341px;
    height: 268px;
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 10;
    padding-top: 5px;
    background-color: #fff;
    display: none;

}
.risk .risk_shut{
    width: 341px;
    height: 20px;
    background: url(../images/ui_img/risk_shut_02.jpg) no-repeat;
}

.risk .risk_item{
    display: block;
    width: 341px;
    height: 281px;
    background: url(../images/ui_img/risk_01.jpg) no-repeat;
}
/* 木马提示结束 */
/* 首页侧边栏图片 */
.ad250-70{
    width: 250px;
    height: 70px;  
}
.ad250-70 img{
    width: 250px;
    height: 70px;
}
/* 百度提取码 */
.fixed_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;
}
.fixed_bg .tiquma{
    width: 428px;
    height: 202px;
    background: #fff;
    margin: 350px auto;
    border-radius: 7px;
    overflow: hidden;
}
.fixed_bg .tiquma h4{
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #358ff0;
    color: #ffffff;
    font-size: 20px;
    font-family: "微软雅黑";
    font-weight: 400;
}
.fixed_bg .tiquma p{
    height: 89px;
    text-align: center;
    line-height: 89px;
    color: #ff0000;
    font-size: 24px;
    font-family: "微软雅黑";
    font-weight: 400;
    border-bottom: 1px solid #ededed;

}
.fixed_bg .tiquma .tiquma-bottom{
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-family: "微软雅黑";
}
.fixed_bg .tiquma .tiquma-bottom .shut_tiquma{
    float: left;
    width: 213px;
    border-right: 1px solid #ededed;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #333333;

}
.fixed_bg .tiquma .tiquma-bottom a{
    float: left;
    width: 212px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #358ff0;
    cursor: pointer;
}
.w_h_100{
    height: 100%;
    overflow: hidden;
}
/* 软件下载页下载地址a标签字体颜色 */
.media a{
    color: #666666;
}
/* 2019.7.4系统之家软件下载详情页修改 */
.s-soft-art .m-eval .eval-good .eval-ico{
    background: url(../images/ui_img/ico_laud.jpg) no-repeat; 
    width: 36px;
    height: 21px;
    margin-top: 5px;
}
.s-soft-art .m-eval .eval-bad .eval-ico{
    background: url(../images/ui_img/ico_laud_no.jpg) no-repeat; 
    width: 36px;
    height: 21px;
    margin-top: 5px;
}
.mt--15{
    position: relative;
    width: 525px;
}
.s-soft-art .m-eval{
    position: absolute;
    bottom: 12px;
    right: 40px;
}
.s-soft-art .art-detail .btn-dl {
    vertical-align: top;
    width: 250px;
    height: 70px;
    background: url(../images/ui_img/ico_btn_dl.jpg) no-repeat;
    margin-right: 25px;
}
.s-soft-art .art-detail .btn-dl_swift {
    vertical-align: top;
    width: 250px;
    height: 70px;
    background: url(../images/ui_img/ico_btn_dl_swift.jpg) no-repeat;
}

.mt30{
    margin-top: 30px;
    width: 525px;
}
.s-soft-art .m-related-list{
    width: 242px;
    overflow: hidden;
    margin-left: 33px;
}
/* .m-related-list .related-list .item{
    line-height: 45px;
} */

/* 下载了XX软件的人还下了 */
.related-list .n-item{
    height:50px;
    margin-bottom:16px;
}
.related-list .left{
    width:50px;
    height:50px;
    float: left;
    margin-right:8px;
}
.related-list .left .icon{
    width: 100%;
    height: 100%;
    display: block;
}
.related-list .right{
    width: 184px;
    float: left;
   
}

.related-list .right .title{
    font-size:14px;
    color:#333;
    font-weight: normal;
    line-height: 1;
    padding-top:4px;
    padding-bottom:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-list .right .desc{
    font-size:12px;
    color:#999;
    line-height: 1;
}
/* /下载了XX软件的人还下了 */

/* 其他版本 */
.m-soft-else .related-list{
    margin-top:-15px;
}

.m-soft-else .img16 {
    width: 16px;
    height: 16px;
    margin-top:16px;
    margin-right:5px;
}
.m-soft-else .item{
    line-height: 51px;
    border-bottom: 1px dashed #e4e4e4;
    vertical-align: middle;
}

.m-soft-else .g-list-a {
    display: inline-block;
    max-width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
.m-soft-else .g-list-a:hover{
    color: #358ff0;
}
/* /其他版本 */

/* 厂商下载20200628 start */

.tab-cont-item .o-item{
    width:25%;
    float: left;
    margin-bottom:30px;
}
.tab-cont-item .o-item img{
    width:50px;
    height:50px;
    margin-right:12px;
}
.tab-cont-item .o-item h4{
    font-size:16px;
    color:#333;
    font-weight: normal;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 124px;
}
.tab-cont-item .o-item p{
    font-size:12px;
    color:#999;
    line-height: 1;
    margin-top:8px;
}

/* 厂商下载20200628 end */
.s-soft-art .m-related-list .list-title{
    margin-top: 13px;
}
.m-soft-detail .item{
    margin-top: 13px;
}
.m-soft-sort{
    width: 360px;
    float: right;
    height: 320px;
    overflow: hidden;
}
.m-soft-sort h2{
    font-size: 16px;
    font-weight: bold;
    margin: 13px 0 9px;
}
.m-soft-sort .sort{
    width: 390px;
    height: 320px;
    overflow: hidden;
}
.m-soft-sort .sort a{
    width: 99px;
    height: 34px;
    box-sizing: border-box;
    text-align: center;
    line-height: 32px;
    border-radius: 20px;
    float: left;
    margin-right: 30px;
    border:1px solid #dedede;
    color: #333;
    margin-bottom: 26px;
    font-size: 14px;
}
.m-soft-sort .sort a:hover{
    border:1px solid #358ff0;
    color: #fff;
    background: #358ff0;
}
.s-soft-art .art-title{
    margin-bottom: 9px;
}

.m-art-dl .item .ico_swift{
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 13px;
    background:  url(../images/ui_img/ico_soft_dl_02.png) no-repeat;
    margin: 9px 8px 0px 0px;
}
.m-soft-sort .sort a.cur{
    border:1px solid #358ff0;
    color: #fff;
    background: #358ff0;
}
.s-soft-art .art-title .title{
    display: inline-block;
    *zoom:1;
    *display: inline;
}
/* 2019.08.13软件下载详情页侧边栏修改 */
.soft_scroll{
    width: 100%;
    height: 297px;
    overflow: hidden;
}
.soft_scroll .scroll{
    width: 380px;
    height: 294px;
    overflow-y: auto;
}
.soft_scroll .scroll_list .item{
    width: 360px;
    box-sizing: border-box;
    height: 98px;
    border-bottom: 1px dashed #e4e4e4;
    /* padding-top:23px; 
    padding-bottom: 24px; */
}
.soft_scroll .scroll_list .item img{
    width: 50px;
    height: 50px;
    margin-right: 19px;
    float: left;
    margin-top: 23px;
    margin-bottom: 24px;
}
.soft_scroll .scroll_list .item .txt{
    float: left;
    width: 270px;

}
.soft_scroll .scroll_list .item .txt h3{
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 23px;
}
.soft_scroll .scroll_list .item .txt p{
    font-size: 14px;
    color: #999;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
/* 2019.08.13软件下载详情页侧边栏修改end */
/* 2019.08.15软件下载列表页修改 */
.list_soft_sort{
    padding: 10px 0 30px 0;
    box-sizing: border-box;
    width: 1265px;
}
.list_soft_sort_main{
    width: 1140px;
} 

.list_soft_sort .s_title{
    width: 85px;
    height: 38px;
    background: url(../images/ui_img/ico_sort.png) no-repeat;
    line-height: 38px;
    color: #fff;
    padding-left: 10px;
    float: left;
    margin-right: 20px;
}
.list_soft_sort .item{
    display: inline-block;    
    float: left;
    width: 142px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px;
    font-size:14px;
    color: #333;
    margin-right: 20px;
    margin-top: 9px;
    margin-bottom: 9px;
}
.list_soft_sort .item .ico_file{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ui_img/ico_file.png) no-repeat;
    vertical-align: top;
    margin-right: 8px;
    

}
/* 2019.08.15软件下载列表页修改end */
/* 标签列表页修改2019.08.08 */
.tag_left{
    width: 807px;
}
.mb60{
    margin-bottom: 60px;
}
.tag_right{
    width: 360px;
    padding-top: 10px;
}
.m_tag_title{
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-bottom: 2px solid #358ff0;
}
.m_tag_title a{
    display: block;
    float: left;
    width: 100px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 14px;
    color: #333333;
}
.m_tag_title a:hover{
    color: #358ff0;
}
.m_tag_title a.cur{
    background: #358ff0;
    color: #ffffff;
}
.tag_main .item{
    width: 100%;
    box-sizing: border-box;
    height: 187px;
    border-bottom: 1px solid #ededed;
    padding-left: 5px;
    position: relative;
}
.s-tag-list .tag_main .item{
    padding:24px 0 30px 5px;
}
.s-tag-list .tag_main .item .fix{
    padding-top:20px;
}
.tag_main .item h1{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 77px;
}
.tag_main .item img{
    width: 80px;
    height: 80px;
    border: 1px solid #f8f8f8;
    margin-right: 21px;
    padding: 5px;
    box-sizing: border-box;
    float: left;
}
.tag_main .item .tag_list_txt{
    width: 560px;
}
.ml40{
    margin-left: 40px;
}
.tag_main .item .tag_list_txt .txt{
    line-height: 24px;
    margin-top: 16px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
}
.tag_main .item .tag_list_txt p{
    color: #999;
}
.tag_main .item .tag_list_txt span{
    color: #999;
}
.tag_main .item .see{
    display: block;
    width: 94px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    border:1px solid #c2c2c2;
    color: #999999;
    position: absolute;
    top:102px;
    right: 0px;
}
.tag_main .item .see:hover{
    border:1px solid #358ff0;
    background: #358ff0;
    color: #ffffff;
}
.tag_main .item:hover h1{
    color: #358ff0;
}
.tag_right .tag-link{
    width: 76px;
}
.tag_right .tag-list {
    margin-left: -5px;
}
.tag_side .tab-item{
    font-size: 22px;
    font-weight: bold;
    float: left;
}
.tag_side .g-title{
    padding-top: 8px;
    padding-bottom: 11px;
    border-bottom: 2px solid #358ff0;
    margin-bottom: 10px;
}
.tag_side .g-tab.sty-2 .tab-item + .tab-item {
    padding-left: 25px;
}
.tag_side_list .item{
    width: 100%;
    height: 52px;
    border-bottom: 1px dashed #e4e4e4;
    line-height: 52px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tag_side_list .item span{
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    background: #c7c7c7;
    margin-left: 3px;
    margin-right: 9px;
}
.tag-course .page-course-list .list-main .desc{
    color: #333;
}
.tag-course .page-course-list .list-main .detail{
    color: #999999;
}
.tag-course .tag_right .tag-link{
    width: 148px;
}
.tag-course .tag_right .tag-list {
    margin-left: -20px;
    
}
/* 标签列表页end*/

/* 2019.08.21软件下载内容页修改 */
.ico_biaoqian{
    padding-left: 29px;
    background: url(../images/ui_img/ico_soft_biaoqian.png) no-repeat;
    background-position: 6px 3px;
}
.ico_biaoqian_bg{
    line-height: 24px;
    display: block;
    padding: 0px 7px;
    background: #f5f5f5;
    margin-left: 10px;
    max-width: 90px;
    overflow: hidden;
    height: 24px;
    text-align: center;
}
.ico_biaoqian_bg:hover{
    background: #358ff0;
    color: #fff;
}
.ico_biaoqian_bg_nowidth{
    line-height: 24px;
    display: block;
    padding: 0px 7px;
    background: #f5f5f5;
    margin-right: 10px;
    overflow: hidden;
    height: 24px;
    text-align: center;
}
.ico_biaoqian_bg_nowidth:hover{
    background: #358ff0;
    color: #fff;
}
.m-eval {
    right: 18px;
}
.border_2px{
    border-bottom: 2px solid #e4e4e4 !important;
}
.border_2px .cur .ico_border_2px{
    width: 90px;
    height: 2px;
    background: #358ff0;
    display: block;
    position: absolute;
    bottom:-13px;
    right:0px
}
.g-tab.sty-2 .tab-item + .tab-item .ico_border_2px{
    width: 100px;
}
.mr120{
    margin-right: 120px !important;
}
.mr50{
    margin-right: 50px !important;
}

.soft_821 .m-excellent .art-img {
    margin-top: 1px;
}
.soft_821 .m-excellent .art-right .inner{
    height: 149px;
}
.tab-cont-item_list li {
    width: 100px;
    float: left;
}
.tab-cont-item_list li img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px auto 20px auto;
}
.tab-cont-item_list li p {
    width: 100px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-side-col .cur .border-2px{
    display: block;
    width: 158px;
    height: 2px;
    background: #358ff0;
    position: absolute;
    bottom:-18px;
    right:0px;
}
.m-side-col  .g-tab.sty-2 .tab-item + .tab-item .border-2px{
    width: 180px;
    right:-12px;
}
.side_zttj li{
    width: 180px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    color: #333;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 10px;
}
.side_zttj li a{
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.side_zttj li i{
    border-radius: 50%;
    display: block;
    width: 6px;
    height: 6px;
    float: left;
    margin: 7px 6px 7px 0;
    background: url(../images/ui_img/ico_yuan.png) no-repeat;
}
.g-title.border-blue {
    border-bottom: 2px solid #ededed;
    margin-bottom: 0px;
    height: 40px;
    box-sizing: border-box;
     
}
.g-title.border-blue .you-like{
    font-size: 16px;
    color: #368ef0;
    line-height: 30px;
    padding-bottom: 9px;
    margin-top: -2px;
    border-bottom: 2px solid #358ff0;
    width: auto;
    float: left;
    max-width: 242px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.g-title.border-blue .you-like span{
    font-size:12px;
}
.g-title.border-blue .title-txt {
    border-bottom: 2px solid #358ff0;
    margin-top: -4px;
    line-height: 30px;
    padding-bottom: 12px;
    font-size: 22px;
    width: auto;
    float: left;
    color:#0a1633;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.go_top_new.m-sidebar{
    width: 36px;
    height: 168px;
    right: 50%;
    margin-right: -238px;
    background: url(../images/ui_img/go_top_new.jpg) no-repeat;
    display: none;
    
}
.go_top_new.m-sidebar .go-top{
    width: 36px;
    height: 84px;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.go_top_new.m-sidebar .go_dl{
    width: 36px;
    height: 84px;
    z-index: 2;
}
/* 2019.08.21软件下载内容页修改end */
.c-cur-pos span{
    font-size: 12px
}  
.c-cur-pos a{
    font-size: 12px
}   
/* 系统之家系统内容页修改08.30 */
.sys_side_item{
    width: 37px;
    height: 28px;
    margin-left: 6px;
    text-align: center;
    line-height: 26px;
    float: left;
    color: #666666;
    box-sizing: border-box;
    font-size: 14px;
    background:#f5f6f8;
    border-radius: 2px;
}
.sys_side_item.cur{
    background: #358ff0;
    border:1px solid #358ff0;
    color: #ffffff;
}
.sys_qt{
    overflow: hidden;
    padding-top: 5px;
    width: 370px;
}
.sys_qt li{
    float: left;
    margin-top: 14px;
    margin-right: 14px;
    width: 146px;
    height: 40px;
    padding: 0 11px;
    border-radius: 3px;
    background: #ededed;
    text-align: left;
    color: #f5f6f8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sys_qt li:nth-child(2n){
    float:right;
    margin-right:10px;
}
.sys_qt a{
    display: block;
    width: 146px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #666;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sys_qt li:hover{
    background: #358ff0;    
    color: #fff;
}
.sys_qt li:hover a{
    color: #fff;
}
.banner1 {
	width: 350px;
	height: 167px;
	overflow: hidden;
}

.focusBox {
	position: relative;
	width: 350px;
	height: 167px;
	overflow: hidden;
	font-size: 14px;
	text-align: left;
	background: white;
}

.focusBox .pic img {
	width: 350px;
	height: 167px;
	display: block;
}

.focusBox .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 30px;
	width: 100%;
    background: rgba(0,0,0,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000, endcolorstr=#4c000000);
	overflow: hidden;
	line-height: 30px;
	color: #fff;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */
	.focusBox .txt-bg {
		background-color: #000000;
		filter: Alpha(opacity=50);
		*zoom: 1;
 /* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
}

.focusBox .txt-bg p {
	padding-left: 10px;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.focusBox .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width: 100%;
	overflow: hidden;
}

.focusBox .txt li {
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: -36px;
}

.focusBox .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.focusBox .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 8px;
}

.focusBox .num li {
	float: left;
	position: relative;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
	background: #bbbfc7;
}

.focusBox .num li.on {
	background: #2997ff;
}

.special {
	width: 350px;
	/* height: 290px; */
	border-top: 1px solid transparent;
	box-sizing: border-box;
}

.special .special-list li {
	width: 350px;
	height: 28px;
	line-height: 28px;
	margin-top: 23px;
	background: url(../images/ui_img/ico_zt_bg.png) no-repeat;
	background-size: 100%;
	font-size: 14px;
}
.special .special-list li span {
	display: inline-block;
	color: #2997ff;
	height: 28px;
	line-height: 28px;
	margin: 0 33px 0 10px;
    vertical-align: top;
    float: left;
}

.special .special-list li p {
	display: inline-block;
	width: 270px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    float: left;    
}
.sys_side_830 .m-rank .g-sort-num.top {
    color: #f85252;
}
.sys_side_830 .m-rank .g-sort-num.second {
    color: #f88449;
}
.sys_side_830 .m-rank .g-sort-num {
    background: #fff;
    color: #adadad;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}
.sys_side_830 .m-rank .g-sort-num.third {
    color: #ffc54f;
}
/* 系统之家系统内容页修改08.30  end*/
/* 系统之家系统内容页修改09.02 */

.sys_902 .m-soft-detail .g-star{
    margin-left: 0px;
    
}
.sys_902 .m-eval .eval-good, .sys_902 .m-eval .eval-bad {
    width: 47px;
    display: block;
    float: left;
    margin-right: 6px;
    height: 18px;
    line-height: 18px;
    /* box-sizing: border-box; */
    border:1px solid #ededed;
    padding-left: 23px;
}
.sys_902 .m-eval .eval-good{
    background: url(../images/ui_img/ico_sys_902_a.jpg) no-repeat;
}
.sys_902 .m-eval .eval-bad{
    background: url(../images/ui_img/ico_sys_902_b.jpg) no-repeat;
}
.sys_902 .m-eval .eval-bad{
    margin-top: 0px;
}
.sys_902 .m-eval .prog-box{
    margin-top: 0px;
}
.sys_902 .m-eval .count{
    line-height: 18px;
    height: 18px;
    vertical-align: top;
}
.sys_902 .m-eval {
    margin-left: 0px;
}
.sys_902 .bdshare-button-style0-16 a {
    float: left;
    font-size: 12px;
    padding-left: 0px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin:0;
    margin-right: 2px;
}
.sys_902 .bdshare-button-style0-16 .bds_weixin{
    background-image:url(../images/ui_img/ico_share_weixin.png);
    background-position: 0 0;
}
.sys_902 .bdshare-button-style0-16 .bds_qzone {
    background-position: 0 0px;
    background-image:url(../images/ui_img/ico_share_qq.png);
}
.sys_902 .bdshare-button-style0-16 .bds_tsina {
    background-position: 0 0px;
    background-image:url(../images/ui_img/ico_share_xinlang.png);    
}

.sys_902 .bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
    background-image:url(../images/ui_img/ico_share_genduo.png);  
}
.sys_902 .sys_tag{
    width: 520px;
    height: 80px;
    overflow: hidden;
}
.sys_902 .sys_item_link{
    height: 80px;
    overflow: hidden;
}
.sys_902 .ico_sys_tag{
    width: 66px;
    height: 80px;
    margin-left: 15px;
    background:url(../images/ui_img/ico_sys_tag.png) no-repeat;  
}
.sys_902 .sys_item_link li{
    float: left;
    min-width: 80px;
    max-width: 195px;
    height: 26px;
    border:1px solid #ededed;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
    margin-bottom: 14px;
    overflow: hidden;
}
.sys_902 .sys_item_link li:hover{
    background: #358ff0;
}
.sys_902 .sys_item_link li:hover a{
    color: #ffffff;
}
.sys_902 .sys_item_link li a{
    padding: 0 5px;
    height: 26px;
    display: block;
    color: #999999;
    overflow: hidden;
}
.sys_902.s-sys-art .btn-dl{
    background: url(../images/ui_img/ico_sys_art_dl.png) no-repeat;
}
/* 系统之家系统内容页修改09.02 end */ 
/* 2019.9.4电脑配置增加轮播图 */
.snpz_slide .prev,
.snpz_slide .next{ position:absolute; left:20px;; top:50%; margin-top:-23px;  width:25px; height:45px;   display: none  }
.snpz_slide .prev{ background: url(../images/ui_img/ico_dnpz_left.png) no-repeat;}
.snpz_slide .next{ left:auto; right:20px; background: url(../images/ui_img/ico_dnpz_right.png) no-repeat; }
.snpz_slide:hover .prev,
.snpz_slide:hover .next{  display: block; }
.snpz_slide .prevStop{ display:none;  }
.snpz_slide .nextStop{ display:none;  }

.snpz_slide{ width:1200px; height:500px; overflow:hidden; position:relative; margin-bottom: 48px;}
.snpz_slide .hd{ height:10px; overflow:hidden; position:absolute; left:50%; bottom:26px; z-index:1;  margin-left: -32px;}
.snpz_slide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.snpz_slide .hd ul li{ float:left; margin-right:6px;  width:10px; height:10px; border-radius: 50%; text-align:center; background:#fff; cursor:pointer;filter:alpha(opacity=60);opacity:0.6; }
.snpz_slide .hd ul li.on{ background:#fff; color:#fff; filter:alpha(opacity=100);opacity:1;}

.snpz_slide .bd{ position:relative; height:100%; z-index:0;   }
.snpz_slide .bd li{ zoom:1; vertical-align:middle; }
.snpz_slide .bd img{ width:1200px; height:500px; display:block;  }
/* 2019.9.4电脑配置增加轮播图 end */


/* 2019.9.11系统之家软件下载详情页相关软件加16*16图标 */
.m-related-list .related-list .item .img16{
    width: 16px;
    height: 16px;
    margin-top: 15px;
    margin-right: 7px;
}
/* 2019.9.11系统之家软件下载详情页相关软件加16*16图标 end */

/* 2019.10.12软件详情修改 */
.s-soft-art .m-art-cont p img {
    max-width: 600px;
}
.s-soft-art .go_zt{
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    background: #358ff0;
    margin-top: -6px;
    display: none;
}
.soft_side_toggle{
    padding-top: 26px;
}
.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle{
    padding: 0;
    padding-top: 22px;
    border: 0;
    font-size: 16px;
}
.m-side-col .m-rank .soft_side_toggle .g-art-count{
    font-size: 14px;
}
.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num {
    background: #fff;
    color: #adadad;
    font-size: 16px;
    font-style: italic;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
}
.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.top {
    color: #f85252;
}
.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.second {
    color: #f88449;
}
.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.third {
    color: #ffc54f;
}
.soft_side_toggle .toggle_item{
    padding-top: 5px;
}
.soft_side_toggle .toggle_item>img{
    margin-left: 20px;
    width: 50px;
    height: 50px;
    float: left;
}
.soft_side_toggle .txt{
    float: left;
    margin-left: 10px;
}
.soft_side_toggle .txt p{
    color: #999999;
    font-size: 14px;
}
.soft_side_toggle .toggle_dl{
    margin-top: 14px;
    width: 58px;
    height: 26px;
    border:1px solid #358ff0;
    display: block;
    text-align: center;
    line-height: 26px;
    color: #358ff0;
    border-radius: 2px;
    float: right;
    font-size: 14px;
    
}
.soft_side_toggle .toggle_dl:hover{
    background:#358ff0;
    color:#fff !important;
}
.soft_side_toggle .toggle_item{
    display: none;
}
.soft_side_toggle.on .toggle_item{
    display: block;
}
.m-soft-else{
    width: 360px;
    float: right;
}
.m-soft-else .else>ul{
    display: block;
    width: 385px;
}
.m-soft-else .else .item{
    width: 114px;
    height: 123px;
    display: block;
    float: left;
    background: url(../images/ui_img/ico_else_bg.jpg)  no-repeat;
    padding: 3px 7px;
    margin-left: -7px;
    margin-right: 6px;
}
.m-soft-else .else .item a{
    display: block;
    width: 100px;
    height: 110px;
    border-top:1px solid transparent;
}
.m-soft-else .else  .item a:hover{
    background: #358ff0;
}
.m-soft-else .else .item a:hover p{
    color: #ffffff;
}
.m-soft-else .else .item p{
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.m-soft-else .else .item img{
    display: block;
    margin: 9px auto 10px auto;
}
/* 2019.10.12软件详情修改end */
/* 2019.10.14系统详情页修改 */
.g-title-art{
    height: 48px;
    line-height: 48px;
    border-top:2px solid #ededed;
    background: #f9f9f9;
    margin-bottom: 26px;
}
.g-title-art .go_zq{
    display: block;
    height: 48px;
    float: right;
    padding-left:25px;
    background: url(../images/ui_img/ico_go_zq.png) 0 14px no-repeat;
    padding-right: 5px;
}
.g-title-art .tab-item{
    float: left;
    width: 120px;
    height: 48px;
    text-align: center;
    font-size: 18px;
}
.g-title-art .tab-item.cur{
    border-top:2px solid #358ff0;
    margin-top: -2px;
    color: #358ff0;
    background: #ffffff;
}
.art_cjwt{
    width: 850px;
}
.art_cjwt li{
    width: 245px;
    height: 58px;
    border:1px solid #ededed;
    position: relative;
    float: left;
    color: #358ff0;
    margin-right: 29px;
    margin-top: 20px;
}
.art_cjwt li a{
    display: block;
    width: 165px;
    height: 58px;
    line-height: 58px;
    color: #358ff0;
    padding:0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art_cjwt li i{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top:0px;
    left: 0px;
    background: url(../images/ui_img/ico_art_cjwt.png) no-repeat;
}
.art_cjwt li:hover i{
    display: none;
}
.art_cjwt li:hover{
    background: #358ff0;
}
.art_cjwt li:hover a{
    color: #ffffff;
}
.mb12{
    margin-bottom: 12px !important;
}
.art_soft_zjbb{
    width: 850px;
    margin-bottom: 17px;
}
.art_soft_zjbb li{
    padding:12px 0 0 0;
    margin-right: 40px;
    width: 80px;
    float: left;
}
.art_soft_zjbb li img{
    width: 80px;
    height: 80px;
}
.art_soft_zjbb li p{
    text-align: center;
    line-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mb33{
    margin-bottom: 33px !important;
}
.art_tuijian{
    width: 796px;
    height: 140px;
    background: #f5f6f8;
    margin-left: 4px;
    position: relative;
    border-top:1px solid transparent;
    margin-bottom: 37px;
}
.art_tuijian  .ico_art_tuijian{
    display: block;
    width: 65px;
    height: 33px;
    color: #ffffff;
    background: url(../images/ui_img/ico_art_tuijian.png) no-repeat;
    position: absolute;
    top:-7px;
    left: -4px;
    line-height: 29px;
    box-sizing: border-box;
    padding-left: 10px;
}
.art_tuijian h3{
    font-size: 20px;
    line-height: 20px;
    margin-top: 44px;
    margin-left: 30px;
    width: 550px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art_tuijian p{
    margin-top: 30px;
    color: #999999;
    margin-left: 30px;
    width: 550px;    
}
.art_tuijian span{
    color: #333333;
    margin-right: 22px;
}
.art_tuijian .cred{
    color:#fa4c4c;
}
.art_tuijian a{
    width: 158px;
    height: 38px;
    border:1px solid #b0d0f2;
    display: block;
    background: #ffffff;
    color: #358ff0;
    text-align: center;
    line-height: 38px;
    /* display: table; */
    /* position: absolute;
    right:30px; */
}
.art_tuijian .go_tuijian_link{
    position: absolute;
    width: 158px;
    right:30px;
    top: 50%;
    margin-top:-45px;
    height: 90px;
    display: table;
}
.art_tuijian .go_tuijian_link .tuijian_table{
    display: table-cell;
    vertical-align: middle;
}
.art_tuijian a.go_tuijian_zt{
    margin-top: 10px;
}
.art_tuijian a:hover{
    background: #358ff0;
    color: #ffffff;
}

.s-sys-art .m-related-list .related-list.height54  .item{
    line-height: 54px;
    border-bottom:1px solid #ededed;
}
.art_side_toggle_item{
    display: none;
}
.art_side_toggle_item img{
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
   
}
.art_side_toggle_item .txt{
    float: left;
    width: 200px;
    line-height: 24px;
    color: #999999;
    font-size: 12px;
}
.on .art_side_toggle_item{
    display: block;
}
.art_side_toggle_item{
    padding-bottom: 10px;
    margin-top: -10px;
}
.art-main .m-art-cont img {
    max-width: 640px;
}
.art-xtjc .soft-dl{
    width:212px;
    height:106px;
}
.art-xtjc .soft-dl .dl-btn{
    width:160px;
    height:48px;
    line-height: 48px;
    border-radius: 5px;
    padding-left:24px;
    text-align: left;
    box-sizing: border-box;
}
.art-xtjc .soft-dl .dl-btn2{
    background-color: #3cc575;
}
.art-xtjc .soft-dl .dl-btn:hover{
    background-color: #0080ca
}
.art-xtjc .soft-dl .dl-btn2:hover{
    background-color: #36b168
}

.art-xtjc .soft-dl .ico{
    width:24px;
    background-image: url(../images/ui_img/xtjc_dl.png);
    margin-right:14px;
}
.art-xtjc .soft-dl .ico.ico-1{
    width:24px;
    background-position: 0 0;
}
.art-xtjc .soft-dl .ico.ico-2{
    width:24px;
    background-position: 0 -24px;
    margin-left:2px;
}
.m-related-list .item .g-list-a {
    width: 100%;
    max-width: 100%;
}
.m-art-cont div{
    font-size:16px;
}
/* 2019.10.14系统详情页修改end */
/* 2019.11.22软件下载详情页下载按钮修改 */
.m-art-dl .item {
    margin-top: 7px;
}
.m-art-dl .swift_title{
    margin-top: 7px;
    /*background: url(../images/ui_img/ico_ad_dl_01.png) 359px 23px no-repeat;*/
}
.m-art-dl .swift_title a{
    display: block;
    width: 350px;
    height: 34px;
    background: #3CC575;
    color: #ffffff;
    font-size: 14px;
    line-height: 34px;
    float: left;
    margin-right: 35px;
    border-radius: 2px;
}
.m-art-dl .swift_title i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 13px;
    background:  url(../images/ui_img/ico_soft_dl_01.png) no-repeat;
    margin: 11px 11px 0px 11px;
}
.m_swift {
    position: relative;
}
.m_swift .ad_swift{
    position: absolute;
    right: 25px;
    color: #d6d6d6;
    bottom: 2px;
}
/* 2019.11.22软件下载详情页下载按钮修改end */
/* 2019.12.02首页广告修改 */
.AD_1200_108 .ad_item{
    width: 590px;
    height: 108px;
    float: left;
}
.AD_1200_108 .ad_item img{
    width: 100%;
    height: 100%;
}
.AD_1200_108 .ad_item+.ad_item{
  margin-left: 20px;
}
/* 2019.12.02首页广告修改 */
/* 2019.12.17专题详情页修改 */
.mr135{
    margin-right: 135px;
}
.c-cur-pos .ico{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 14px;
    background: url(../images/ui_img/ico_zt_05.png) no-repeat;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 5px;
}
.art_zt_fl{
    width: 130px;
    padding-top: 85px;
    background: url(../images/ui_img/ico_zt_02.jpg) no-repeat;
    float: left;
    position: static;
    left: 50%;
}
.art_zt_fl li{
    cursor: pointer;
    width: 114px;
    padding: 0 8px;
    height: 44px;
    background: url(../images/ui_img/ico_zt_03.jpg) no-repeat;
}
.art_zt_fl .bg_bottom{
    width: 130px;
    height: 6px;
    background: url(../images/ui_img/ico_zt_04.jpg) no-repeat;
}
.art_zt_fl li .item{
    width: 114px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}
.art_zt_fl li .item:hover{
    background: #ffd748;
    color: #ffffff;
}

.art_zt_fl li.cur .item{
    background: #ffd748;
    color: #ffffff;
}
.art_zt_fr{
    float: right;
    width: 1058px;
}
.art_zt_fr h1{
    width: 1045px;
    height: 63px;
    background: url(../images/ui_img/ico_zt_01.png) no-repeat;
    line-height: 63px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    margin-left: 13px;
}
.art_zt_fr_list ul{
    padding-bottom: 14px;
    display: block;
}
.art_zt_fr_list .item{
    width: 338px;
    height: 208px;
    border:1px solid #e8e8e8;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
}
.art_zt_fr_list .item h2{
    line-height: 73px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art_zt_fr_list .item .lazy{
    width: 70px;
    height: 70px;
    margin: 0px 17px 0 20px;
}
.art_zt_fr_list .item .txt{
    width: 211px;
    float: left;
}
.art_zt_fr_list .item .txt p{
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 60px;
}
.art_zt_fr_list .item .zt_link{
    display: block;
    width: 72px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    background: #358ff0;
    margin-top: 14px;
    margin-left: 106px;
}
.art_zt_fr_list .item .zt_link:hover{
    box-shadow: 0 0 5px 2px #cbe2fb;
}
.fixd{
    position: absolute;
    left: 0;
    top:0;
}
.lexicon{
    position: relative;
    margin-bottom: -24px;
}
.lexicon h1{
    line-height: 46px;
    border-bottom: 2px solid #ededed;
    font-size: 22px;
    margin-bottom: 10px;
}
.lexicon_search{
    width: 264px;
    height: 30px;
    border:1px solid #ededed;
    position: absolute;
    right: 10px;
    top: 8px;
}
.lexicon_search i{
    display: block;
    width: 21px;
    height: 22px;
    background: url(../images/ui_img/ico_zt_06.png) no-repeat;
    float: left;
    margin: 4px 0 0 6px;
}
.lexicon_search input{
    display: block;
    width: 150px;
    padding: 0;
    outline: none;
    padding-left: 8px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border: 0;
    float: left;
}
.lexicon_search a{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    width: 75px;
    height: 30px;
    float: right;
    text-align: center;
    list-style: 30px;
    background: #358ff0;
}
.lexicon_list a{
line-height: 25px;
margin-right: 24px;
float: left;
}
.ff1{
    font-size: 12px;
}
.ff2{
    font-size: 14px;
}
.ff1{
    font-size: 16px;
}
.cc-1{
    color: #d39f17;
}
.cc-2{
    color: #ff1716;
}
.cc-3{
    color: #0b9e94;
}
.cc-4{
    color: #45abff;
}
.cc-5{
    color: #8b4bfa;
}
.ico_qr{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 17px;
    color: #358ff0;
    background: url(../images/ui_img/ico_new_01.png) 0 3px no-repeat;
    position: relative;
}
.ico_qr:hover .ico_qr_img{
    display: block;
}
.ico_qr .ico_qr_img{
    display: none;
    position: absolute;
    top:0;
    left: 0;
    width: 215px;
    /* height: 175px; */
    padding-top: 25px;

}
.ico_qr .ico_qr_img img{
padding: 20px;
border:1px solid #f0f0f0;
background: #ffffff
}
.ico_m-art-tag.m-art-tag .tag{
    background: url(../images/ui_img/ico_new_02.png) no-repeat;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-style: oblique;
}
.ico_m-art-tag.m-art-tag .l{
    background: url(../images/ui_img/ico_new_03.jpg) no-repeat;
}
.ico_m-art-tag.m-art-tag .txt{
    background: #ededed;
}
.ico_m-art-tag.m-art-tag{
    width: auto;
    max-width: 520px;
    overflow: hidden;
}
.new_tj_tag{
    padding-left: 64px;
    background: url(../images/ui_img/ico_new_04.png) 0 2px no-repeat;
    min-height: 56px;
    margin-bottom: 50px;
    margin-top: -12px;
    
}
.new_tj_tag a{
    line-height: 26px;
    color: #999999;
    margin-right: 12px;
}
.new_tj_tag a:hover{
    color: #358ff0;
}
.zx-list-flex .zx-flex-item{
	width: 90px;
	overflow: hidden;
	float: left;
	margin: 0 12px;
	height: 123px;
}
.zx-list-flex .zx-flex-item .zx-img{
	display: block;
	width: 80px;
    height: 80px;
    margin: 0 auto;
}
.zx-list-flex .zx-flex-item .txt{
	margin-top: 15px;
	font-size: 14px;
	text-align: center;
	width: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.art_new_side_rank .tab-item{
    line-height: 56px;
    color: #333333;
    font-size: 22px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 26px;
    font-weight: bold;
    margin-bottom: -2px;
}
.art_new_side_rank .tab-item.cur{
    color: #333333;
    border-bottom: 2px solid #358ff0;
}
.art_new_side_rank .m-rank.u-dashed .rank-item{
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #ededed;
}
.art_new_side_rank .m-rank.u-dashed .rank-item img{
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}
.art_new_side_zx{
    width:390px;
}
.art_new_side_zx .item{
    width: 166px;
    margin-bottom: 15px;
    float: left;
    margin-right: 28px;
}
.art_new_side_zx .item img{
    width: 166px;
    height: 136px;
}
.art_new_side_zx .item p{
    width: 166px;
    line-height: 42px;
    height: 42px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art_new_side_zt{
    width: 390px;
    margin-bottom: 26px;
}
.art_new_side_zt a{
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #ebf0fc;
    float: left;
    margin: 0 20px 14px 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 3px;
}
.art_new_side_zt a:hover{
    background: #358ff0;
    color: #ffffff;
}
.douying{
    width: 360px;
    height: 280px;
    background: url(../images/ui_img/ico_new_11.jpg) no-repeat;
    position: relative;
}
.douying .qr_img{
    position: absolute;
    left: 110px;
    top: 92px;
    width: 140px;
    height: 140px;
}
/* 软件专题详情页 */
.art_zt_list{
    padding:0 20px 20px 20px;
}
.art_zt_list .item{
    width: 358px;
    height: 430px;
    border:1px solid #f5f6f8;
    margin: 0 40px 30px 0;
    position: relative;
    float: left;
}
.art_zt_list .item .cont_zt{
    width: 269px;
    height: 312px;
    margin: 38px auto 0 auto;
    background: url(../images/ui_img/idx_zt_04.png) 70px 123px no-repeat;
    
    position: relative;
}
.art_zt_list .item:hover .cont_zt{
    background-color: #f9f9f9;
}
.art_zt_list .item .cont_zt .title{
height: 60px;
line-height: 60px;
font-size: 16px;
padding:0 20px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333333;
}
.art_zt_list .item .cont_zt .title span{
    font-size: 12px;
    font-weight: normal;
}
.art_zt_list .item .cont_zt .lazy{
    width: 52px;
    height: 52px;
    position: absolute;
    left: 113px;
    top: 99px;
    border-radius: 5px;
    overflow: hidden;
}
.art_zt_list .item .cont_zt .txt{
    position: absolute;
    top: 249px;
    left: 20px;
    width: 260px;
}
.art_zt_list .item .cont_zt .txt p{
    line-height: 24px;
    font-size: 12px ;
    color: #999999;
}
.art_zt_list .item .cont_zt .txt p span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 130px;
    line-height: 24px;
    height: 24px;
    font-size: 12px ;
    color: #999999;
    vertical-align: top;
}
.mt7{
    margin-top: 7px;
}
.art_zt_list .item .cont_txt{
    line-height: 24px;
    margin-top: 14px;
    font-size: 12px;
    color: #333333;
    padding: 0 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.art_zt_list .item .cont_txt .red{
    color: #ff585c;
}
.art_zt_list .item .zt_rank{
    position: absolute;
    top:0;
    right: 0;
    width: 66px;
    height: 66px;
}
.art_zt_list .item .zt_rank.no1{
    background: url(../images/ui_img/idx_zt_05.png) no-repeat;
}
.art_zt_list .item .zt_rank.no2{
    background: url(../images/ui_img/idx_zt_06.png) no-repeat;
}
.art_zt_list .item .zt_rank.no3{
    background: url(../images/ui_img/idx_zt_07.png) no-repeat;
}
.art_zt_list .item .zt_rank.no4{
    background: url(../images/ui_img/idx_zt_08.png) no-repeat;
}
.star_bg{
    display: inline-block;
    *display: inline;
	*zoom: 1;
    width: 81px;
    height: 13px;
    background: url(../images/ui_img/ico_star_01.png) no-repeat;
    
}
.star_bg .star{
    display: block;
    /* width: 81px; */
    height: 13px;
    background: url(../images/ui_img/ico_star_02.png) no-repeat;
}
.star_bg .star_1{
    width: 16px;
    
}
.star_bg .star_2{
    width: 34px;
    
}
.star_bg .star_3{
    width: 48px;
    
}
.star_bg .star_4{
    width: 67px;
    
}
.star_bg .star_5{
    width: 81px;
    
}
.ico_sys {
    position: absolute;
    width: 54px;
    height: 32px;
    background: url(../images/ui_img/ico_sys_01.png) no-repeat;
    left: -4px;
    top: 70px;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
}
.art_zt_list ul{
    width: 1200px;
}
.art_zt_03{
    padding:0px 0px 53px 0px;
}
.art_zt_03 ul{
    width: 1250px;
}
.art_zt_03 .item{
    width: 266px;
    height: 200px;
    position: relative;
    float: left;
    margin-right: 40px;
    margin-left:4px;

}
.art_zt_03 .item .lazy{
    width: 266px;
    height: 200px;
}
.art_zt_03 .item .ico_sys{
    top: 0px;
}
.art_zt_03 .item p{
    width: 242px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    display: none;
}
.art_zt_03 .item:hover p{
    display: block;
}
.idx_zt_02_list .lazy{
    width: 374px;
    height: 178px;
}
.idx_zt_02_list p{
    width: 372px;
    height: 39px;
    line-height: 39px;
    border:1px solid #ededed;
    text-align: center;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.idx_zt_02_list .item:hover p{
    color: #0773fc;
}
.idx_zt_02_list .item{
    margin: 0 29px 28px 0; 
    float: left;
}
.idx_zt_02_list{
    padding-left: 10px;
    padding-bottom: 13px;
    width:1230px;
}
.h60{
    height: 60px !important;
    line-height: 60px !important;
}
.art_zt_04{
    /* padding: 10px 30px 8px 30px; */
}
.art_zt_04 .item{
    margin: 0 32px 30px 10px;
}
.art_zt_04 .lazy{
    width: 366px;
    height: 174px;
}
.art_zt_04 p{
    width: 344px;
    padding: 0 10px;
    text-align: left;
}

.page-soft-zt .comment{
    padding:34px 0 0;
}
.page-soft-zt .comment .input_box{
    width:1138px;
}
.page-soft-zt .comment .comment_input.default_input .input_box textarea {
    width: 100%;
    max-width: 1138px;
}
.page-soft-zt .comment .comment_hint{
    padding-bottom:0;
}
/* 软件专题详情页 end*/

.anchor{
	color: blue;
	font-weight:900;
}

.anchor:hover{
	color: #333;
	text-decoration:underline;
}

/* 2020-06-11修改 */
.g-title-art .tab-item.cur a {
    color: #358ff0;
}
/* 系统详情轮播图 */
.fullSlide {
	position: relative;
	margin: 12px auto 30px;
	height: 480px;
	overflow: hidden;
}
.fullSlide .bd {
	position: relative;
	z-index: 0;
	padding: 0 80px;
}
.fullSlide .bd li img {
	width: 100%;
	vertical-align: top;
}
.fullSlide .hd {
	position: relative;
	bottom: 14px;
	z-index: 1;
	margin-top: -30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.fullSlide .hd ul {
	text-align: center;
}
.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 5px;
	background: rgba(255,255,255,0.4);
	border-radius: 50%;
	overflow: hidden;
	font-size: 0;
}
.fullSlide .hd ul .on {
	background: #358ff0;
}
.fullSlide .prev,
.fullSlide .next {
	z-index: 1;
	display: block;
	width: 18px;
	height: 32px;
	position: relative;
	background: url(../images/arrow_l.png) 0 0 no-repeat;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.fullSlide .prev {
	left: 15px;
}
.fullSlide .next {
	background: url(../images/arrow_r.png) 0 0 no-repeat;
	right: 15px;
}
.fullSlide .prev:hover{
	background: url(../images/arrpw_l_hover.png) 0 0 no-repeat;
}
.fullSlide .next:hover{
	background: url(../images/arrpw_r_hover.png) 0 0 no-repeat;
}


/* .m-art-cont p{
	text-indent: 2em;
	color: #666;
} */
.m-art-cont .introduce_title{
    font-size: 22px;
    padding: 0 0 0 15px;
    margin-bottom: 8px;
    font-weight: inherit;
    position: relative;
    /*background: url(../images/ui_img/grey.gif) left center repeat-x;*/
    text-indent: 0;
    position: relative;
    color: #333;
}



.m-art-cont .introduce_title::before{
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 19px;
    transform: translate(0,-42%);
    background: #358ff0;
    border-radius: 2px;
    content: "";
}
.m-art-cont .img{
	text-align: center;
	padding: 16px 0;
}

.m-file-info{
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 14px;
	background: none;
	border: solid 10px #eff1f9;
	border-radius: 6px;
	padding: 0;
}
.m-file-info .shadow{
	padding: 0 20px 12px 20px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: rgba(51, 133, 255,0.1) 0px 0px 5px;
}
.m-file-info .info-title{
	font-size: 24px;
}
/* .m-file-info .color_ff7d7d{
	color: #ff7d7d;
}
.m-file-info p{
	text-indent: 0;
} */

/* 系统教程详情页面新增样式 */
.look-move {
    color: #2997ff;
    line-height: 19px;
    position: relative;
}

.look-move .look-txt-ico {
    display: none;
    width: 9px;
    height: 4px;
    background: url(../images/ico_09.png) no-repeat;
    position: absolute;
    top: 14px;
    right: 20px;
}

.look-move .look-ico {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/ico_08.jpg) no-repeat;
    vertical-align: top;
    margin: 3px 6px 0 0;
}

.look-move .look-txt {
    display: none;
    position: absolute;
    width: 390px;
    /* height: 148px; */
    border: 1px solid #2997ff;
    top: 18px;
    right: -50px;
    background-color: #ffffff;
    z-index: 100;
}

.look-move .look-txt .look-txt-l {
    width: 198px;
    /* height: 134px; */
    float: left;
    padding: 14px 20px 0 20px;
    border-right: 1px dashed #2997ff;
}
.look-txt-r canvas{
    margin-top: 4px;
}
.look-move .look-txt .look-txt-l .txt {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    text-align: left !important;
}

.look-move .look-txt .look-txt-l .links {
    color: #2997ff;
    word-break: break-all;
}

.look-move .look-txt .look-txt-r {
    width: 148px;
    height: 148px;
    float: left;
}
.m-xtjc-link{
    margin-top:-20px;
    margin-bottom:46px;
}
.page-course-art .comment .comment_input.default_input .input_box textarea, .page-news-art .comment .comment_input.default_input .input_box textarea{
    width: 736px;
    max-width: 736px;
    min-width: 400px;
}
.page-course-art .comment .comment_input .input_box textarea,.page-news-art .comment .comment_input .input_box textarea{
    width:736px;
    max-width: 736px;
    min-width: 400px;
}

.m-soft-recom-new .soft-dl{
    margin-top:0;
}
.mt-n13{
    margin-top: -13px;
}
.page-course-art .m-art-about .g-title{
    border-color:#ededed;
}
.page-course-art .m-art-about .g-title .title-txt{
    border-bottom:2px solid #358ff0;
    margin-bottom: -2px;
}

/* 系统教程详情页面新增样式end*/

/* 新增安卓首页排行榜 20200630*/
.idx-aztj-d {
    float: left;
    width: 278px;
    margin-right: 29px;
    margin-bottom: 38px;
}

.idx-aztj-d:nth-of-type(3) {
    margin-right: 30px;
}

.idx-aztj-d:last-child {
    margin-right: 0;
}

.idx-aztj-d h3 {
    line-height: 1;
    padding-bottom: 15px;
    border-bottom: 2px solid #358ff0;
    color: #333;
    font-size:22px;
}

.idx-aztj-d h3 span {
    color: #358ff0;
}

.idx-aztj-d .num {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #c7c7c7;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    margin-right: 10px;
    color: #fff;
}

.idx-aztj-d .top {
    background-color: #ff6b66;
}

.idx-aztj-d .second {
    background-color: #ff8652;
}

.idx-aztj-d .third {
    background-color: #ffa742;
}

.idx-aztj-d a,
div {
    font-size: 14px
}

.idx-aztj-d .phb {
    font-size: 0;
    border-bottom: 1px dashed #ededed;
    padding: 16px 0;
}

.idx-aztj-d .on {
    height: 82px;
}

.idx-aztj-d .on .num {
    float: left;
}

.idx-aztj-d .on .title {
    display: none;
}

.idx-aztj-d .detail {
    display: none;
    width: 250px;
    float: left;
}

.idx-aztj-d .on .detail {
    display: block;
}

.idx-aztj-d .detail .pic {
    margin-right: 14px;
    width: 80px;
    height: 80px;
}

.idx-aztj-d .detail .des {
    width: 155px;
}

.idx-aztj-d .detail .des-title {
    display: block;
    font-size: 14px;
    color: #333;
}

.idx-aztj-d .detail .des-title:hover {
    color: #358ff0;
}

.idx-aztj-d .detail .download {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 29px;
    box-sizing: border-box;
    border: 1px solid #358ff0;
    border-radius: 3px;
    text-align: center;
    margin-top: 4px;
    color: #358ff0
}

.idx-aztj-d .detail .download:hover {
    background-color: #358ff0;
    color: #fff !important;
}

 /* 新增安卓首页排行榜 end*/
 .m-new-soft{
    margin-bottom: 24px; margin-top: 13px;border-color:#ededed;
 }
 
 /* 安卓软件详情页面 start */

 .m-soft-show-large .update-time{
    line-height: 42px;color:#999;
 }
 .m-soft-show-large .share-wrap{color:#999;}
.m-android-art .g-tab .tab-item {
    margin-right: 20px;
}
 
 /* 安卓软件详情页面 end */

 /*************** 首页样式20200702 ****************/

  /* 首页系统分类模块 */
  .idx-xtfl .smalltitle{
    margin-left:-2px;
}
.idx-xtfl .g-tab.smalltitle .tab-item{
    font-size:16px;
    padding:0 10px;

}
.idx-xtfl-a .item-desc2 {
    line-height: 24px;
}
.idx-xtfl-a .mt-15{margin-top:-15px;} 
 /* 首页增加QQ聊天 end*/
/* 首页增加QQ聊天 */
.m-sidebar{right:20px;}
.m-sidebar-b{height:240px;}
.m-sidebar-b .contact{
    display:block;width:68px;height:68px;margin-bottom:13px;background:#fff;
    border:1px solid #358ff0;
    font-size:12px;
    color:#358ff0;
    text-align: center;
    line-height: 1;
}
.m-sidebar-b .contact .ico{
    width: 36px;
    height: 30px;
    display: block;
    margin:10px auto;
    background:url(../images/qqq.png) no-repeat center;
}
.m-sidebar-b .soulv{
    display:block;width:68px;height:68px;margin-bottom:13px;background:#fff;
    border:1px solid #358ff0;
    font-size:12px;
    color:#358ff0;
    text-align: center;
    line-height: 1;
    cursor:pointer;
}
.m-sidebar-b .soulv .ico{
    width: 36px;
    height: 30px;
    display: block;
    margin:10px auto;
    background:url(../images/soulv.png) no-repeat center;
}
.soulvbox:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 22px;
    right: -10px;
    top: 65px;
    background: url(../images/souljt.png) no-repeat;
}
.soulvbox {
    position: absolute;
    border: 1px solid #0199dc;
    border-radius: 5px;
    width: 310px;
    padding: 10px 20px;
    height: 130px;
    background: #fff;
    left: -370px;
    top: 40px;
    font-size: 12px;
    line-height: 22px;
    color: #999;
    display: none;
}
.soulvbox p{
    text-align: right;
    cursor:pointer;
}
/* 首页增加QQ聊天end */
/*安卓推荐*/
.recomment{
    font-size:0;
    margin-right:48px;
}
.recomment a{
    display:inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #999;
    cursor: pointer;
    margin-left:30px;
    margin-top:4px;
}
.date-time{
    font-size:12px;
    color:#999;
    margin-top:8px;
}
.a-item-link:hover .a-name{
    color:#358ff0 !important;
}
/*************** 首页样式20200702 end****************/

 /***************  app详情新增模块 20200706*****************/
 .m-android-art .intro-tit span {
    font-size: 18px;
    background: #fff;
    padding: 0 10px 0 0px;
    font-weight: bold;
}
.m-android-art .intro-tit {
    background: url(../images/ui_img/grey.gif) left center repeat-x;
    text-indent: 0px;
    margin: 0 0 10px;
    position: relative;
    color:#333;
}
.m-android-art .c-content img{
    max-width: 640px;
}
.text-center{text-align: center;}
.new-toggle-more{text-align: center;margin-top:20px;color:#358ff0;font-size: 18px;vertical-align: middle;}
.new-toggle-more i{
    display: inline-block;
    width: 20px;
    height: 11px;
    background:url(../images/arrow_t.png) no-repeat;
    margin-left:4px;
}
.new-toggle-more i.toggle{
    background:url(../images/arrow_b.png) no-repeat;
}
.m-android-art .c-rank .rank-list .name:hover{
    color:#358ff0;
}

 /*  app详情页面相关版本 */
 .r-vesion{
    line-height: 71px;
    border-bottom:1px dashed #ededed;
    width:100%;
}
.r-vesion .v-title{
    font-size:16px;
    color:#333;
    width:500px;
    float: left;
    font-weight: normal;
}
.r-vesion .v-title:hover{
color:#358ff0;
}
.r-vesion span{
    display: inline-block;
    text-align: left;
    float:left;
    color:#999;
}
.r-vesion span:first-of-type{
    width:80px;
    margin-right:73px;
}
.r-vesion span:nth-of-type(2){
    width:90px;
    margin-right:40px;  
}
.r-vesion .detail{
    width:58px;
    height:28px;
    border:1px solid #358ff0;
    display:inline-block;
    line-height: 28px;
    text-align: center;
    color:#358ff0;
}
.r-vesion .detail:hover{
    color:#fff;
    background:#358ff0;
}
.mr45{margin-right:45px;}
.bdb0{
    border-bottom:none !important;
}
/*  app详情页面相关版本结束 */
/**** app详情页面相关专题 ****/
.art-right-new{
    width:398px;
    height:205px;
    margin-right:13px;
float: right;
}
.art-right-top{
    padding-top:26px;
}
.art-right-top .left{
    width:300px;
    float: left;
}
.art-right-top .left h4{
    font-size:18px;
    color:#333;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 22px;
}
.art-right-top .left p{
    font-size:14px;
    color:#999;
    line-height: 1;
}
.art-right-top .left .main-color{
color:#358ff0;
}
.art-right-top .right{
    display: inline-block;
    width:88px;
    height:32px;
    margin-top:5px;
    line-height: 32px;
    color:#358ff0;
    border:1px solid #358ff0;
    text-align: center;
    float: right;
}
.art-right-top .right:hover{
    color:#fff;
    background:#358ff0;
}
.art-right-b{
    padding-left:5px;
    box-sizing: border-box;
    margin-top:30px;
}
.art-right-b li{
    float: left;
    text-align: center;
    font-size: 12px;
    color:#333;
    margin-right:35px;
    width:50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art-right-b li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.art-right-b li:last-of-type{
    margin:0;
}
.art-right-b li img{
    width:50px;
    height:50px;
    margin-bottom:10px;
}
.n-relative .item{
    width:411px;
    margin-right:38px;
    margin-top:30px;
}
.n-relative .item:nth-of-type(2n){
    margin-right:0;
}
.n-relative .item .update-time{
    float:right;
    color:#999;
}
.n-relative .item .link{
    display: block;
    margin-right:100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/**** app详情页面相关专题 结束 ****/

/* app详情页面下载地址 */
.app-dl-list .item {
    display: block;
    padding-left: 48px;
    width: 200px;
    height: 46px;
    background: url(../images/article_apps_dl.png) 10px 11px no-repeat;
    background-color: #358ff0;
    color: #ffffff;
    font-size: 18px;
    line-height: 46px;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
}
.app-dl-list .item:hover{
    background-color: #1879e1;
}
.app-dl-list .item:nth-of-type(4n){
    margin-right:0;
}

/* app详情页面下载地址结束 */
/***************  app详情新增模块 20200706 end*****************/

/***************** 评论模块 ***************/
.comment {
    background: #fff;
    padding: 20px 18px 0;
  }
  .comment .g-title p{
    float: left;
    padding-top: 5px;
    margin-left:20px;
  }
  .comment .g-title p span{
      color: #358ff0;
  }
  .comment .l_title p:nth-child(2) {
    font-weight: normal;
    font-size: 14px;
    color: #999;
    line-height: 50px;
    margin: 8px 0 0 20px;
  }
  .comment .l_title p:nth-child(2) span {
    color: #358ff0;
  }
    .comment .head_portrait {
        width: 62px;
        float:left;
        text-align: center;
    }
    .comment .head_portrait img{
        border-radius: 50%;
        overflow: hidden;
    }
    .comment .head_portrait .user_type{
        color: #999999;
    }
  .comment .input_box,
  .comment .comment_cont {
    /* width: 800px; */
    font-size: 14px;
    position: relative;
  }
  .comment .comment_input {
    padding: 0 0 40px;
    overflow: hidden;
  }
  .comment .comment_input .input_box textarea {
    display: block;
    width: 800px;
    border: none;
    background: #f7f7f7;
    color: #c9cac9;
    padding: 10px 20px;
    font-size: 14px;
    color: #262626;
    box-sizing: border-box;
    max-width: 800px;
    min-width: 400px;
  }
  .comment .comment_input .input_box .submit_comment {
    width: 138px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background: #358ff0;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: none;
    margin: 18px 0 0;
  }
.comment .comment_input .input_box .submit_comment:hover{
    background: #2778ff;
}
.comment .comment_input .input_box .verification {
    font-size: 14px;
    margin-top: 18px;
    position: relative;
    display: none;
  }
  .comment .comment_input .input_box .verification label {
    position: absolute;
    left: -62px;
    top: 50%;
    color: #666;
    transform: translate(0, -50%);
  }
  .comment .comment_input .input_box .verification .code {
    overflow: hidden;
  }
  .comment .comment_input .input_box .verification .input_val {
    float: left;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 14px;
    color: #262626;
    box-sizing: border-box;
    background: #f7f7f7;
    border: none;
  }
  .comment .comment_input .input_box .verification #canvas {
    float: left;
    width: 120px;
    height: 50px;
    border-radius: 0 4px 4px 0;
  }
  .comment .comment_input .input_box .comment_close {
    position: absolute;
    top: 0;
    right: 0;
    color: #bbbbbb;
    font-size: 22px;
    cursor: pointer;
  }
  .comment .comment_input.default_input .input_box textarea {
    width: 800px;
    max-width: 800px;
  }

  .comment .comment_list .comment_item,
  .comment .default_input_box .comment_item {
    position: relative;
  }
.comment .comment_list .administrator .default_box .comment_cont .text{
    color: #999;
}
.comment .comment_list .administrator .default_box .head_portrait .user_type{
    color: red;
}

  .comment .comment_list .default_box,
  .comment .default_input_box .default_box {
    overflow: hidden;
    position: relative;
  }
  .comment .comment_list .revert_box,
  .comment .default_input_box .revert_box {
    padding-left: 62px;
  }
  .comment .comment_list .revert_box .comment_cont,
  .comment .default_input_box .revert_box .comment_cont {
    /* width: 646px; */
  }
  .comment .comment_list .comment_cont .text,
  .comment .default_input_box .comment_cont .text {
    background: #f7f7f7;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    color: #262626;
    position: relative;
  }
  .comment .comment_list .comment_cont .text span,
  .comment .default_input_box .comment_cont .text span {
    position: absolute;
    top: 16px;
    right: 20px;
  }
  .comment .comment_list .comment_cont .info,
  .comment .default_input_box .comment_cont .info {
    line-height: 24px;
    padding-top: 6px;
    overflow: hidden;
  }
  .comment .comment_list .comment_cont .info p,
  .comment .default_input_box .comment_cont .info p,
  .comment .comment_list .comment_cont .info span,
  .comment .default_input_box .comment_cont .info span {
    float: left;
    font-size: 12px;
    color: #999;
    margin: 0 20px 0 0;
  }
  .comment .comment_list .comment_cont .info span,
  .comment .default_input_box .comment_cont .info span {
    cursor: pointer;
  }
  .comment .comment_list .comment_cont .info span.revert:hover,
  .comment .default_input_box .comment_cont .info span.revert:hover {
    color: #2778FF;
  }
  .comment .comment_list .comment_cont .info span.give_a_like,
  .comment .default_input_box .comment_cont .info span.give_a_like {
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    border-radius: 6px;
  }
  .comment .comment_list .comment_cont .info span.give_a_like[data-attr="0"]:hover,
  .comment .default_input_box .comment_cont .info span.give_a_like[data-attr="0"]:hover {
    color: #2778FF;
    background: #f7faff;
  }
  .comment .comment_list .comment_cont .info span.give_a_like[data-attr="1"],
  .comment .default_input_box .comment_cont .info span.give_a_like[data-attr="1"] {
    color: #358ff0;
    background: #f7faff;
  }
  .comment .comment_list .comment_cont .info span.give_a_like.current,
  .comment .default_input_box .comment_cont .info span.give_a_like.current {
    color: #358ff0;
    background: #f7faff;
  }
  .comment .comment_list .comment_cont .info span.give_a_like i,
  .comment .default_input_box .comment_cont .info span.give_a_like i {
    margin-left: 4px;
  }
  .comment .on_earth {
    padding-bottom: 70px;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    position: relative;
  }
  .comment .on_earth i {
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #f2f2f2;
    margin: 4px 6px;
  }
  .comment .on_earth span {
    display: inline-block;
    font-size: 12px;
    color: #c9c9c9;
    position: relative;
  }
  .comment .comment_hint {
    text-align: center;
    padding: 16px 0 30px;
    border-top: solid 1px #ededed;
    overflow: hidden;
  }
  .comment .comment_hint p {
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 28px;
  }
  .comment .comment_hint p:last-child {
    float: right;
  }
  .comment .comment_hint .immediate_comm {
    display: inline-block;
    font-size: 12px;
    background: #358ff0;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
  }
.comment .comment_hint .immediate_comm:hover{
    background: #2778ff;
}

  /*渐隐提示弹窗*/
  .popup_dialog,
  .popup_review_audit {
    width: auto;
    background: #fff;
    border: solid 1px #ededed;
    border-radius: 4px;
    padding: 11px 15px;
    font-size: 14px;
    color: #666;
    position: fixed;
    left: 50%;
    top: 30%;
    transform: translate(-50%, 0);
    z-index: 9999;
  }
  .popup_dialog i,
  .popup_review_audit i {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #ff6b66;
  }
  .popup_dialog .content,
  .popup_review_audit .content {
    float: left;
    line-height: 22px;
  }
  .popup_review_audit {
    position: absolute;
    left: 50%;
    top: 0;
  }
  .popup_review_audit i {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #ff6b66;
  }
  .popup_review_audit .content {
    float: left;
    line-height: 22px;
  }
  /***************** 评论模块 end***************/

  /* 改历史遗留BUG START*/
  .g-title.border-blue .you-like .you-like-l{font-size: 12px;}
  .g-title.border-blue .you-like .you-like-m{display:inline-block;overflow: hidden;font-size:16px;}
  .m-art-dl .item a:hover{
      color:#358ff0;
  }

  .s-soft-art .art-detail .btn-dl:hover{
     background:url(../images/ui_img/ico_btn_dl_hover.jpg) no-repeat;
  }
  .s-soft-art .art-detail .btn-dl_swift:hover {
    background: url(../images/ui_img/ico_btn_dl_swift_hover.jpg) no-repeat;
  }
  .go_top_new.m-sidebar .go-top{
      background:url(../images/ui_img/gotop.jpg) no-repeat;
  }
  .go_top_new.m-sidebar .go-top:hover{
    background:url(../images/ui_img/gotop_hover.jpg) no-repeat;
}
.go_top_new.m-sidebar .go_dl{
    background:url(../images/ui_img/todownload.jpg) no-repeat;
}
.go_top_new.m-sidebar .go_dl:hover{
background:url(../images/ui_img/todownload_hover.jpg) no-repeat;
}

.topbar div{
    font-size:12px;
}

/*首页系统分类模块 按运营改规则*/
.idx-xtfl-a .n-mt-08{
    margin-top:-8px;
}
.idx-xtfl-a .mt-08{
    margin-top:8px;
}

.introduce_title {
    font-size: 22px;
    color: #333;
    padding: 0 0 0 15px;
    margin-bottom: 8px;
    font-weight: inherit;
    position: relative;
    /*background: url(../images/ui_img/grey.gif) left center repeat-x;*/
    text-indent: 0;
    position: relative;
}
.introduce_title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 19px;
    transform: translate(0,-42%);
    background: #358ff0;
    border-radius: 2px;
    content: "";
}

.introduce_title span {
    font-size: 18px;
    background: #fff;
    padding: 0 10px 0 0px;
    font-weight: bold;
}

.page-az-art .m-excellent,.page-az-art .m-soft-course{
    margin-bottom:20px;
}
/* 改历史遗留BUG END */

.s-soft-art .comment .comment_input .input_box textarea,.page-sys-art .comment .comment_input .input_box textarea{
    width: 736px;
    max-width: 736px;
    min-width:400px;
}

/* 改导航栏其他展开栏目 */
.navbar .expand-column{
    position: relative;
    float: left;
    width: 133px;

}
.navbar .expand-column .jiantou_icon{
    position: absolute;
    right: 13%;
    top: 38%;
    width: 15px;
    height: 15px;
}
.navbar .expand-column a{
    display: block;
}
.navbar .expand-column:hover ul{
    display: block;
}
.navbar .expand-column:hover .jiantou_icon{
    transform: rotate(180deg);
}
.navbar .expand-column:hover .open-all{
    background: #2b71c2;
}
.navbar .expand-column ul{
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #ffffff;
    z-index: 99;
    border: 1px solid #dddddd;
    border-top: none;
}
.navbar .expand-column ul li{
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.navbar .expand-column ul li:hover{
    background: #f6f6f6;
}
.navbar .expand-column ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333!important;
}

.J_tab_cont .m-art-dl .g-title .J_art_dl_tab{
    display: none;
}


.feedback_box {
    padding-left:28px;
    position: relative;
    color: #999;
    font-size: 13px;
}
.feedback_box i {
    background-image: url("../images/down3.png");
    background-position: 0 -48px;
    display: block;
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px;
}
.feedback_box a {
    color: #4c90d6;
    margin-left: 5px;
}
.feedback_box a:hover {
    text-decoration: underline;
}