/**

站点名称：老李技术导航
站点域名：www.shishangjf.cn
模板名称：导航天下
作者QQ：1735737677
基于国际导航开发
/application/template/pc/h43/public/pc/img/topbg.png

*/


.index-box{width:100%;height:350px;background:url(/application/template/pc/h43/public/pc/img/topbg.png) center;background-size:cover;position:relative;margin-bottom:20px}
.index-box::before{content:'';left:0;top:0;width:100%;height:350px;background:rgba(51,51,51,.1);position:absolute}
.index-box .index-box-tab{text-align:center;padding:150px 0 0;color:#fff;z-index:99;font-size:16px}
.index-box .index-box-tab span{padding:0 10px;color:#ececec;position:relative;cursor:pointer;transition:.3s}
.index-box .index-box-tab span:before{position:absolute;content:" ";width:0;height:4px;background:#fff;left:16px;bottom:-10px;border-radius:5px}
.index-box .index-box-tab span.hover,.index-box .index-box-tab span:hover{color:#fff}
.index-box .index-box-tab span.hover:before{width:20px}
.index-box .index-box-tag{text-align:center;padding:20px 0 0;color:#fff;position:relative;z-index:99;font-size:14px}
.index-box .index-box-tag .plate-list{position:relative;z-index:99;display:none}
.index-box .index-box-tag .plate-list .hover{background:#fff;color:#007bf5;border-radius:5px;position:relative}
.index-box .index-box-tag .plate-list .hover:before{content:'';border-width:8px 8px 8px 8px;border-style:solid;border-color:transparent transparent #fff;position:absolute;left:50%;top:-16px;margin-left:-8px}
.index-box .index-box-tag .ing{display:block}
.index-box .index-box-tag a{color:#fff;padding:5px 10px}
.index-box .search-box{width:760px;height:40px;margin:auto;border-radius:40px;z-index:99;position:relative;padding:10px;margin-top:30px;background:#fff}
.index-box .search-box .txt{width:656px;height:40px;border:0;border-radius:40px 0 0 40px;text-indent:20px;background:0}
.index-box .search-box .iconfont{width:90px;height:40px;border:0;background:#007bf5;border-radius:50px;color:#fbfbfb;float:right;cursor:pointer}
.index-rank{margin:10px 0 10px;background:#eef0f4;border-radius:5px;padding:10px;box-sizing:border-box}
.index-rank li{float:left;width:200px;margin:5px 15px 5px 0;overflow:hidden;padding:10px;box-sizing:border-box;line-height:20px;    background: #EEF0F4;
    border-radius: 10px;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-rank li:nth-child(6n){float:right;margin-right:0}
.index-rank li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.index-rank li img{display:block;height:20px;width:20px;float:left;margin-right:5px}
.index-rank li h3{text-align:center;font-size:15px;color:#666;font-weight:100}
.index-rank li:hover {background:#fbfbfb;}
.index-ad li{float:left;overflow:hidden;height:70px;width:426px;position:relative;border-radius:5px;margin:0 10px 10px 0}
.index-ad li:nth-child(2n){margin-right:0;float:right}
.index-ad li img{width:100%;height:100%}
.index-ad li::before{position:absolute;content:"广告";width:35px;height:20px;background:hsla(210,100%,48%,.2);right:0;font-size:12px;bottom:0;color:#fff;border-radius:5px 0 0;line-height:20px;text-align:center}
.index-ad-txt{padding:10px;background:#fff;border-radius:5px}
.index-ad-txt ul{float:left;width:20%;text-align:center;line-height:25px;font-size:13px}
.index-main{margin-top:30px}
.index-news{width:940px}
.index-news .title .mun{font-size:14px;color:#888;font-weight:400;line-height:30px;padding:0 10px;border-radius:5px;display:inline-block;float:right;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-news .title .mun b{font-weight:400}
.index-news .title .mun b.new{color:#ff5722}
.index-news .title .mun i{margin-right:5px}
.index-news .title font{padding:3px 20px;cursor:pointer;text-align:center;color:#fff;font-size:14px;border-radius:15px;background:linear-gradient(270deg,#007bf5,#007bf5);font-weight:400;top:-3px;position:relative;right:-5px;box-shadow:0 12px 30px 0 rgba(34,84,244,.2)}
.index-news-list{width:940px;height:100%;background:#eef0f4;border-radius:5px;padding:20px;box-sizing:border-box}
.index-news-list ul{margin-top:10px}

.index-news-list ul li{width:420px;float:left;line-height:30px;padding:10px 15px;background:#fbfcfe;border-radius:30px 0 0 30px;margin-bottom:10px;position:relative; background: #EEF0F4;
    border-radius: 10px;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-news-list ul li .news{color:#ff5722;font-weight:400}
.index-news-list ul li:nth-child(2n){float:right;border-radius:0 30px 30px 0}
.index-news-list ul li:nth-child(11),.index-news-list ul li:nth-child(12),.index-news-list ul li:nth-child(15),.index-news-list ul li:nth-child(16),.index-news-list ul li:nth-child(3),.index-news-list ul li:nth-child(4),.index-news-list ul li:nth-child(7),.index-news-list ul li:nth-child(8){background:#EEF0F4}
.index-news-list ul li i{display:block;width:30px;height:30px;border-radius:18px;border:1px solid #f1f1f1;overflow:hidden;padding:2px;box-sizing:border-box;float:left;line-height:normal;background:#fff}
.index-news-list ul li i img{width:100%;height:100%;border-radius:18px;object-fit:cover}
.index-news-list ul li .tit{float:left;display:block;max-width:calc(100% - 160px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.index-news-list ul li font{float:left;padding:0 0 0 10px;font-size:12px;border-right:2px solid #f1f1f1;height:10px;line-height:10px;margin:10px 10px 0 0;color:#888;width:30px}
.index-news-list ul li span{float:right;padding:4px 10px;border-radius:18px;font-size:12px;line-height:16px;height:15px;margin-top:2px;border:1px solid #f1f1f1;transition:all .3s}
.index-news-list ul li span a{width:100%;height:100%;float:unset;color:#666;transition:all .3s}
.index-news-list ul li span:hover{background:#007bf5;border:1px solid #55abff}
.index-news-list ul li span:hover a{color:#fff}
.index-news-list ul li:hover {background:#fbfbfb;}

.index-news-list li:before, .index-news-list li:after { content: ''; position: absolute; top: 0; right: 0; height: 2px; width: 0; background: #333; transition: 400ms ease all; }
.index-news-list li:after { right: inherit; top: inherit; left: 0; bottom: 0; }
.index-news-list li:hover:before, .index-news-list li:hover:after { width: 100%; transition: 800ms ease all; }


.index-news .page{text-align:center}
.index-news .page a{padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display:inline-block;line-height:30px;color:#007bf5;margin:15px 5px 0 5px}
.index-news .page .current{background:#007bf5;color:#fff}
.index-info{width:340px}
.index-tool-list{width:100%;border-radius:5px;padding:25px 10px;box-sizing:border-box background: #EEF0F4;border-radius: 10px; box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-tool-list li{float:left;width:25%;text-align:center}
.index-tool-list li img{width:58px;height:58px;overflow:hidden;border-radius:15px;display:block;margin:auto;border:1px solid #f6f6f6;margin-bottom:5px}
.index-login{width:100%;border-radius:5px;background:#fff;margin-top:20px;height:475px;position:relative}
.index-login .wdl{width:320px;margin:auto;padding:80px 0 0;text-align:center}
.index-login .wdl a{color:#fff;background:#007bf5;padding:10px;display:block;border-radius:5px;font-size:15px;width:100px;margin:30px auto 0}
.index-user-info .tx{width:120px;height:120px;border-radius:50%;border:5px solid #f2f5f9}
.index-user-info p{line-height:40px;margin:15px 0 0;color:#888;font-size:15px}
.index-user-info i{line-height:25px;margin:30px auto 0;border-radius:20px;display:block;font-style:normal;width:90px;background:#007bf5;color:#fff;font-weight:100;font-size:13px;background:linear-gradient(270deg,#2254f4,#406dff);box-shadow:0 3px 15px 0 rgba(34,84,244,.2)}
.index-user-info ul{position:absolute;bottom:90px;width:300px;text-align:center;left:20px;line-height:50px;border-radius:5px;background:#fbfcfe}
.index-user-info li{display:initial;border-right:1px solid #cfcfcf}
.index-user-info li:last-child{border:0}
.index-user-info li a{background:0!important;width:auto!important;color:#888!important;margin:0!important;display:initial!important;padding:0 20px!important}
.index-ph{margin-top:20px}
.index-ph-list{width:100%;padding:10px 15px 20px;box-sizing:border-box;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-ph-list li{float:left;width:100px;margin:20px 5px 0 0;overflow:hidden;box-sizing:border-box;line-height:20px;background: #EEF0F4;
    border-radius: 10px;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-ph-list li:nth-child(3n){float:right;margin-right:0}
.index-ph-list li:hover {background:#fbfbfb;}
.index-ph-list li a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.index-ph-list li img{display:block;height:20px;width:20px;float:left;margin-right:5px}
.index-list .list-article,.index-list .list-video,.index-list .list-nav,.index-list .list-soft{margin-top:30px}
.index-list .list-article-main,.index-list .list-video-main,.index-list .list-nav-main,.index-list .list-soft-main{border-radius:5px;padding:20px;box-sizing:border-box;background:#fff;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-soft-main .layui-tab{width:910px}
.list-soft-main .layui-tab-brief>.layui-tab-title .layui-this{color:#007bf5}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #007bf5}
.list-soft-main .layui-tab{margin:0}
.list-soft-main .layui-tab-title li{margin:0 30px 0 0;padding:0}
.list-soft-main .list-soft-tab{width:910px}
.list-article-tab .type,.list-nav-tab .type,.list-soft-tab .type,.list-video-tab .type{border-bottom:1px solid #f6f6f6}
.list-article-tab .type a,.list-nav-tab .type a,.list-soft-tab .type a,.list-video-tab .type a{color:#ababab;display:inline-block;cursor:pointer;text-indent:0;margin:0 30px 0 0;font-size:15px;padding:0 5px;height:30px;line-height:35px}
.list-article-tab .type .hover,.list-nav-tab .type .hover,.list-soft-tab .type .hover,.list-video-tab .type .hover{color:#007bf5;border-bottom:3px solid #007bf5;height:40px}
.list-soft-plate{height:385px;overflow:hidden}
.article-plate,.soft-plate{transition:.4s all;width:10000px}
.hot-soft{transition:.5s all;width:10000px}
.soft-plate .plate-list{float:left;width:910px;height:400px}
.article-plate .plate-list,.soft-plate .plate-list{margin-right:0}
.fl .list-soft-plate .plate-list,.list-nav-plate .plate-list{display:none}
.list-article-plate .plate-list.ing,.list-nav-plate .plate-list.ing,.list-soft-plate .plate-list.ing,.list-video-plate .plate-list.ing{display:block}
.list-nav-plate .plate-list ul{width:100%;margin:5px 0 0 0}
.list-nav-plate .plate-list ul li{float:left;width:197px;margin:10px 15px 0 0;overflow:hidden;padding:10px;box-sizing:border-box;line-height:20px;background: #EEF0F4;
    border-radius: 10px;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-nav-plate .plate-list ul li:nth-child(6n){float:right;margin-right:0}
.list-nav-plate .plate-list li:hover {background:#fbfbfb;}
.list-nav-plate .plate-list ul li a{display:block;text-overflow:ellipsis;white-space:nowrap;/*overflow:hidden*/}
.list-nav-plate .plate-list ul li img{display:block;height:20px;width:20px;float:left;margin-right:5px}
.list-soft-plate .plate-list ul{width:100%;margin:5px 0 0 0}
.list-soft-plate .plate-list ul:nth-child(3n){margin-right:0}
.list-soft-plate .plate-list li{display:block;padding:15px 0;box-sizing:initial;float:left;width:48%;border-bottom:1px solid #f6f6f6;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-soft-plate .plate-list li:nth-child(2n){margin-right:0;float:right}
.list-soft-plate .plate-list li .fl{width:65px;height:65px;border-radius:15px;overflow:hidden;border:1px solid #f6f6f6}
.list-soft-plate .plate-list li .fl img{width:65px;height:65px}
.list-soft-plate .plate-list li .fr{width:calc(100% - 80px)}
.list-soft-plate .plate-list li .fr h3{width:75%;font-size:15px;margin:15px 0 0;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}
.list-soft-plate .plate-list li .fr p{font-size:12px;color:#ababab}
.list-soft-plate .plate-list li .fr p span{color:#888;font-size:12px;padding:0 10px}
.list-soft-plate .plate-list li .fr p i{font-style:initial;color:#ffb80f;font-size:14px;margin-right:5px}
.list-soft-plate .plate-list li .fr .down{width:50px;float:right}
.list-soft-plate .plate-list li .fr .down b{font-weight:100;display:block;text-align:right;font-size:13px;color:#888;line-height:25px}
.list-soft-plate .plate-list li .fr .down a{display:block;background:#007bf5;padding:5px 0;text-align:center;color:#fff;margin-top:-30px;border-radius:5px;color:#fff;font-size:12px;transition:all .3s}
.list-soft-plate .plate-list li .fr .down a:hover{color:#fff;background:#1b8eff}
.hot-soft .type{border-bottom:1px solid #f6f6f6;text-align:right;position:relative}
.hot-soft .type i{height:10px;width:1px;background:#888;display:block;position:absolute;right:85px;top:13px;transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg)}
.hot-soft .type a{color:#ababab;display:inline-block;cursor:pointer;text-indent:0;margin:0 0 0 30px;font-size:15px;padding:0 5px;height:43px;line-height:35px;transition:all .3s}
.hot-soft .type .hover{color:#007bf5;height:43px}
.hot-soft{width:320px}
.hot-soft .plate-list{width:320px}
.hot-soft .plate-list ul{margin-top:20px}
.hot-soft .plate-list li{width:100%;position:relative;padding:0 0 0 35px;box-sizing:border-box;border:0;margin-bottom:14px}
.hot-soft .plate-list li em{width:25px;height:30px;background:#f6f6f6;color:#666;font-size:14px;text-align:center;line-height:30px;position:absolute;left:0;font-style:inherit;border-radius:5px}
.hot-soft .plate-list li:nth-child(1) em{background:#fd6d3f;color:#fff}
.hot-soft .plate-list li:nth-child(2) em{background:#f9b801e0;color:#fff}
.hot-soft .plate-list li:nth-child(3) em{background:#88d87a;color:#fff}
.hot-soft .plate-list li:nth-child(4) em{background:#5fafff;color:#fff}
.hot-soft .plate-list li:nth-child(5) em{background:#cac9c9;color:#fff}
.hot-soft .plate-list li .txt{display:block;overflow:hidden;height:30px;line-height:30px}
.hot-soft .plate-list li p{padding:0 0 5px;overflow:hidden;display:none}
.hot-soft .plate-list .now p{display:block}
.hot-soft .plate-list .now em{height:100%;line-height:90px}
.hot-soft .plate-list li .img{width:60px;display:block;overflow:hidden;border-radius:10px;border:1px solid #f1f1f1;float:left;height:60px}
.hot-soft .plate-list li img{width:100%;height:100%}
.hot-soft .plate-list li p span a{display:block;width:50px;height:25px;line-height:25px;text-align:center;border-radius:5px;margin-top:5px;color:#888;background:#f6f6f6;transition:all .3s}
.hot-soft .plate-list li p span a:hover{color:#fff;background:#007bf5;transition:all .5s}
.hot-soft .plate-list li i{font-style:normal;font-size:13px;color:#888;display:block;margin:8px 0}
.hot-soft .plate-list li span{float:left;margin-left:10px}
.list-article-plate{height:415px}
.list-article-plate .plate-list{float:left;width:1260px;height:410px;display:none}
.list-article-plate .fl{width:100%;margin-top:20px}
.list-article-plate .fr{width:100%}
.list-article-tab{width:100%}
.list-article-plate .fr{border-top:1px solid #f1f1f1;padding:15px 0 0}
.list-article-plate .fr li{line-height:30px;height:30px;position:relative;width:23%;float:left;margin-right:33px;margin-bottom:5px;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-article-plate .fr li:nth-child(4n){float:right;margin-right:0}
.list-article-plate .fr li em{float:left;width:25px;height:30px;line-height:30px;font-size:14px;text-align:center}
.list-article-plate .fr li a{float:left;width:calc(100% - 65px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-size:14px;padding-left:15px}
.list-article-plate .fr li a:before{content:'';width:3px;height:3px;left:2px;background:#e2e2e2;position:absolute;top:14px;border-radius:50%;z-index:9}
.list-article-plate .fr li:hover a:before{display:none}
.list-article-plate .fr li:hover a{width:initial!important;text-overflow:initial;white-space:nowrap;z-index:20;position:absolute;background:#fbfcfe;border:1px solid #f3f3f3;padding-left:14px;padding-right:14px;border-radius:5px;height:26px;line-height:26px;top:1px;overflow:visible;color:#007bf5}
.list-article-plate .fr li span{float:right;font-size:12px;margin-right:5px;color:#ababab}
.list-article-plate .fr li span.news{color:red}
.list-article-plate .fl li{width:240px;margin-bottom:25px;overflow:hidden;margin-right:15px;transition:all .5s;float:left;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-article-plate .fl li:last-child{margin-right:0}
.list-article-plate .fl li:hover{box-shadow:0 14px 20px -10px rgba(0,0,0,.1);-webkit-transform:translateY(-2px)}
.list-article-plate .fl li:hover span{background:#007bf5}
.list-article-plate .fl li:hover img{transform:scale(1.2)}
.list-article-plate .fl li .img{height:150px;overflow:hidden}
.list-article-plate .fl li img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.list-article-plate .fl li a{height:auto;position:relative;display:block}
.list-article-plate .fl li a span{position:absolute;width:100%;color:#fff;bottom:0;left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5%;line-height:35px;height:35px;display:block;background-color:#007bf5}
.list-video-plate{height: 370px;}
.list-video-plate .plate-list{float:left;width:1260px;height: 370px;display:none;}
.list-video-tab{width:100%}
.list-video-plate ul{width:100%;}
.list-video-plate ul li{width:240px;margin-bottom: 10px;overflow:hidden;margin-right:15px;transition:all .5s;float:left;;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.list-video-plate ul li:nth-child(5n){margin-right:0}
.list-video-plate ul li:hover img{transform:scale(1.1)}
.list-video-plate ul li .img{height:150px;overflow:hidden;border-radius: 5px;}
.list-video-plate ul li img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.list-video-plate ul li a{height:auto;position:relative;display:block}
.list-video-plate ul li a span{bottom:0;left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:35px;display:block;line-height: 35px;}
.index-quan .title{margin-top:30px}
.index-quan .li-quan{margin-right:30px;width:410px;height:140px;display:inline-block;margin-bottom:25px;vertical-align:top;transition:all .3s;border-radius:5px;overflow:hidden;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-quan .li-quan:nth-child(3n){margin-right:0;/*float:right*/}
.index-quan .li-quan:hover{-webkit-transform:translateY(-5px);-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1);-webkit-transform:translateY(-5px)}
.index-quan .li-quan .picture-warpper{display:block;float:left;position:relative;width:140px;height:140px;overflow:hidden}
.index-quan .li-quan .picture-warpper .fubaocover{width:140px;height:140px;position:absolute;top:0;left:0}
.index-quan .li-quan .fubaoshadow{width:411px;height:145px;display:none;pointer-events:none}
.index-quan .li-quan .desc-wrap .promotioninfo .promotion{color:#e74737;float:left;font-size:16px;width:240px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-quan .li-quan .desc-wrap .msginfo-row{height:26px;overflow:hidden;width:100%}
.index-quan .li-quan .desc-wrap .msginfo-row .remaindays{float:left}
.index-quan .li-quan .desc-wrap .aftercoupon{color:#e74737}
.index-quan .li-quan .desc-wrap .aftercoupon>span{font-size:20px}
.itx{background: #EEF0F4;border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-quan .li-quan .picture-warpper .recommend-product{width:42px;height:42px;position:absolute;right:0;top:0;background:url()}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.index-quan .li-quan .picture-warpper .recommend-product{background:url()}}


/**首页小程序**/
.index_tuijian dt{height:40px;line-height:40px;padding-left:15px;font-size:16px;}
.index_tuijian dd ul li{width:155px;float:left;height:150px;overflow:hidden;text-align: center;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index_tuijian dd ul li:hover{background-color:#F9F9F9;}
.index_tuijian dd ul li a .tj_img{text-align: center;margin-left:32px;margin-bottom:15px;margin-top:25px;border-radius: 15px;width:80px;height:80px;display: block;}
.index_tuijian dd ul li a{}
.index_tuijian dd ul li:hover a{color:#F9F9F9;}
.index_tuijian dd ul li span{width:155px;top: -130px;position: relative;display: none;}
.index_tuijian dd ul li span img{width:120px;}
.index_tuijian dd ul li:hover span{display: block;}
.title-common{height:40px;font-weight:bold;font-size:18px;color:#41be57;}
.title-common a{color:#41be57;display:block;float:left;}
.title-common span{float:left;display:block;margin-right:15px;}
.title-common li,.tabxcx a{
	font-size:14px;
	margin-right:5px;
	padding:0 10px;
	color:#F6851F;
	height:24px;
	line-height:24px;
	border:1px solid #f0f0f0;
	border-radius: 4px;
	float:right;
	cursor: pointer;
}

.index_wyfabu{float:left;margin-left:20px;}
.index_wyfabu a{
	width:79px;
	height:26px;
	display:block;
	line-height:25px;
	color:#FFFFFF;
	font-size:14px;
	background-image: url(/application/template/pc/h43/public/pc/img/wyfabu.jpg);
	text-indent: 13px;
}




/**小程序**/
.xcx_list{margin-top:20px;width:100%;padding-top:0px;}
.xcx_list .title-common{padding-left:5px;margin-bottom:5px;}
.xcx_list li{position:relative;float:left;width:21%;margin-bottom:20px;margin-right:20px;padding:20px 10px 20px 20px;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.xcx_list li:hover{background-color:#FCFCFC;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;box-shadow:0 10px 30px rgba(81,195,50,.4);}
.xcx_list li a{display:block;}
.xcx_list li img{float:left;width:90px;height:90px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-right:20px;}
.xcx_list li strong{display:block;color:#000000;font-size:14px;margin-bottom:5px;padding-top:15px;/*white-space:nowrap; */overflow:hidden; text-overflow:ellipsis;}
.xcx_list li span{font-size:12px;color:#999999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xcx_list li .ewm{display:none;width:100px;height:100px;border-radius:0;position:absolute;left:12px;top:15px;border-radius:0;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.xcx_list li:hover .ewm{display:block;}


/**公众号**/

.wangzhi_home{width:100%;margin:0 auto;box-shadow:0px 0px 4px #d4d3d3;transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;}
.wangzhi_home:hover{box-shadow:0px 0px 4px #51C332;}
.wangzhi_home ul li{width:183px;float:left;height:150px;overflow:hidden;text-align: center;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.wangzhi_home ul li:hover{background-color:#F9F9F9;}
.wangzhi_home ul li a .tj_img{text-align: center;margin-left:32px;margin-bottom:15px;margin-top:25px;border-radius: 15px;width:80px;height:80px;display: block;}

.wangzhi_home ul li:hover a{color:#51C332;}
.wangzhi_home ul li span{width:145px;top: -120px;position: relative;display: none;}
.wangzhi_home ul li span img{width:123px;}
.wangzhi_home ul li:hover span{display: block;}


.index-quan .li-quan img{width:140px;height:140px}
.index-quan .li-quan .desc-wrap{display:block;float:right;padding:20px 20px 10px 3px;width:230px}
.index-quan .li-quan .desc-wrap .product-title-wrap{overflow:hidden;margin-bottom:20px}
.index-quan .li-quan .desc-wrap .couponlink{width:74px;height:26px;font-size:13px;display:inline-block;background-color:#007bf5;text-align:center;line-height:27px;vertical-align:bottom;color:#fff;border-radius:3px;float:right}
.index-quan .li-quan .desc-wrap .couponlink.hovering{background-color:#e74737;border:none;color:#fff}
.index-quan .li-quan .desc-wrap .couponlink:hover{background-color:#007bf5;color:#fff}
.index-quan .li-quan .desc-wrap .product-title-wrap{height:46px;overflow:hidden}
.index-quan .li-quan .desc-wrap .product-title-wrap .product-title{font-size:14px;color:#585858;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.index-quan .li-quan .desc-wrap .product-title-wrap .product-title:hover{color:#007bf5}
.index-quan .li-quan .desc-wrap .msginfo-row .remaindays b{color:#ff002b;padding-right:5px;font-size:18px}
.index-quan .li-quan .desc-wrap .msginfo-row .remaindays s{color:#888;font-size:12px}
.index-quan .loadding{margin:50px auto}
.index-link{margin-top:20px}
.index-link h3{font-size:18px;font-weight:800;margin-bottom:10px}
.index-link li{float:left;margin-right:15px}
.index-link ul{padding:20px 20px;background: #EEF0F4; border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.index-link li a{color:#888}


@media screen and (max-width:800px){.index-ad li{width:100%;margin:.5rem 0 0;height:40px}
.index-ad li:nth-child(3n){margin:.5rem 0 0;float:left}
.index-ad li:nth-child(2n){margin-right:0;float:right}
.index-ad-txt{margin:.5rem 0 0 0}
.index-ad .google-ad{display:none}
.index-rank li,.list-nav-plate .plate-list ul li{width:31%;margin:1%}
.index-rank li:nth-child(3),.list-nav-plate .plate-list ul li:nth-child(3){float:right;margin-right:0}
.index-info,.index-list .list-article,.index-list .list-soft,.index-main,.index-quan{margin-top:20px}
.index-info,.index-news,.index-news-list,.index-news-list ul li,.list-soft-main .list-soft-tab{width:100%}
.index-news-list{padding:.5rem;height:auto}
.index-news-list ul li{padding:.2rem 0;border-radius:30px;line-height:30px;background:0!important}
.index-news-list ul li:nth-child(2n){border-radius:30px}
.index-news-list li:hover {background:#fbfbfb;}
.index-news-list ul{margin:0}
.hot-soft,.index-info,.index-list .title,.index-news .title,.index-quan .title,.index-tool .title{display:none}
.index-news .page a{margin:.5rem}
.index-news .page{background:#f6f6f6;border-radius:10px}
.list-soft-plate{height:auto}
.list-article-tab .type,.list-nav-tab .type,.list-soft-tab .type,.list-video-tab .type{width:auto;overflow-x:scroll}
.list-article-tab .type::-webkit-scrollbar,.list-nav-tab .type::-webkit-scrollbar,.list-soft-tab .type::-webkit-scrollbar,.list-video-tab .type::-webkit-scrollbar{height:0}
.list-article-tab .type a,.list-nav-tab .type a,.list-soft-tab .type a,.list-video-tab .type a{white-space:nowrap;display:table-cell;padding:0 .5rem;font-size:14px}
.list-article-plate .plate-list,.list-nav-plate .plate-list li,.list-soft-plate .plate-list li,.list-video-plate .plate-list{width:100%}
.list-soft-plate .plate-list li:last-child{border-bottom:0;padding-bottom:0}
.list-article-plate .fl li{width:48%;margin-right:0;display:none}
.list-video-plate ul li{width:48%;margin-right:0;}
.list-article-plate .fl li:nth-child(2),.list-video-plate ul li:nth-child(2n){margin-right: 0;float:right;}
.list-video-plate ul li:nth-child(5n){margin:0;float: left;}
.list-article-plate .fl li:nth-child(1),.list-article-plate .fl li:nth-child(2){display:block}
.list-article-plate .fl li .img{height:7rem}
.list-video-plate ul li .img{height:5.3rem}
.list-article-plate .fr li{width:100%}
.list-article-plate .plate-list,.list-video-plate .plate-list{overflow:hidden}
.index-quan .li-quan{width:100%;margin-right:0;margin-bottom:2%;height:auto;border-radius:5px;overflow:hidden}
.index-box,.index-box::before{height:22rem;margin-bottom:5px}
.index-box .index-box-tab{padding-top:6rem}
.index-box .search-box{width:90%;height:auto;overflow:hidden;border-radius:1rem}
.index-box .search-box .iconfont,.index-box .search-box .txt{width:100%;border-radius:.8rem}
.index-box .search-box .iconfont{margin-top:.5rem}
.index_tuijian dd ul li{width:49%;}


.xcx_list{margin-top:20px;width:100%;padding-top:0px;}
.xcx_list .title-common{padding-left:5px;margin-bottom:5px;}
.xcx_list li{position:relative;float:left;width:46.2%;background-color:#F7F7F7;margin-bottom:10px;margin-right:7px;padding:2px 1px 2px 2px;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.xcx_list li:hover{background-color:#FCFCFC;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;box-shadow:0 10px 30px rgba(81,195,50,.4)}
.xcx_list li a{display:block;}
.xcx_list li img{float:left;width:50px;height:50px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-right:20px;}
.xcx_list li strong{display:block;color:#000000;font-size:14px;margin-bottom:5px;padding-top:15px;/*white-space:nowrap; */overflow:hidden; text-overflow:ellipsis;}
.xcx_list li span{font-size:12px;color:#999999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xcx_list li .ewm{display:none;width:55px;height:55px;border-radius:0;position:absolute;left:1px;top:1px;border-radius:0;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.xcx_list li:hover .ewm{display:block;}



}


.notice{color: #666;text-align: left;box-sizing: border-box;}
.noticeTit{font-size: 14px;padding: 8px 10px;overflow: hidden;background:  #fff;}
.noticeTit strong {padding-right: 5px;}
.noticeTit em {color: #939393;font-size: 15px;line-height: 19px;}
.noticeDiv{font-size: 12px;height: 72px;display: inline-block;overflow: hidden;width: 100%;background: #fff;}
.noticeDiv ul {padding: 0 10px;}
.noticeDiv li {line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom:  #fff dashed 1px;height: 36px;}
.noticeDiv li span{color:#ff2200;margin:0 3px;}
.noticeDiv li a{color:#369;margin-right:10px;}
.noticeDiv li a:hover{color:#ff0000;text-decoration:underline;}
.noticeDiv li em{color:#008800}



.list-cover-main ul{margin:10px 0}
.list-cover-main ul li{float:left;width:242px;margin-right:20px;border-radius: 10px;overflow:hidden;transition:all .5s;border:1px solid #f1f1f1;margin-bottom:20px;box-shadow:0 14px 20px -10px rgba(0,0,0,.1);background: #ffffff;}
.list-cover-main ul li:nth-child(5n){margin-right:0;float:right}
.list-cover-main ul li:nth-child(n+6){}
.list-cover-main ul li .img{width:242px;height:110px;overflow:hidden;}
.list-cover-main ul li .img img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.list-cover-main ul li:hover img{transform:scale(1.1)}
.list-cover-main ul li .tit{padding: 10px 10px 5px;background: #EEF0F4;border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff; }
.list-cover-main ul li .tit h3{font-size:15px;height: 38px;line-height: 20px;margin-bottom: 5px;overflow: hidden;border-bottom: 1px solid #f6f6f6;padding-bottom: 5px;}
.list-cover-main ul li .tit span{display:block;line-height: 23px;font-size: 12px;color: #888;padding-left: 3px;}
.list-cover-main ul li .tit span:before{margin-right:5px;}
@media screen and (max-width:800px){
.list-cover-main ul li{width:48%;margin-right:0;margin-bottom:10px;}
.list-cover-main ul li:nth-child(5n){float:left}
.list-cover-main ul li:nth-child(2n){width:49%;float:right}
.list-cover-main ul li:nth-child(n+6){margin-bottom:10px;}
.list-cover-main ul li .img{width:100%;height: 5.1rem;}
.list-cover-main ul li .tit h3{height: 2.3rem;}
}




.marquee h4 {
    padding: 5px;
    width: 60px;
    height: 100%;
    color: #fff;
    background-color: #9400d3;
    border-radius: 50px;
}
	
.marquee {
    display: flex;
}

.kkgd {
    background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
    background-size: 1400% 300%;
    animation: mymove 10s ease infinite;
    -webkit-animation: mymove 10s ease infinite;
    -moz-animation: mymove 10s ease infinite;
    color: #fff;
    border: none;
    display: inline-block;
    height: 100%;
    line-height: 21px;
    border: 0px solid #ffffff;
    padding: 0 10px;
    border-radius: 13px;
    transition: all 0.3s ease;
    border-color: #ff8a00;
    margin-top: 6px;
	margin-right: 18px;
}


/**快审**/
.ks{background:#fff;overflow:hidden;clear:both;margin:10px auto 0;}
.ks ul{}
@media(min-width:1000px){
.ks ul{float:left;width:16.66%;}
.ks ul li img{max-width:100%;height:60px;margin:1px 0;}
}
@media(max-width:999px){
.ks ul li img{max-width:100%;height:40px;margin:1px 0;}
.ks ul{float:left;width:33.33%;}
}
.ks ul li{margin:10px 3px;border:1px solid #eee;text-align:center;overflow:hidden;}
.ks ul li h2{font-size:14px;height:20px;line-height:20px;font-weight:normal;background:#262425;overflow:hidden;clear:both;}
.ks ul li h2 a{color:#d6a326;}


/**地区**/
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}  
qiehuan{width:100%}
.newmedia{width:100%;box-sizing:border-box;margin-bottom:25px;background:#fff;padding:20px}
.qiehuan .title{height:42px;background:#fff;border-bottom:1px solid #eee;font-size:18px;font-weight:700;line-height:42px;padding-left:20px;padding-right:15px}
.qiehuan .title a{float:right;font-size:14px;font-weight:400;color:#a0a0a0}
.qiehuan .newmedia .medialist{padding-top:20px}
.qiehuan .newmedia .medialist li{width:88px;margin-right:1px;padding:0 15px;box-sizing:border-box}
.qiehuan .newmedia .medialist li:hover .name{color:#4889f3}
.qiehuan .newmedia .medialist li:nth-child(3n){margin-right:0}
.qiehuan .newmedia .medialist img{width:58px;height:58px;border:1px solid #eee;border-radius:50%}
.qiehuan .newmedia .medialist li .name{font-size:14px;text-align:center;height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.fn-left,.fn-right{display:inline}
.fn-left{float:left}

/**侧栏**/
.fk_service_qrimg_site {
   width: 119px;
   height: 119px;
   float: left;
   margin: 12px 12px 5px 12px;
   background-image: url(/application/template/pc/h43/public/pc/img/dashang.png);
   background-size: 100% 100%;
   }
   
 

.fk_service ul {
	margin:0;
	padding:0;
	right:0
}
.fk_service li {
	list-style-type:none
}
.fk_service li>div {
	box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,.1)
}
.fk_service_box {
	width:40px;
	height:40px;
	background:#fff;
	margin-bottom:10px;
	border-radius:4px;
	box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,.1)
}
.fk_service_triangle {
	top:12px;
	right:-11px;
	position:absolute;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:11px solid #e1e6ec;
	z-index:1010
}
.fk_service_triangle:after {
	content:"\20";
	top:-6px;
	right:1px;
	position:absolute;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:10px solid #fff;
	z-index:1000
}
.fk_service_triangle:before {
	content:"\20";
	width:80px;
	height:45px;
	top:-20px;
	right:-52px;
	position:absolute;
	background:rgba(0,0,0,0)
}
@keyframes fade-in {
	0% {
	opacity:.4;
	right:82px
}
100% {
	opacity:1;
	right:62px
}
}.fk_service_consult {
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -366px -16px #fff
}
.fk_service_consult:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -410px -16px #4f7cfc
}
.fk_service_consult:hover .fk_service_consult_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_consult_cont {
	width:200px;
	min-height:210px;
	max-height:268px;
	border-radius:3px;
	background:#fff;
	right:62px;
	position:absolute;
	text-align:center;
	border:1px solid #e1e6ec;
	display:none;
	opacity:0
}
.fk_service_consult_cont1 {
	width:70px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_consult_cont1 .fk_service_triangle:before {
	width:0!important
}
.fk_service_consult_cont>.fk_service_triangle:after {
	border-left:10px solid #f6f8fb!important
}
.fk_service_consult_cont span {
	float:left
}
.fk_service_consult_cont_top {
	width:100%;
	height:157px;
	background:#f6f8fb;
	border-radius:3px;
	border-bottom:1px solid #eef2f8
}
.fk_service_hint {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#9aa8c2;
	text-align:center
}
.fk_service_hint>.fk_service_icon {
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -460px -25px;
	width:15px;
	height:15px;
	margin:13px 2px 0 18px
}
.fk_service_button {
	width:160px;
	height:38px;
	line-height:38px;
	background:#4f7cfc;
	border-radius:18px;
	text-align:center;
	color:#fff;
	margin:5px 0 10px 20px;
	cursor:pointer
}
.fk_service_button:hover {
	background:#618aff
}
.fk_service_phone {
	width:100%;
	height:53px;
	line-height:53px;
	font-size:14px;
	text-align:center
}
.fk_service_check_site {
	width:100%;
	height:48px;
	line-height:48px;
	color:#3b6bf4;
	border-top:1px solid #eaeef5;
	cursor:pointer
}
.fk_service_check_site>.fk_service_icon {
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -461px -75px;
	width:20px;
	height:20px;
	margin:15px 2px 0 45px
}
.fk_service_feedback {
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -363px -64px #fff
}
.fk_service_feedback:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -407px -64px #4f7cfc;
	cursor:pointer
}
.fk_service_feedback:hover .fk_service_feedback_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_feedback_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_qr {
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -365px -113px #fff
}
.fk_service_qr:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -409px -113px #4f7cfc
}
.fk_service_qr:hover .fk_service_qr_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_qr_cont {
	width:143px;
	height:202px;
	border-radius:3px;
	background:#fff;
	right:62px;
	position:absolute;
	text-align:center;
	border:1px solid #e1e6ec;
	background-color:#f6f8fb;
	display:none;
	opacity:0
}
.fk_service_qr_cont>.fk_service_triangle:after {
	border-left:10px solid #f6f8fb!important
}
.fk_service_qr_cont>.fk_service_qrimg {
	width:100%;
	height:164px;
	float:left
}
.fk_service_qrimg_hd {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -198px -26px
}
.fk_service_qrimg_wxast {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px;
	background:url(/application/template/pc/h43/public/pc/img/fk_service.png?v=201905151200) no-repeat -198px -328px
}
.fk_service_qrimg_flyer {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -41px -177px
}
.fk_service_qrimg_wxapp {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -198px -177px
}
.fk_service_qrimg_fkmall {
	width:119px;
	height:119px;
	float:left;
	margin:12px 12px 5px 12px;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -41px -326px
}
.fk_service_qr_cont>.fk_service_qrtext {
	width:100%;
	height:35px;
	font-size:12px;
	color:#7b89a6;
	background-color:#fff;
	float:left;
	bottom:0;
	display:table
}
.fk_service_qr_cont>.fk_service_qrtext>span {
	display:table-cell;
	vertical-align:middle
}
.fk_service_upward {
	display:none;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -363px -159px #fff
}
.fk_service_upward:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20190827-5d652476ab305.png) no-repeat -407px -159px #4f7cfc;
	cursor:pointer
}
.fk_service_upward:hover .fk_service_upward_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_upward_cont {
	width:84px;
	height:40px;
	line-height:40px;
	border-radius:3px;
	background:#fff;
	right:62px;
	position:absolute;
	text-align:center;
	border:1px solid #e1e6ec;
	display:none;
	opacity:0
}
.fk_service_upward_cont span {
	font-size:14px
}
.fk_service_jk {
	background:url(/application/template/pc/h43/public/pc/img/20191218-c9feba3074fcf.png) no-repeat center center #fff;
	background-size:40%40%
}
.fk_service_jk:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-9e8acd5341cdc.png) no-repeat center center #4f7cfc;
	background-size:40%40%;
	cursor:pointer
}
.fk_service_jk:hover .fk_service_jk_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_jk_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_ws {
	background:url(/application/template/pc/h43/public/pc/img/20191218-61b4baac98ee7.png) no-repeat center center #fff;
	background-size:50%50%
}
.fk_service_ws:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-8ded04c01bb3c.png) no-repeat center center #4f7cfc;
	background-size:50%50%;
	cursor:pointer
}
.fk_service_ws:hover .fk_service_ws_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_ws_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_sd {
	background:url(/application/template/pc/h43/public/pc/img/20191218-94664bd399372.png) no-repeat center center #fff;
	background-size:50%50%
}
.fk_service_sd:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-fab840acee28b.png) no-repeat center center #4f7cfc;
	background-size:50%50%;
	cursor:pointer
}
.fk_service_sd:hover .fk_service_sd_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_sd_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_dh {
	background:url(/application/template/pc/h43/public/pc/img/20191218-711bcdc875f32.png) no-repeat center center #fff;
	background-size:60%60%
}
.fk_service_dh:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-8d9cf4c72a239.png) no-repeat center center #4f7cfc;
	background-size:60%60%;
	cursor:pointer
}
.fk_service_dh:hover .fk_service_dh_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_dh_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_ax {
	background:url(/application/template/pc/h43/public/pc/img/20191218-bf1792e790a39.png) no-repeat center center #fff;
	background-size:40%40%
}
.fk_service_ax:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-f379809ce7aef.png) no-repeat center center #4f7cfc;
	background-size:40%40%;
	cursor:pointer
}
.fk_service_ax:hover .fk_service_ax_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_ax_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_dz {
	background:url(/application/template/pc/h43/public/pc/img/20191218-3d077e8df0bf0.png) no-repeat center center #fff;
	background-size:50%50%
}
.fk_service_dz:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20191218-986a9393f3e9e.png) no-repeat center center #4f7cfc;
	background-size:50%50%;
	cursor:pointer
}
.fk_service_dz:hover .fk_service_dz_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_dz_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
@media screen and (max-width:1221px) {
	.wapnone {
	display:none
}
}.fk_service_zmkiqp {
	z-index:555;
	background:url(/application/template/pc/h43/public/pc/img/20200211-efbcc3deadd01.png) no-repeat center center #fff;
	background-size:50%50%
}
.fk_service_zmkiqp:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20200211-4275b242ddda3.png) no-repeat center center #4f7cfc;
	background-size:50%50%;
	cursor:pointer
}
.fk_service_zmkiqp:hover .fk_service_zmkiqp_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_zmkiqp_cont {
	width:100px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service_zmkiah {
	z-index:555;
	background:url(/application/template/pc/h43/public/pc/img/20200209-8bab92321b7d9.png) no-repeat center center #fff;
	background-size:50%
}
.fk_service_zmkiah:hover {
	border:0;
	background:url(/application/template/pc/h43/public/pc/img/20200209-838b4c0ed71c3.png) no-repeat center center #4f7cfc;
	background-size:50%;
	cursor:pointer
}
.fk_service_zmkiah:hover .fk_service_zmkiah_cont {
	display:block;
	opacity:1;
	transition:linear .2s;
	animation-name:fade-in;
	animation-duration:.3s;
	animation-iteration-count:1;
	animation-delay:0s
}
.fk_service_zmkiah_cont {
	width:264px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:5px;
	right:62px;
	text-align:center;
	position:absolute;
	display:none;
	border:1px solid #e1e6ec
}
.fk_service {
	max-height:232px;
	position:fixed;
	right:10px;
	top:50%;
	font-size:14px;
	color:#243558
}  

.fk_service_gongnengward {
    z-index: 555;
    background: url(/application/template/pc/h43/public/pc/img/gongneng.png) no-repeat center center #fff;
    background-size: 50%
}.fk_service_gongnengward:hover {
    border: 0;
    background: url(/application/template/pc/h43/public/pc/img/gongneng-1.png) no-repeat center center #4f7cfc;
    background-size: 50%;
    cursor: pointer   
}

/*文字闪烁*/
.wzss {
    animation: change 1s linear 0s infinite;
}
@keyframes change{
    0% {
    color: #ff00f9;
    }
    25% {
        color: #ff0000;
    }
    50% {
        color: #0572c8;
    }
    75% {
        color: #00fc00;
    }
    100% {
        color: #ff8600;
    }
}
/*文字闪烁*/



/*幻彩特效*/
.alert-dark{background-color:#f0f4ff;color:#0e3686;}
.type_icont_2{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:none;}
.description-17codesign{display:inline-block;font-size:12px;line-height:24px;color:#6b798e;}
@keyframes mymove{0%{background-position:0% 0%;}50%{background-position:50% 100%;}100%{background-position:100% 0%;}}
.alert-dark {
    background-color: #f0f4ff;
    color: #0e3686;
}
.type_icont_1 {
    background: linear-gradient(90deg, #ffc107, #ff7365, #ff82ea, #ffc107);
    background-size: 1400% 300%;
    animation: mymove 10s ease infinite;
    -webkit-animation: mymove 10s ease infinite;
    -moz-animation: mymove 10s ease infinite;
    color: #fff;
    border: none;
    display: inline-block;
    height: 100%;
    line-height: 21px;
    border: 0px solid #ffffff;
    padding: 0 10px;
    border-radius: 13px;
    transition: all 0.3s ease;
    border-color: #ff8a00;
    margin-top: 6px;
	margin-right: 18px;
}

/*幻彩特效*/


/*文字广告*/
.zzggg {
	width:100%;
	overflow:hidden;
	display:block;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
}
.zzggg a {
    width: calc(25% - 4px);
    float: left;
    line-height: 30px;
	border-radius:10px;
	height:35.35px;
	text-align:center;
	font-size:15px;
	color:#2049bd;
	display:inline-block;
	transition-duration:.3s;
	background: #EEF0F4;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;
}
.zzggg a:hover {
	background:#fbfbfb;
	color:#333;
}
@media (max-width: 520px){.zzggg a {width: calc(49% - 4px);}}

@media screen and (min-width: 961px) {.zzggg a {width: calc(10.3% - 4px);}}




/*文字广告*/





/*分类目录*/
.flml {
	width:100%;
	overflow:hidden;
	display:block;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
}
.flml a {
	width:23.4%;
	float:left;
	border-radius:10px;
	line-height:35.35px;
	height:35.35px;
	text-align:center;
	font-size:15px;
	color:#333;
	display:inline-block;
	margin:2.7px;
	transition-duration:.3s;
	background: #EEF0F4;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;
}



.flml a:hover {
	background:#fbfbfb;
	color:#333;
}

@media screen and (max-width:1000px) {
	.flml a {
	width:47.96%;
	float:left;
	border-radius:2px;
	line-height:35.35px;
	height:35.35px;
	text-align:center;
	font-size:14px;
	color:#333;
	display:inline-block;
	background-color:rgb(255,153,159);
	margin:2.5px;
	transition-duration:.3s;
	background: #EEF0F4;
    box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;
}
}


/*分类目录*/








/*8图广告*/


			.index-ad.imglist {
			background: #fff;
			padding: 10px 10px 0;
			box-sizing: border-box;
			margin-top: 10px;
		}
		.index-ad.imglist li {
			width: 205px;
			float: left;
			margin: 0 10px 10px 0;
			overflow: hidden;
			border-radius: 10px;
			display: block;
			height: 120px;
		}
		.index-ad.imglist li:nth-child(6n) {
			float: right;
			margin-right: 0;
		}	
		.index-ad.imglist li a, .index-ad.imglist li img {
			height: 120px;
			width: 100%;
			transition: all .1s;
		}
		
		.index-ad a:last-child {
			margin-bottom: 0;
		}
		
		@media screen and (max-width: 800px){
		
			.index-ad.imglist li {
				width: 32%;
				margin: 0 2% 2% 0;
				height: 60px;
			}
			.index-ad.imglist li:nth-child(3n) {
				float: right;
				margin-right: 0;
			}
			.index-ad.imglist li a, .index-ad.imglist li img {
				height: 3.7rem;
			}

		}

/*8图广告*/


/*手机底部导航*/
.bottommeun60 {overflow: hidden;height:60px;}
.bottommeun{width:100%;position:fixed;height:60px;bottom:0;z-index: 9999;box-sizing: border-box;}
.bottommeun ul li{float:left;text-align: center;box-sizing: border-box;position: relative;}
.bottommeun .bmnum3 li{width:16.5%;}
.bottommeun .bmnum4 li{width:16.5%;}
.bottommeun ul li a{background: #ffffff;font-size:13px;border-right:1px solid #f2f2f2;border-top:1px solid #f2f2f2;text-decoration: none;color:#333333;display: block;height:60px;padding-top:9px;overflow: hidden;cursor:pointer;box-sizing: border-box;}
.bottommeun ul li:last-child a{border-right:0;}
.bottommeun ul li a i{font-size: 20px;margin-bottom:5px;display: block;color:#333333;}
/**==二级==**/
.bottommeun ul li ul{position:absolute;bottom:60px;left:0;right:0;width:100%;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);display: none;}
.bottommeun ul li ul li{width:100%!important;} 
.bottommeun ul li ul li a{display: block;height:auto!important;line-height: 36px;border-top:1px solid #f2f2f2;border-right:0;padding:0;background: #ffffff;color:#333333;}
.bottommeun ul li ul li:first-child a{border-top:0;} 
/**==触发==**/
.bottommeun ul li a:hover , .bottommeun ul li a.bmh{background: #f2f2f2;color:#444444;}
.bottommeun ul li a:hover i , .bottommeun ul li a.bmh i{color:#444444;}
.bottommeun ul li ul li a:hover , .bottommeun ul li ul li a.bmh{background: #f2f2f2!important;color:#444444!important;}
/*手机底部导航*/



/**wap导航隐藏浮动**/
.dnwu {display: none;}
/**wap导航1200px分辨率**/
@media (max-width:1200px){
.dnwu {display: block;}
.sjwu{display: none;}
}


.desc{overflow:hidden}
.desc img{max-width:100%;}
.site-tool{margin-top:20px}
.site-tool .site-tool-icon{color:#3598FF;padding-top: 20px;padding-bottom: 9px;}
.site-tool .site-tool-icon i{font-size:31px}
.site-tool a{width:114px;height:97px;text-align:center;border:1px solid #eee;display:inline-block;color: #797979;background: #EEF0F4;border-radius: 10px;box-shadow: 9.91px 9.91px 15px #d9dade, -9.91px -9.91px 15px #fff;}
.site-tool a:hover{border:1px solid #3598FF;}

/**流光幻彩字体**/
#liuguanghuancai{ font-size:15px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; animation: masked-animation 2s infinite linear; } @keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100%, 0; } }
/**流光幻彩字体**/



/**tools**/
            .toollist {
	margin-top:13px;
}
.toollist li {
	float:left;
	margin-right:13px;
	margin-top:13px;
	background:#d4d4d4;
	width:calc( ( 100% - ( 13.5px *
            2 ) ) / 3 );
border-radius: 15px 15px 15px 15px;         
}
.toollist li:nth-child(3n) {
	margin-right:0;
}
.toollist
            li:nth-child(1),.toollist li:nth-child(2),.toollist li:nth-child(3) {
	margin-top:0;
}
.toollist li a {
	padding:20px 35px;
	display:block;
}
.toollist li a:hover {
	background:#fdfdfd;
}
.toollist li a .img {
	float:left;
	width:70px;
	max-height:70px;
	border-radius:10px;
	overflow:hidden;
}
.toollist li a .info {
	margin-left:20px;
	width:calc(100% - 20px - 70px);
	float:left;
}
.toollist li a .info h3 {
	font-weight:bold;
	font-size:17px;
	color:#333;
	height:23px;
	overflow:hidden;
	line-height:23px;
}
.toollist li a .info .in {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	line-height:23px;
	font-size:14px;
	color:#868686;
	margin-top:10px;
	height:46px;
}
header {
	border-bottom:0;
}

/**tools**/




/**白云飘飘**/


.clouds_one {
	background:url("/tools/img/cloud_one.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	
}
.clouds_two {
	background:url("/tools/img/cloud_two.png");
    position: absolute;
    /* left: 0; */
    /* top: 0; */
    /* height: 100%; */
    /* width: 300%; */
    /* -webkit-animation: cloud_two 75s linear infinite; */
    -moz-animation: cloud_two 75s linear infinite;
    -o-animation: cloud_two 75s linear infinite;
    /* animation: cloud_two 75s linear infinite; */
    /* -webkit-transform: translate3d(0, 0, 0); */
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    /* transform: translate3d(0, 0, 0); */
}

.clouds_three {
	background:url("/tools/img/cloud_three.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


@-webkit-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #007fd5;
        color: #007fd5
    }
}

@-moz-keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #007fd5;
        color: #007fd5
    }
}

@keyframes sky_background {
    0% {
        background: #007fd5;
        color: #007fd5
    }

    50% {
        background: #000;
        color: #a3d9ff
    }

    100% {
        background: #007fd5;
        color: #007fd5
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_one {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@keyframes cloud_one {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_two {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@keyframes cloud_two {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}



/**白云飘飘**/












/**图片格子**/
.tuijianwe {
	display:none;
}
.random {
	display:none;
}
;}.tuijianwe {
	overflow:hidden;
	margin-top:10px;
	height:100px;
	border-radius:5px 5px 0 0;
	background-color:#f6f6f6;
	text-align:center;
}
.io-black-mode .tuijianwe {
	background-color:#2c2e2f;
}
.tuijianwe .tj {
	list-style:none;
}
.tuijianwe .tj li.first-one {
	margin-left:0;
}
.tuijianwe .tj li a:hover {
	background-color:#fff;
	color:#f80;
}
.tuijianwe .tj li a {
	float:left;
	display:block;
	overflow:hidden;
	margin:15px .78%;
	width:15.1%;
	height:70px;
	border-radius:5px;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:70px;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.random ul {
	margin-left:-50px;
	list-style:none;
}
.random ul li a {
	float:left;
	display:inline-block;
	overflow:hidden;
	width:16.665%;
	height:100px;
	color:#fff;
	text-decoration:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:100px;
	opacity:.75;
	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}
.io-black-mode .tuijianwe .tj li a:hover {
	background-color:#000000;
}
.random {
	overflow:hidden;
	height:300px;
	border-radius:0 0 5px 5px;
	box-shadow:0 26px 40px -24px rgba(0,36,100,0.25);
	text-align:center;
}
.random ul li a:hover {
	font-size:17px;
	opacity:1;
}
.random ul li .one {
	width:33.33%;
	height:300px;
	background:#e7eff4 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=1);
	background-size:cover;
}
.random ul li .two {
	width:33.33%;
	background:#faebd7 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=2);
	background-size:cover;
}
.random ul li .three {
	background:#f0f8ff url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=3);
	background-size:cover;
}
.random ul li .four {
	background:#faebd7 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=4);
	background-size:cover;
}
.random ul li .five {
	background:#f0f8ff url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=5);
	background-size:cover;
}
.random ul li .six {
	background:#faebd7 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=6);
	background-size:cover;
}
.random {
	margin-bottom:50px;
}
.random ul li .seven {
	width:33.33%;
	background:#f0f8ff url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=7);
	background-size:cover;
}
.random ul li .eight {
	width:33.33%;
	background:#faebd7 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=8);
	background-size:cover;
}
.random ul li .nine {
	background:#f0f8ff url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=9);
	background-size:cover;
}
.random ul li .ten {
	background:#faebd7 url(https://v.api.aa1.cn/api/bz-v3/?msg=美女&xh=10);
	background-size:cover;
}
@media (max-width: 520px){
 .tuijianwe {
    display: none;
}

/**图片格子**/


/**颜色格子**/
.yanse-1 {
	background-image: -webkit-linear-gradient(1365deg, #ff9800 24%, #e6b82f 96%)
}

.yanse-2 {
	background-image: -webkit-linear-gradient(1365deg, #000000 24%, #939393 96%)
}

.yanse-3 {
	background-image: -webkit-linear-gradient(1365deg, #E91E63 24%, #a01645 96%)
}

.yanse-4 {
	background-image: -webkit-linear-gradient(1365deg, #9C27B0 24%, #dc13fe 96%)
}

.yanse-5 {
	background-image: -webkit-linear-gradient(165deg, #3F51B5 24%, #4460ff 30%)
}

.yanse-6 {
	background-image: -webkit-linear-gradient(1365deg, #2196F3 24%, #0f5d9b 96%)
}

.yanse-7 {
	background-image: -webkit-linear-gradient(1365deg, #03A9F4 24%, #5c5c5c 96%)
}

.yanse-8 {
	background-image: -webkit-linear-gradient(242deg, #00BCD4 24%, #0acbe3 60%)
}

.yanse-9 {
	background-image: -webkit-linear-gradient(1365deg, #21b47c 24%, #00c7b4 96%)
}

.yanse-10 {
	background-image: -webkit-linear-gradient(1365deg, #4CAF50 24%, #2d7d31 96%)
}

.yanse-11 {
	background-image: -webkit-linear-gradient(1365deg, #64683a 24%, #828d11 96%)
}

.yanse-12 {
	background-image: -webkit-linear-gradient(1365deg, #FFC107 24%, #FF9800 96%)
}

.yanse-13 {
	background-image: -webkit-linear-gradient(1365deg, #FF5722 24%, #e6b82f 96%)
}

.yanse-14 {
	background-image: -webkit-linear-gradient(1365deg, #795548 24%, #795548 96%)
}

.yanse-15 {
	background-image: -webkit-linear-gradient(1365deg, #607D8B 24%, #9e9e9e 96%)
}
/**颜色格子**/

.nav-tan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
/*顶部弹出矩阵*/