/*top*/
.top {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    /*box-shadow: 0px 5px 8px 0px #eef0f2;*/
    height: 80px;
    background: #fff;
}

.top .logo {
    margin-top: 20px;
}

/*nav*/
#nav {
    height: 80px;
    width: 800px;
    float: right;
}

#nav ul>li {
    float: left;
    text-align: center;
    position: relative;
    line-height: 80px;
    padding: 0 18px;
    font-weight: 600;
    font-family: "PingFang SC";
}

#nav ul>li>a {
    display: block;
}

#nav ul>li.active>a {
    color: #0070ff;
}

#nav ul .submenu {
    position: absolute;
    top: 80px;
    z-index: 99;
    background: #fff;
    display: none;
    left: -30px;
    right: -30px;
    box-shadow: 0 5px 8px 0px #efefef;
}

#nav ul .submenu li a {
    display: block;
    line-height: 25px;
    padding: 12px 0;
}

#nav ul .submenu li a:hover {
    background: #EEF1F5;
}

#nav ul .submenu2 {
    left: -300px;
    right: -300px;
}

#nav ul .submenu2 .subtab1 {
    padding: 20px;
    overflow: hidden;
}

#nav ul .submenu2 dl {
    float: left;
    width: 31.3%;
    margin: 0 1%;
    text-align: left;
}

#nav ul .submenu2 dt {
    border-bottom: 1px solid #EDEEF2;
    font-size: 16px;
    display: inline-table;
}

#nav ul .submenu2 dl dd {
    line-height: 40px;
    font-weight: normal;
}

#nav ul .submenu2 dl dd img {
    margin-left: 4px;
}

.login {
    float: right;
    margin-top: 20px;
}

.login a {
    color: #0070FF;
    border: 1px solid #0070FF;
    border-radius: 2px;
    width: 78px;
    line-height: 38px;
    background: none;
    display: inline-block;
    text-align: center;
    margin-left: 20px;
}

.login a:last-child {
    width: 78px;
    line-height: 38px;
    background: #0070FF;
    border: 1px solid #0070FF;
    display: inline-block;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
}

.login a:hover {
    background: #393c41;
    border: 1px solid #393c41;
    color: #fff;
}

/*banner*/
.banner {
    margin-top: 80px;
}

.swiper-container {
    width: 100%;
    height: 518px;
}

.swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/*search*/
.search-box {
    line-height: 70px;
    height: px;
    position: relative;
    border-bottom: 1px solid #cacaca;
}

.search-box .link span {
    font-size: 16px;
    border-left: 2px solid #013c96;
    padding-left: 5px;
    font-weight: bold;
}

.search-box .link a {
    padding: 0 10px;
    color: #666;
    font-size: 16px;
}

.search-box .link a:hover {
    color: #0f449d;
    text-decoration: underline;
}

.search {
    margin-top: 16px;
}

.search .sousu {
    width: 210px;
    line-height: 40px;
    background: #f2f2f2;
    padding-left: 10px;
    padding-right: 10px;
    color: #666;
    border: none;
}

.search .sou-zi {
    background: url(../images/search-btn.html) no-repeat;
    border: none;
    cursor: pointer;
    width: 74px;
    height: 40px;
}

/*公共大标题*/
.index-title {
    line-height: 1.5;
    font-size: 30px;
    font-weight: bold;
}

/*banner下4大块*/
.fourarea {
    box-shadow: 0px 2px 12px 0px #eff2f6;
    background: #fff;
    padding: 30px 0;
    overflow: hidden;
}

.fourarea li {
    display: flex;
    align-items: center;
    width: 25%;
    float: left;
    justify-content: center;
}

.fourarea li img {
    margin-right: 10px;
}

.fourarea li strong {
    font-size: 18px;
    line-height: 1.5;
    display: block;
}

.fourarea li p {
    color: #98989B;
}

/*推广大师产品总览---------------------*/
.overview-tab1 {
    position: relative;
    background: #fff;
}

.overview-tab1:before {
    content: '';
    position: absolute;
    bottom: 130px;
    right: -150px;
    background: url(../images/bgico1.png) no-repeat;
    width: 218px;
    height: 224px;
    z-index: -1;
}

.overview-tab2:before {
    content: '';
    position: absolute;
    top: 70px;
    left: -120px;
    background: url(../images/bgico2.png) no-repeat;
    width: 178px;
    height: 174px;
    z-index: -1;
}

