.cr-title-common{
    color: #222;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    padding-top: 50px;
}
/* 背景 f5f5f5 */
#step {
    background: #f5f5f5;
}
/* banner */
#banner{
    width: 100%;
    height: 560px;
    background: url("../../home/images/index2/banner2.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
#banner .container{
    width: 1200px;
    margin: 108px auto 0 auto;
}
#banner .slogan>h1{
    font-size: 46px;
    color: #333333;
    letter-spacing: 3px;
    font-weight: 500;
}
#banner .slogan hr{
    width: 69px;
    height: 5px;
    background-color: #f1971c;
    margin: 25px 0;
    border: none;
}
#banner .slogan> p{
    width: 460px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #fff;
    margin-top: 20px;
}
#banner .container .platform-intro{
    text-align: center;
    margin: 34px 0 44px;
    color: #fff;
}
#banner .container .platform-intro .platform-intro-txt{
    background-color: #013B76;
    color: #F6FF00;
    padding: 12px 14px;
    border-radius: 3px;
    margin-right: 10px;
}
#banner .container .entry a{
    width: 196px;
    border-radius: 4px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
    color: #ffffff;
}
#banner .container .entry a img{
    width: 100%;
}

/* 作品登记流程 */
#step{
    height: 350px;
}
.registration-process{
    width: 1200px;
    margin: 35px auto 0;
}
.registration-process ul{
    display: flex;
    justify-content: space-between;
}
.registration-process ul li{
    width: 201px;
}
.registration-process ul li:nth-child(even){
    width: 60px;
}
.registration-process ul li:nth-child(even) img{
    width: 60px;
    margin-top: 30px;
}
.registration-process ul li:nth-child(odd) .flow_icon{
    width: 95px;
    height: 95px;
    border-radius: 100%;
    line-height: 95px;
    text-align: center;
    margin: 0 auto;
}
.registration-process ul li:nth-child(odd) .flow_icon img{
    width: 95px;
    height: 95px;
    vertical-align: middle;
}
.registration-process ul li h6{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 14px auto 16px;
    text-align: center;
}
.registration-process ul li p{
    font-size: 14px;
    color: #333;
}
#step .through-line{
    width: 930px;height: 2px;
    background: #D2EAFF;
    margin: 80px auto 0;
}
#step .step-num{
    width: 970px;
    margin: 0 auto;
}
#step .step-num{margin-top: -20px;}
#step .step-num>span{
    display: inline-block;
    width: 40px;height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #0090E4;
    color: #0090E4;
    background: #f5f5f5;
    font-size: 20px;
    margin-right: 188px;
}
#step .step-num>span.no-margin-rgt,#step .step-opts>li.no-margin-rgt{margin-right: 0;}
#step .step-opts{
    overflow: hidden;
    margin: 20px auto;
    width: 1070px;
}
#step .step-opts>li{float: left;}
#step .step-opts>li>span{
    display: none;
}
#step .step-opts .icon-propagate,#step .step-opts>li>i{
    background: url(../images/icon/common.png) no-repeat;
}
#step .step-opts .icon-propagate.propagate-step-select{background-position: -235px -111px;}
#step .step-opts .icon-propagate.propagate-step-upload{background-position: -131px -111px;}
#step .step-opts .icon-propagate.propagate-step-fill{background-position: -19px -111px;}
#step .step-opts .icon-propagate.propagate-step-post{background-position: -183px -111px;}
#step .step-opts .icon-propagate.propagate-step-gain{background-position: -73px -111px;}
#step .step-opts>li{
    margin-right: 97px;
    position: relative;
}
#step .step-opts>li>i{
    position: absolute;
    top: 56px;right: -64px;
    width: 28px;height: 22px;
    background-position: -186px -80px;
}
#step .step-opts>li>p{
    width:134px;height:156px;
    background: url("../images/copyright/flow-bg.png") no-repeat;
    text-align: center;
    overflow: hidden;
    margin-bottom: 25px;
}
#step .step-opts>li>a{
    display: inline-block;
    color: #999;
    width: 120px;
    text-align: center;

}
#step .step-opts>li>p>i{
    margin: 25px auto 13px;
}
#step .step-opts>li>p>span{
    font-size: 18px;
    color: #fff;
}
/* 哪些人需要版权保护 */
.radius_box{
    width: 1200px;
    height: 396px;
    box-shadow: 2px 3px 13px 0px
    rgba(0, 0, 0, 0.06);
    margin: 42px  auto 52px;
    display: flex;
    justify-content:space-between;
}
.radius_left{
    width: 265px;
    height: 396px;
    float: left;
    background:url("../images/copyright/dl_bg.png")no-repeat;
    background-size: 100% 100%;
}
.radius_box dl{
    width: 265px;
    height: 396px;
    background:url("../images/copyright/dl_bg.png")no-repeat;
    background-size: 100% 100%; overflow: hidden;
    /*background : rgb(242, 158, 22,.09);*/
}
.radius_box dl dd{
    width: 212px;
    height: 58px;
    margin: 25px auto 0;
    line-height: 58px;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
}
.radius_box dl dd img{
    margin-right: 5px;
}
.radius_box dl dd:nth-child(1){
    background:url("../images/copyright/dl1.png")no-repeat;
    background-size: 100% 100%;
    margin-top: 46px;
}
.radius_box dl dd:nth-child(2){
    background:url("../images/copyright/dl2.png")no-repeat;
    background-size: 100% 100%;
}
.radius_box dl dd:nth-child(3){
    background:url("../images/copyright/dl3.png")no-repeat;
    background-size: 100% 100%;
}
.radius_box dl dd:nth-child(4){
    background:url("../images/copyright/dl4.png")no-repeat;
    background-size: 100% 100%;
}
.radius_box .tab-content{
    width: 935px;
    height: 396px;
    overflow: hidden;
    float: right;
    background: url("../images/copyright/radius_box.png ")no-repeat;
    background-size: 100% 100%;
}
.creator-details-works{
    width: 715px;
    margin: 50px  auto 0;
}
.creator-details-works-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.creator-details-works-list li{
    width: 142px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin  :20px 0 0 49px;
    background-color: #fef6ea;
    border-radius: 4px;
    font-size: 16px;
    color: #333333;
}
.creator-details-works-list li:nth-child(4n+1){
    margin-left: 0;
}
.copyright-reg-btn{
    width: 142px;
    height: 40px;
    background-color: #f29e16;
    border-radius: 4px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    float: left;
    margin-top: 45px;
}
#copyright-protection .tab-nav>dd>a.active{
    color: #ffffff;
}




