#main{
    position: relative;
    z-index: 1;
    padding: 0;
}
#banner{
    height: 406px;
}
#step{
    background-color: #0278C9;
}
#step dl{
    overflow: hidden;
}
#step dl dt,
#step dl dd{
    float: left;
}
#step dl dt{
    width: 160px; line-height: 80px;
    font-size: 16px; font-weight: 600; color: #333;
}
#step dl dd{
    text-align: center;
}
#step dl dd.gt{
    padding: 30px 0;
    width: 80px;height: 20px; line-height: 20px;
}
#step dl dd a{
    display: block;
    padding: 5px 0;
    width: 142px;height: 70px;
}
#step dl dd a i{
    margin: 0 auto;
}
#step dl dd a span{
    display: block;
    height: 30px;line-height: 30px;
    color: #006fcd;
}
#step dl dd a:hover{
    background-color: #E7E7E7;
}
.column .hd{
    padding: 30px 0 20px;
}
.column .hd h2{
    height: 40px;line-height: 40px;
    font-size: 26px; color: #222;
}
.column .hd span{
    display: block;
    width: 52px;height: 3px;
    background: #f29e16;
}
#introduce{
    background: #fff;
}
#introduce .bd{
    padding: 20px 0 50px;
    overflow: hidden;
}
#introduce .front{
    float: left;
    width: 520px;
}
#introduce .content{
    float: right;
    width: 630px;
}
#introduce .content h3.title{
    max-height: 60px; line-height: 30px;
    font-size: 26px; color: #222;
}
#introduce .content p.desc{
    display: none;
    padding: 20px 0;
    height: 142px;line-height: 28px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px; color: #888;
}
#introduce .content p.desc-active{
    display: block;
}
#introduce .content dl.faq{
    padding: 15px 0;
}
#introduce .content dl.faq dt{
    height: 24px;line-height: 24px;
}
#introduce .content dl.faq dd{
    float: left;
    margin-left: -20px;
    margin-right: -20px;
    height: 24px;line-height: 24px;
}
#introduce .content dl.faq dd a{
    float: left;
    padding: 0 18px;
    height: 28px;line-height: 28px;
}
#introduce .content dl.faq dd a.more{
    float: right;
}
#introduce .content dl.faq dd a:hover{
    color: #f29e16;
}
#status{
    background: #F2FAFF;
}
#status .bd{
    position: relative;
    padding: 40px 0 100px;
}
#status ul.list{
    border-top: 3px solid #f29e16;
    border-bottom: 1px solid #f29e16;
    border-radius: 3px;
    background-color: #fff;
}
#status ul.list li{
    position: relative;
    float: left;
    padding: 16px 20px;
    width: 158px;height: 334px;
    border: 1px solid #f29e16;
}
#status ul.list li.background{
    width: 157px;
    border-left: 2px solid #f29e16;
}
#status ul.list li.faq{
    width: 157px;
    border-right: 2px solid #f29e16;
}
#status ul.list li .static i{
    margin: 0 auto;
}
#status ul.list li .static h3{
    height: 52px;line-height: 52px;
    font-size: 22px; color: #222;
    text-align: center;
}
#status ul.list li .static .desc{
    height: 216px;line-height: 24px;
    color: #666;
}
#status ul.list li .static .more{
    padding: 6px 0;
    height: 24px; line-height: 24px;
    text-align: center;
}
#status ul.list li .static .more a{
    color: #f29e16;
}
#status ul.list li .pop{
    display: none;
    z-index: 9;
    position: absolute;
    top: -40px; left: -2px;
    border: 1px solid #f29e16;
    padding: 0 18px;
    width: 264px;height: 470px;
    background-color: #fff;
    box-shadow: 0 0 5px #f29e16;
}
#status ul.list li > .active{
    display: block;
}
#status ul.list li .pop h3{
    height: 60px;line-height: 60px;
    border-bottom: 1px dashed #ccc;
}
#status ul.list li .pop strong{
    font-size: 22px; color: #222;
    vertical-align: middle;
}
#status ul.list li .pop .content{
    padding: 10px 0;
    line-height: 24px;
    color: #666;
}
#status ul.list .pop-more{
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: -10px;
    text-align: center;
}
#status ul.list .pop-more>a{
    color: #f29e16;
}
#process{
    background: #fff;
}
#process .bd{
    padding: 20px 0 50px;
}
#process dl.step{
    margin: 0 auto;
    width: 810px;
    padding: 0 0 40px;
    overflow: hidden;
}
#process dl.step dt{
    float: left;
    width: 116px; height: 106px;
    padding: 0 7px;
    text-align: center;
}
#process dl.step dt a{
    display: block;
    width: 105px; height: 74px;
    padding: 15px 0;
    border: 1px solid #fff;
    text-align: center;
}
#process dl.step dt a i{
    margin: 0 auto;
    border-radius: 3px;
}
#process dl.step dt a span{
    display: block;
    padding: 10px 0 0;
    line-height: 24px;
}
#process dl.step dt a:hover,
#process dl.step dt a.active{
    border: 1px solid #f29e16;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 #f29e16;
}
#process dl.step dd.gt{
    float: left;
    padding: 32px 0;
    width: 40px; height: 10px;
    text-align: center;
}
#process .screen{
    padding: 20px 0;
    width: 1200px; height: 301px;
    background: url('../images/propagate/screen-bg.png') no-repeat center 20px;
    overflow: hidden;
}
#process .screen ul.album{
    margin-left: 427px;
    padding: 16px 0;
    width: 2600px;
    overflow: hidden;
}
#process .screen ul.album li{
    float: left;
    padding: 0 96px 0 0;
}
#process .screen ul.album li img{
    width: 345px;height: 192px;
}
#about{
    background: url('../images/propagate/about-bg.png') no-repeat center;
}
#about .hd h2{
    color: #fff;
}
#about .bd{
    padding-top: 20px;
    height: 626px;
    overflow: hidden;
}
#about ul.about-tab{
    margin: 0 auto;
    width: 480px;
    overflow: hidden;
}
#about ul.about-tab li{
    float: left;
    padding: 0 16px;
}
#about ul.about-tab li a{
    display: block;
    padding: 45px 0;
    width: 128px; height: 38px;
    background: url('../images/propagate/tab-active-bg.png') no-repeat center center;
    text-align: center;
    opacity: 0.8;
}
#about ul.about-tab li a.active,
#about ul.about-tab li a:hover{
    background: url('../images/propagate/tab-bg.png') no-repeat center center;
    opacity: 1;
}
#about ul.about-tab li a strong{
    display: block;
    height: 20px;line-height: 20px;
    font-size: 16px; color: #fff;
}
#about ul.about-tab li a span{
    display: block;
    height: 16px;line-height: 16px;
    font-size: 12px; color: #80CEFF;
}
#about ul.about-tab li a b{
    display: block;
    height: 36px;line-height: 36px;
    font-size: 16px; color: #fff;
}
#about .channels{
    padding: 20px 0;
    text-align: center;
}
#about .channels h2,#about .platform h2{
    height: 40px;line-height: 40px;
    font-size: 16px; font-weight: 600; color: #fff;
}
#about .channels p{
    height: 20px;line-height: 20px;
    color: #B6CBD9;
}
#about .channels .carousel{
    margin: -60px auto 0;
    width: 720px; height: 280px;
    padding: 0 0 60px;
}
#about .channels .carousel ul {
    width: 500px;
    height: 300px;
    margin: 0 auto
}
#about .channels .carousel ul li{
    padding: 60px 0;
}
#about .channels .carousel ul li.xhwx{
    background-color: #333;
}
#about .channels .carousel ul li.cqdsw{
    background-color: #000;
}
#about .channels .carousel ul li.ycl{
    background-color: #fff;
}
#about .channels .carousel ul li.zgyd{
    background-color: #f29e16;
}
#about .channels .carousel ul li.cddt{
    background-color: #f7f7f7;
}
#about .roundabout-moveable-item {
    height: 120px;
    width: 450px;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
}
#about .roundabout-moveable-item img{
    width: 80%;
}
#about .channels .btn-group{
    padding: 20px 0 0;
}
#about .channels .btn-group a{
    display: inline-block;
    padding: 0 38px;
    height: 54px; line-height: 54px;
    background-color: #f29e16;
    border-radius: 3px;
    font-size: 16px; font-weight: 600; color: #fff;
}
#about .channels .btn-group a:hover{
    background-color: #FF7519;
}
#about .works{
    padding: 20px 0;
}
#about .works ul.works-tab{
    margin: 0 auto;
    width: 210px;
    overflow: hidden;
}
#about .works ul.works-tab li{
    float: left;
    padding: 0 15px;
}
#about .works ul.works-tab li a{
    display: block;
    width: 40px; height: 38px; line-height: 30px;
    text-align: center;
    font-size: 16px; font-weight: 600; color: #fff;
}
#about .works ul.works-tab li a.active,
#about .works ul.works-tab li a:hover{
    height: 35px;
    border-bottom: 3px solid #f29e16;
}
#about .works ul.works-fiction,
#about .works ul.works-doc,
#about .works ul.works-course{
    padding: 20px 0;
    margin-left: -13px;
    margin-right: -13px;
    overflow: hidden;
}
#about .works ul.works-fiction li,
#about .works ul.works-doc li,
#about .works ul.works-course li{
    float: left;
    padding: 0 13px;
}
#about .works ul.works-fiction li a,
#about .works ul.works-doc li a,
#about .works ul.works-course li a{
    display: block;
    width: 124px;
}
#about .works ul.works-fiction li a img,
#about .works ul.works-doc li a img,
#about .works ul.works-course li a img{
    display: block;
    background-color: #f7f7f7;
    width: 124px; height: 180px;
}
#about .works ul.works-fiction li a span,
#about .works ul.works-doc li a span,
#about .works ul.works-course li a span{
    display: block;
    padding: 20px 0;
    height: 20px;line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#about .platform{
    padding: 20px 0;
    text-align: center;
}
#about .platform p{
    margin: 0 auto;
    padding: 10px 0;
    width: 1040px;line-height: 30px;
    font-size: 14px; color: #B6CBD9;
}
#feature{
    background: #F4F8FE;
}
#feature .bd{
    padding: 30px 0 100px;
    overflow: hidden;
}
#feature ul.ico{
    float: left;
    position: relative;
    width: 520px;height: 485px;
    padding: 20px 15px;
    background: url('../images/propagate/feature-bg.png') no-repeat 15px 20px;
    margin-left: 340px;
}
#feature ul.ico li{
    position: absolute;
    text-align: center;
    width: 100px;
}
#feature ul.ico li.security{
    left: 212px; top: 240px;
    width: 120px;height: 68px;line-height: 34px;
}
#feature ul.ico li.security strong{
    display: block;
    font-size: 30px; color: #fff;
}
#feature ul.ico li span{
    display: block;
    width: 100px; height: 40px; line-height: 40px;
    color: #333;
}
#feature ul.ico li.team{
    left: 0; top: 114px;
}
#feature ul.ico li.copy{
    left: 222px; top: -20px;
}
#feature ul.ico li.coin{
    right: 0; top: 114px;
}
#feature ul.ico li.seo{
    right: 72px; top: 440px;
}
#feature ul.ico li.msa{
    left: 72px; top: 440px;
}
#feature .card{
    float: right;
    overflow: hidden;
}
#feature .card ul.col{
    float: left;
    width: 270px;
}
#feature .card ul.col li{
    padding: 0 0 22px;
}
#feature .card ul.col li a{
    position: relative;
    display: block;
    width: 252px;
    cursor: zoom-in;
}
#feature .card ul.col li a img{
    width: 252px;
}
#feature .card ul.col li a span{
    display: block;
    position: absolute;
    bottom: 0;left: 0;
    width: 100%;height: 30px;line-height: 30px;
    color: #fff;
    text-align: center;
}
.icon-propagate{
    background-image: url('../images/icon/propagate.png');
}
/* 授权分发 start */
#authorize-step .icon-propagate{
    background-image: url('../images/icon/propagate-authorize.png');
}
#authorize-step dl dd a span{
    color: #00F0FF;
}
#authorize-step dl dt{
    color: #00F0FF;
}
#authorize-step dl dd a:hover{
    background-color: #005184;
}
/* 授权分发 end */
.propagate-step-select{
    width: 40px; height: 40px;
    background-position: -24px -15px;
}
.propagate-step-upload{
    width: 40px; height: 40px;
    background-position: -84px -15px;
}
.propagate-step-fill{
    width: 40px; height: 40px;
    background-position: -146px -15px;
}
.propagate-step-post{
    width: 40px; height: 40px;
    background-position: -206px -15px;
}
.propagate-step-gain{
    width: 40px; height: 40px;
    background-position: -268px -15px;
}
.propagate-step-coin{
    width: 40px; height: 40px;
    background-position: -332px -15px;
}
.propagate-step-gt{
    width: 20px; height: 20px;
    background-position: -402px -26px;
}
.propagate-status-background{
    width: 50px; height: 50px;
    background-position: -18px -122px;
}
.propagate-status-consequence{
    width: 50px; height: 50px;
    background-position: -84px -122px;
}
.propagate-status-meaning{
    width: 50px; height: 50px;
    background-position: -149px -122px;
}
.propagate-status-pain{
    width: 50px; height: 50px;
    background-position: -215px -122px;
}
.propagate-status-advantage{
    width: 50px; height: 50px;
    background-position: -281px -121px;
}
.propagate-status-faq{
    width: 50px; height: 50px;
    background-position: -346px -122px;
}
.propagate-status-background-min{
    width: 36px; height: 36px;
    background-position: -24px -180px;
}
.propagate-status-consequence-min{
    width: 36px; height: 36px;
    background-position: -91px -180px;
}
.propagate-status-meaning-min{
    width: 36px; height: 36px;
    background-position: -156px -180px;
}
.propagate-status-pain-min{
    width: 36px; height: 36px;
    background-position: -222px -180px;
}
.propagate-status-advantage-min{
    width: 36px; height: 36px;
    background-position: -288px -180px;
}
.propagate-status-faq-min{
    width: 36px; height: 36px;
    background-position: -356px -180px;
}
.propagate-process-select{
    width: 40px; height: 40px;
    background-position: -23px -66px;
    background-color: #FF7519;
}
.propagate-process-upload{
    width: 40px; height: 40px;
    background-position: -84px -66px;
    background-color: #47E1E6;
}
.propagate-process-fill{
    width: 40px; height: 40px;
    background-position: -146px -66px;
    background-color: #71CB45;
}
.propagate-process-post{
    width: 40px; height: 40px;
    background-position: -206px -66px;
    background-color: #FF9A00;
}
.propagate-process-gain{
    width: 40px; height: 40px;
    background-position: -268px -66px;
    background-color: #66D530;
}
.propagate-process-coin{
    width: 40px; height: 40px;
    background-position: -330px -66px;
    background-color: #EEC22D;
}
.propagate-process-gt{
    width: 40px; height: 10px;
    background-position: -392px -78px;
}
.propagate-feature-team{
    width: 100px; height: 100px;
    background-position: -260px -238px;
}
.propagate-feature-copy{
    width: 100px; height: 100px;
    background-position: -24px -238px;
}
.propagate-feature-coin{
    width: 100px; height: 100px;
    background-position: -140px -356px;
}
.propagate-feature-seo{
    width: 100px; height: 100px;
    background-position: -24px -356px;
}
.propagate-feature-msa{
    width: 100px; height: 100px;
    background-position: -140px -238px;
}