@charset "utf-8";
/* CSS Document */

/*知识付费顶部图片*/
.top_banner{height: 370px;background-color: #3a3434;padding-left:8%;}
.top_banner .tab-text-header{margin-top: 110px;width:35%;}
.top_banner .tab-text-header span{margin: 10px 0;display: inline-block;}
.top_banner .main-header{color: #ffffff;}
.top_banner .main-header hr{background-color: #ffffff;width: 2px;height: 30px;text-align: left;margin: 6px 0 6px 2px;}
.top_banner .main-header .small-tit {font-weight: normal;font-size: 24px;}
.top_banner .main-header .text-tit{font-size: 30px;}
.top_banner .black-tit{color: #222222;}
.top_banner .black-tit hr{background-color: #222222;}
.banner05{background:url(../../image/sub/retail-knowledge/background7.png);background-repeat:no-repeat;background-position: center top;background-size: cover;}



.zhi1{
    width: 100%;
    height: 670px;
    background: #ffffff;
}
.wrap {
    width: 1200px;
	margin: 0 auto;
	position: relative;
}

.zhi1 h2{
    width: 100%;
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:28px;
    padding-top: 60px;
    box-sizing: border-box;
    margin: 0 auto 20px;
    text-align: center;
}
.zhi1 h3{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(102,102,102,1);
    line-height:16px;
    margin-bottom: 36px;
    text-align: center;
}
.zhi1-con{
    width: 100%;
    height: 100%;
}
.zhi1-1{
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zhi1-1:nth-of-type(2n+1){
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 115px;
}
.zhi1-list{
    width: 200px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:43px 25px 0;
    box-sizing: border-box;
    background: url("../../images/zhishi/m1-bg.png");
    background-size: 100%;
	cursor: pointer;
}

.zhi1-img{
    width: 72px;
    height: 72px;
}
.zhi1-title{
    margin: 22px 0 17px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(33,33,33,1);
    line-height:18px
}
.zhi1-dis{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(33,33,33,1);
    line-height:20px;
    text-align: center;
}
.huan{
    width: 32px;
    height: 32px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    border-radius:50%;
    margin-top: 11px;
}
.huan:hover{
	cursor: pointer;
}
.huan:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background:rgba(221,221,221,1);
    border-radius:50%;
    position: relative;
    top: 7px;
    left: 7px;
}
.hovers:after{
    background: #3131ED;
    z-index: 10;
}
.zhi1-line{
    position: absolute;
    top: 427px;
}
.zhi1-line .zhi1-img{
    width: 100%;
    height: 100%;
}
/* zhi2 */
.zhi2{
    width: 100%;
    min-height: 636px;
    background: url(../../image/sub/retail-knowledge/zhi2-bg.png) no-repeat center center;
}
.zhi2 h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
    padding-top: 61px;
    box-sizing: border-box;
    margin-bottom: 71px;
}
.zhi2-con{
    width: 100%;
    height: 100%;
    padding-left: 145px;
    box-sizing: border-box;
}
.zhi2-list{
    display: flex;
    align-items: center;
    margin-bottom: 47px;
}
.des p:nth-child(1){
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:18px;
    margin-bottom: 10px;
}
.des p:nth-child(2){
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:14px;
}
.des{
    margin-left: 9px;
}
.zhi3{
    width: 100%;
    height: 685px;
    background: #ffffff;
}
.zhi3 h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:28px;
    text-align: center;
    padding-top: 81px;
    box-sizing: border-box;
}
.zhi3-con{
    padding-left: 134px;
    margin-top: 25px;
}
.zhi3-img1{
    width: 274px;
    height: 496px;
    float: left;
    margin-right: 161px;
}
.zhi3-r{
    padding-top: 40px;
    box-sizing: border-box;
}
.zhi3-list{
    float: left;
    width: 540px;
    display: flex;
    margin-bottom: 46px;
    align-items: center;
}
.zhi3-img{
    margin-right: 15px;
    width: 44px;
    height: 44px;
}
.zhi3-des p:nth-child(1){
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:42px;
}
.zhi3-des p:nth-child(2){
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(34,34,34,1);
    line-height:28px;
}
.zhi4{
    width: 100%;
    min-height: 636px;
    background: url(../../image/sub/retail-knowledge/zhi4-bg.png) no-repeat center center;
}
.zhi4-con{
    margin-top: 123px;
}
.zhi6{
    margin-top: 20px;
}
.zhi6-img{
    width: 416px;
    height: 367px;
}
.zhi6-p2{
    font-size:14px!important;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(34,34,34,1)!important;
    line-height:22px;
}
.zhi6-p1{
    font-size:18px!important;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(34,34,34,1)!important;
    line-height:32px;
}
.box{
    width: 100%;
    height: 367px;
    padding: 0 15px;
}


.zhi6-title{
    margin-top: 15px;
}
.zhi7{
    width: 100%;
    height: 160px;
    background: #ffffff;
}
.zhi7-img{
    margin-right: 18px;
	border: 1px solid #e5e5e5;
}

.zhi7-img:last-child{
    margin-right: 0;
}

.mm6{
        height:579px;
        background: #fff;
    }
    .mm6x{
        text-align: center;
        width: 1200px;
        position: relative;
        margin:0 auto;
        padding-top:81px;
    }
    .mm6x h1{
        font-size: 27px;
        margin-bottom:32px;
        font-weight: normal;
    }
    .mm6x h2{
        font-size: 14px;
        margin-bottom:44px;
        font-weight: normal;
    }
    .box{
        position: relative;
        width: 1170px;
        overflow: hidden;
        height: 367px;
        left:-10px;
        /* box-shadow: 1px 0 24px 1px rgba(0,0,0,0.1); */
    }
    .Left{
        position: absolute;
        left: -80px;
        top:62%;
        font-size: 40px;
        font-family: Simsun;
        height: 31px;
        color: #398AEF;
        line-height: 31px;
        font-weight: bold;
        z-index: 10;
        user-select: none;
        cursor: pointer;
        width:64px;
        height:64px;
    }
    .Right{
        position: absolute;
        right:-60px;
        top:62%;
        font-size: 40px;
        font-family: Simsun;
        height: 31px;
        color: #398AEF;
        line-height: 31px;
        font-weight: bold;
        z-index: 10;
        user-select: none;
        cursor: pointer;
        width:64px;
        height:64px;
    }
    .list{
        width:4800px;
        height: 367px;
        overflow: hidden;
        position: relative;
        transition: 1s;
        transition-timing-function: linear
    }
    .libox{
        width:1200px;
        float: left;
        height: 367px;
        transition: 1s;
        cursor: pointer;
        background: #fff;
        transition-timing-function: linear;
    }
    .libox>ul img{
        width:100%;
        height:100%;
        margin-right:20px;
    }
    .libox ul{
        float: left;
        width: 416px;
        height: 367px;
        overflow: hidden;
    }


    .libox ol{
        height: 367px;
         padding:17px 31px 30px 43px; 
        box-sizing:border-box;
    }

.libox ol li:nth-of-type(2){
	padding-top:15px;
	font-weight: normal;
}

   
   
    .btn_list{
        position: absolute;
        width: 454px;
        right: 86px;
        bottom: 26px;
        height: 10px;
        z-index: 10;
        cursor: pointer;
    }
    .btn_list span{
        display: inline-block;
        width: 58px;

        height: 4px;
        background:#b6d8f7;
        margin: 0 1px;
        cursor: pointer;
    }
    .btn_list span:first-child{
        background:#078afe;
    }
    .btn_list span:hover{
        background:#078afe;
    }

/*内联样式迁移*/
.blue {color: #000947}
.bgBlue {background-color: #000947!important}