.overviewImg {
    position: absolute;
    right: 35px;
    top: 100px;
}

.overview-tab1 .tab1-txt {
    padding: 50px 30px 30px;
    border-bottom: 1px solid #E4E5EC;
}

.overview-tab1 .tab1-txt img {
    margin-right: 10px;
}

.overview-tab1 .tab1-txt h3 {
    color: #777;
    font-weight: bold;
    margin-bottom: 30px;
}

.overview-tab1 .tab1-txt h3 em {
    font-size: 20px;
    color: #333;
}

.overview-tab1 .tab1-txt h3 span {
    padding: 0 10px;
}

.overview-tab1 .tab1-list li a {
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 1.5;
}

.overview-tab1 .tab1-body strong {
    font-size: 16px;
}

.overview-tab1 .tab1-body p {
    color: #999;
}

.overview-tab1 .tab1-list li {
    padding: 8px 0;
    margin-top: 20px;
}

.overview-tab1 .tab1-list li i {
    display: block;
    background: url(../images/icon1.png) no-repeat;
    margin-right: 5px;
    width: 36px;
    height: 36px;
    background-size: 503%;
}

.overview-tab1 .tab1-list li i.i1 {
    background-position: 0 0;
}

.overview-tab1 .tab1-list li i.i2 {
    background-position: -30px 0;
}

.overview-tab1 .tab1-list li i.i3 {
    background-position: -60px 0;
}

.overview-tab1 .tab1-list li i.i4 {
    background-position: -90px 0;
}

.overview-tab1 .tab1-list li i.i5 {
    background-position: -120px 0;
}

.overview-tab1 .tab1-list li i.i6 {
    background-position: -150px 0;
}

.overview-tab1 .tab1-list li i.i7 {
    background-position: 0 -30px;
}

.overview-tab1 .tab1-list li i.i8 {
    background-position: -30px -30px;
}

.overview-tab1 .tab1-list li i.i9 {
    background-position: -60px -30px;
}

.overview-tab1 .tab1-list li i.i10 {
    background-position: -90px -30px;
}

.overview-tab1 .tab1-list li i.i11 {
    background-position: -120px -30px;
}

.overview-tab1 .tab1-list li i.i12 {
    background-position: -150px -30px;
}

.overview-tab1 .tab1-list li:hover {
    background: #f2f5f8;
    border-radius: 2px;
}

