[ui-type="introduce"] .detail-box{
    bottom: 90px;
}
[ui-type="introduce"] .apply-box .buy{
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 10px;
}
[ui-type="product-nav"] .module-nav li{
    color: #000000;
    width: 25%;
    text-align: center;
    padding: 28px 0;
    font-size: 20px;
}
[ui-type="product-nav"] .module-nav li.current{
    color: #ffffff;
    background: #ec6941;
}
[ui-type="module-box"]{
    margin-top: 140px;
}
.product-nav{
    background: #ffffff;
    height: 140px;
    line-height: 140px;
    box-shadow: 0 3px 4px #cacae6;
}
.module-nav .icon{
    display: block;
    width: 41px;
    height: 41px;
    margin: 0 auto;
}
.module-nav .icon.hezuo_icon{
    background: url(../images/agent/bd_icon1.png) no-repeat;
    background-size: 100%;
}
.module-nav .icon.peixun_icon{
    background: url(../images/agent/bd_icon2.png) no-repeat;
    background-size: 100%;
}
.module-nav .icon.zhichi_icon{
    background: url(../images/agent/bd_icon3.png) no-repeat;
    background-size: 100%;
}
.module-nav .icon.zhengce_icon{
    background: url(../images/agent/bd_icon4.png) no-repeat;
    background-size: 100%;
}
.module-nav .current .icon.hezuo_icon{
    background: url(../images/agent/bd_icon1_on.png) no-repeat;
    background-size: 100%;
}
.module-nav .current .icon.peixun_icon{
    background: url(../images/agent/bd_icon2_on.png) no-repeat;
    background-size: 100%;
}
.module-nav .current .icon.zhichi_icon{
    background: url(../images/agent/bd_icon3_on.png) no-repeat;
    background-size: 100%;
}
.module-nav .current .icon.zhengce_icon{
    background: url(../images/agent/bd_icon4_on.png) no-repeat;
    background-size: 100%;
}
.reseller_leixingbg{ background:#ffffff; height:450px; padding:80px 0;min-width:1200px; color:#fff;}

.reseller_leixing h3 {
    color: rgb(102, 102, 102);
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}
.reseller_leixing .type-block {
    margin-top: 40px;
}
.reseller_leixing .type-block>li{
    box-shadow: 0px 0px 10px 0px rgba(65, 137, 236, 0.5);
}
.reseller_leixing .type-block li {
    width: 556px;
    height: 330px;
    background: #ffffff;
    padding: 30px 16px;
}
.reseller_leixing .type-block li h4{
    color: #333333;
    line-height: 36px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
.reseller_leixing .type-block p {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.reseller_leixing .type-icons li {
    width: 100px;
    height: 100px;
    background: none;
    float: left;
    text-align: center;
    padding: 30px 16px;
}
.reseller_leixing .type-icons .icon-wrap {
    display: inline-block;
    margin-top: 0;
    width: 64px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 64px;
    font-size: 14px;
    padding-top: 14px;
    border: 2px solid #4189ec;
}
.reseller_leixing .type-icons li p {
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.reseller_leixing .join-btn {
    display: block;
    width: 158px;
    height: 36px;
    line-height: 36px;
    background-color: rgb(16, 140, 238);
    color: rgb(255, 255, 255);
    cursor: pointer;
    border: none;
    outline: none;
    margin: 0px auto;
    text-align: center;
}
.train {
height: 518px;
box-sizing: border-box;
background: #f6f8fb
}

.train .container {
margin-top: 0;
padding-top: 80px
}
.train .container h3{
color: rgb(102, 102, 102);
text-align: center;
font-size: 14px;
line-height: 40px;
}
.train .container h3 span{
color: rgba(25,28,61,.5);
font-size: 14px;
line-height: 26px;
display: block;
font-family: PingFangSC-Regular;
}
.sidebar .sidebar-item.active {
background: rgb(36, 104, 242);
}
.sidebar .sidebar-item {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
text-align: center;
transition: all .2s ease-in-out;
cursor: pointer;
}
.sidebar .sidebar-item img {
width: 32px;
height: 32px;
opacity: .6;
}
.train .sidebar {
box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
border-radius: 2px;
background: #fff
}

.train .sidebar .sidebar-item {
justify-content: normal;
height: 78px;
border-top: 1px solid #cccfd9
}

.train .sidebar .sidebar-item.active {
color: #fff
}

.train .sidebar .sidebar-item.active img {
display: none
}

.train .sidebar .sidebar-item.active img.active {
display: inline-block
}

.train .sidebar .sidebar-item.active:hover {
background: #2468f2
}

.train .sidebar .sidebar-item.active span {
color: #fff
}

.train .sidebar .sidebar-item img {
margin-left: 32px
}

.train .sidebar .sidebar-item img,.train .sidebar .sidebar-item span {
opacity: 1
}

.train .sidebar .sidebar-item:hover {
background: #fff
}

.train .sidebar .sidebar-item:first-child {
border-top-color: transparent
}

.train .sidebar span {
color: rgba(25,28,61,.8);
line-height: 78px;
margin-left: 12px
}

.train .content-item {
display: none
}

.train .content-item.active {
display: block
}

.train .content {
margin: 48px 0 0 184px;
color: #fff
}

.train .content-item {
overflow: hidden
}

.train .card {
float: left;
margin-left: 24px;
width: 466px;
height: 232px;
border: 1px solid #cccfd9;
padding: 32px 32px 0;
box-sizing: border-box;
cursor: pointer
}

.train .card:hover h5 {
color: #2468f2;
transition: all .2s ease-in-out
}

.train .card img {
width: 48px;
float: left
}
.sidebar {
width: 176px;
margin-top: 48px;
float: left;
}
.train .card .content-box {
margin-left: 65px
}
.train .card .content-box h5{
color: rgb(25, 28, 61);
font-size: 18px;
line-height: 34px;
font-family: PingFangSC-Medium;
margin: 0;
}
.sidebar .sidebar-item img.active {
display: none;
}
.train .card .content-box>img {
width: 14px;
height: 14px;
opacity: .6;
position: relative;
top: 2px
}

.train .card .content-box span {
padding: 0 8px;
color: rgba(25,28,61,.6)
}

.train .card .content-box span:before {
content: "";
display: inline-block;
background: rgba(25,28,61,.6);
width: 1px;
height: 14px;
position: relative;
top: 2px;
left: -8px
}

.train .card .content-box span.first:before {
display: none
}

.train .card p {
color: rgba(25,28,61,.8);
margin-bottom: 24px;
margin-top: 0;

}
.jsshu-box h3{
color: rgb(102, 102, 102);
text-align: center;
font-size: 14px;
line-height: 40px;
}
.jsshu-box  h3 span {
color: rgba(25,28,61,.5);
font-size: 14px;
line-height: 26px;
display: block;
font-family: PingFangSC-Regular;
}
.jishu-wrap{
padding-top: 80px;
}
.jishu-wrap .tech-support{
margin-top: 70px;
}
.jishu-wrap .tech-support img{
width: 568px;
margin-right: 38px;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.jishu-wrap .tech-support img:last-child{
margin-right: 0;
}
.zhengce-box{
padding: 80px 0 !important;
}

.reseller_zczctab{
margin-top: 30px;
}
.reseller_zczcleft{
float: left;
width: 450px;
margin-top: 38px;
}
.reseller_zczcleft img{
width: 100%;
}
.reseller_zczcright{
float: right;
width: 700px;
padding-top: 10px;
}
.reseller_zczcright li {
font-size: 14px;
background: url(../images/agent/act_arr.png) no-repeat 0 center;
padding-left: 20px;
color: rgb(89, 89, 89);
line-height: 60px;
}
.reseller_zczcright li span {
font-size: 18px;
padding-right: 15px;
}
.rese_joinprocessbg{
padding:80px 0;
min-width: 1200px;
}
.cdn_title{
text-align: center;
font-size: 26px;
color: #333333;
}
.rese_joinprocess h3 {
color: rgb(102, 102, 102);
text-align: center;
font-size: 14px;
line-height: 40px;
}
.sq_from{
width: 1100px;
margin: 50px auto 0 auto;
}
.sq_from_right{
text-align: center;
}
.sq_from_right h2 {
font-size: 28px;
color: rgb(0, 119, 201);
margin: 0;
padding: 0;
}
.sq_from_right h2::before{
display: none;;
}
.sq_from_right p {
font-size: 24px;
line-height: 30px;
padding-top: 15px;
padding-bottom: 0;
margin: 0;
color: rgb(77, 77, 77);
}
.qudao_pho {
font-size: 20px;
padding-top: 25px;
color: rgb(77, 77, 77);
width: 650px;
margin: 0 auto;
line-height: 50px;
}