ul li {
    list-style: none;
}

.p28 {
    font-size: 28px;
    font-weight: bold;
    color: #e7f838;

}

.p666 {
    color: #666666;
}

.p27 {
    font-size: 27px;
    color: #ed9812;
    font-weight: normal;
}

.p16 {
    font-size: 16px;
    color: #16ae5d;
    font-weight: bold;
}

.yahei {
    font-family: "microsoft yahei", "Arial, Helvetica, sans-serif, SimSun";
}

.songti {
    font-family: "SimSun", "microsoft yahei", "Arial, Helvetica, sans-serif";

}


.zt-floor {
    width: 100%;
}

.zt-grid {
    width: 990px;
    position: relative;
    margin: 0 auto;
}

.zt-header {
    height: 425px;
    background: url("img/banner-bg.jpg") no-repeat top center;
    /*background-size: cover;*/
    position: relative;
    z-index: 1;
}

/*.zt-header-repeat {
    position: absolute;
    height: 425px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: url("img/banner-bg-repeat.jpg") repeat-x left top;
}*/

.zt-header-mid {
    height: 425px;
    width: 990px;
    background: url("img/banner-bg.jpg") no-repeat center top;
}

/*three-circle*/
.three-circle {
    float: right;
    width: 412px;
    height: 148px;
    position: absolute;
    top: 84px;
    right: 12px;
    z-index: 2;
    background: url("img/three-circle.png") no-repeat left top;
}

.five-bg {
    background: url("img/five-bg.png") no-repeat left top;
    width: 554px;
    height: 388px;
    position: absolute;
    top: 0;
    right: -64px;
}

/*登记流程信息*/
.copyright-register {
    position: absolute;
    bottom: -70px;
}

.copyright-register .reg-first {
    width: 62px;
    height: 97px;
    float: left;
    margin-left: 12px;
}

.copyright-register .reg-icon {
    background: url("img/register-icon.png") no-repeat left top;
}

.copyright-register .reg-panel {
    width: 228px;
    height: 120px;
    float: left;
    position: relative;
}

.reg-panel .reg-step1 {
    width: 78px;
    height: 97px;
    margin: 15px auto 0;
    background-position: -68px 0;
}

/*updatetime 2015.6.10 杜君艳 增加 填写资料申请*/
.reg-step1-a {
    width:102px;
    height: 17px;
    display: block;
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -51px;
}

.reg-panel .reg-step2 {
    width: 78px;
    height: 97px;
    margin: 15px auto 0;
    background-position: -153px 0;
}

.reg-panel .reg-step3 {
    width: 111px;
    height: 97px;
    margin: 15px auto 0;
    background-position: -238px 0;
}

.reg-panel .reg-step4 {
    width: 116px;
    height: 120px;
    margin: 15px auto 0;
    text-align: center;
    background-position: -354px 0;
}
.reg-panel .reg-step4 .reg-step4-a{
    display: inline-block;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-top: 100px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #f03e46;
    font-family: simsum;
}
.reg-panel .reg-step4 .reg-step4-a:hover{
    color: #f03e46;
}
.reg-link {
    height: 5px;
    position: absolute;
    width: 100%;
    top: 50px;
    z-index: -1;
}

/*main*/
.zt-main {
    position: relative;
    padding: 100px 0 0 0;
}

/*作品登记*/
.zt-cont-floor .title {
    width: 100%;
    margin-top: 60px;
    position: relative;z-index: 2;
}

