:root{--theme-bg:#3073f6;--color:#3073f6;--theme-shadow:0 5px 10px 0 rgba(51,51,51,.2)}
body{margin:0;padding:0;background-color:#f3f3f3;font-size:13px;padding-top:65px!important}
a{color:#333}
a:hover{color:var(--color)}
li{overflow:hidden;text-overflow:ellipsis}
a,button,input,select,textarea{outline:0 none;border:none}
.row{display:inline-block}
@media (min-width:1200px){.container{width:1200px!important;margin:0 auto}}
.header-box{position:fixed;top:0;left:0;right:0;z-index:99;background:var(--theme-bg);color:#fff;height:65px!important;box-shadow:var(--theme-shadow)}
.header-box .container{width:100%!important;padding:0 1.5%}
.header-box .container .header{padding-top:5px;padding-bottom:0;height:65px}
.header-box .container .header .toplogo{float:left!important}
.header-box .container .header .logo{padding-top:16px}
.header-box .container .header .logo img{width:180px;margin-left:0;border-radius:10px}
.header-box .container .header .topnav{margin-left:0;float:left!important}
.topnav .am-nav>li>a:focus,.am-nav>li>a:hover{background-color:var(--theme-bg)}
.topnav .am-nav-justify{width:410px;float:left;margin-right:15px;margin-top:10px}
.topnav .am-nav-justify>li{width:auto}
.topnav .am-nav-justify>li>a{color:var(--color);font-size:13px;font-weight:600}
.topnav .am-nav-justify>li>a:hover{color:#fff}
.topnav .am-nav-justify>li>a>.active{border-bottom:2px solid #fff;font-size:13px;display:block;width:100%;height:33px;color:#fff;font-weight:600}
.topnav .am-nav-justify>li>a>.active:hover{font-size:13px}
.topnav .am-nav-justify>li>a>span{color:rgba(255,255,255,.8);font-size:13px;font-weight:600}
.topnav .am-nav-justify>li>a>span:hover{font-size:13px;border-bottom:2px solid #fff;display:block;width:100%;height:33px;color:#fff}
.topnav .has-child ul{padding:1em 1.5em!important}
.topnav .has-child ul li{height:35px;line-height:33px}
.topnav .has-child ul li a{height:30px;font-weight:500;color:#333;display:inline-block;line-height:28px}
.topnav .has-child ul li a:hover{color:var(--color)}
.topnav .has-child ul li a img{width:14px;height:14px;margin-right:10px}
.topnav .has-child>a>span{display:block!important;height:33px!important}
.topnav .has-child .topnav-child{margin-top:-7px;background:#fff;border-radius:10px;box-shadow:var(--theme-shadow);position:fixed;z-index:9999999}
.topnav .has-child .topnav-child{display:none}
.topnav .has-child .topnav-child:before{content:"";position:absolute;width:0;height:0;border-bottom:10px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;top:-10px;left:20px}
.topuser{float:right!important;padding-right:0!important}
.topuser-box{float:right;display:inline-block}
.toplogin{width:150px;margin-top:12px;height:30px;text-align:center;float:right}
.toplogin a{width:35px;display:block;color:var(--color);line-height:27px;float:left;font-size:13px;text-align:center;font-weight:400;height:30px}
.toplogin .login-btn{width:70px;height:30px;border-radius:106px;font-weight:600;line-height:30px;color:#3073f6;background:#fff;border:0 solid var(--color)}
.toplogin .reg-btn{width:70px;height:30px;margin-left:10px;line-height:26px;background:0 0;border:1px solid #fff;border-radius:106px;color:#fff}
.toplogin .reg-btn:hover{color:#fff}
.toplogin a:hover{color:var(--color)}
.toploginuser{width:100%;position:relative;height:45px;text-align:left;line-height:30px;margin-top:1px;cursor:pointer;float:left;overflow:hidden}
.topuserinfo{font-size:13px;display:inline-block;width:40px;float:left;margin-top:3px}
.topuserinfo img{border-radius:25px;width:40px;height:40px}
.userinfo{position:absolute;z-index:999;display:none;top:42px;border-top:0 solid #4f515a;margin-top:4px;right:0;width:275px;background:#fff;box-shadow:var(--theme-shadow);border-radius:13px}
.userinfo a:hover{color:var(--color)}
.usermaintop{border-radius:10px;height:67px;background:#f0f8ff}
.usermaintop{height:67px;line-height:67px}
.topuserinfoinfoimg{width:40px;height:40px;margin-left:10px;display:inline-block;border-radius:25px;float:left}
.topuserinfoinfoimg img{width:36px;border-radius:25px;height:36px}
.topuserinfoinfo{display:inline-block;font-size:12px;text-align:left;color:#333;width:calc(100% - 90px);overflow:hidden;margin-left:12px;line-height:46px;float:left}
.topuserinfoinfo span{color:var(--color)}
.topuserinfoinfo .topusernc{font-size:13px;overflow:hidden;height:32px;line-height:44px}
.topvipaxf{width:90px!important;height:32px!important;text-align:center;line-height:30px!important;background:#3073f6;font-size:12px;background:#3073f6;border-radius:8px;color:#fff!important;margin:0 auto;display:inline-block;margin-top:15px}
.usermainout{width:100%;height:80px}
.usermainout img{width:16px;height:16px}
.usermainout .hyimg{margin-left:20px;width:15px;height:15px;float:left;margin-top:13px}
.usermainout .loginout{width:100%;height:57px;padding-top:0;padding-left:10px}
.topuserline{border:1px solid #f4f5f5;width:93%;margin:0 auto}
.dqsj{color:#a9acb2;display:inline-block}
.dqsjljxf{width:90px!important;display:inline-block}
.usermainout .loginouta{width:30%;height:56px;display:block;float:left;line-height:60px;color:#95a2b1;font-size:13px;text-align:left;padding-left:20px}
.topnavuservip{margin:16px;float:right;display:inline-block}
.topnavuservip a{width:56px;font-size:13px;font-weight:500;text-align:center;color:var(--color);height:30px;display:inline-block}
.topnavuservip img{width:56px}
.vipdownshow{width:400px;z-index:99;height:221px;position:absolute;right:0;background:#fff;display:none;border:1px solid rgba(48,50,54,.1);border-radius:13px;box-shadow:var(--theme-shadow)}
.topviptitle{color:var(--color);font-size:14px;font-weight:700;height:60px;line-height:60px;text-align:center}
.topviptitle span{display:inline-block;width:51px;height:1px;border-top:2px solid;margin-bottom:1.5px;margin-right:15px;margin-left:15px}
.topvipdiv{padding:0 15px;font-size:13px;color:#333}
.topvip{height:40px;line-height:40px;display:inline-block}
.topvipdiv img{width:18px;margin-top:-3px;display:inline-block;height:auto}
.topvipdivim{width:33%;float:left;text-align:center}
.topvipa{width:269px!important;height:38px!important;line-height:35px!important;background:var(--color);border-radius:8px;color:#fff!important;margin:0 auto;display:block!important;margin-top:15px}
.topnavusergz{width:60px!important;padding:0!important;text-align:center}
.topnavusergz img{width:24px}
.vipbiao{position:absolute;width:9px;left:38px;top:5px}
.big-title{display:flex;flex-wrap:wrap;width:100%}
.big-title .big-title-left{float:left;padding:25px 30px 0 5px;font-size:22px;font-weight:500;color:#333333}
.bjimg{overflow:hidden;width:100%;height:350px;background:url(../images/footer.jpg);background-size:cover;position:relative}
.header--bg{position:absolute;width:100%;height:100%;opacity:.95;top:0;left:0;background:var(--theme-bg)}
#banner{position:absolute;top:116px;right:0;left:0;margin:0 auto;margin:0 auto;margin:0 auto;height:300px;vertical-align:middle}
#banner .search-box{float:none;margin:0 auto;margin-top:25px;color:#fff;line-height:53px}
#banner .search-box h1{width:100%;color:#fff;text-align:center;font-weight:500;font-size:24px;line-height:24px}
#banner .search-box .desc{margin:0 auto;margin-top:10px;color:rgba(255,255,255,.8);text-align:center;font-weight:500;font-size:16px}
.search-box-main{display:inline-block;height:53px;border-radius:17px;background:#fff}
.search-box-main .search-box-type{position:relative;display:inline-block;cursor:pointer}
.search-box-main .search-box-type #dr_search_module_name{margin-bottom:0;padding:0 20px;color:#2e3d56}
.search-box-main .search-box-input{display:inline}
.search-box-main .search-box-input input{height:53px;width:calc(100% - 180px);border:0;border-radius:27px;background:0 0;color:#6d717a;font-size:13px}
.search-box-main .search-box-input input:hover{outline:medium!important;border:none!important}
.search-box-main .search-box-input input:focus{outline:medium!important;border:none!important}
.search-box-type-list{position:absolute;z-index:9999;display:none;margin:5px 0 0 5px;padding:0;border-radius:3px;background:#fff;box-shadow:var(--theme-shadow)}
.search-box-type-list li{line-height:38px}
.search-box-type-list li a{padding:20px}
.search-box-type-list li a:hover{color:var(--color)}
.search-box-main .search-box-btn{position:relative;display:inline-block;box-sizing:border-box;margin-top:-2px;width:89px;height:42px;border-radius:10px;background:var(--theme-bg);color:#333;vertical-align:middle;text-align:center;line-height:41px}
.search-box-main .search-box-btn i{font-size:20px;color:#fff}
.hot-box-head .head-right{float:left;height:75px;line-height:75px}
.hot-box-head .head-right .nav{display:flex;margin-top:10px;height:50px;border-radius:50px;background:#eaeaea;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;overflow:auto}
.hot-box-head .head-right .nav .active{float:left;margin-top:0;width:120px;height:50px;border-radius:50px;background:var(--theme-bg);color:#fff;font-weight:600;opacity:1}
.hot-box-head .head-right .nav div{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-top:0;width:120px;height:50px;color:#333;text-align:center;font-size:14px;line-height:50px;cursor:pointer}
.hot-box-head .head-right .nav div:hover{float:left;margin-top:0;width:120px;height:50px;border-radius:50px;background:var(--theme-bg);color:#fff;font-weight:600;opacity:1}
.hot-box-main .box-main{float:left;width:100%;border-radius:10px;background:#fff}
.box-main-soft,.box-main-wallpaper,.box-main-material{display:flex;flex-wrap:wrap;padding:10px;padding-bottom:10px}
.box-main-soft .soft-list{padding:0}
.hot-soft .img img,.related-soft-man img{border:1px solid rgba(48,50,54,.1);border-radius:9px}
.box-main-soft .hot-soft{margin-top:8px;margin-bottom:23px;padding-right:15px;padding-left:15px}
@media (min-width:1200px){.box-main-soft .hot-soft{max-width:20%}
}.box-main-soft .hot-soft:hover a{color:#333}
.box-main-soft .hot-soft .hot-soft-man{position:relative;padding:15px;border-radius:10px}
.box-main-soft .hot-soft .img{margin:0 auto;width:60px;height:60px}
.box-main-soft .hot-soft .img img{width:100%;height:100%}
.box-main-soft .hot-soft .title{overflow:hidden;margin:10px 10px 0;color:#333;text-align:center;line-height:1.5}
.hot-soft .info p{margin:0 auto!important}
.box-main-soft .desc{margin-top:10px;padding-left:15px;height:22px;line-height:22px}
.box-main-soft .desc .star{display:inline-block;margin-left:25px;color:#ffa400;font-size:18px;text-align:center}
.box-main-soft .desc .star img{margin-bottom:5px;width:14px;height:14px}
.box-main-soft .desc .hot{display:inline-block;margin-left:10px;padding-left:5px;padding-right:5px;height:20px;border:1px solid #ffaaa1;border-radius:57px;background:#fff2f0;color:#ff2727;font-weight:500;line-height:18px;opacity:1}
.box-main-soft .desc .hot img{margin:-3px 5px auto -3px;width:15px;height:15px}
.box-main-soft .related-title{margin-top:10px;width:200px;height:36px;border-radius:6px;background:#f0f2f5}
.box-main-soft .related-title span{float:left;width:100px;height:36px;text-align:center;font-weight:400;line-height:36px;opacity:1}
.box-main-soft .related-soft-man img{float:left;width:40px;height:40px;border:1px solid rgba(48,50,54,.1);border-radius:9px}
.box-main-soft .related-soft-man .title{display:inline-block;overflow:hidden;padding-left:5px;width:121px;height:22px;color:#333;font-weight:400;font-size:11px;line-height:20px}
.box-main-soft .related-soft-man .version{display:inline-block;overflow:hidden;margin-top:-5px;padding-left:5px;width:121px;height:22px;color:#a9acb2;font-size:11px}
.box-main-soft .soft-list li .con,.section-list .soft-list li .con{margin-top:0}
.box-main-soft .soft-list li .con .title,.section-list .soft-list li .con .title{text-align:left}
.box-main-soft .soft-list li .con .info,.section-list .soft-list li .con .info{margin-top:10px}
.box-main-soft .soft-list li .con .info p,.section-list .soft-list li .con .info p{margin:0}
.box-main-wallpaper{padding-top:30px}
.box-main-wallpaper li{padding-right:15px;margin-bottom:30px}
.box-main .img-cover{position:relative;overflow:hidden}
.box-main .img-cover img{position:absolute;border-radius:8px;top:0;width:100%;height:100%}
.box-main-material .img-cover{padding-top:10px;padding-bottom:10px}
.box-main-material .title{position:relative;padding:5px 30px;margin-bottom:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.box-main-material .title:after,.box-main-material .title:before{content:"";position:absolute;left:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#3073f6,transparent);opacity:0;transition:opacity .2s}
.box-main-material .title:before{top:0}
.box-main-material .title:after{bottom:0}
.box-main-material li:hover .title:after,.box-main-material li:hover .title:before{opacity:1}
.box-main-soft .hot-soft .hot-soft-man:hover,.soft-list li a:hover,.list-nav .nav-item:hover a{box-shadow:var(--theme-shadow)}
.searchtop{position:relative;display:block;background:rgba(255,255,255,0.30);height:39px;border:0px solid rgba(255,255,255,0.30);margin-top:10px;border-radius:8px}
.search-close{display:none}
@media (max-width:1199px){.searchtop{width:calc(100% - 50px)!important}
.search-close{display:block;float:right;margin-top:-33px;width:38px}
.search-close i{font-size:30px;cursor:pointer}
}.topapptype{float:left;cursor:pointer}
#dr_search_module_name{margin-bottom:0;padding:10px 20px;color:#fff}
#head .search-box-input{float:left;width:calc(100% - 90px)}
#head .search-box-input input{border:0;background:none;width:100%;padding:10px;padding-left:0;color:#fff;font-size:14px}
#head .search-box-btn{position:absolute;right:0;padding:10px}
#head .search-box-btn button{background:none;border:none}
#head .search-box-btn i{font-size:18px}
#head .search-box-input input::-webkit-input-placeholder{color:#dcdddf}
#head .search-box-input input:-moz-placeholder{color:#dcdddf}
#head .search-box-input input::-moz-placeholder{color:#dcdddf}
#head .search-box-input input:-ms-input-placeholder{color:#dcdddf}
.m-menu{float:right;margin:16px 5px}
.m-menu a{padding:6px 8px;background-color:#fff;border-radius:5px;cursor:pointer}
.m-menu a i{font-size:16px}
.m-search{float:right;margin:16px 5px}
.m-search a{padding:6px 8px;background-color:#fff;border-radius:5px;cursor:pointer}
.m-search a i{font-size:16px}
body.nav-open{position:fixed;top:0;left:0}
.navigation:after{content:'';background:rgba(0,0,0,.2);position:fixed;top:0;width:100%;height:100%;z-index:998;transition-delay:.05s;opacity:0;visibility:hidden;transition:opacity .4s ease}
.navigation.active:after{overscroll-behavior:none;opacity:1;visibility:visible}
.navigation .nav-container{background:#fff;width:250px;height:100%;position:fixed;top:0;z-index:999;box-shadow:1px 0 2px rgba(0,0,0,.15);transform:translate3d(-260px,0,0);transition:transform .4s ease}
.navigation.active .nav-container{transform:translate3d(0,0,0);left:0}
.nav-container .title{height:60px;line-height:30px;background:var(--theme-bg);box-sizing:border-box;padding:15px 25px;color:#fff;font-size:22px;font-weight:normal}
.nav-container ul.nav-cate li{height:48px;line-height:48px;padding:0 25px;border-bottom:1px solid #edf1f4;position:relative}
.nav-container ul.nav-cate li a{display:block;width:100%;height:100%}
.nav-container ul.nav-foot{position:absolute;bottom:0;width:100%;border-top:1px solid #edf1f4;height:60px}
.nav-container ul.nav-foot li{float:left;width:50%;text-align:center;line-height:15px;font-size:12px}
.nav-container ul.nav-foot li i{display:block;height:36px;line-height:30px;font-size:20px;box-sizing:border-box;padding-top:6px}
.nav-container ul.nav-foot li:first-child a{color:#dc3545}
.nav-container ul.nav-foot li i.avatar{width:24px;height:24px;margin:8px auto 4px;border-radius:30px;background-repeat:no-repeat;background-size:cover}
.swiper-box{margin:20px auto 0px}
.swiper{max-width:100%}
.swiper img{width:100%;border-radius:10px}
.swiper i{font-size:15px;font-weight:bold;color:#fff}
.swiper-button-next,.swiper-button-prev{width:35px;height:70px;margin-top:-35px;border-radius:3px;background-color:rgba(0,0,0);background-repeat:no-repeat;background-position:50%;opacity:0;transition-duration:1s}
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev{opacity:.6}
.swiper-button-next::after,.swiper-button-prev::after{content:''!important}
.soft-box-left{flex:1;float:left;margin-top:20px;border:1px solid rgba(48,50,54,.1);border-radius:10px 0 0 10px;background:#363b45;box-shadow:var(--theme-shadow);opacity:1}
.soft-box-left .side-title{margin:40px auto;width:80%}
.soft-box-left .side-title img{width:50px}
.soft-box-left .side-title-head{display:inline-block;overflow:hidden;padding-left:10px;width:130px;height:31px;color:#fff;font-weight:400;font-size:20px;line-height:20px}
.side-title-desc{float:right;margin-top:-20px;margin-right:10px;width:133px}
.side-title-desc span:first-child{color:rgba(255,255,255,.6)}
.side-title-desc span:last-child{color:#fff}
.side-main .side-main-list img{width:28px;margin-right:10px;border-radius:50px}
.side-main-list{margin:10px 0;padding:10px 30px;cursor:pointer}
.side-main-list:hover{color:#fff}
.side-main-list i{position:relative;top:3px;margin-right:8px;color:#fff;font-size:25px}
.side-main-list .title{height:31px;color:rgba(255,255,255,.6);font-size:16px;line-height:31px}
.side-main-list .num{width:70px;height:31px;color:rgba(255,255,255,.6);font-weight:400;font-size:18px;line-height:31px}
.side-main-list.active i{color:#f4df26}
.side-main-list.active .num{width:70px;height:31px;color:#fff;font-weight:700;font-size:18px;line-height:31px}
.side-main-list.active .title{height:31px;color:#fff;font-size:16px;line-height:31px}
.side-main-list div{display:inline-block;overflow:hidden;padding-left:5px;width:160px;height:22px;color:#333;font-weight:400;font-size:11px;line-height:20px}
.gjcpmmsrmcp{width:130px;height:31px;color:#fff;font-size:20px}
.soft-box-right{flex:1;position:relative;float:left;margin-top:20px;border-radius:0 10px 10px 0;background:#fff;opacity:1}
@media (max-width:991px){.soft-box-right{border-radius:10px}
}.soft-box-list{width:100%}
.soft-list{display:flex;flex-wrap:wrap}
.soft-list li{position:relative;padding:0 15px 20px 15px}
.soft-list li a{display:block;padding:15px;border-radius:10px;background-color:#f9f9f9;border:1px solid hsla(0,0%,69.4%,.2)}
.soft-list li .img{float:left;margin-right:20px;width:56px;height:56px}
.soft-list li .img img{width:100%;height:100%}
.soft-list li .con{margin-top:10px;overflow:hidden}
.soft-list li .con .title{display:block;overflow:hidden;margin:2px 0;width:100%;height:1.5em;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.soft-list li .con .info,.hot-soft .info{display:flex;justify-content:space-between}
.soft-list li .info,.hot-soft .info{color:#999;font-size:12px}
.soft-list li .info p,.hot-soft .info p{overflow:hidden;margin:5px 0;color:#c39313;text-overflow:ellipsis;white-space:nowrap}
.soft-box{display:flex}
.soft-box .soft-box-right{padding:0}
.soft-box .soft-list{padding:25px 15px 15px}
.soft-box .soft-list li{padding:0;padding-bottom:15px}
.soft-box .soft-list li a{margin:0 10px}
.soft-box .soft-list li .img{float:none;margin:0 auto}
.soft-box .soft-list li .con .info{display:block}
.soft-box .soft-list li .con .info p{text-align:center}
.article-box .article-wrap,.links-box .links-wrap{margin-top:20px;padding:30px;border-radius:10px;background-color:#fff}
.article-box .article-wrap ul{padding-left:0}
.article-box .article-wrap ul.article-wrap-ul li{margin-bottom:20px;padding:20px;border:1px solid hsla(0,0%,69.4%,.2);border-radius:10px;background:#f9f9f9}
.article-box .article-wrap ul.article-wrap-ul li:hover{box-shadow:var(--theme-shadow)}
.article-box .article-wrap .title-wrap{line-height:20px}
.article-box .article-wrap .title-wrap .title{font-size:18px}
.article-box .article-wrap .title-wrap .title em{color:#333}
.article-box .article-wrap .title-wrap span{color:#999}
.article-box .article-wrap .img{float:left;overflow:hidden;margin-right:20px;width:120px;height:90px}
.article-box .article-wrap .img img{margin-left:50%;height:100%;transform:translate(-50%)}
.article-box .article-wrap .con{overflow:hidden;height:90px;color:#999}
.article-box .article-wrap .con .desc{overflow:hidden;height:4.5em;line-height:1.5}
.article-box .article-wrap .con .num{margin-top:10px}
.article-box .article-wrap .con .num i{margin-right:5px}
.links-box .links-wrap{padding-bottom:20px}
.links-box .links-wrap a{display:inline-block;padding:10px 20px;margin-right:20px;margin-bottom:10px;border:1px solid hsla(0,0%,69.4%,.2);border-radius:5px;background:#f9f9f9}
.links-box .links-wrap a:hover{background-color:var(--theme-bg);color:#fff}
.breadcrumbs{width:100%;height:40px;line-height:40px;margin:20px auto 0 auto;background-color:#fff;padding:0 20px;border-radius:5px}
.breadcrumbs i{font-size:18px;vertical-align:text-bottom;margin-right:5px;color:#999}
.breadcrumbs a:hover i{color:var(--color)}
.list-nav{display:flex;justify-content:space-between;margin-bottom:50px;padding:0}
@media (max-width:1199px){.list-nav{display:block;justify-content:unset;margin-bottom:65px;margin-right: -15px;}
.list-nav .nav-item{float:left;margin:0 15px 40px 0}
}.list-nav .nav-item{width:80px;height:80px;border-radius:10px;background-color:transparent;color:#666;text-align:center}
.list-nav .nav-item.active,.list-nav .nav-item:hover{color:#333}
.list-nav .nav-item.active a{background-color:#fff;box-shadow:var(--theme-shadow)}
.list-nav .nav-item a{display:block;padding:22px;width:100%;height:100%;background-color:#f9f9f9;transition:all .2s;margin-bottom:5px;border-radius:10px}
.list-nav .nav-item img{width:35px;height:35px}
.list-nav .nav-item span{display:inline-block;vertical-align:middle}
.list-wrapper article{float:left;width:960px;background-color:#fff;padding:30px 20px;border-radius:10px}
.list-wrapper article.full{width:100%}
.list-wrapper article .show-filter{height:40px;line-height:40px;background-color:rgba(0,0,0,.1);margin-bottom:30px}
.list-wrapper article .show-filter a{display:inline-block;height:100%;padding:0 15px;color:#999}
.list-wrapper article .show-filter a.active{color:#333}
.pagination{margin:40px 0 20px;text-align:center}
.pagination li{min-width:40px;height:40px;line-height:40px;margin-right:10px;border-radius:20px;border:none;background:#cccccc}
.page-item{display:inline-block;vertical-align:middle;min-width:32px;height:32px;line-height:30px;margin-right:4px;text-align:center;list-style:none;background-color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-family:Arial;font-weight:500;border:1px solid #dcdee2;border-radius:4px;transition:border .2s ease-in-out,color .2s ease-in-out}
.pagination li:hover{background-color:var(--theme-bg);color:#fff}
.pagination li.active{background:var(--theme-bg)}
.pagination li.page-text{background:transparent}
.pagination li.page-text a{color:#333}
.pagination li a,.pagination li a i{display:block;width:100%;height:100%;color:#fff}
.page-next,.page-prev{display:inline-block;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-width:32px;height:32px;line-height:30px;list-style:none;text-align:center;cursor:pointer;color:#666;font-family:Arial;border:1px solid #dcdee2;border-radius:4px;transition:all .2s ease-in-out}
.soft-show aside{display:block;text-align:center;border-radius:10px;background-color:#fff;padding:20px;margin-top:20px}
.soft-show aside.fix{position:fixed;top:0;left:50%;margin-left:-600px}
.soft-show aside .img{width:100px;height:100px;margin:0 auto 10px}
.soft-show aside .img img{width:100%;height:100%;border-radius:13px}
.soft-show aside h1{font-size:20px;line-height:1.6;max-height:4.8em;overflow:hidden;margin:10px 0}
.soft-show aside .version{color:#c39313}
.soft-show aside .btns{text-align:center}
.soft-show aside .btns a{display:inline-block;width:48%;line-height:28px;text-align:center;border:1px solid #999;background-color:transparent;font-size:16px;border-radius:15px;cursor:pointer;margin:0;position:relative;font-size:14px}
.soft-show aside .btns a:hover{border-color:var(--color)}
.soft-show aside .btns a.active{background:var(--theme-bg);color:#fff;border-color:transparent}
.soft-show aside .btns a:last-child{margin-right:0}
.soft-show aside .btns a i{font-size:14px;margin-right:4px}
.soft-show aside .btns a em{position:absolute;right:10px;top:5px;transform:rotate(-90deg)}
.soft-show aside .btns a em.active{transform:rotate(-180deg)}
.soft-show aside .btns .content-download{position:relative}
.soft-show aside .btns .content-download .other-type{position:absolute;z-index:5;top:55%;transform:translateY(-50%);right:-420px;width:400px;box-shadow:var(--theme-shadow);line-height:50px;border-radius:10px;background:#fff;text-align:left}
.soft-show aside .btns .content-download .other-type:before{position:absolute;content:"";border-right:20px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-15px;top:50%;margin-top:-10px}
.soft-show aside .btns .content-download .other-type .type-item{padding:0 50px 0 20px;height:50px;cursor:pointer;border-bottom:1px solid hsla(0,0%,69.4%,.2);position:relative;border-radius:10px}
.soft-show aside .btns .content-download .other-type .type-item i{position:absolute;right:20px;top:18px}
.soft-show aside .btns .content-download .other-type .type-item:last-child{margin-bottom:0}
.soft-show aside .btns .content-download .other-type .type-item:hover{background-color:#333;color:#fff}
.soft-show aside .btns .content-download .other-type .type-item .title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soft-show aside .btns .download{width:100%;padding:5px 0;border-radius:50px;margin:10px 0;font-size:16px}
.soft-show aside .btns .download i{font-size:16px}
.soft-show aside .info{margin:20px 0}
.soft-show aside .info .info-item{float:left;background-color:hsla(0,0%,69.4%,.2);text-align:center;color:#999;width:32.3333%;height:65px;margin-left:1%;margin-bottom:5px;font-size:12px;padding-top:12px;border-radius:8px}
.soft-show aside .info .info-item.score{background:linear-gradient(135deg,#f59f54 10%,#ff6922 100%);color:#fff}
.soft-show aside .info .info-item i{font-size:16px}
.soft-show aside .info .info-item p{word-break:break-word;margin:5px}
.soft-show aside .info .info-item:first-child,.soft-show aside .info .info-item:last-child{width:100%;height:35px;line-height:35px;padding-top:0}
.soft-show aside .info .info-item:first-child i,.soft-show aside .info .info-item:last-child i{margin-right:5px;margin-bottom:0}
.soft-show aside .info .info-item:nth-child(2){width:32.333%;height:105px;margin-right:1%}
.soft-show aside .info .info-item:nth-child(3){margin-left:0}
.soft-show aside .info .info-item:last-child{width:65%;margin-top:-40px;margin-left:34.333%}
.soft-show aside .kf-box>div{width:48%;height:60px;float:left;border-radius:5px;background-color:#1ebcf6;color:#fff;position:relative;padding:18px 10px;cursor:pointer}
.soft-show aside .kf-box>div a{color:#fff}
.soft-show aside .kf-box>div:hover .img{display:block}
.soft-show aside .kf-box>div i{font-size:24px;float:left;margin-right:5px}
.soft-show aside .kf-box>div p{overflow:hidden;line-height:25px;font-size:14px}
.soft-show aside .kf-box>div .img{position:absolute;width:120px;height:120px;padding:5px;top:-130px;left:50%;margin-left:-60px;display:none;background-color:#fff;box-shadow:var(--theme-shadow)}
.soft-show aside .kf-box>div .img img{width:100%;height:100%}
.soft-show aside .kf-box .kf-wx{background-color:#19c249;float:right}
.soft-show article{padding-right:0;width:100%;margin-top:20px}
@media (max-width:767px){.soft-show article{padding-left:0}
}.soft-show article .show-tags{padding-top:15px;border-top:1px solid #f1f1f1;margin-top:30px}
.soft-show article .show-tags a{display:inline-block;height:26px;padding:0 15px;border-radius:20px;border:1px solid #e9e9e9;margin-right:10px;color:#666;line-height:24px;font-size:12px}
.soft-show article .show-tags a:hover{color:#f90;border-color:#f90}
.soft-show article blockquote{border:1px dashed #e5e5e5;font-size:14px;padding:15px 20px;line-height:2;color:#777;margin:20px 0;font-family:Microsoft Yahei,sans-serif}
blockquote.show-info{font-size:12px;font-style:normal;line-height:2;color:#777;border:1px dashed #ffe8d5;border-radius:5px;padding:15px 20px;background:#fffdfc}
blockquote.show-info a{color:#3073f6}
blockquote.show-info p{margin-bottom:0}
blockquote.show-info span{color:#f00}
blockquote.show-info hr{border:0;margin:10px 0;border-top:1px solid #fff3e9}
.soft-show article section{border-radius:10px;background-color:#fff;margin-bottom:20px;padding:20px}
.soft-show article section img{max-width:100%}
.soft-show article .content-nav{display:flex;margin-bottom:0;padding-bottom:0;border-radius:10px 10px 0 0}
.soft-show article .content-nav .nav-btn{display:inline-block;width:120px;height:40px;line-height:38px;text-align:center;border:1px solid #999;background-color:transparent;margin:0 10px;font-size:16px;border-radius:20px;cursor:pointer;max-width:150px;flex:1}
.soft-show article .content-nav .nav-btn.active{background:linear-gradient(135deg,#333,#555);color:#fff;border-color:transparent}
.wallpaper-nav ul{display:flex;justify-content:space-between}
.wallpaper-nav ul li{height:50px;width:100px;line-height:50px;border-radius:10px;text-align:center;background-color:#fff}
@media (max-width:1199px){.wallpaper-nav ul{display:block;justify-content:unset;margin-right: -15px;}
.wallpaper-nav ul li{float:left;margin:0 15px 15px 0}
}.wallpaper-nav ul li a{display:block}
.wallpaper-nav ul li.active,.wallpaper-nav ul li:hover{background-color:var(--theme-bg)}
.wallpaper-nav ul li.active a,.wallpaper-nav ul li:hover a{color:#fff}
.no-data{text-align:center;font-size:16px;margin-top:100px}
.wallpaper-order{margin:20px 0;background-color:#fff;padding:0 20px;border-radius:5px;border:1px solid hsla(0,0%,69.4%,.1);position:relative}
.wallpaper-order .order-type .type:first-child{border-bottom:1px solid hsla(0,0%,69.4%,.2)}
.wallpaper-order .order-type .type span{margin-right:0px}
.wallpaper-order .order-type .type .item{display:inline-block}
.wallpaper-order .order-type .type .item a{display:inline-block;padding:15px;margin-right:10px;color:#999;text-align:center}
.wallpaper-order .order-type .type .item a:hover{color:var(--color)}
.wallpaper-order .order-type .type .item a.active{color:#333}
.wallpaper-wrapper ul{margin:0 auto;margin-right:-20px}
.wallpaper-wrapper ul li{float:left;padding-left:0;padding-right:20px;margin-bottom:20px;border-radius:5px;position:relative}
.wallpaper-wrapper ul li:after,.box-main-wallpaper li:after{content:"";position:absolute;width:75%;height:5px;background-color:#333;left:50%;transform:translateX(-50%);bottom:-2px;opacity:0}
.wallpaper-wrapper ul li:hover,.box-main-wallpaper li:hover{border-color:#333}
.wallpaper-wrapper ul li:hover:after,.box-main-wallpaper li:hover:after{opacity:1}
.wallpaper-wrapper ul li .img-cover{position:relative;overflow:hidden}
.wallpaper-wrapper ul li .img-cover img{position:absolute;border-radius:8px;top:0;width:100%;height:100%}
section.wallpaper-image h1{font-size:24px;line-height:1;margin:30px 0}
section.wallpaper-image .img-wrap{overflow:hidden;position:relative}
section.wallpaper-image .img-wrap .pic-down i{display:none}
.pic-down{position:absolute;right:30px;bottom:110px}
.pic-down a{float:left;margin-left:12px;width:230px;padding:6px 0 0 80px;height:60px;background:#FFAB28;font-size:22px;line-height:30px;border-radius:3px}
@media (max-width:767px){.pic-down a{font-size:18px;width:140px;height:60px;padding:6px 0 0 20px}
}.pic-down a:hover{opacity:.9;background-position:30px center}
.pic-down a:link,.pic-down a:visited,.pic-down a:hover,.pic-down a:active{color:#FFFFFF}
.pic-down a span{display:block;font-size:14px;line-height:14px;color:#FFFFFF}
section.wallpaper-image .img-wrap .show-thumb{position:absolute;border-radius:8px;top:0;width:100%;height:100%}
section.wallpaper-image .img-wrap .operate{position:absolute;z-index:2;width:100%;left:0;bottom:0;height:60px;line-height:60px;background:rgba(51,51,51,.4);color:#fff;text-align:right}
section.wallpaper-image .img-wrap .operate .button{background-color:transparent;color:#fff;height:100%;width:100px;margin:0 20px}
section.wallpaper-image .shares{float:left;margin-top:0px;margin-left:10px;z-index:3}
section.wallpaper-image .shares strong{color:#fff}
section h2{font-size:24px;line-height:1;text-align:center;position:relative;margin-bottom:40px}
section h2:after,section h2:before{content:"";position:absolute;width:40%;height:1px;background-color:rgba(72,72,72,.1);left:0;top:11px}
section h2:after{left:auto;right:0}
section.keywords ul li{display:inline-block;background-color:#fff;height:30px;line-height:30px;padding:0 15px;margin-right:20px;margin-bottom:10px;border:1px solid #e9e9e9;border-radius:5px}
section.keywords ul li a{color:#999;display:block}
section.keywords ul li:hover{border-color:#f90;background-color:#fff}
section.keywords ul li:hover a{color:#f90}
.material-list article{padding:10px 0}
.material-list-nav .nav{display:flex;justify-content:space-between;margin-bottom:20px;margin-right:-20px}
.material-list-nav .nav .nav-item{text-align:center;width:150px;height:80px;padding:10px;background-color:#f9f9f9;border-radius:10px;margin-right:20px}
@media (max-width:1199px){.material-list-nav .nav{display:block;justify-content:unset;margin-right: -15px;}
.material-list-nav .nav .nav-item{float:left;margin:0 15px 15px 0}
.wallpaper-order{margin-top:0px}
}.material-list-nav .nav .nav-item.active{background-color:#fff;box-shadow:var(--theme-shadow)}
.material-list-nav .nav .nav-item a{display:block}
.material-list-nav .nav .nav-item i,.material-list-nav .nav .nav-item img{font-size:35px;display:block;width:35px;height:35px;margin:0 auto 5px}
.material-list-nav .nav-sec .nav-item{width:120px;line-height:38px;text-align:center;background-color:transparent;border-radius:20px;cursor:pointer;width:unset;display:inline-block;min-width:60px;padding:0 15px;height:40px;margin:0 10px 0 0;font-size:16px;position:relative;border:1px solid transparent}
.material-list-nav .nav-sec .nav-item.active{background:linear-gradient(135deg,#333,#555);color:#fff;border-color:transparent}
.material-list-nav .nav-sec .nav-item.active{color:#fff}
.material-list-nav .nav-sec .nav-item img{width:18px;height:18px}
.material-show .box-main-material{margin-left:-20px;margin-right:-20px}
.corner{background-color:#fff;border-radius:10px}
section.material-image{margin-top:15px;padding:0;border-radius:0}
section.material-image .corner-bg{border-radius:30px}
section.material-image .img{overflow:hidden;position:relative;text-align:center}
section.material-image .img img{max-width:100%;max-height:100%}
section.material-image .operate{margin-top:30px;text-align:center}
section.material-image .operate .button{margin:0 30px 0 0;padding:10px 15px;border-radius:5px;background-color:#fff;box-shadow:var(--theme-shadow)}
section.material-image .operate .button.active,section.material-image .operate .button:hover{background:var(--theme-bg);color:#fff}
section.material-image .operate .button i{font-size:20px;vertical-align:middle}
section.material-image .operate .button span{display:inline-block;font-size:12px;line-height:1.4;padding:0 3px}
section.material-image .operate .download{display:inline-block;width:200px;height:40px;line-height:38px;text-align:center;background-color:transparent;font-size:16px;border-radius:20px;cursor:pointer;border:none;margin:0 30px 0 0}
section.material-image .operate .download.active{background:var(--theme-bg);color:#fff;border-color:transparent}
section.material-image .operate .download.active{color:#fff}
section.material-image .operate .other{margin-top:10px}
section.material-image .operate .other button{width:60px;height:60px;border-radius:50%;border:2px solid #333;margin-left:60px;background-color:transparent}
section.material-image .operate .other button i{color:rgba(0,0,0,.6);font-size:36px}
section.material-info{margin:50px 0}
section.material-info .corner-bg{padding:30px}
section.material-info .info-title{width:670px}
section.material-info .info-title h1{font-size:24px;line-height:1}
section.material-info .info-title .desc{color:#999;max-height:4.8em;overflow:hidden;margin:12px 0;line-height:1.6}
section.material-info .info-title ul{max-height:100px;overflow:hidden}
section.material-info .info-title li{display:inline-block;height:24px;border-radius:3px;border:1px solid #e9e9e9;padding:0 10px;margin:0 10px 10px 0}
section.material-info .info-title li:hover{border-color:#f90}
section.material-info .info-title li:hover a{color:#f90}
section.material-info .info-title li a{display:block}
section.material-info .info-detail{background-color:#f9f9f9}
section.material-info .info-detail li{float:left;width:50%;height:50px;overflow:hidden;line-height:50px;padding-left:20px;border-bottom:1px solid #999}
.relate-material ul li{float:left;width:25%;opacity:0;transition:all .2s}
.relate-material ul li.new-style .btns{position:absolute;left:0;width:100%;bottom:-20px;height:40px;text-align:center;opacity:0}
.relate-material ul li.new-style .btns button{display:inline-block;width:40px;height:40px;margin:0 15px;background:#111;box-shadow:var(--theme-shadow);border-radius:50%}
.relate-material ul li.new-style .btns button i{font-size:16px;color:#fff}
.relate-material ul li.new-style:hover .btns{opacity:1}
.relate-material ul li .add-time{position:absolute;z-index:1;top:5px;left:5px;padding:0 5px;background-color:#fff;border-radius:5px;font-size:12px}
.relate-material ul li .img{overflow:hidden}
.article-list-nav{display:flex;justify-content:space-between}
.article-list-nav .nav-item{flex:1;margin-right:10px;height:60px;line-height:60px;background-color:#f9f9f9;border-radius:10px;padding:0 10px}
@media (max-width:1199px){.article-list-nav{display:block;justify-content:unset;margin-right: -15px;}
.article-list-nav .nav-item{float:left;margin:0 15px 15px 0}
.article-box .article-wrap{margin-top:0!important}
}.article-list-nav .nav-item:last-child{margin-right:0}
.article-list-nav .nav-item.active{background-color:#fff;box-shadow:var(--theme-shadow)}
.article-list-nav .nav-item a{display:block;width:100%;height:100%}
.article-list-nav .nav-item i,.article-list-nav .nav-item img{font-size:26px;width:26px;height:26px;display:inline-block;vertical-align:middle}
.article-list-nav .nav-item img{font-size:0;border-radius:50%}
.article-list-nav .nav-item span{width:68px;float:right;font-size:12px;white-space:nowrap;text-align:center}
.article-list article,.article-list aside{padding:0}
.article-list article .article-wrap{background-color:#fff;padding:30px;border-radius:20px;margin-top:20px}
.article-list article{float:left}
.article-list aside{float:left;padding-left:20px}
@media (max-width:767px){.article-list aside{padding-left:0px}
}.article-list aside .article-apps .type{font-size:0}
.article-list aside .article-apps .type span{display:inline-block;text-align:center;width:50%;height:50px;font-size:16px;line-height:48px;border-top:2px solid transparent;background-color:#f9f9f9;cursor:pointer}
.article-list aside .article-apps .type span.active{border-top-color:var(--color);color:#333;background-color:#fff}
.article-list aside .article-apps ul{background-color:#fff;padding:20px}
.article-list aside .article-apps ul.soft li{height:75px;position:relative;background-color:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:18px 20px}
.article-list aside .article-apps ul.soft li:hover{background-color:#fff;box-shadow:var(--theme-shadow)}
.article-list aside .article-apps ul.soft li:hover .title{color:#333;color:var(--theme)}
.article-list aside .article-apps ul.soft li .img{width:45px;height:45px;float:left;margin-right:10px}
.article-list aside .article-apps ul.soft li .img img{width:100%;height:100%}
.article-list aside .article-apps ul.soft li .con{overflow:hidden}
.article-list aside .article-apps ul.soft li .con .info,.article-list aside .article-apps ul.soft li .con .title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-list aside .article-apps ul.soft li .con .info{font-size:12px;color:#999}
.article-list aside .article-apps ul.article{padding-top:10px}
.article-list aside .article-apps ul.article li{padding:10px 20px}
.article-list aside .article-apps ul.article li i{font-size:12px;color:#999}
.article-list aside .article-apps ul.article li:hover{text-decoration:underline}
.article-list aside .article-apps ul.article li:hover a{color:#333}
section h3{font-size:18px}
.article-show .article-wrap{padding:0 30px 30px;background-color:#fff;border-radius: 10px;}
.article-wrap .title-info{margin:0;text-align:center;padding:30px 0 20px 0;border-bottom:1px solid hsla(0,0%,69.4%,.2)}
.article-wrap h1{font-size:24px;line-height:1}
.article-wrap .infos{margin-top:18px}
.article-wrap .infos>span{padding:0 20px;line-height:1;color:#999;border-right:1px solid #999}
.article-wrap .infos>span:last-child{border:none}
.article-wrap .article-content{padding-top:30px}
.relate-article,.relate-soft{margin-top:40px}
.relate-soft h3{margin-bottom:40px}
.article-show .article-toolbar-box{position:fixed;left:50%;top:260px;margin-left:-628px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}
.article-show .action-item{display:flex;border-radius:8px;background:#fff;-webkit-box-shadow:var(--theme-shadow);box-shadow:var(--theme-shadow);font-size:14px;line-height:20px;padding:10px;margin-bottom:20px;color:#888;cursor:pointer}
.article-show .action-item a{color:#999}
.article-show .action-item a:hover{color:var(--color)}
.about-nav{margin-bottom:20px}
.about-nav a{display:inline-block;padding:10px 20px;text-align:center;border:1px solid #999;background-color:transparent;margin:0 10px;font-size:16px;border-radius:20px;cursor:pointer}
.about-nav a.active{background:var(--theme-bg);color:#fff;border-color:transparent}
.about-nav a:hover{border-color:var(--color)}
.shares{margin:10px 0}
.shares strong{line-height:32px;display:inline-block;font-weight:400;color:#999}
.shares a{position:relative;width:28px;height:28px;line-height:28px;display:inline-block;margin-right:5px;opacity:.8;cursor:pointer;border-radius:50px;text-align:center}
.shares a:hover{opacity:1}
.shares a:hover .share-popover{visibility:visible;opacity:1;margin-bottom:0}
.shares a:before{height:32px;width:10px}
.shares a:hover:before{-webkit-transition:right .5s;-moz-transition:right .5s;transition:right .5s;right:-70%}
.shares a[class^=share] i{color:#fff;font-size:15px;font-weight:400}
.shares a.share-tsina{background-color:#ff6b60}
.shares a.share-weixin{background-color:#07c160}
.shares a.share-qzone{background-color:#fbc440}
.shares a.share-sqq{background-color:#00a9ee}
.shares a.share-renren{background-color:#95b4ec}
.shares a.share-tqq{background-color:#5fb2d7}
.shares a.share-douban{background-color:#67ce9b}
.shares a.share-huaban{background-color:#dc5e5e}
.shares a.share-twitter{background-color:#41b8fc}
.shares a.share-facebook{background-color:#4867aa}
.shares a.share-linkedin{background-color:#0a66c2}
.shares .share-popover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden;opacity:0;position:absolute;bottom:100%;left:0;width:110px;height:116px;margin-bottom:20px;padding-bottom:6px;background-color:transparent}
.shares .share-popover .share-popover-inner{display:block;background-color:#fff;border:1px solid #999;padding:4px;border-radius:2px;position:relative;bottom:6px;height:110px}
.shares .share-popover .share-popover-inner::after,.shares .share-popover .share-popover-inner::before{content:'';position:absolute;bottom:-5px;left:9px;border-left:5px solid transparent;border-right:5px solid transparent}
.shares .share-popover .share-popover-inner::before{border-top:5px solid #555}
.shares .share-popover .share-popover-inner::after{border-top:5px solid #fff;margin-bottom:1px}
.layout-footer .footer{margin-top:30px;font-size:12px;background:url(../images/footer.jpg);background-size:cover;position:relative}
.layout-footer .footer .footer--bg{position:absolute;width:100%;height:100%;background:#363b45!important;opacity:.95;top:0;left:0}
.layout-footer .footer .footer--inner .footer_main{position:relative;padding:10px 0}
.layout-footer .footer .footer_main .disclaimer p{text-align:left;color:rgba(255,255,255,.6)}
.layout-footer .footer .footer_main .bah{text-align:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
@media (max-width:991px){.layout-footer .footer .footer_main .bah{border-top:none}
}.layout-footer .footer .footer_main .bah a{color:rgba(255,255,255,.6)}
.layout-footer .footer .footer_main .bah p{margin-bottom:0}

.bar{position:fixed;z-index:90;right:0;bottom:200px;width:50px;padding:5px 0;text-align:center;background-color:#f3f3f3;border-radius:20px 0 0 20px;box-shadow:var(--theme-shadow)}
.bar .item{margin:10px 0 5px;position:relative;cursor:pointer}
.bar .item:hover .to-top,.bar .item:hover>span{width:100%;border-radius:0}
.bar .item:hover .item-info{display:block}
.bar .item .ivu-back-top i{color:unset}
.bar .item .to-top,.bar .item>span{display:block;width:30px;margin:0 auto;border-radius:50%;font-size:18px}
.bar .item .item-info,.bar .item .to-top,.bar .item>span{height:30px;background-color:#f9f9f9;line-height:30px}
.bar .item .item-info{cursor:default;position:absolute;right:50px;top:0;width:80px;border-radius:18px 0 0 18px;padding-left:5px;display:none}
.bar .item .item-info span{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px;cursor:pointer}
.bar .item .item-info span.active,.bar .item .item-info span:hover{transform:scale(1.6)}
.bar .item .fa-weixin{color:#1a894f}
.bar .item .fa-qq{color:#3b82ef}
.bar .item .item-info.img{padding:15px 20px;line-height:1.5;border-radius:10px 0 10px 10px;height:auto;width:auto}
@media (min-width:1300px){.row{max-width:1280px}
}