/* CSS Document */
.clear{ clear:both;}
a {text-decoration:none;}
ul {
    list-style:none;
}

.contect {
    width: 100%;
    position: relative;
    padding: 50px 0 40px;
}
.contect .include {
    width: 1280px;
    margin: 0 auto;
}
.contect .include .left {
    width: 980px;
    float: left;
    background: #fff;
    border: 1px solid #d4d4d4;
    padding: 0 0px 30px;
}
.contect .include .left .title{ width:920px; margin:0 auto;line-height:48px; text-align:left; font-size:30px; border-bottom:1px solid #d4d4d4; color:#000;padding:20px 0px;}
.hui_yuan_xin_xi {
    width: 920px;
    font-size: 14px;
    padding: 20px 0px 10px 0px;
    margin: 0 auto;
}
.chong_zhi_xin_xi {
    width: 920px;
    height: 60px;
    font-size: 14px;
    border-bottom: 1px solid #d4d4d4;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
}

.contect .include .left .hisfav {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    line-height: 36px;
}

    .hisfav .list {
        text-align: left;
        overflow: hidden;
        margin: 20px auto;
        width: 100%;
    }

    .hisfav .list li {
        height: 300px;
        width: 280px;
        display: inline-block;
        margin: 5px;
        text-align: left;
    }
    .hisfav .list li p {
        margin: 0 !important;
        padding: 0 !important;
    }
    .hisfav .list .tit {
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        padding-left: 27px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .hisfav .list .site {
        background-position: -280px -138px;
    }
    .hisfav .list .down {
        background-position: -280px -101px;
    }
    .hisfav .list .img {
        display: block;
        position: relative;
        height: 180px;
        width: 280px;
        overflow: hidden;
        background-color: #000;
    }
    .hisfav .list .img img {
        margin: 0 auto;
        display: block;
    }
    .hisfav .list .desc {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 250px;
        height: 154px;
        overflow: hidden;
        z-index: 4;
        color: #fff;
        line-height: 26px;
        display: none;
    }
    .hisfav .list .desc b {
        color: #fa0;
        font-weight: bold;
        text-decoration: underline;
    }
    .hisfav .list .bg {
        height: 100%;
        width: 100%;
        background-color: #000;
        position: absolute;
        top: 0;
        right: 0;
        opacity: .45;
        filter: alpha(opacity=45);
        z-index: 3;
        display: none;
    }
    .hisfav .list .conn {
        height: 38px;
        border-left: #ddd 1px solid;
        border-right: #ddd 1px solid;
        border-bottom: #eee 1px solid;
        position: relative;
        background: #fff;
    }
    .hisfav .list .tags1 {
        height: 40px;
        border: #ddd 1px solid;
        border-top: none;
        overflow: hidden;
        line-height: 40px;
        background: #fff;
    }
    .hisfav .list .tags1 a {
        float: left;
        margin-left: 10px;
        color: #999;
    }
    .hisfav .list .tit, .hisfav .list .conn span{
        background-image: url(../images/icon.png);
        background-repeat: no-repeat;
    }
    .hisfav .list .conn .view {
        float: left;
        margin: 12px 10px 0 10px;
        background-position: 0 -86px;
    }
    .hisfav .list .conn .view1 {
        float: left;
        margin: 12px 10px 0 10px;
        background-image: url(../images/graysc.png);
        background-repeat: no-repeat;
        background-size: 15px;
    }
    .hisfav .list .conn .view2 {
        float: left;
        margin: 12px 10px 0 10px;
        background-image: url(../images/redsc.png);
        background-repeat: no-repeat;
        background-size: 15px;
    }
    .hisfav.list .conn .view {
        float: left;
        margin: 12px 10px 0 10px;
        background-position: 0 -86px;
    }
    .hisfav .list .conn .talk {
        float: left;
        margin-top: 12px;
        background-position: 0 -107px;
    }
    .hisfav .list .conn .up {
        position: absolute;
        top: 12px;
        right: 10px;
        background-position: 0 -128px;
        cursor: pointer;
    }
    .hisfav .list .conn span {
        height: 16px;
        padding-left: 20px;
        line-height: 16px;
        color: #999;
    }

a img {
    vertical-align: top;
}

.an_style {
    display: block;
    padding: 6px 20px;
    margin-right: 10px;
    background: #27a8dc;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    float: left;
}
.but_style {
    display: block;
    padding: 6px 20px;
    margin-right: 10px;
    background: #27a8dc;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    /*float: right;*/
}
.but_style:hover {
    color: #000;
}
.memberuser_kd {
    max-width:58%;
    height:20px;
    overflow-y:auto;
    text-align:left;
}
.czfs {
    width:100%;
    /*float:right;*/
}
.site_box {
    width: 100%;
    height: 40px;
    padding-bottom:5px;
}
.site_border {
    border-bottom: 1px solid #d4d4d4;
}
/* 关于我 */
.contect .include .left .about {
    width: 920px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 36px;
}
.contect .include .left .contact{ width:920px; margin:0 auto;}
.contect .include .left .contact li{height:36px; line-height:36px; text-align:left; padding-left:20px; font-size:14px; margin-top:15px; color:#000;}
.contect .include .left .contact li.qq{ background:url(../images/qq.png) no-repeat 0 10px;}
.contect .include .left .contact li.email{ background:url(../images/email.png) no-repeat 0 10px;}
.contect .include .left .contact li.phone{ background:url(../images/phone.png) no-repeat 0 10px;}

.contect .include .right{ width:280px; float:right;}

/**list**/
.contect .include .right .list {
    text-align: center;
    overflow: hidden;
    margin:0px auto 20px auto;
    width: 99%
}

.contect .include .right .list li {
    /*height: 500px;*/
    display: inline-block;
    margin: 10px 0px;
    text-align: left;
    border: #ddd 1px solid;
    overflow:hidden;
}
.contect .include .right .list li a img{
    width:245px;
}

.contect .include .right .list .tit {
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 27px;
    background-position: -290px -232px
}
.contect .include .right .list .fen_lei {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    border-top: 0px;
    border-bottom: #eee 1px solid;
    background: #fff;
    color: #d68900;
    overflow:hidden;
}
.contect .include .right .list .fen_lei a{color: #d68900;}

.contect .include .right .list .fen_lei_ico {
    display: block;
    height: 30px;
    width:30px;
    float:left;
}
.contect .include .right .list .title_introduction {
    background: #fff;
    /*height: 160px;*/
    border-top: 0px;            
    padding:10px 10px;
    font-size: 14px;
    color:#ddd;
    /*white-space:nowrap;
    text-overflow:ellipsis;*/
}

.contect .include .right .list .title_introduction .title a {
    color:#000;
    font-size:14px;
    font-weight:bold;
}
.contect .include .right .list .title_introduction .title a:hover {
    color: #d68900;
}

.contect .include .right .list .title_introduction .introduction {
    color:#000;
    line-height:22px;
    overflow:hidden;
    padding:10px 0px;
}

.contect .include .right .list .site {
    background-position: -280px -138px
}

.contect .include .right .list .down {
    background-position: -280px -101px
}

.contect .include .right .list .tit a {
    color: #333
}

.contect .include .right .list .tit a:hover {
    color: #4998e7
}

.contect .include .right .list .img {
    display: block;
    position: relative;
    height: 157px;
    width: 245px;
    overflow: hidden;
    background-color: #000
}

.contect .include .right .list .img img {
    margin: 0 auto;
    display: block;
    width: 245px;
}

.contect .include .right .list .desc {
position: absolute;
top: 15px;
left: 15px;
width: 250px;
height: 154px;
overflow: hidden;
z-index: 4;
color: #fff;
line-height: 26px;
display: none
}

.contect .include .right .list .desc b {
    color: #fa0;
    font-weight: bold;
    text-decoration: underline;
}

.contect .include .right .list .bg {
height: 100%;
width: 100%;
background-color: #000;
position: absolute;
top: 0;
right: 0;
opacity: .45;
filter: alpha(opacity=45);
z-index: 3;
display: none
}

.contect .include .right .list .on .desc, .main .list .on .bg {
display: block;
}

.contect .include .right .list .conn {
height: 38px;
border-top: #eee 1px solid;
border-bottom: #eee 1px solid;
position: relative;
background: #fff;
}

.contect .include .right .list .conn span {
    height: 16px;
    padding-left: 20px;
    line-height: 16px;
    color: #999;
}

.contect .include .right .list .conn .view {
    float: left;
    margin: 12px 10px 0 10px;
    background-position: 0 -86px
}

.contect .include .right .list .conn .view1 {
    float: left;
    margin: 12px 10px 0 10px;
    background-image: url(../images/graysc.png);
    background-repeat: no-repeat;
    background-size: 15px
}

.contect .include .right .list .conn .view2 {
    float: left;
    margin: 12px 10px 0 10px;
    background-image: url(../images/redsc.png);
    background-repeat: no-repeat;
    background-size: 15px
}

.contect .include .right .list .conn .talk {
    float: left;
    margin-top: 12px;
    background-position: 0 -107px
}

.contect .include .right .list .conn .up {
    position: absolute;
    top: 12px;
    right: 10px;
    background-position: 0 -128px;
    cursor: pointer
}

.contect .include .right .list .conn .up.on, .contect .include .right .list .conn .up:hover {
    background-position: -180px -228px
}

.contect .include .right .list .tags {
    height: 40px;
    border-top: none;
    border-bottom: #eee 1px solid;
    overflow: hidden;
    line-height: 40px;
    background: #fff;
}

.contect .include .right .list .tags a {
    float: left;
    margin-left: 10px;
    color: #999
}

.contect .include .right .list .tags a:hover {
    color: #4998e7
}
/*common*/
.contect .include .right .list .tit, .contect .include .right .list .fen_lei_ico, .contect .include .right .list .conn span {
    background-image: url(../images/icon.png?type=1);
    background-repeat: no-repeat;
}
.contect .include .right .list .site {
    background-position: -280px -138px
}
.contect .include .right .list .down {
    background-position: -280px -101px
}


.contect .include .right ul{ background:#fff; border:1px solid #d4d4d4;}
.contect .include .right ul .title{ width:225px; margin:0 auto; /*height:50px; line-height:50px;*/ text-align:left; font-size:16px; color:#666;}
.contect .include .right ul li{ width:245px; margin:0 auto; /*height:210px;*/ margin-top:20px;}
.contect .include .right ul li .imgarea{ height:160px;}
.contect .include .right ul li .imgarea img{max-width:245px; max-height:160px; margin:auto auto;display:block;}
.contect .include .right ul li .txtarea{height:25px; line-height:20px; margin-top:15px; text-align:center;overflow:hidden;}
.contect .include .right ul li .txtarea a{ color:#666;}

/* 详情页 */
.contect .include .left .detail{}
.contect .include .left .detail .contain{ background:#fff; border:1px solid #d4d4d4; padding:0px 30px 20px 30px;}
.contect .include .left .detail .lit_content{padding-top:10px;}
.contect .include .left .detail .intro{}
.contect .include .left .detail .intro ul li{ line-height:28px; text-align:left; color:#666;}
.contect .include .left .detail .intro ul li a{ margin-right:10px;}
.contect .include .left .detail .intro ul li a.hui{ color:#333;}
.contect .include .left .detail .intro ul li a.ju{ color:#f60;}
.contect .include .left .detail .conn{ height:50px;border-bottom:1px solid #d4d4d4;}
.contect .include .left .detail .conn span{height:16px;padding-left:20px;line-height:16px;color:#333; font-size:14px}
.contect .include .left .detail .conn .view{ float:left;text-align:left;margin:20px 20px 0 0; background:url(../images/icon.png);background-position:0 -86px}
.contect .include .left .detail .conn .talk{ float:left;text-align:left;margin:20px 20px 0 0; background:url(../images/icon.png);background-position:0 -107px}
.contect .include .left .detail .conn .up{ float:left;text-align:left;margin:20px 20px 0 0; background:url(../images/icon.png);background-position:0 -128px;cursor:pointer}
.contect .include .left .detail .conn .up.on,.contect .include .left .detail .conn .up:hover{ background:url(../images/icon.png);background-position:-180px -228px}

.contect .include .left .detail .conn .view1{ float:left;text-align:left;margin:20px 20px 0 0; background-image: url(../images/graysc.png);background-repeat: no-repeat;background-size:15px}
.contect .include .left .detail .conn .view2{ float:left;text-align:left;margin:20px 20px 0 0; background-image: url(../images/redsc.png);background-repeat: no-repeat;background-size:15px}

.contect .include .left .detail .txts{ padding:20px 0px 70px 30px;}
.contect .include .left .detail .intros{line-height:28px; text-align:left; color:#666; margin-bottom:20px;}
.contect .include .left .detail .intros a{ color:#000;}
.contect .include .left .detail .sharearea{ height:86px; background:#21242e;}
.contect .include .left .detail .sharearea .share{ float:left; width:110px; height:20px; margin-left:20px; text-align:left; font-size:14px; color:#fff; margin-top:28px;}
.contect .include .left .detail .sharearea .shareicons{ float:left; width:450px; height:25px;margin-top:20px;}
.contect .include .left .detail .sharearea .up{ float:right; height:86px; width:355px; background:#5e6dc1;}
.contect .include .left .detail .sharearea .up a{ display:block; float:left; width:80px; height:86px; line-height:86px; background:#5e6dc1; background:url(../images/up.png) no-repeat 38px center; padding-left:90px; color:#fff; font-size:20px;}
.contect .include .left .detail .sharearea .up a:hover{ display:block; float:left; width:80px; height:86px; line-height:86px; background:#f60 url(../images/up.png) no-repeat 38px center; padding-left:90px; color:#fff; font-size:20px;}
.contect .include .left .detail .sharearea .up .num{ float:right; width:auto; margin-right:20px; font-size:18px; color:#afb6e0; line-height:86px;}

.contect .include .left .detail .download{ line-height:14px; font-size:14px; color:#666; line-height:20px;}
.contect .include .left .detail .download .area{ float:left; width:300px; font-size: 14px; height:110px;}
.contect .include .left .detail .download .area input{ float:left; width:420px; height:18px; line-height:18px; text-align:left; padding-left:5px; border:1px solid #ccc; margin-right:6px;}
.contect .include .left .detail .download .area button{ float:left; width:40px; height:20px; line-height:20px; text-align:center; background:#4998e7; color:#fff; border:none;}
.contect .include .left .detail .download li{ margin-bottom:10px;padding-left:60px; line-height:14px; display:block; font-size: 14px;}
.contect .include .left .detail .download li img{ float:left; margin-right:8px;}

/* 分享图标们 */
.bdshare-button-style0-24 {zoom: 1;}
.bdshare-button-style0-24:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
element.style {}
Matched CSS Rules
.bdshare-button-style0-24 .bds_more {color: #333;float: left;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {float: left;font-size: 18px;padding-left: 25px;line-height: 24px;height: 24px;background-image: url(../images/share/icons_0_24.png);background-repeat: no-repeat;cursor: pointer;margin: 6px 6px 6px 0;}
.bdshare-button-style0-24 .bds_more {background-position: 0 0;}
element.style {}
Matched CSS Rules
.bdshare-button-style0-24 .bds_more {color: #333;float: left;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {float: left;font-size: 18px;padding-left: 25px;line-height: 24px;height: 24px;background-image: url(../images/icons_0_24.png);background-repeat: no-repeat;cursor: pointer;margin: 6px 6px 6px 0;}
.bdshare-button-style0-24 .bds_more {background-position: 0 0;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {float: left;font-size: 18px;padding-left: 25px;line-height: 24px;height: 24px;background-image: url(../images/icons_0_24.png);background-repeat: no-repeat;cursor: pointer;margin: 6px 6px 6px 0;}
.bdshare-button-style0-24 .bds_more {color: #333;float: left;}
.bdshare-button-style0-24 .bds_qzone {background-position: 0 -52px;}
.bdshare-button-style0-24 .bds_tsina {background-position: 0 -104px;}
.bdshare-button-style0-24 .bds_tqq {background-position: 0 -260px;}
.bdshare-button-style0-24 .bds_renren {background-position: 0 -208px;}
.bdshare-button-style0-24 .bds_weixin {background-position: 0 -1612px;}
.bdshare-button-style0-24 .bds_tieba {background-position: 0 -728px;}
.bdshare-button-style0-24 .bds_fbook {background-position: 0 -1352px;}
.bdshare-button-style0-24 .bds_linkedin {background-position: 0 -1664px;}

/* 留言板 */
.message_list {}
.message_list li {border-bottom: 1px solid #eaeaea;text-align: left;padding:16px 0;float:left;}
.message_list li .img{float: left;width: 48px;height: 48px;margin-right: 4px;}
.message_list li .rightarea{ float:right; width:850px; }
.message_list li .rightarea .who{ height: 20px;line-height: 20px; color: #333;padding-left:30px;}
.message_list li .rightarea .who span{ padding-left:6px; color:#999;}
.message_list li .rightarea .txts{line-height: 20px; color: #000; font-size: 14px;}
.message_list li .rightarea a.reply{ display:block; float:right; width:40px; height:18px; line-height:18px; text-align:center;border: 1px solid #d4d4d4;}
.message_list li .rightarea .replys{border-top: 1px solid #eaeaea; padding-top:10px;margin-top:10px;float:left;}

.new_message{ padding:20px 0;}
.new_message .input{height:30px; line-height:30px;padding-bottom: 12px;color: #666;}
.new_message .input input{ float:left; height:28px; line-height:28px; background:#f0f0f0; border:1px solid #d4d4d4; text-align:left; padding-left:4px; width:200px; color:#666;}
.new_message .textarea {padding-bottom: 12px;position: relative;}
element.style {}
.new_message .textarea textarea {padding: 5px 9px; background:#f0f0f0;width: 900px;height: 150px;border: 1px solid #d4d4d4;color: #666;line-height: 24px;}

.new_message .input img{ float:left; margin-left:8px; width:100px; height:30px; margin-right:8px;}
.new_message .input .btn{ float:right; width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background:#4998e7;cursor: pointer;}


.form1{width:850px; padding:20px 0px;}
.form1 .input{height:30px; line-height:30px;padding-bottom: 12px;color: #666;}
.form1 .input input{ float:left; height:28px; line-height:28px; background:#f0f0f0; border:1px solid #d4d4d4; text-align:left; padding-left:4px; width:200px; color:#666;}
.form1 .textarea {padding-bottom: 12px;}
.form1 .textarea textarea {padding: 5px 9px; background:#f0f0f0;width: 850px;height: 150px;border: 1px solid #d4d4d4;color: #666;line-height: 24px;}

.form1 .input img{ float:left; margin-left:8px; width:100px; height:30px; margin-right:8px;}
.form1 .input .btn{ float:right; width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background:#4998e7;cursor: pointer;}


/* 投稿 */
.contect .include .left .posts{ width:920px; margin:0 auto;}
.contect .include .left .posts .form ul {padding-top:40px;}
.contect .include .left .posts .form ul li {overflow: hidden;padding-bottom:40px;}
.contect .include .left .posts .form ul li .label {float: left;height: 30px;line-height: 30px;width:50px;text-align: left;font-size: 14px;}
.contect .include .left .posts .form ul li .input {float: left;}
.contect .include .left .posts .form ul li .input input{height:28px; line-height:28px; background:#f0f0f0; border:1px solid #d4d4d4; text-align:left; padding-left:4px; width:700px; color:#666;}
.contect .include .left .posts .form ul li .input textarea { background:#f0f0f0; border:1px solid #d4d4d4;height: 446px;padding: 9px 10px;width: 830px;font-size:14px; color:#666;}
.contect .include .left .posts .form ul li .input span{ color:#999; line-height:20px;}
.contect .include .left .posts .form ul li.intro textarea { background:#f0f0f0; border:1px solid #d4d4d4; height:89px;padding:9px 10px; width:830px; font-size:14px; color:#666; height:80px;}
.contect .include .left .posts .btn{ height:46px; text-align:center; margin-bottom:40px;}
.contect .include .left .posts .btn button{ width:150px; height:46x; line-height:46px; text-align:center; font-size:14px; color:#fff; background:#4998e7; border:none;cursor: pointer;}

/* tags */
.contect .include .left .tags{ width:920px; margin:20px auto;}
.contect .include .left .tags a{float: left;height:24px;line-height:24px;padding:0px 15px; background:#e9e9e9; border-radius: 2px;margin: 0px 6px 10px 0px; font-size:14px; color:#333;white-space: nowrap;}
.contect .include .left .tags a:hover{ background:#0074b8;color:#fff}