.zt-cont-floor .title .zt-text {
    background: url("img/copyright-text.png") no-repeat left top;
    height: 31px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.zt-cont-floor .title .zt-title-line {
    width: 100%;
    height: 1px;
    background: #f1f1f1;
}

/*四大作用*/
.zt-cont-floor .title .text-one {
    width: 254px;
}

/*注册优势*/
.zt-cont-floor .title .text-two {
    width: 384px;
    background-position: 0 -40px;
}

/*费用*/
.zt-cont-floor .title .text-three {
    width: 130px;
    background-position: 0 -89px;
}

/*费用*/
.zt-cont-floor .title .text-four {
    width: 354px;
    background-position: 0 -134px;
}

.zt-cont-floor .title .zt-title-content {
    width: 100%;
    text-align: center;
    font-size: 21px;
    color: #666;
    margin: 10px 0;
}

/*作品登记-icon*/
.zt-content-four {
    margin-bottom: 100px;
}

.zt-dj-panel ul {
    overflow: inherit;
}

.zt-dj-panel ul li {
    width: 198px;
    float: left;
    margin-right: 66px;
}

.zt-dj-panel .no-right {
    margin: 0;
}

.zt-dj-panel {
    margin-top: 90px;
}

.zt-dj-panel .zt-dj-icon {
    width: 198px;
    height: 198px;
    background: url("img/register-four.png") no-repeat left top;
    margin-bottom: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 1px 2px 3px #ccc;
    -moz-box-shadow: 1px 2px 3px #ccc;
    box-shadow: 1px 2px 3px #ccc;
}

.zt-dj-panel .zt-dj-icon:hover {
    -webkit-box-shadow: 1px 2px 6px #bbb;
    -moz-box-shadow: 1px 2px 6px #bbb;
    box-shadow: 1px 2px 6px #bbb;
}

.zt-dj-panel .zt-dj-panel-2 {
    background-position: 0 -198px;
}

.zt-dj-panel .zt-dj-panel-3 {
    background-position: 0 -396px;
}

.zt-dj-panel .zt-dj-panel-4 {
    background-position: 0 -594px;
}

.zt-dj-panel p {
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 28px;
}

/*-------优势panel-------*/
.zt-yous {
    background: #59debd;
    padding: 50px 0 130px;
    overflow: hidden;
}

.zt-yous .zt-yous-panel {
    float: left;
    position: relative;
    margin-top: 50px;
}

.zt-yous .yous-panel-title {
    height: 27px;
    font-size: 21px;
    line-height: 27px;
    padding-right: 20px;
    display: inline-block;
    float: left;
    color: #126d56;
    z-index: 2;
    position: relative;
}

.zt-yous .yous-line {
    position: absolute;
    height: 1px;
    width: 70%;
    background: #4cc7a9;
    top: 13px;
    z-index: 0;
    right: 0;
}

.zt-yous .yous-panel-content {
    border: 3px solid #179072;
    height: 123px;
    width: 984px;
    float: left;
    background: #fff;
    margin-top: 20px;
    position: relative;
    z-index: 5;
}

.zt-yous .ys-gradient {
    background: url("img/ys-gradient.jpg") no-repeat left top;
    width: 1120px;
    height: 269px;
    position: absolute;
    z-index: 0;
    top: 47px;left: -3px;
}

.yous-panel-content .zt-vs {
    position: absolute;
    width: 142px;
    height: 142px;
    background: url("img/vs.png") no-repeat left top;
    left: 50%;
    top: 50%;
    margin-left: -71px;
    margin-top: -70px;
}

.yous-panel-content .yous-left, .yous-panel-content .yous-right {
    width: 50%;
    height: 100%;
    float: left;
}

.yous-panel-content .yous-left p {
    color: #909090;
    font-size: 14px;
    padding: 30px 0 0 20px;
    font-weight: bold;
}

.yous-panel-content .yous-right p {
    color: #fff;
    font-size: 14px;
    padding: 30px 0 0 90px;
    font-weight: bold;
}

.yous-panel-content .yous-right {
    background: #448bff;
}

/*费用*/
.zt-fy{
    overflow: hidden;
}
.zt-content-four .zt-fy-li {
    width: 270px;
    height: 334px;
    float: left;
    margin-right: 90px;
    margin-top: 50px;
    position: relative;
}

.zt-content-four .no-right {
    margin-right: 0;
}

.zt-content-four .zt-fy-li .zt-fy-block {
    width: 100%;
    height: 210px;
    z-index: 5;
    position: relative;
}

.zt-fy-block h3 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
    letter-spacing: 4px;
}

