.index-box{width:100%;height:310px;background:url(../images/index-box-bg.jpg) center;background-size:cover;position:relative;margin-bottom:20px;}
.index-box::before{content:'';left:0;top:0;width:100%;height:410px;position:absolute}
.index-box .tit{text-align:center;padding:105px 0 0;color:#fff;z-index:99;position:relative}
.index-box .tit h2{font-size:28px;letter-spacing:5px}
.index-box .tit p{margin-top:5px;font-size:15px}
.index-box .search-box{width:760px;height:40px;margin:auto;background:rgba(255,255,255,.25);border-radius:40px;z-index:99;position:relative;padding:10px;margin-top:25px}
.index-box .search-box .txt{width:640px;height:40px;border:0;border-radius:40px 0 0 40px;text-indent:20px;background:#fff}
.index-box .search-box .iconfont{width:120px;height:40px;border:0;background:#007bf5;border-radius:0 40px 40px 0;color:#fff;float:right;cursor:pointer}
.
.index-ph {
 margin:100px 0 20px
}
.index-ph li {
 width:125px;
 float:left;
 height:130px;
 background:#fff;
 margin:0 21.8px 20px 0;
 border-radius:5px;
 transition:all .3s
}
.index-ph li:nth-child(9n) {
 margin-right:0;
 float:right
}
.index-ph li:hover {
 -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-ph li:hover img {
 transform:rotate(1turn)
}
.index-ph li .ico {
 width:70px;
 height:70px;
 display:block;
 margin:15px auto 10px;
 border:1px solid #f1f1f1;
 border-radius:40px;
 overflow:hidden
}
.index-ph li .ico img {
 width:90%;
 height:90%;
 padding:5%;
 transition:all 1s
}
.index-ph li h3 {
 text-align:center;
 font-size:15px;
 color:#666;
 font-weight:100
}
.index-ad li {
 float:left;
 overflow:hidden;
 height:70px;
 width:645px;
 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:" AD";
 width:35px;
 height:20px;
 background:rgba(0,122,245,.2);
 right:0;
 font-size:12px;
 bottom:0;
 color:#fff;
 border-radius:5px 0 0;
 line-height:20px;
 text-align:center
}
.index-main {
 margin-top:30px
}
.index-news {
 width:940px
}
.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:725px;
 background:#fff;
 border-radius:5px;
 padding:20px;
 box-sizing:border-box
}
.index-news-list ul {
 margin-top:10px
}
.index-news-list ul li {
 width:430px;
 float:left;
 line-height:30px;
 padding:10px;
 background:#fbfcfe;
 border-radius:30px 0 0 30px;
 margin-bottom:6.5px
}
.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(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),
.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(19),
.index-news-list ul li:nth-child(20) {
 background:#fff
}
.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:5px
}
.index-news-list ul li .tit {
 float:left;
 display:block;
 max-width:calc(100% - 160px);
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 position:relative
}
.index-news-list ul li font {
 float:left;
 padding:0 10px;
 font-size:12px;
 border-right:2px solid #f1f1f1;
 height:10px;
 line-height:10px;
 margin:10px 10px 0 0;
 color:#888
}
.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 .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
}
.index-news .page .current {
 background:#007bf5;
 color:#fff
}
.index-info {
 width:340px
}
.index-tool-banner {
 overflow:hidden;
 border-radius:5px
}
.index-tool-banner,
.index-tool-banner img {
 width:340px;
 height:135px
}
.index-tool-list {
 width:100%;
 border-radius:5px;
 background:#fff;
 padding:20px 10px 6px;
 box-sizing:border-box;
 margin-top:20px
}
.index-tool-list li {
 float:left;
 width:25%;
 text-align:center;
 line-height:35px
}
.index-tool-list li img {
 width:58px;
 height:58px;
 overflow:hidden;
 border-radius:15px;
 display:block;
 margin:auto;
 border:1px solid #f6f6f6
}
.index-info .r-list {
 border-radius:5px;
 background:#fff;
 padding:15px;
 margin-top:20px;
 min-height: 447px;
}
.index-info .r-list .bar {
 height:35px;
 border-bottom:1px solid #f3f3f3
}
.index-info .r-list .bar li {
 float:left;
 height:34px;
 padding:0 5px;
 margin-right:20px;
 cursor:pointer;
 font-size:16px;
 line-height:29px
}
.index-info .r-list .bar li.sel {
 border-bottom:2px solid #007bf5
}
.index-info .r-list .bd {
 display:none;
 margin-top:15px
}
.index-info .r-list .bd.sel {
 display:block
}
.index-info .r-list .order li {
 height:33px;
 line-height:33px
}
.index-info .r-list .order li a {
 width:100%;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 position:relative;
 font-size:14px;
 display:block
}
.index-info .r-list .order li:first-child a i {
 background:#007bf5;
 color:#fff
}
.index-info .r-list .order li:nth-child(2) a i {
 background:#389cff;
 color:#fff
}
.index-info .r-list .order li:nth-child(3) a i {
 background:#87c3ff;
 color:#fff
}
.index-info .r-list .order li:nth-child(4) a i {
 background:#bedfff;
 color:#fff
}
.index-info .r-list .order a i {
 display:inline-block;
 vertical-align:middle;
 font-style:normal;
 margin-right:5px;
 background:#f3f3f3;
 width:20px;
 text-align:center;
 border-radius:5px;
 color:#696969;
 font-size:12px;
 height:20px;
 line-height:20px;
 margin-top:-2px
}
.index-list .list-article,
.index-list .list-soft,
.index-list .list-cover{
 margin-top:30px
}
.index-list .list-article-main,
.index-list .list-soft-main,
.index-list .list-cover-main {
 border-radius:5px;
 padding:20px;
 box-sizing:border-box;
 background:#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-soft-tab .type {
 border-bottom:1px solid #f6f6f6
}
.list-article-tab .type a,
.list-soft-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-soft-tab .type .hover {
 color:#007bf5;
 border-bottom:3px solid #007bf5;
 height:40px
}
.list-soft-plate {
 height:385px;
 overflow:hidden
}
.article-plate,
.soft-plate {
 transition:all .4s;
 width:10000px
}
.hot-soft {
 transition:all .5s;
 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 {
 display:none
}
.list-article-plate .plate-list.ing,
.list-soft-plate .plate-list.ing {
 display:block
}
.list-soft-plate .plate-list ul {
 width:100%;
 margin:5px 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
}
.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:normal;
 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;
 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,
.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:first-child em {
 background:#fd6d3f;
 color:#fff
}
.hot-soft .plate-list li:nth-child(2) em {
 background:rgba(249,184,1,.88);
 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-cover-main ul{margin:10px 0}
.list-cover-main ul li{float:left;width:234px;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);}
.list-cover-main ul li:nth-child(5n){margin-right:0;float:right}
.list-cover-main ul li:nth-child(n+6){margin-bottom:0}
.list-cover-main ul li .img{width:234px;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;}
.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;}
.list-article-plate {
 overflow:hidden;
 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,
.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
}
.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:auto!important;
 text-overflow:clip;
 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;
 border-radius:5px;
 transition:all .5s;
 float:left
}
.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
}
.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
}
.index-quan .title {
 margin-top:30px
}
.index-quan .li-quan {
 margin-right:30px;
 width:410px;
 height:140px;
 display:inline-block;
 margin-bottom:25px;
 background-color:#fff;
 vertical-align:top;
 transition:all .3s;
 border-radius:5px;
 overflow:hidden
}
.index-quan .li-quan:nth-child(3n) {
 margin-right:0;
 float:right
}
.index-quan .li-quan:hover {
 -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
}
.index-quan .li-quan .picture-warpper .recommend-product {
 width:42px;
 height:42px;
 position:absolute;
 right:0;
 top:0;
 background:url(/content/images/recommend.png)
}
@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(/content/images/recommend@2x.png)
 }
}
.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 {
 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-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 {
 background:#fff;
 padding:20px;
 border-radius:5px
}
.index-link li a {
 color:#888
}
@media screen and (max-width:800px) {
	.index-link li {
	float:left!important;
	margin-right:15px!important;
	height:30px!important;
	line-height:30px!important;
	width:25%!important;
	margin:0!important;
	text-align:center!important;
}
}
@media screen and (max-width:800px) {
 .index-ad li {
  width:100%;
  margin:.5rem 0 0;
  height:50px
 }
 .index-ad li:nth-child(3n) {
  margin:.5rem 0 0;
  float:left
 }
 .index-ad li:nth-child(2n) {
  margin-right:0;
  float:right
 }
 .index-ph {
  /*! margin:75px 0 20px; */
 }
 .index-list .list-article,
 .index-list .list-soft,
 .index-main,
 .index-quan,
 index-list .list-article {
  margin-top:0px
 }
.index-list .list-article,
.index-list .list-soft{
   margin-top:12px; 
 }
   .index-list .list-cover{
 margin-top:12px
}
 .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;
  margin-bottom:5px
 }
 .index-news-list ul li:nth-child(2n) {
  border-radius:30px
 }
 .index-news-list ul {
  margin:0
 }
 .hot-soft,
 .index-info .r-list,
 .index-list .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-soft-tab .type {
  width:auto;
  overflow-x:scroll
 }
 .list-article-tab .type::-webkit-scrollbar,
 .list-soft-tab .type::-webkit-scrollbar {
  height:0
 }
 .list-article-tab .type a,
 .list-soft-tab .type a {
  white-space:nowrap;
  display:table-cell;
  padding:0 .5rem;
  font-size:14px
 }
 .list-article-plate .plate-list,
 .list-soft-plate .plate-list li {
  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-article-plate .fl li:nth-child(2) {
  margin:0;
  float:right
 }
 .list-article-plate .fl li:first-child,
 .list-article-plate .fl li:nth-child(2) {
  display:block
 }
 .list-article-plate .fl li .img {
  height:7rem
 }
 .list-article-plate .fr li {
  width:100%
 }
 .index-quan .li-quan {
  width:100%;
  margin-right:0;
  margin-bottom:2%;
  height:auto;
  border-radius:5px;
  overflow:hidden
 }
 .index-quan .li-quan .desc-wrap {
  width:calc(100% - 160px);
  padding:1.5rem .5rem 0 0
 }
 .index-box{background-size:cover}
.index-box,.index-box::before{height:20rem;margin-bottom:5px;}
.index-box .tit{padding-top:6rem}
.index-box .tit h2{font-size:1.5rem;letter-spacing:3px}
.index-box .tit p{font-size:1rem}
.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}
.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;}
 .index-tool-banner,
 .index-tool-banner img {
  width:100%!important;
  display: none;
 }
 .index-tool-list {
  margin:10px 0
 }
}
.sidebox {
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0 0 20px 0 rgb(44 101 144 / 10%);
	margin-top: 10px;
}

