body{
    margin:0;padding:0;
    padding-bottom: 80px;
    font:16px "微软雅黑";
    background: #76AE71 url("../image/head.jpg") no-repeat;
    background-size: 100% auto;
    background-position-y: 30px;
}
a{text-decoration: none;}
ul li{
    list-style: none;
}
.sitetop {
    background: url("../image/top_bg.jpg")repeat-x 0 0;
    background-color: rgba(0, 0, 0, 0);
    background-color: #FFF;
    position: relative;
    z-index: 2;
    height: 31px;
}
.tlink {
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 72px;
    text-align: right;
}
.tlink div.logo {
    position: absolute;
    left: 0;
    top: 0;
}
.tlink div.logo a {
    clear: both;
}
.tlink a {
    line-height: 30px;
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
.full_image{width: 100%;display: block;pointer-events: none;}
.wrapper{width:96%;max-width:1200px;margin: 0 auto 40px;}
.main-content-bg{width:96%;max-width:1200px;background: #FFFFFF;border-radius: 20px;margin: 0 auto 50px;padding: 20px 0;}
.main-content{width: 90%;margin: 0 auto;color: #303030;}
.nav-list{
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.common-margin{margin-top: 10px;}
.orange-font{color: #ff8651;}
.nav-link{cursor: pointer;width: 22.5%; }
.nav-cssm:hover{content:url("../image/cssm-active.png");}
.nav-cszp:hover{content:url("../image/cszp-active.png");}
.nav-zptp:hover{content:url("../image/zptp-active.png");}
.nav-wqhj:hover{content:url("../image/wqhj-active.png");}

.title-icon{margin:70px 0 50px;width: 100%;}
.title-icon-img{width:28.2%;margin: 0 auto;}
.preface,.describes,.award-item{font-size: 22px;line-height: 40px;}
.green-font{color: #76ae71;}

/*首页*/
.preface{padding: 15px 0 10px;text-indent:2em;margin-bottom: 80px;}
.preface-text{margin-top: 1em;}
.preface-text:last-child{color: #76ae71;}
.direction{
    position: relative;
    margin-top: 40px;
    width: 100%;
}
.describes{padding:0 1%;}

.direction-content{width: 96%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;margin: 83px auto 0 auto;}
.direction-item{position: relative;margin-bottom: 40px;width:48%;border:1px solid #76ae71;border-radius: 3px;}
.direction-item-content{left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;}
.type-title-bg{width: 100%;position: absolute;top:-23px;text-align: center;}
.type-title-bg img{width: 90%;max-width: 450px;display: inline-block;}
.type-desc{flex:1;overflow: hidden;padding: 10% 3% 3% 5%;line-height: 30px;font-size: 18px;display: table}
.type-desc-text{display: table-cell;vertical-align: middle;}
.type-button{height: 12.5%;text-align: right;margin-bottom: 3%;}
.type-button img{height: 100%;margin-right: 5%;}

.award-content{display: flex;flex-direction: row;justify-content: center;align-items: stretch;width: 100%;margin-bottom: 20px;}
.award-item{width: 49%;display: inline-block;line-height: 40px;}
.award-left{width:37.4%;margin: 0 auto 33px;}
.award-right{width:73.4%;margin: 25px auto 60px;}
.award-desc{width:80%;margin: 0 auto;}

.empty-line{height: 70px;}


/*参赛作品*/
.main-with-banner{width: 100%;position: relative;margin: 0 auto;}
.type-banner{width: 96%; max-width:1200px;display:flex;flex-direction: row;margin: 0 auto;}
.type-banner-item{background: #76ae71;border-radius: 15px 15px 0 0;font-size:20px;line-height: 35px;height: 50px;width: 58.33%;text-align: center;color: #FFFFFF;padding:5px 0;}
.type-banner-item.active{background: #FFFFFF;}
.type-banner-item a{color: #FFFFFF;}
.type-banner-item.active a{color: #76ae71;}
.absolute-div{width: 100%;position: absolute;top:42px;}
.baoming{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.baoming-type{width: 65%;}
.baoming-button{width: 30%;text-align: right;display: inline-flex;flex-direction: row-reverse;}
.baoming-desc{border-radius: 15px;border:1px solid #76ae71;padding:1em;font-size: 18px;margin-top: 1.5em;line-height: 1.5em;}
.novel-list{margin: 60px 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.novel-list a{color: #303030;}
.novel-single{display: flex;flex-direction: row;width: 46%;}
.novel-single div{overflow: hidden;font-size: 18px;line-height: 45px;height: 45px;}
.bm-novelname{flex: 1;}
.bm-authorname{width: 25%;}
.bm-votenum{width: 25%;text-align: right;}
.vote-novel-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;align-items: stretch}
.vote-novel-single{width: 32%;}
.ebook{width: 90%;max-width: 200px;border: 7px solid #76ae71;border-radius: 7px;text-align: center;margin: 0 auto 15px;}
.vote-div{font-size: 18px;text-align: center;width: 100%;height:25px;overflow: hidden;margin-top: 5px;}
.vote-div a{color: #303030;}
.vote-btn{width: 80%;max-width: 133px;margin: 10px auto 70px;}
.baoming-form{border:3px solid #76ae71;border-radius: 3px;text-align: left;margin: 10px auto;padding: 1rem;}
.baoming-form li{margin: 5px 0;line-height:25px;}
.baoming-form li textarea{width: 100%; height: 106px;max-height: 200px;max-width: 463px;}
.submit{text-align: center;}

.prize-season{width: 98%;max-width: 1200px;background: #FFFFFF;border-radius: 20px;margin: 0 auto 50px;padding: 10px 10px;}
.award-novel-list{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-top: 30px;}
.award-novel-single{width: 25%;margin-bottom: 20px;}
.award-title{width: 100%;text-align: center;margin: 10px auto;color:#76ae71;font-size:24px;}
.award-div{font-size: 18px;text-align: center;width: 100%;height:25px;overflow: hidden;margin-top: 5px;}
.award-div a{color: #303030;}
.prize-date{width: 100%;max-width:517px;line-height:67px;font-size:30px;margin-top: 20px;color: #ff8651;text-align: center;position: relative;background-repeat:round;background-image: url("../image/award-date-bg.png")}
.prize-date-content{display: table-cell;vertical-align: middle;font-size: 30px;font-weight: bold;}
.nodata{width: 94%;max-width:1200px;background: #FFFFFF;margin: 20px auto;text-align: center;font-size: 18px;padding: 50px 0;border-radius: 20px;}

.award-order{width: 98%; max-width: 1220px; margin: 0 auto ;padding:0 10px;text-align: right;}
.order-text{background: #FFFFFF;padding: 5px 20px 7px;border-radius: 20px;display: inline-block;color: #303030;margin-bottom: 1em;}

.right-button{color: #fff;font-size: 12px;text-align: center;position: fixed;_position: absolute;right: 20px;top: 70%;_bottom: auto;cursor: pointer;}
.gotop{display:none;width: 50px;line-height: 1.5;background-color: #000;opacity: .6;filter: Alpha(opacity=60);padding:5px 15px; border-radius: 5px;}

select:focus {
    outline: none;
}
@media screen and (max-width:960px){
    .type-desc{line-height: 21px;font-size: 16px;}
    .direction-title-bg{top:-25px;}
    .prize-season{width: 94%;}
}
@media screen and (max-width: 860px) {
    .title-icon{margin:40px 0;}
    .empty-line{height:40px;}
    .direction-content{margin: 40px auto 0 auto;width: 98%;}
    .type-desc{line-height: 30px;}
    .type-banner-item{font-size: 16px;}
    .prize-date-content{font-size: 20px;}
    .novel-single{width: 96%;}
    .award-title{font-size:18px;}
}
@media screen and (max-width: 640px) {
    .preface,.describes,.award-item{font-size: 16px;line-height: 20px;}
    .title-icon{margin:20px 0;}
    .direction-content{margin: 30px auto 0 auto}
    .type-title-bg{top:-12px;}
    .common-margin{margin-top: 5px;}
    .direction-title-bg{top:-20px;}
    .preface{margin-bottom: 30px;}
    .type-desc{line-height: 30px;}
    .award-desc{font-size: 16px;line-height: 20px;}
    .award-left{width:37.4%;margin: 0 auto 33px;}
    .award-right{width:73.4%;margin: 25px auto 40px;}
    .type-banner-item{font-size: 14px;}
    .novel-list{margin: 30px 0;}
    .novel-single div{font-size: 16px;line-height: 30px;height: 30px;}
    .vote-novel-list{margin-top: 20px;}
    .vote-div{font-size: 14px;}
    .vote-btn{margin: 10px auto 40px;}
    .prize-date-content{font-size: 16px;}
    .award-novel-single{width: 50%;}
    .award-div{font-size: 14px;height: 20px;}
    .empty-line{height:20px;}
    .ebook{border-width: 4px;}
}
@media screen and (max-width: 595px) {
    .vote-div{height: 20px;}
    .type-banner-item{line-height: 25px;}
    .absolute-div{top:35px;}
    .wrapper{margin-bottom: 30px;}
    .nav-link{width: 23%;}
}
@media screen and (max-width: 450px) {
    .preface{padding:5px 0;}
    .type-banner-item{font-size: 16px;}
    .type-banner-item.active{width: 395px;}
    .type-banner-item .title-text{display: none;}
    .type-banner-item.active .title-text{display: inline-block;}
    .direction-item{width: 100%;}
    .award-title{font-size:16px;}
    .prize-date{width: 80%;max-width:517px;line-height:30px;font-size:18px;}
    .type-desc{display: block;}
    .direction-content{display: block;}
    .type-desc-text{line-height: 16px;padding-top:10px;}
    .type-button img{width: 22px;}
    .title-icon-img{width: 40%;}
}
@media screen and (max-width: 440px) {
    .type-desc{line-height: 16px;font-size:14px;}
    .prize-date-content{font-size: 14px;}
}
@media screen and (max-width: 360px) {
    .direction-title-bg{top:-18px;width: 50%;left: 25%;}
    .title-icon-img{width: 44%;}
}