.zt-fy-block .zt-fy-p {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.zt-fy-block .zt-fy-state {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.zt-fy-block .zt-fy-money {
    font-size: 35px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;

}

.zt-fy-block .zt-tj-block {
    margin: 10px;
    border: 1px dashed #ec6631;
    height: 70px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    font-size: 18px;
    text-align: center;
}

.zt-fy-block .zt-fy-money span {
    font-size: 44px;
    font-weight: bold;
    margin-left: 10px;
}

.blue {
    background: #8dcdff;
}

.blue-color {
    color: #5972dc;
}

.green {
    background: #6ceacb;
}

.green-color {
    color: #028e7f;
}

.orange {
    background: #ffcd7f;
}

.orange-color {
    color: #ec6631;
}

/*费用下部*/
.zt-fy-btn {
    height: 122px;
    width: 100%;
    background: url("img/fy.png") no-repeat left top;
    overflow: hidden;
    z-index: 5;
    position: relative;

}

.fy-btn2 {
    background-position: 0 -124px;
}

.fy-btn3 {
    background-position: 0 -248px;
}

.fy-btn3 p {
    font-size: 18px;
    color: #fff;
    margin: 40px 0 0 80px;
}

.fy-btn3 p span {
    font-size: 16px;
}

.zt-fy-btn .zt-fy-text {
    display: block;
    width: 170px;
    height: 56px;
    background: #fff;
    border: 1px solid #5368be;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 24px;
    text-align: center;
    line-height: 56px;
    font-weight: bold;
    margin: 30px auto 0;
}
/*-------*/
.zt-lb {
    background: #cf95ff;
    padding-bottom: 130px;
    overflow: hidden;
}

.zt-lb ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 50px;
    position: relative;z-index: 2;
}

.zt-lb ul li {
    height: 46px;
    width: 197px;
    float: left;
    background: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    background: rgba(255, 255, 255, 0.8);
    border-right: 1px solid #cf95ff;
    border-bottom: 1px solid #cf95ff;
}

.zt-lb ul li:nth-last-child(1) {
    width: 593px;
}

/*i {
    width: 26px;
    height: 24px;
    display: block;
    float: left;
    margin: 14px 0 0 58px;
    background: url("img/icon.png") no-repeat left top;
}*/

.zt-lb ul li span {
    height: 46px;
    float: left;
    display: inline-block;
    line-height: 52px;
    margin-left: 5px;
    font-size: 16px;
    color: #ec6666;
    font-weight: bold;
}

.icon-text {
    background-position: 0 -25px;
}

.icon-music {
    background-position: 0 -101px;
}

.icon-xiju {
    background-position: 0 -175px;
}

.icon-quyi {
    background-position: 0 -277px;
}

.icon-dance {
    background-position: 0 -349px;
}

.icon-meishu {
    background-position: 0 0;
}

.icon-sheying {
    background-position: 0 -125px;
}

.icon-dianying {
    background-position: 0 -200px;
}

.icon-gc {
    background-position: 0 -301px;
}

.icon-cp {
    background-position: 0 -376px;
}

.icon-map {
    background-position: 0 -51px;
}

.icon-koushu {
    background-position: 0 -425px;
}

.icon-zj {
    background-position: 0 -226px;
}

.icon-jz {
    background-position: 0 -326px;
}

.icon-module {
    background-position: 0 -402px;
}

.icon-ly {
    background-position: 0 -74px;
}

.icon-lx {
    background-position: 0 -152px;
}

.icon-other {
    background-position: 0 -250px;
}

.zt-lb-title {
    color: #16ae5d;
    margin-bottom: 10px;
}

.zt-footer {
    height: 114px;
    background: #505050;
}

.zt-footer p {
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.zt-footer .zt-grid p:nth-child(1) {
    margin: 0;
    padding: 20px 0 10px;
    font-size: 16px;
    color: #e7f838;
}

.zt-footer .zt-grid p:nth-child(2) {
    margin: 0;
    font-size: 16px;
    color: #fff;
}
.fy-gradient{
    background: url("img/fy-gradient.png") no-repeat left top;
    height: 506px;
    width: 374px;
    position: absolute;
    top: 0;
    z-index: 0;
}
.leibie-gradient{
    background: url("img/leibie-gradient.jpg") no-repeat left top;
    height: 320px;
    width: 1197px;
    position: absolute;z-index: 0;
    top: 80px;
}
/*updatetime 2015.6.10 杜君艳 增加 更多版权知识*/
.zt-moreinfo{
    width: 100%;
    height:190px;
    overflow: hidden;
    background-color: #fff;
}
.zt-moreinfo a{
    width:280px;
    height: 80px;
    overflow: hidden;
    margin: 55px auto;
    display: block;
    background: url("img/btn-more.png") no-repeat;
}
/* update 版权变更 2015.7.2 dujunyan */

.changgreen{
    height: 70px;
    background-color: #12bbb1;
    padding-top: 0 !important;
    line-height: 70px;
}
.changorange{
    height: 70px;
    background-color: #ff9b73;
    padding-top: 0 !important;
    line-height: 70px;
}
.changblue{
    height: 70px;
    background-color: #788eec;
    padding-top: 0 !important;
    line-height: 70px;
}
.changfont{
    text-align: center;
    font-size: 14px;
    margin-top: 14px;
    font-family: '宋体';
}
.gr{ color: #0aafa5;}
.or{ color: #eb8861;}
.bl{ color: #788eec;}
.changmoney {
    font-size: 18px;
    width: 76%;
    margin: 0 13%;
    display: inline-block;
    text-align: center;
}
.changmoney span {
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
}
.changmoney b{
    display: block;
    width: 40px;
    height: 0;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid;
    margin: 28px 4px 0 0;
}
.changmoney strong{
    float: left;
    font-weight: normal;
}
.changmoney b.green{ border-color: #028e7f;}
.changmoney b.orange{ border-color: #ec6631;}
.changmoney b.blue{ border-color: #5972dc;}
.zt-fy-btn .bor-green{ border: 1px solid #3aba9b;}
.zt-fy-btn .bor-orange{ border: 1px solid #ff9b73;}
.zt-fy-btn .bor-blue{ border: 1px solid #788eec;}
.fy-btn4 {
    background-position: 0 -370px;
}
.fy-btn5 {
    background-position: 0 -492px;
}
.fy-btn6 {
    background-position: 0 -614px;
}
.fy-btn4 a.zt-fy-text,.fy-btn5 a.zt-fy-text,.fy-btn6 a.zt-fy-text{
    margin: 4px auto 0;
}