.tab1-contact {
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab1-contact .tab1-ctleft {
    display: flex;
    align-items: center;
}

.tab1-contact .tab1-ctleft img {
    margin-right: 30px;
}

.tab1-contact .tab1-ctleft a {
    color: #FF9900;
}

.tab1-contact .tab1-ctleft strong {
    font-size: 25px;
}

.tab1-contact .tab1-ctright a {
    width: 138px;
    line-height: 48px;
    background: #0070FF;
    border: 1px solid #0070FF;
    display: inline-block;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-left: 30px;
}

.tab1-contact .tab1-ctright a:last-child {
    color: #0070FF;
    border: 1px solid #0070FF;
    border-radius: 2px;
    width: 138px;
    line-height: 48px;
    background: none;
}

.tab1-contact .tab1-ctright a:hover {
    background: #393c41;
    border: 1px solid #393c41;
    color: #fff;
}

/*企微助手*/
.overview-tab1 .tab2-list li i.i1 {
    background-position: 0 -60px;
}

.overview-tab1 .tab2-list li i.i2 {
    background-position: -30px -60px;
}

.overview-tab1 .tab2-list li i.i3 {
    background-position: -60px -60px;
}

.overview-tab1 .tab2-list li i.i4 {
    background-position: -90px -60px;
}

.overview-tab1 .tab2-list li i.i5 {
    background-position: -120px -60px;
}

.overview-tab1 .tab2-list li i.i6 {
    background-position: -150px -60px;
}

/*店铺助手*/
.overview-tab1 .tab3-list img {
    margin: 0;
}

.overview-tab1 .tab3-list li a {
    display: block;
    text-align: center;
    font-size: 17px;
    padding: 20px 0;
}

.overview-tab1 .tab3-list li a p {
    margin-top: 15px;
}

/*建群精灵*/
.overview-tab1 .tab4-list li i.i1 {
    background-position: 3px -90px;
}

.overview-tab1 .tab4-list li i.i2 {
    background-position: -28px -90px;
}

.overview-tab1 .tab4-list li i.i3 {
    background-position: -60px -90px;
}

.overview-tab1 .tab4-list li i.i4 {
    background-position: -90px -90px;
}

.overview-tab1 .tab4-list li i.i5 {
    background-position: -120px -90px;
}

.overview-tab1 .tab4-list li i.i6 {
    background-position: -150px -90px;
}

/*最新微信私域增长动态---------------------*/
.dynamic-tit {
    background: url(../images/news-tit1.png) no-repeat;
    line-height: 100px;
    padding: 0 15px 0 30px;
    height: 100px;
}

.dynamic-tit a {
    float: right;
}

.dynamic-tit span {
    font-size: 30px;
}

.dynamic-list {
    background: #fff;
    overflow: hidden;
    padding: 20px;
}

.dynamic li {
    margin-top: 20px;
}

.dynamic li a {
    margin: 0 10px;
    display: flex;
    background: #f6f9fb;
    padding: 15px;
    align-items: center;
}

.dynamic li .tleft {
    background: url(../images/newsdate.jpg) no-repeat;
    width: 80px;
    padding: 8px 6px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}

.dynamic li .tleft strong {
    font-size: 28px;
}

.dynamic li .tleft p {
    border-top: 1px solid #fff;
    font-size: 13px;
}

.dynamic li .tright strong {
    font-size: 18px;
}

.dynamic li .tright p {
    color: #777;
    line-height: 24px;
}

/*为什么选择我们?*/
.choose-list li {
    margin-top: 30px;
}

.choose-list li .choose-box {
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0px 2px 12px 0px #eff2f6;
    padding: 25px 30px;
    min-height: 162px;
    box-sizing: border-box;
}

.choose-list li .choose-box img {
    margin-right: 30px;
}

.choose-list li .choose-box strong {
    font-size: 16px;
}

.choose-list li .choose-box p {
    color: #9E9EA5;
}

/*他们都在用推广大师*/
div.use {
    background: #fff;
    box-shadow: 0px 2px 12px 0px #eff2f6;
    padding: 70px 40px;
    box-sizing: border-box;
}

/* .use li img{border:1px solid #efefef;} */
/*footer---------------------*/
#footer {
    background: #393c41;
}

.foot {
    padding: 50px 0;
    overflow: hidden;
}

.foot-left {
    width: 300px;
    float: left;
}

.foot-left strong {
    display: block;
    font-size: 16px;
    color: #C4C4C4;
    margin: 10px 0;
}

.foot-left .foot-nav a {
    color: #C4C4C4;
    padding: 0 10px;
}

.foot-left .foot-nav a:first-child {
    padding-left: 0;
}

.foot-left p {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
}

.foot-left p img {
    padding-right: 10px;
}

.foot-right {
    width: 880px;
    float: right;
}

.foot-tt a {
    line-height: 30px;
    background: #4E535B;
    color: #fff;
    padding: 14px 10px;
    margin: 0 8px;
}

.foot-right .foot-dl dl {
    float: left;
    margin-right: 65px;
}

.foot-right .foot-dl dl dt {
    font-size: 16px;
    color: #fff;
    margin: 30px 0 10px;
    ;
}

.foot-right .foot-dl dl dd a {
    color: #C4C4C4;
    line-height: 42px;
}

#footer a:hover {
    color: #fff;
}

.copyright {
    border-top: 1px solid #707070;
    padding: 20px 0;
    color: #C4C4C4;
    text-align: center;
}

.copyright span {
    padding: 0 10px;
}

/*在线客服*/
.kefu-fix {
    position: fixed;
    top: 50%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    right: 30px;
    box-shadow: 0px 5px 18px 0px #ececec;
    z-index: 10001;
}

.kefu-fix .kf-pic {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 100%;
    margin: -50px auto 10px;
    padding: 10px;
    box-sizing: border-box;
}

.kefu-fix .kf-cont strong {
    font-size: 20px;
    display: block;
}

.kefu-fix .kf-cont p {
    color: #777;
}

.kefu-fix .kf-cont strong em,
.kefu-fix .kf-cont p em {
    color: #1965EB;
}

.kefu-fix .kf-cont span {
    display: block;
    color: #1965EB;
}

/*公众号页面---------------------------------------------*/
.broad {
    line-height: 40px;
    background: #DFEBFF;
    color: #6D6D85;
    text-align: center;
}

