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

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

.bg-gray { background: #ededeb; }

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

.bg-white { background: #fff; }

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

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

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

.c-666 { color: #666; }

.c-999 { color: #999; }

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

.fl { float: left; }

.fr { float: right !important; }

.fix { *zoom: 1; }
.fix:after { display: table; content: ''; }
.fix:after, .fix:before { clear: both; }

.ta-l { text-align: left; }

.ta-c { text-align: center; }

.ta-r { text-align: right; }

.ovh { overflow: hidden; }

.pr { position: relative; }

.pb10 { padding-bottom: 10px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt38 { margin-top: 38px; }

.mt40 { margin-top: 40px; }

.mt48 { margin-top: 48px; }

.mt50 { margin-top: 50px; }

.mb4 { margin-bottom: 4px; }

.mb5 { margin-bottom: 5px; }

.mb8 { margin-bottom: 8px; }

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

.mb10 { margin-bottom: 10px; }

.mb13 { margin-bottom: 13px; }

.mb15 { margin-bottom: 15px; }

.mb17 { margin-bottom: 17px; }

.mb18 { margin-bottom: 18px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb32 { margin-bottom: 32px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

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

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

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

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

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

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

.c-cur-pos .pos-arrow { display: inline-block; position: relative; *top: 2px; vertical-align: middle; width: 6px; height: 12px; margin: 0 5px; background: -227px -91px url(../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(http://static.xitongzhijia.net/theme/2017/css/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: 28px; }

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

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

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

.new_list_top{
    height: 41px;
    line-height: 41px;
    border:1px solid #ededed;
}
.new_list_top span{
    color: #999999;
    font-size: 16px;
    line-height: 41px;
    text-align: center;
    display: block;
    float: left;
}
.new_list {
    margin-bottom: 34px;
}
.new_list_left{
    padding-top: 11px;
    float: left;
    width: 130px;
    border-bottom:1px solid #ededed;
}
.new_list_left a{
    display: block;
    width: 130px;
    height: 52px;
    border-top:1px solid #ededed;
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 52px;
}
td{
    border: 0px;
    font-size: 16px;
}
.new_list_left a:hover{
    background: #358ff0;
    color: #ffffff;
    border-top:1px solid #358ff0;
}
.new_list_left a.cur{
    background: #358ff0;
    color: #ffffff;
    border-top:1px solid #358ff0;
}
.new_list_right{
    width: 1041px;
    padding-top: 8px;
    float: right;
}
.new_list_right tr:hover td{
    background: #f5f6f8;
}
.new_list_right tr:hover .td_1{
    color: #fe3f40;
}
.new_list_right td{
    height: 68px;
    border-bottom:1px solid #ededed;
}
.new_list_right .td_1{
    
    width: 410px;
    padding-right: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new_list_right .td_1 img{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.new_list_right .td_2{
    width: 94px;
    padding-right: 34px;
}
.new_list_right .td_3{
    width: 118px;
    text-align: center;
}
.new_list_right .td_1_1{
    width: 792px;
    padding-right: 100px;
    padding-left: 8px;
    margin-right: 13px;
}
.new_list_right .td_3_3{
    padding-right: 21px;
}
.m-pagination { text-align: center; }

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

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

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

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

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

.m-pagination .first, .m-pagination .last { display: inline-block; vertical-align: middle; }
.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; }
.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; }

/* 增加QQ聊天 */
.m-sidebar { position: fixed; bottom: 230px; right: 0; z-index: 10; width: 70px; height: 130px; }

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

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

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

.m-sidebar .pub .btn .ico { width: 40px; height: 40px; margin: 0 auto; display: block; background: url(../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%; }
.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 */


/* 改导航栏其他展开栏目 */
.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;
}