.bg-primary {
	content: " ";
	position: absolute;
	border-radius: 50%;
	background: #fc625d !important;
	width: 12px;
	height: 12px;
	box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
	float: right;
	right: 60px;
	top: 25px;
}

.post_top{
    border-bottom: 1px solid #e9eff4;
    width: 100%;
    margin-bottom: 20px;
}

.post_top .sidebox__title{
    padding: 0;
}
.post_no{
    height: 20px !important;
    padding-left: 1.5rem !important;
}


.sidebox__title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	width: 85%;
	padding: 0 10px;
	background-color: #fff;
	color: #364e65;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	border-radius: 5px;
	padding-left: 2.5rem;
}

.sidebox__title:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 26px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #007bf5;
}

.sidebox__title button {
	font-size: 12px;
	font-weight: 400;
	color: var(--bg-sfont);
}

.sidebox__title button:hover {
	color: var(--bg-afont);
}

.sidebox__ad {
	background-color: #fff;
	border-radius: 5px;
}

.sidebox__ad img {
	width: 100%;
}

.navtar_list {
	padding: 10px 20px !important;
}

.sidebox__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
    border-radius: 5px;
	align-items: flex-start;
	padding: 0 20px 9px;
    background-color: #fff;
	background-color: #fff;
}
.sidebox__job {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 10px;
	width: 100%;
}