/*#copyright-protection .tab-nav{*/
/*    width:876px;  height: 60px;*/
/*    line-height: 60px;*/
/*    margin:63px auto 47px;*/
/*    border-radius:10px;*/
/*    box-shadow: 0 0 7px 1px #eaeaea;*/
/*}*/
/*#copyright-protection .tab-nav>dd{float: left;}*/
/*#copyright-protection .cr-title-common{padding-top: 0;}*/
/*#copyright-protection .tab-nav>dd>a{*/
/*    padding: 22px 69px;*/
/*    color: #0090E4;*/
/*    font-size: 18px;*/
/*    border-radius:10px;*/
/*}*/

/*#copyright-protection .tab-content{*/
/*    width:968px;height:428px;*/
/*    margin: 0 auto 90px;*/
/*    padding-left: 100px;*/
/*    box-shadow: 0 0 7px 1px #eaeaea;*/
/*}*/

/*#copyright-protection .fulltime-creator-details .creator-pic{*/
/*    width:400px;height:300px;*/
/*    margin-left: -40px;*/
/*}*/
/*#copyright-protection .creator-pic.fulltime{*/
/*    background: url("../images/copyright/fulltime-creator.png") no-repeat;*/
/*}*/
/*#copyright-protection .creator-pic.lover{*/
/*    background: url("../images/copyright/creative-lover.png") no-repeat;*/
/*}*/
/*#copyright-protection .creator-pic.students{*/
/*    background: url("../images/copyright/students.png") no-repeat;*/
/*}*/
/*#copyright-protection .creator-pic.hero{*/
/*    background: url("../images/copyright/hero.png") no-repeat;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-title>strong{*/
/*    font-size: 24px;*/
/*    color: #111;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-title>p{*/
/*    color: #aaa;*/
/*    margin: 16px 0 10px;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-title{*/
/*    margin: 40px 50px 0 0;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-works,*/
/*#copyright-protection .fulltime-creator-details .creator-details-title{float: left;}*/
/*#copyright-protection .fulltime-creator-details .creator-details-works>p{*/
/*    font-size: 18px;*/
/*    color: #444;*/
/*    margin-top: 44px;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-works-list{*/
/*    width: 480px;*/
/*    overflow: hidden;*/
/*    margin: 20px 0;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-works-list>li{*/
/*    float: left;*/
/*    width: 122px;height: 40px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*    background: #eee;*/
/*    margin-bottom: 20px;*/
/*    margin-right: 20px;*/
/*    border-radius:10px;*/
/*}*/
/*#copyright-protection .fulltime-creator-details .creator-details-works-list>li>a{cursor: auto;}*/
/*#copyright-protection .tab-content .copyright-reg{*/
/*    display: inline-block;*/
/*    width:172px;height:40px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*    background:#0090E4;*/
/*    border-radius:10px;*/
/*    color:#fff;*/
/*}*/
/*#copyright-protection .copyright-reg-btn>i{background-position: -111px -82px;}*/
/* 我站优势 */
#advantage {
   margin: 54px auto;

}
#advantage .advantage-opts>li{
    width: 540px;
    height: 182px;
    line-height: 182px;
    float: left;
    background-color: #ffffff;
    box-shadow: 0px 0px 38px 0px
    rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin-top: 45px;
}
#advantage .advantage-opts>li:nth-child(even){
    margin-left: 55px;
}
#advantage .advantage-opts>li img{
    width: 100%;
    vertical-align: middle;
}
/* 版权保护证书样本 */
#sample{
    height: 666px;
    background-color: #ee8e16;
}
#sample>.container{
    position: relative;
}
#sample .cr-title-common{
    color: #fff;
    margin-bottom: 70px;
}
#sample .sample-list{
    width: 1000px;
    margin: 0 auto;
}
#sample .sample-list>li{
    float: left;
    width: 432px;
    text-align: center;
}
#sample .sample-list>li.sample-list-margin{
    margin: 0 84px;
}
#sample .sample-list>li>.sample-pic{
    display: inline-block;
    width: 432px;
    /*height: 285px;*/
}
#sample .sample-list>li.reg-certificate>.sample-pic{
    /*background: url("../images/copyright/certificate1.jpg") no-repeat;*/
    /*background-size: 100% 100%;*/
}
#sample .sample-list>li.knowledge-chain>.sample-pic{
    background: url("../images/copyright/knowledge-chain.png") no-repeat;
    background-size: 100% 100%;

}
.digital-certificate{
    margin-left: 136px;
}
#sample .sample-list>li.digital-certificate>.sample-pic{
    background: url("../images/copyright/certificate2.jpg") no-repeat;
    background-size: 100% 100%;

}
#sample .sample-list>li>.sample-overview-pic{
    width: 1200px;height: 848px;
    position: absolute;
    left: 0;right: 0;
    top: 0;bottom: 0;
    z-index: 9;
}
#sample .sample-list>li.reg-certificate>.sample-overview-pic{
   background: url("../images/copyright/reg-certificate-amplify.jpg") no-repeat;
}
#sample .sample-list>li.knowledge-chain>.sample-overview-pic{
   background: url("../images/copyright/knowledge-chain-big.jpg") no-repeat;
}
#sample .sample-list>li.digital-certificate>.sample-overview-pic{
   background: url("../images/copyright/digital-certificate-amplify.jpg") no-repeat;
}
#sample .sample-list>li>p{
    font-size: 18px;
    color: #fff;
    margin: 45px 0 20px;
}
#sample .sample-list>li>span{
    display: block;
    color: #aaa;
}
#sample .reg{
    display: block;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    color: #fff;
}
#sample .copyright-reg-btn>i{background-position: -111px -83px;}
#introduce .bd{
    position: relative;
    min-height: 250px;
}
#introduce .front{
    width: 309px;
    /* height: 253px; */
    position: absolute;
    left: 125px;top: 6px;
}
#introduce .front>img{width: 100%;height: 100%;}
#introduce .content dl.faq dd{height: auto;}