.broad a {
    color: #1965eb;
}

.broad a:hover {
    color: #f00;
}

/*做微信营销，找推广大师*/
.application-title h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}

.application-title p {
    color: #98989B;
}

.appli-list .appli-item {
    margin: 0 26px;
    background: #fff;
    box-shadow: 0px 5px 8px 0px #eef0f2;
}

.appli-list .appli-tt {
    background: url(../images/appli-tit1.png) no-repeat;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
}

.appli-list .appli-tt2 {
    background: url(../images/appli-tit2.png) no-repeat;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
}

.appli-list .appli-tt3 {
    background: url(../images/appli-tit3.png) no-repeat;
    line-height: 80px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
}

.appli-list a,
.appli-list .appli-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.appli-list li {
    margin-top: 8px;
}

.appli-list li i {
    display: block;
    background: url(../images/icon3.png) no-repeat;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-size: 520%;
}

.appli-list li i.i1 {
    background-position: 0 0;
}

.appli-list li i.i2 {
    background-position: -40px 0;
}

.appli-list li i.i3 {
    background-position: -80px 0;
}

.appli-list li i.i4 {
    background-position: -120px 0;
}

.appli-list li i.i5 {
    background-position: 0 -40px;
}

.appli-list li i.i6 {
    background-position: -40px -40px;
}

.appli-list li i.i7 {
    background-position: -80px -40px;
}

.appli-list li i.i8 {
    background-position: -120px -40px;
}

.appli-list li i.i9 {
    background-position: 0 -80px;
}

.appli-list li i.i10 {
    background-position: -40px -80px;
}

.appli-list li i.i11 {
    background-position: -80px -80px;
}

.appli-list li i.i12 {
    background-position: -120px -80px;
}

.appli-list li a {
    padding: 15px 20px;
}

.appli-list li .app-text {
    color: #999;
    line-height: 1.5;
}

.appli-list li .app-text strong {
    display: block;
    font-size: 16px;
    color: #333;
}

.appli-list li .appli-more {
    border-radius: 5px;
    line-height: 30px;
    background: #fff;
    padding: 0 10px;
}

.appli-list li a:hover {
    background: #EEF2F6;
}

.appli-list li a:hover .appli-more {
    display: block;
}

/*任务宝 · 公众号涨粉裂变工具*/
.gzh-wrap {
    background: #f8fafd;
    padding: 90px 0;
    overflow: hidden;
}

.gzh-wrap2 {
    background: none;
    padding: 0;
}