.sidebox__job:last-child {
	margin-bottom: 0;
}

.sidebox__job-title {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	width: 100%;
}

.sidebox__job-title a {
	font-size: 14px;
	color: #364e65;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebox__job-title span {
    font-size: 12px;
	color: var(--bg-sfont);
	line-height: 1.5;
}

.sidebox__job-title a:hover {
	color: var(--bg-afont);
}

.sidebox__job-description {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 19px;
	color: var(--bg-sfont);
}

.sidebox__share {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: space-between;
	
	
	align-items: center;
	border-top: 6px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	padding: 10px 20px;
	height: 80px;
}

.sidebox__share span {
	font-size: 14px;
	font-weight: 400;
	color: #364e65;
}

.sidebox__share ul {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: row;
	
	
	justify-content: flex-start;
	
	
	align-items: center;
}

.sidebox__share ul li {
	margin-right: 15px;
}

.sidebox__share ul li:last-child {
	margin-right: 0;
}

.sidebox__share ul li.facebook a {
	color: #3b5999;
}

.sidebox__share ul li.instagram a {
	color: $clr2;
}

.sidebox__share ul li.instagram a i:before {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: $yellow;
}

.sidebox__share ul li.twitter a {
	color: #1da1f2;
}

.sidebox__share ul li.vk a {
	color: var(--bg-sfont);
}

