body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "MicroSoft Yahei","宋体";color:#2f2f2f;}
*{font-family:"MicroSoft Yahei","宋体";margin:0;padding:0;}/*此部分不要添加颜色属性*/
.width {
    width: 1400px;
    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:#2f2f2f;}
a:hover{text-decoration:none;color:#f30;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}

.pageLeft{
    width:22%;float:left;
    margin-right:3%;
}
.pageLeftTitle {
    width: 100%;
    height: 80px;overflow:hidden;
    line-height: 80px;
    background: linear-gradient(45deg,#0061a7,#0681e1);
    color:#fff;
    font-size:18px;
    border-radius:5px;
    text-indent:20px;
}
.pageLeftList {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #eee;
    padding:10px 0 30px 0;
}
    .pageLeftList li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        text-indent: 30px;
        transition: all 0.5s;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
        .pageLeftList li:hover {
            background-color: #0061a7;
            color: #fff;
        }
.pageLeftList li:hover a{color:#fff;}
    .pageLeftList .active {
        background-color: #0681e1;
        color: #fff;
    }
    .pageLeftList .active  a{color:#fff;}


.pageRight {
    width: 75%;
    float: left;
}
.pagePosition{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    border-bottom:1px solid #eee;
    margin-bottom:40px;
}
.pagePosition img{
    vertical-align:middle;
}
.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    font-size:30px;
    font-weight:bold;
    color:#0681e1;
    margin-bottom:50px;
}

.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:30px;font-size:16px;}
.info_content img{max-width:100%;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:30px;font-size:16px;}
.other_content img{max-width:100%;}


.info_title {
    margin: 10px 0;
    font: 700 30px Microsoft Yahei;
    text-align: center;
}
.info_other {
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    text-align: center;
    color: #999;
    margin: 20px 0;
}
.info_next{
    width:100%;
    height:auto;
    margin:30px auto;
}
.info_next li{
    width:50%;
    float:left;
    height:30px;line-height:30px;
    overflow:hidden;
    text-indent:10px;
    color:#999;
}


.list_photo {
    width: 100%;
    height:auto;
    overflow: hidden;
}
    .list_photo li {
        float: left;
        width: 31%;
        height: auto;overflow:hidden;
        margin: 10px 1%;
        overflow: hidden;
        transition:all 0.5s;
        border-radius:5px;
    }
    .list_photo li:hover{
        box-shadow:0 0 10px #ccc;
    }
        .list_photo li div{
            width:100%;
            height:260px;overflow:hidden;
            position:relative;
        }
        .list_photo li img {
            width: 100%;
            height: 260px;
            position:absolute;
            top:0;
            left:0;
        }

    .list_photo h2 {
        width: 94%;
        height:40px;line-height:40px;overflow:hidden;
        margin:5px auto;
    }

.list_text{
    width:100%;
    height:auto;overflow:hidden;
}
.list_text li{
    width:92%;
    height:auto;
    border-bottom:1px solid #eee;
    transition:all 0.5s;
    margin:20px auto;
    padding:10px 2%;
}
.list_text li:hover{
    box-shadow:0 0 10px #ccc;
    border-radius:5px;
}
.list_text li h2{
    font-size:16px;
    line-height:30px;
    height:30px;overflow:hidden;
}
.list_text li h3{
    font-size:12px;
    line-height:25px;
    height:50px;overflow:hidden;
    color:#999;
}


.plug_book_add {
    width:90%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.plug_book_add dt{margin:6px 0;}
    .plug_book_add dt .input {
        border: 1px solid #ccc;
        height: 30px;
        line-height: 30px;
        color: #666;
        text-indent:10px;
    }
    .plug_book_add dt .inputs {
        width:70%;
        height: 160px;
        border: 1px solid #ccc;
        overflow: hidden;
        background: url(../Images/tishi.gif) no-repeat right bottom;
        padding:10px 10px;
    }
.vote_bnt {
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background:linear-gradient(45deg,#0681e1,#006fc6);
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin: 4px;
    border-radius:5px;
    margin-left:55px;
    margin-top:30px;
}

#yzm_num{cursor:pointer;}
.hand{cursor:pointer;}

/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;}
.List_page span{background:#0681e1;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #0681e1;}

/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#0681e1;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}


@media(max-width:720px){
    .width {
        width: 92%;
    }

    .pageLeft {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom:20px;
    }

    .pageLeftTitle {
        height: 50px;
        line-height: 50px;
    }

    .pageLeftList {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #eee;
        padding: 10px 0 30px 0;
    }

        .pageLeftList li {
            width: 48%;float:left;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            text-indent: 30px;
            transition: all 0.5s;
            border-radius:5px;
            margin:0 1%;
        }


    .pageRight {
        width: 100%;
        float: left;
    }

    .pagePosition {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 30px;
        border-bottom: 1px solid #eee;
        margin-bottom: 40px;
    }

        .info_next li {
            width: 100%;
        }


    .list_photo {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .list_photo li {
            float: left;
            width: 48%;
            height: auto;
            overflow: hidden;
            margin: 10px 1%;
            overflow: hidden;
            transition: all 0.5s;
            border-radius: 5px;
        }
            .list_photo li img {
                width: 100%;
                height: 160px;
            }
}