body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "MicroSoft Yahei","宋体";color:#333;}
*{font-family:"MicroSoft Yahei","宋体";margin:0;padding:0;}/*此地方不要加颜色属性*/

h1,h2,h3,h4,h5{font-size:14px;}

.ul,li{list-style:none;}
li:hover{cursor:pointer;}
.width {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    min-width:1200px;
}
.width100{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#c9a063;}
img{border:0;}


.NavList{
    width:100%;
    height:auto;overflow:hidden;
}
.NavList li{
    float:left;
    border-bottom:4px solid #fff;
    line-height:80px;
    padding:0 50px;
    font-size:18px;
    transition:all 0.5s;
}
.NavList li:hover{
    border-bottom:4px solid #c9a063;
    font-size:20px;
}
.NavList .hover{
    border-bottom:4px solid #c9a063;
    font-size:20px;
}

.infoTitle{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    margin:20px auto 40px auto;
    text-align:center;
    font-size:30px;
}
.info_content {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
}
.info_content img{
    max-width:90%;
    max-width: 900px;
    margin-top:5px;
    margin-bottom: 5px;
}
.other_content {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
}
.other_content img{max-width:100%;}
.other_content h3{
    font-weight:bold;
    font-size:22px;
    line-height:50px;
}

.info_mood{font:bold 14px/30px "宋体";color:#333;margin:20px 20px 0 20px;clear:both;}
.info_next{
    width:100%;
    height:auto;overflow:hidden;
}
.info_next li{
    width:48%;float:left;
    height:40px;line-height:40px;overflow:hidden;
    border-bottom:1px solid #eee;
    margin-right:2%;
    color:#999;
}
.info_next a{color:#666;}
.info_next a:hover{color:#c9a063;}

/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
.List_page span{background:#c9a063;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #c9a063;}

.list_text{
    width:100%;
    height:auto;overflow:hidden;
}
.list_text li{
    width:28%;float:left;
    margin:10px 1.16%;
    background:#eee;
    padding:20px 1.5% 40px 1.5%;
    transition:all 0.5s;
}
.list_text li:hover{
    background:#c9a063;
    margin-top:0px;
    margin-bottom:20px;
    color:#fff;
}
.list_text li:hover h3{
    color:#999;
}
.list_text_Title{
    width:100%;
    height:auto;overflow:hidden;
}
.list_text_Title .left{
    width:80%;float:left;
    height:80px;line-height:40px;overflow:hidden;
    font-size:20px;
}
.list_text_Title .right{
    width:20%;float:left;
    text-align:right;
}
.list_text_Title .right h2{
    line-height:30px;
    font-size:40px;
    font-weight:bold;
}
.list_text_Title .right h3{
    line-height:30px;
    color:#666;
    font-size:12px;
}
.list_text_Desc{
    width:100%;
    height:50px;overflow:hidden;
    line-height:25px;
    color:#999;
    margin:10px auto 20px auto;
}
.list_text_More{
    width:100%;
    height:auto;overflow:hidden;
}
.list_text_More div{
    display:inline-block;
    padding:5px 20px;
    border:1px solid #333;
    border-radius:20px;
}

.list_text li:hover .list_text_Title .right h3{
    color:#d2d2d2;
}
.list_text li:hover .list_text_Desc{
    color:#c7c7c7;
}
.list_text li:hover .list_text_More div{
    border:1px solid #fff;
}

.list_photo{
    width:100%;
    height:auto;overflow:hidden;
}
    .list_photo li {
        width: 22%;float:left;
        height: auto;overflow:hidden;
        margin:20px 1.4%;
        overflow: hidden;
        transition:all 0.5s;
        border:1px solid #eee;
    }
    .list_photo li:hover{
        box-shadow:0 0 20px #e1e1e1;
        margin:0 1.4% 40px 1.4%;
    }
.list_photo li h2{
    width:90%;
    height:100px;overflow:hidden;
    line-height:100px;
    font-size:16px;
    margin:auto;
}
.list_photo li div{
    width:100%;
    height:auto;overflow:hidden;
    position:relative;
}
.list_photo li div img{
    width:100%;
    height: 220px;
}
.list_photo li h3{
    width:90%;
    height:auto;overflow:hidden;
    margin:20px auto 30px auto;
    text-align:left;
    line-height:40px;
}
    .list_photo li h3 a {
        background: #000;
        color: #fff;
        padding: 10px 30px;
        border-radius: 20px;
        transition:all 0.5s;
    }
    .list_photo li h3 a:hover {background:#c9a063;}
    .list_photo li s{
        display:block;
        width:0px;
        height:2px;
        background:#c9a063;
        transition:all 0.5s;
    }
    .list_photo li:hover s{
        width:100%;
        height:2px;
        background:#c9a063;
    }


.plug_book_add {
    width:80%;
    height:auto;overflow:hidden;
    margin:130px auto 0 auto;
}
.plug_book_add li{
    width:100%;
    height:auto;overflow:hidden;
    margin:10px auto;
    font-size:15px;
}
    .plug_book_add li .input {
        width:98%;
        border: 1px solid #000;
        height: 40px;
        line-height: 40px;
        color: #666;
        text-indent:2%;
    }
.plug_book_add li .input_yzm{
        width:48%;
        border: 1px solid #000;
        height: 40px;
        line-height: 40px;
        color: #666;
        text-indent:2%;
}
    .plug_book_add li .inputs {
        width: 94%;
        height: 150px;overflow:hidden;
        line-height:30px;
        border: 1px solid #000;
        padding:5px 2%;
    }
    .plug_book_add li img{
        width:80px;
    }
    #yzm_num{cursor:pointer;}
    .vote_bnt {
        width: 40%;
        height: 50px;
        line-height:50px;
        border: 0;
        text-align: center;
        background:#c9a063;
        color:#fff;
        font-size:16px;
    }

/*信息*/
.infoLeft{
    width:77%;float:left;
    margin-right:3%;
}
.infoRight{
    width:20%;float:left;
}

.infoHotList{
    width:98%;
    height:auto;overflow:hidden;
    margin:0 auto 40px auto;
    box-shadow:0 0 10px #ccc;
    padding-bottom:20px;
}
.infoHotList li{
    width:96%;
    height:50px;line-height:50px;overflow:hidden;
    border-bottom:1px solid #eee;
    padding:0 2%;
    transition:all 0.5s;
}
.infoHotList li:hover{
    text-indent:10px;
    background:#eee;
}
.infoHotList .title{
    background:#000;
    color:#fff;
    font-size:18px;
    height:auto;
    padding:10px 0 20px 4%;
    margin-bottom:20px;
}
.infoHotList .title h2{
    line-height:40px;
    font-size:24px;
}
.infoHotList .title h3{
    line-height:30px;
    font-size:16px;
    font-family:Arial;
    color:#c9a063;
}
/*信息*/


/*弹窗*/
.popupWidth{
    width:90%;
    height:auto;overflow:hidden;
    margin:10px auto;
}
/*验证码*/
.bookYzm {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .bookYzm li {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .bookYzm li input {
            width: 50%;
            height: 40px;
            line-height: 40px;
            border: 1px solid #eee;
            text-indent: 10px;
        }

        .bookYzm li img {
            height: 40px;
        }

        .bookYzm li button {
            width: 150px;
            height: 40px;
            line-height: 40px;
            background-color: #b99129;
            color: #fff;
            text-align: center;
            border: 0;
        }


@media screen and (max-width:950px){
    .width {
        width:94%;
        min-width:0px;
    }

    .NavList{margin-top:20px;}
    .NavList li{
        float:left;
        border-bottom:4px solid #fff;
        line-height:50px;
        padding:0 20px;
        font-size:16px;
        transition:all 0.5s;
    }
    .NavList .hover{font-size:18px;}

    .list_text li{
        width:92%;float:left;
        margin:10px 0%;
        background:#eee;
        padding:20px 4% 40px 4%;
        transition:all 0.5s;
    }

    .list_photo li {
        width: 98%;float:left;
        margin:20px 0;
        overflow: hidden;
        transition:all 0.5s;
        border:1px solid #eee;
    }
    .list_photo li:hover{
        margin:0 0 40px 0;
    }

    .plug_book_add {
        margin:30px auto 0 auto;
    }
    .vote_bnt {
        width: 100%;
    }

    .info_next li{
        width:100%;float:left;
        height:40px;line-height:40px;overflow:hidden;
        border-bottom:1px solid #eee;
        margin-right:0;
        color:#999;
    }

    /*信息*/
    .infoLeft{
        width:100%;
        margin-right:0%;
    }
    .infoRight{
        width:100%;
        margin-top:20px;
    }

    .infoHotList{
        width:98%;
        height:auto;overflow:hidden;
        margin:0 auto 40px auto;
        box-shadow:0 0 10px #ccc;
        padding-bottom:20px;
    }
    .infoHotList li{
        width:96%;
        height:50px;line-height:50px;overflow:hidden;
        border-bottom:1px solid #eee;
        padding:0 2%;
        transition:all 0.5s;
    }
    .infoHotList li:hover{
        text-indent:10px;
        background:#eee;
    }
    .infoHotList .title{
        background:#000;
        color:#fff;
        font-size:18px;
        height:auto;
        padding:10px 0 20px 4%;
        margin-bottom:20px;
    }
    .infoHotList .title h2{
        line-height:40px;
        font-size:24px;
    }
    .infoHotList .title h3{
        line-height:30px;
        font-size:16px;
        font-family:Arial;
        color:#c9a063;
    }
    /*信息*/

    .info_content img{
        max-width:100%;
    }

}