.sidebox__share ul a {
	font-size: 12px;
	color: var(--bg-afont);
	letter-spacing: 0.4px;
}

.sidebox__share ul a:hover {
	color: var(--bg-afont);
}

.sidebox__apply {
	border: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	
	border-radius: 4px;
	padding: 20px;
}

.sidebox__faq {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	margin-bottom: 15px;
	width: 100%;
}

.sidebox__faq:last-child {
	margin-bottom: 0;
}

.sidebox__faq h5 {
	font-size: 15px;
	color: #364e65;
	font-weight: 600;
	line-height: 23px;
	margin-bottom: 7px;
}

.sidebox__faq p {
	margin-bottom: 0;
	font-size: 13px;
	line-height: 21px;
	color: var(--bg-sfont);
}

.sidebox__nav {
	
	
	display: flex;
	
	
	
	
	
	flex-direction: column;
	
	
	justify-content: flex-start;
	
	
	align-items: flex-start;
	padding: 20px;
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	background-color: #fff;
	
	border-radius: 0 0 4px 4px;
}

.sidebox__nav a {
	font-size: 14px;
	color: #364e65;
	position: relative;
}

.sidebox__nav a:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	
	border-radius: 50%;
	background-color: var(--bg-afont);
	pointer-events: none;
	left: 0;
	top: 50%;
	margin-top: -3px;
	opacity: 0;
	
	
	transition: 0.4s;
	
	box-shadow: 0 0 10px 0 rgba(55, 150, 246, 0.3);
}

.sidebox__nav a:hover,
.sidebox__nav a.active {
	color: var(--bg-afont);
}

.sidebox__nav a.active {
	padding-left: 15px;
}

.sidebox__nav a.active:before {
	opacity: 1;
}

.sidebox__nav li {
	margin-bottom: 10px;
}

.sidebox__nav li:last-child {
	margin-bottom: 0;
}

.sidebox__nav .filter__label {
	line-height: 100%;
}

.sidebox__search {
	background-color: #fff;
	padding: 20px;
	border-left: 1px solid rgba(133, 153, 171, 0.2);
	border-right: 1px solid rgba(133, 153, 171, 0.2);
	border-bottom: 1px solid rgba(133, 153, 171, 0.2);
	position: relative;
}

.sidebox__search button {
	position: absolute;
	height: 40px;
	color: var(--bg-sfont);
	font-size: 22px;
	top: 50%;
	margin-top: -20px;
	right: 35px;
	line-height: 42px;
}
.sidebox__job-title a em {
display:inline-block;
 vertical-align:middle;
 font-style:normal;
 margin-right:5px;
 background:#f3f3f3;
 width:20px;
 text-align:center;
 border-radius:5px;
 color:#696969;
 font-size:12px;
 height:20px;
 line-height:20px;
 margin-top:-2px;
}
.sidebox__job-title a:first-child em {
 background:#fd6d3f;
 color:#fff
}
.sidebox__job-title a:nth-child(2) em {
 background:rgba(249,184,1,.88);
 color:#fff
}
.sidebox__job-title a:nth-child(3) em {
 background:#88d87a;
 color:#fff
}
.sidebox__job-title a:nth-child(4) em {
 background:#5fafff;
 color:#fff
}
.sidebox__job-title a:nth-child(5) em {
 background:#cac9c9;
 color:#fff
}
.sidebox__search button:hover {
	color: var(--bg-afont);
}
@media screen and (max-width: 800px) {
	.sidebox--desk {
		display: none;
	}
}