.gzh-wrap-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gzh-txt li {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.gzh-txt li div strong {
    font-size: 20px;
}

.gzh-txt li div p {
    color: #999;
}

.gzh-txt li i {
    display: block;
    background: url(../images/icon3.png) no-repeat;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background-size: 520%;
}

.gzh-txt li i.i1 {
    background-position: 0 -150px;
}

.gzh-txt li i.i2 {
    background-position: -50px -150px;
}

.gzh-txt li i.i3 {
    background-position: -100px -150px;
}

.gzh-txt li i.i4 {
    background-position: -150px -150px;
}

.gzh-txt li i.i5 {
    background-position: 0 -195px;
}

.gzh-txt li i.i6 {
    background-position: -50px -195px;
}

.gzh-txt li i.i7 {
    background-position: -100px -195px;
}

.gzh-txt li i.i8 {
    background-position: -150px -195px;
}

.gzh-txt li i.i9 {
    background-position: 0 -245px;
}

.gzh-txt li i.i10 {
    background-position: -50px -245px;
}

.gzh-txt li i.i11 {
    background-position: -100px -245px;
}

.gzh-txt li i.i12 {
    background-position: -150px -245px;
}

.gzh-txt li i.i13 {
    background-position: 0 -295px;
}

.gzh-txt li i.i14 {
    background-position: -50px -295px;
}

.gzh-txt li i.i15 {
    background-position: -100px -295px;
}

.gzh-txt li i.i16 {
    background-position: -150px -295px;
}

.gzh-more a {
    width: 148px;
    line-height: 48px;
    background: #0070FF;
    border: 1px solid #0070FF;
    display: inline-block;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-right: 30px;
    margin-top: 40px;
}

.gzh-more a:last-child {
    color: #0070FF;
    border: 1px solid #0070FF;
    border-radius: 8px;
    width: 138px;
    line-height: 48px;
    background: none;
}

.gzh-more a:hover {
    background: #393c41;
    border: 1px solid #393c41;
    color: #fff;
}

.choose2 {
    background: url(../images/bg1.png) no-repeat;
    padding: 90px 0;
    overflow: hidden;
}

div.use {
    box-shadow: none;
    padding: 0;
    overflow: hidden;
    padding: 70px 0;
}

/*现在立刻免费试用*/
.fbtn {
    background: url(../images/bg2.png) top center no-repeat;
    padding: 50px 0;
    color: #fff;
}

.fbtn2 {
    background: url(../images/bg4.png) top center no-repeat;
}

.fbtn strong {
    font-size: 28px;
    line-height: 1.5;
    display: block;
    text-align: center;
}

.fbtn a {
    font-size: 14px;
    line-height: 40px;
    width: 140px;
    margin: 20px auto 0;
    text-align: center;
    color: #154BDE;
    border-radius: 5px;
    background: #fff;
    display: block;
}

.fbtn a:hover {
    background: #393c41;
    color: #fff;
}

/*建群精灵---------------------------------------------*/
.fourarea2 {
    background: #F5F8FA;
    padding: 30px 0;
    overflow: hidden;
}

.fourarea2 i {
    display: block;
    background: url(../images/icon2.png) no-repeat;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-size: 600%;
}

.fourarea2 i.i1 {
    background-position: 0 0;
}

.fourarea2 i.i2 {
    background-position: -50px 0;
}

.fourarea2 i.i3 {
    background-position: -100px 0;
}

.fourarea2 i.i4 {
    background-position: -150px 0;
}

.gzh-txt h6 {
    font-size: 30px;
    color: #3379EB;
    font-weight: bold;
}

.gzh-wrap3 {
    padding: 40px 0 0;
}

.gzh-txt2 li {
    display: flex;
    align-items: start;
    margin-top: 40px;
    line-height: 1;
}

.gzh-txt2 li i {
    display: block;
    background: url(../images/icon2.png) no-repeat;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-size: 550%;
}

.gzh-txt2 li div {
    margin-top: 3px;
}

.gzh-txt2 li div strong {
    font-size: 20px;
    line-height: 1;
}

.gzh-txt2 li div p {
    color: #999;
    line-height: 2;
    margin-top: 15px;
}

.gzh-txt li i.i01 {
    background-position: 5px -25px;
}

.gzh-txt li i.i02 {
    background-position: -25px -25px;
}

.gzh-txt li i.i03 {
    background-position: -53px -25px;
}

.gzh-txt li i.i04 {
    background-position: -82px -25px;
}

.gzh-txt li i.i05 {
    background-position: 5px -53px;
}

.gzh-txt li i.i06 {
    background-position: -25px -53px;
}

.gzh-txt li i.i07 {
    background-position: -53px -53px;
}

.gzh-txt li i.i08 {
    background-position: 5px -82px;
}

.gzh-txt li i.i09 {
    background-position: -25px -82px;
}

.gzh-txt li i.i010 {
    background-position: -53px -82px;
}

.jianqun-list li .jianqun-box img {
    width: 100%;
    height: 510px;
}

.jianqun-list li .jianqun-box p {
    background: url(../images/rightarrow.png) no-repeat;
    background-size: 100% 40px;
    color: #fff;
    line-height: 40px;
    padding: 0 10px;
    margin-top: 20px;
}

.qunliao {
    background: url(../images/bg3.png) top center no-repeat;
    padding: 70px 0;
}

.qunliao li {
    text-align: center;
    margin-top: 60px;
}

.qunliao li strong {
    font-size: 32px;
    line-height: 1.5;
    font-weight: normal;
    display: flex;
    align-items: end;
    justify-content: center;
}

.qunliao li strong em {
    color: #0070ff;
    font-size: 18px;
}

.qunliao li p {
    font-size: 16px;
    color: #666;
}

/*企微助手---------------------------------------------*/
.fourarea3 {
    background: #F8FAFD;
    padding: 30px 0;
    overflow: hidden;
}

.fourarea3 i {
    display: block;
    background: url(../images/qiwei.png) no-repeat;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}

.fourarea3 i.i1 {
    background-position: 0 0;
}

.fourarea3 i.i2 {
    background-position: -70px 0;
}

.fourarea3 i.i3 {
    background-position: -140px 0;
}

.fourarea3 i.i4 {
    background-position: -210px 0;
}

.qiwei-text strong {
    font-size: 30px;
    display: block;
    font-weight: 400;
}

.qiwei-text p {
    font-size: 16px;
    color: #999;
}

.qiwei-wrap li i {
    display: block;
    background: url(../images/qiwei.png) no-repeat;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-size: 700%;
}

.qiwei-wrap li i.qiwei1 {
    background-position: 0 -36px;
}

.qiwei-wrap li i.qiwei2 {
    background-position: -36px -36px;
}

.qiwei-wrap li i.qiwei3 {
    background-position: -72px -36px;
}

.qiwei-wrap li i.qiwei4 {
    background-position: -108px -36px;
}

.qiwei-wrap li i.qiwei5 {
    background-position: 0 -72px;
}

.qiwei-wrap li i.qiwei6 {
    background-position: -36px -72px;
}

.qiwei-wrap li i.qiwei7 {
    background-position: -72px -72px;
}

.qiwei-wrap li i.qiwei8 {
    background-position: -108px -72px;
}

.qiwei-wrap li i.qiwei9 {
    background-position: 0 -108px;
}

.qiwei-wrap li i.qiwei10 {
    background-position: -36px -108px;
}

.qiwei-wrap li i.qiwei11 {
    background-position: -72px -108px;
}

.qiwei-wrap li i.qiwei12 {
    background-position: -108px -108px;
}

/*构建多层级客户运营体系*/
.qiweiTab .tab-items {
    border-bottom: 2px solid #e1e1e1;
    overflow: hidden;
}

.qiweiTab .tab-items i {
    display: block;
    background: url(../images/qiwei.png) no-repeat;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-size: 700%;
    margin: 15px auto;
}

.qiweiTab .tab-items i.qiweiTab-i1 {
    background-position: 0 -140px;
}

.qiweiTab .tab-items i.qiweiTab-i2 {
    background-position: -36px -140px;
}

.qiweiTab .tab-items i.qiweiTab-i3 {
    background-position: -72px -140px;
}

.qiweiTab .tab-items i.qiweiTab-i4 {
    background-position: -108px -140px;
}

.qiweiTab .tab-items i.qiweiTab-i5 {
    background-position: 0 -180px;
}

.qiweiTab .tab-items i.qiweiTab-i6 {
    background-position: -36px -180px;
}

.qiweiTab .tab-items strong {
    font-size: 20px;
    display: block;
}

.qiweiTab .tab-items p {
    color: #999;
}

.qiweiTab .tab-items li {
    width: 16.66%;
    float: left;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
}

.qiweiTab .tab-items li.active {
    border-bottom: 4px solid #0070ff;
}

.qiweiTab .tab-items li.active strong {
    color: #0070ff;
}

.qiweiTab .tab-items li.active p {
    color: #0070ff;
}

.qiweiTab-cont {
    box-shadow: 0px 5px 14px 2px #eef0f2;
    padding: 30px;
}

.qiweiTab-cont li i {
    display: block;
    background: url(../images/qiwei.png) no-repeat;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background-size: 700%;
}

.qiweiTab-cont li i.qiwei-cont-i1 {
    background-position: 0 -215px;
}

.qiweiTab-cont li i.qiwei-cont-i2 {
    background-position: -36px -215px;
}

.qiweiTab-cont li i.qiwei-cont-i3 {
    background-position: -72px -215px;
}

.qiweiTab-cont li i.qiwei-cont-i4 {
    background-position: -108px -215px;
}

.qiweiTab-cont li i.qiwei-cont-i5 {
    background-position: 0 -250px;
}

.qiweiTab-cont li i.qiwei-cont-i6 {
    background-position: -36px -250px;
}

.qiweiTab-cont li i.qiwei-cont-i7 {
    background-position: -72px -250px;
}

.qiweiTab-cont li i.qiwei-cont-i8 {
    background-position: -108px -250px;
}

.qiweiTab-cont li i.qiwei-cont-i9 {
    background-position: 0 -290px;
}

.qiweiTab-cont li i.qiwei-cont-i10 {
    background-position: -36px -288px;
}

.qiweiTab-cont li i.qiwei-cont-i11 {
    background-position: -72px -290px;
}

.qiweiTab-cont li i.qiwei-cont-i12 {
    background-position: -108px -290px;
}

.qiweiTab-cont li i.qiwei-cont-i13 {
    background-position: 0 -325px;
}

.qiweiTab-cont li i.qiwei-cont-i14 {
    background-position: -36px -325px;
}

.qiweiTab-cont li i.qiwei-cont-i15 {
    background-position: -72px -325px;
}

.qiweiTab-cont li i.qiwei-cont-i16 {
    background-position: -108px -325px;
}

.qiweiTab-cont li i.qiwei-cont-i17 {
    background-position: 0 -360px;
}

.qiweiTab-cont li i.qiwei-cont-i18 {
    background-position: -36px -360px;
}

.qiweiTab-cont li i.qiwei-cont-i19 {
    background-position: -72px -360px;
}

.qiweiTab-cont li i.qiwei-cont-i20 {
    background-position: -108px -360px;
}

.qiweiTab-cont li i.qiwei-cont-i21 {
    background-position: 0 -395px;
}

.qiweiTab-cont li i.qiwei-cont-i22 {
    background-position: -36px -395px;
}

.qiweiTab-cont li i.qiwei-cont-i23 {
    background-position: -72px -395px;
}

.qiweiTab-cont li i.qiwei-cont-i24 {
    background-position: -108px -395px;
}

.ad-new-year {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: none;
}

.ad-box {
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.ad-box>div {
    width: 447px;
    height: 175px;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    padding: 45px 40px;
    border-radius: 10px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ad-left {
    display: -webkit-box;
    display: flex;
    text-align: left;
    font-size: 14px;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ad-left img {
    width: 60px;
    height: 60px;
}

.ad-left>div:first-of-type {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ad-left>div:nth-of-type(2) {
    font-size: 14px;
    text-align: left;
    /* margin-top: 20px; */
    color: #666;
    line-height: 25px;
}

.ad-text {
    text-align: left;
    font-size: 14px;
    padding: 6px;
    line-height: 22px;
    height: 48px;
}

/*首页广告图结束*/
.ad-box-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.ad-box-content {
    width: 550px;
    height: 250px;
    background: #Fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    padding: 45px 40px;
    border-radius: 10px;
}

.ad-left {
    display: -webkit-box;
    display: flex;
    text-align: left;
    font-size: 14px;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ad-left img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.ad-left>div:first-of-type {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ad-left>div:nth-of-type(2) {
    font-size: 14px;
    text-align: left;
    /* margin-top: 20px; */
    color: #666;
    line-height: 25px;
}

.ad-tet {
    text-align: left;
    font-size: 14px;
    padding: 6px;
    line-height: 22px;
    height: 48px;
}

.close-kf {
    animation: closeKf .5s ease-in-out forwards;
}

@keyframes closeKf {
    0% {
        transform: translate(-50%, -50%) scale(1.05)
    }

    35% {
        transform: translate(-50%, -50%) scale(0.5)
    }

    75% {
        left: 85%;
        top: 74%;
        transform: translate(-50%, -50%) scale(0.5)
    }

    100% {
        left: 85%;
        top: 74%;
        transform: translate(-50%, -50%) scale(0)
    }
}

.kf-dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99;
    font-size: 14px;
}

.kf-dialog .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.kf-dialog .kf-content-wrap {
    width: 612px;
    height: 350px;
    background: #2173fa;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-sizing: border-box;
    padding: 14px;
    z-index: 99
}

.kf-dialog .kf-content-wrap .kf-content {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 14px 28px 14px 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.kf-dialog .kf-content-wrap .kf-content .content-head {
    display: -webkit-box;
    display: flex;
}

.kf-dialog .kf-content-wrap .kf-content .content-head img {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    margin-right: 35px;
}

.kf-dialog .kf-content-wrap .kf-content .content-head div {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.kf-dialog .kf-content-wrap .kf-content .content-head div span {
    margin-bottom: 18px;
}

.kf-dialog .kf-content-wrap .kf-content .content-head div span i {
    color: #2173fa;
}

.kf-dialog .kf-content-wrap .kf-content .content-head div p {
    color: #2173fa;
}

.kf-dialog .kf-content-wrap .kf-content .content-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    margin-top: 44px;
    -webkit-box-align: end;
    align-items: flex-end;
}

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list {
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 44px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
}

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    color: #777;
    font-size: 14px;
}

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li span:last-of-type {
    width: 114px;
}

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li span:last-of-type i {
    color: #2173fa;
}

.kf-dialog .kf-content-wrap .kf-content .content-info img {
    width: 158px;
    height: 158px;
}