@media (min-width: 992px) {

    #slider_banner_ul img {
        width: 429px;
        height: 286px;
    }

    .pic_bg {
        background-image: url('../img/bg1.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-attachment: fixed;
        background-color: #f6f6f6;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        /*这里不要设置长宽100%*/
    }

    .head {
        background-image: url('../IMG/timg.jpg');
        background-size: 35% 100%;
        position: relative;
        width: 1080px;
        height: 100%;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position-x: 46%;
    }

    .head_back {
        height: 100px;
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
    }

    .grap_top_container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        background-color: #f6f6f6;
    }

    .white_top_container {
        width: 100%;
        height: auto;
        margin: 0 auto;
        /*background-color: #ffffff;*/
    }

    a {
        text-decoration: none;
    }

    body {
        /* background-color: #f1f1f1;*/
        /*overflow-x: hidden;*/
        color: #555;
        margin: 0;
        font-size: 13px;
        font-family: "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53", "\9ED1\4F53", arial, sans-serif;
        /*    font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;*/
        height: 100%;
        width: 100%;
        min-width: 1080px; /*重要！修改宽度后一定要改这里，不然 ipad 上会显示错误*/
        word-wrap: break-word;
        /* background-image: url('../img/gray-bg.png');*/
        background-repeat: no-repeat;
        /*background-size: 100% auto;*/
        background: #f6f6f6;
        background-position: center 0;
        background-attachment: fixed;
        /*    background-image: url('http://www-static.diyidan.com/static/image/bg01.png');*/
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .explode_list_ul h2 {
        margin: 0;
        font-size: 13px;
        font-weight: normal;
    }

    .white_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }
    /*总体*/
    .main_container {
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        width: 1080px;
        border-radius: 2px;
        text-shadow: 1px 1px 1px #dddada;
    }
    /*左边*/
    .left_container {
        width: 67%;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }

    .search_left_container {
        width: 60%;
        padding: 0px 10px;
        float: left;
    }
    /*右边*/
    .right_container {
        width: 27%;
        padding: 10px 20px;
        float: right;
    }

    .search_right_container {
        width: 34%;
        padding: 0px 10px;
        float: right;
    }

    .strong {
        color: #666;
        font-weight: bold;
    }

    /*文章标题*/
    .content_title {
        word-wrap: break-word;
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #494949;
        margin: 0;
        padding: 0 0 15px 0;
        line-height: 1.1;
        margin-top: 10px;
    }
    /*tag*/
    .tag_span {
        color: #999;
        font-size: 12px;
        background-color: #f7f7f7;
        margin-left: 10px;
        display: block;
        float: left;
        height: 24px;
        width: 40px;
        text-align: center;
        /* padding: 2px 5px; */
        line-height: 24px;
    }

    .tag_link {
        border-radius: 4px;
        display: block;
        padding: 0px 5px;
        font-size: 12px;
        max-width: 35px;
        text-align: center;
        line-height: 25px;
        height: 25px;
        background-color: #209D85;
        color: #ffffff;
    }
    /*栏目标题*/
    .column_title {
        font-size: 16px;
        font-weight: normal;
        color: #15acc8;
    }


    /*时间*/
    .time_span {
        color: #999;
        margin-left: 10px;
        line-height: 24px;
        display: block;
        float: left;
        font-size: 12px;
    }

    /*链接 竖排 list*/
    .vertical_link_ul {
        width: 100%;
    }

    .vertical_link_li {
        line-height: 30px;
        padding: 6px;
        padding-left: 0px;
        border-bottom: 1px solid #EEEEEE;
    }
    /*头像列表*/
    .avatar_ul {
        margin: 0 auto;
    }

        .avatar_ul li {
            width: 96%;
            border-bottom: 1px solid #ededed;
            padding-top: 10px;
            padding-bottom: 10px;
            /*overflow: auto;*/
        }

    .avatar_img_div {
        width: 18%;
        height: 100%;
        text-align: center;
        float: left;
    }

        .avatar_img_div img {
            float: left;
            width: 40px;
            height: 95px;
            border-radius: 20px;
        }

    .avatar_info_div {
        height: 40px;
    }

    .avatar_info_up {
        width: 98%;
        height: 50%;
    }

    .avatar_info_down {
        width: 98%;
        height: 50%;
        font-size: 12px;
        color: #999;
    }


    /*按钮组*/
    .btn {
        border: none;
        background: #34495e;
        color: white;
        font-size: 12px;
        padding: 5px 13px;
        text-decoration: none;
        text-shadow: none;
        transition: 0.25s;
        cursor: pointer;
    }

    .btn_gray {
        background-color: #777777;
        color: #ffffff;
    }

    .btn:hover, .btn:focus {
        background-color: #4e6d8d;
        color: white;
        transition: 0.25s;
    }

    .btn:active, .btn.active {
        background-color: #2c3e50;
        color: rgba(255, 255, 255, 0.75);
        box-shadow: none;
    }

    .btn.disabled, .btn[disabled] {
        background-color: #95a5a6;
        color: white;
    }

    .btn.btn-primary {
        background-color: #f34959;
    }

        .btn.btn-primary:hover, .btn.btn-primary:focus {
            background-color: #f67884;
        }

        .btn.btn-primary:active, .btn.btn-primary.active {
            background-color: #d81e30;
        }

    .topic_header {
        background: url('../img/topic_header.jpg');
        height: 90px;
        width: 100%;
        color: #fff;
    }

    .article-title {
        color: #444;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 1.5em;
        line-height: 1.5em;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 6px 0px;
        font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", "SimHei";
    }
    /*专题页的box*/
    .topic-box {
        margin-left: 2%;
        width: 22%;
        height: auto;
        float: left;
        margin-bottom: 5px;
    }

        .topic-box img {
            display: block;
            width: 100%;
            height: auto;
        }

    /*post描述信息*/
    .post-meta {
        font-size: 12px;
        color: #999;
        width: 100%;
        line-height: 18px;
        margin: 5px 0px;
    }
    /*post title 信息*/
    .post-title {
        color: #444;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 18px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        margin: 6px 0px;
        font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", "SimHei";
    }

    .post-title-link {
        color: #444;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
    }

    .post-title a:hover {
        color: #d14563;
    }
    /*排序方式*/
    .sort_div {
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
        padding: 15px 2px;
        overflow: hidden;
        font-size: 13px;
        color: #666;
        zoom: 1;
    }

        .sort_div label {
            font-family: Tahoma;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 20px;
        }

    /*post的简介信息*/
    .post-summary {
        font-size: 13px;
        line-height: 170%;
        color: #555;
        letter-spacing: .06em;
        width: 100%;
        margin: 6px 0px;
    }
    /*加载更多*/
    .load_more {
        display: block;
        height: 30px;
        width: 96%;
        float: left;
        margin-left: 20px;
        text-align: center;
        text-decoration: none;
        line-height: 30px;
        background-color: #f7f7f7;
        color: #37a;
        cursor: pointer;
    }

    /*topic detail 页样式*/
    .topic_detail_box {
        width: 93%;
        margin-left: 20px;
        margin-bottom: 20px;
    }

        .topic_detail_box img {
            width: 100%;
        }

    .topic_detail_top > .left img {
        width: 500px;
        height: 285px;
        border: 1px solid #eee;
        border-radius: 2px;
    }

    .topic_detail_top > .right {
        width: 460px;
        padding-left: 10px;
        text-align: left;
    }

        .topic_detail_top > .right h3 {
            font-size: 25px;
            font-weight: bold;
            margin: 15px 0;
        }

        .topic_detail_top > .right .labels {
            overflow: hidden;
        }

            .topic_detail_top > .right .labels a {
                float: left;
                background: url('../img/ratebg.png') no-repeat center top;
                color: #FFFFFF;
                height: 35px;
                text-align: center;
                text-decoration: none;
                padding-top: 15px;
                margin-right: 10px;
                width: 50px;
                border-radius: 50px;
            }

        .topic_detail_top > .right .topic_intro {
            margin: 20px 0;
        }

            .topic_detail_top > .right .topic_intro div {
                margin: 5px 0;
            }

        .topic_detail_top > .right .topic_behavior .btn_green {
            padding: 5px 15px;
            margin-right: 20px;
        }

    .topic_detail_items {
        overflow: hidden;
        display: block;
    }

        .topic_detail_items li {
            list-style: none;
            float: left;
            padding: 10px 10px;
            overflow: hidden;
            margin-left: 10px;
        }

    .topic_img_box {
    }

        .topic_img_box img {
            width: 140px;
            height: 200px;
        }

    .topic_item_title {
        max-width: 140px;
        height: 20px;
        overflow: hidden;
        text-align: center;
    }

    /*搜索页*/
    .search_ul {
        margin: 0;
        padding: 15px;
        min-height: 300px;
        width: 600px;
    }

    .search_list_box {
        list-style: none;
        height: 180px;
        text-align: left;
        border-bottom: 1px dashed #CCCCCC;
        margin-top: 10px;
    }

        .search_list_box .dm_ratings_box {
            height: 40px;
            color: #ffffff;
            width: 60px;
            font-size: 1.3em;
            font-weight: bold;
            text-align: center;
            padding-top: 15px;
            background-color: #1abc9c;
        }

        .search_list_box .search_list_box_left {
            height: 100%;
            float: left;
        }

        .search_list_box .search_list_box_right {
            height: 100%;
            width: 530px;
            padding-left: 10px;
            float: left;
        }

    .search_videoshot_box {
        list-style: none;
        /*height: 100px;*/
        text-align: left;
        border-bottom: 1px dashed #CCCCCC;
        margin-top: 10px;
    }
    /*.search_list_box_right img {
    height: 130px;
    width: 100px;
}*/

    .search_list_box .detail_box {
        border: 1px solid red;
        height: 140px;
        float: left;
    }

    .search_img_a {
        float: left;
        /*width: 100px;
    height: 130px;*/
    }

        .search_img_a img {
            width: 100px;
            float: left;
            height: 130px;
        }

    .search_font {
        font: 13px helvetica,"微软雅黑","microsoft yahei",verdana,lucida,arial,sans-serif,"黑体";
        color: #333;
    }

    .search_title {
        margin: 0;
        font-size: 20px;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 10px;
        /*width: 480px;*/
        overflow: hidden;
    }

        .search_title a {
            text-decoration: none;
            color: #37A;
        }

    .search_info_ul {
        list-style: none;
        padding-left: 15px;
        font-size: 1.2em;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .search_info_ul li {
            width: 380px;
            /*white-space: nowrap;*/
            margin-bottom: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 70px;
        }

        .search_info_ul a {
            color: #37A;
        }

    .search_relative_box {
        float: left;
        width: 100px;
        margin-right: 20px;
        height: 170px;
    }

    .soutu-close {
        display: block;
        z-index: 2;
        width: 13px;
        height: 13px;
        color: gray;
        position: relative;
        top: -27px;
        left: 245px;
        background-color: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
    }

    .soutu-btn {
        overflow: hidden;
        z-index: 1;
        position: relative;
        left: 265px;
        top: -38px;
        height: 16px;
        width: 18px;
        background: #fff url(/Content/IMG/camera_new_5606e8f.png) no-repeat;
        background-image: -webkit-image-set(url(/Content/IMG/camera_new_5606e8f.png) 1x,url(/Content/IMG/camera_new_x2_fb6c085.png) 2x);
        background-image: -moz-image-set(url(/Content/IMG/camera_new_5606e8f.png) 1x,url(/Content/IMG/camera_new_x2_fb6c085.png) 2x);
        background-image: -o-image-set(url(/Content/IMG/camera_new_5606e8f.png) 1x,url(/Content/IMG/camera_new_x2_fb6c085.png) 2x);
        background-image: -ms-image-set(url(/Content/IMG/camera_new_5606e8f.png) 1x,url(/Content/IMG/camera_new_x2_fb6c085.png) 2x);
        cursor: pointer;
    }

        .soutu-btn:hover {
            background-position: 0 -20px;
        }

    /* 点赞，加入漫单 按钮*/
    .append_btn_a {
        display: inline-block;
        border: 1px solid #538643;
        padding: 3px 5px;
        font-size: 12px;
        border-radius: 1px;
        width: 68px;
        line-height: 20px;
        text-decoration: none;
        color: #3fa156;
    }

        .append_btn_a:hover {
            background: #3fa156;
            color: #fff;
        }

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    input,
    textarea {
        outline: none;
        border: none;
        margin: 0;
        font: 13.3333px Arial;
    }

    /*footer*/
    .footer_outer {
        width: 100%;
        font-size: 12px;
        background: #505050;
    }

    .footer_top,
    .footer_bottom {
        width: 1080px;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 25px;
    }

    .footer_region {
        float: left;
        width: 18%;
    }

    .footer_region_title {
        color: #eee;
        font-size: 120%;
        padding-left: 3px;
        text-shadow: 1px 1px 0 #3d3d3d;
        margin-top: 25px;
    }

    .footer_region ul {
        float: left;
        margin: 8px 12px 0 3px;
        padding-left: 0;
        list-style: none;
    }

        .footer_region ul li {
            margin-bottom: 3px;
        }

    .footer_region a {
        color: #a8a8a8;
        font: 13px/1.5 arial,微软雅黑,helvetica,sans-serif;
        text-decoration: none;
    }

        .footer_region a:hover {
            color: #0aa;
            opacity: 1;
        }

    .footer_bottom {
        height: 40px;
        line-height: 40px;
    }

    #footer_logo {
        float: left;
    }

    #footer_copyright {
        float: right;
    }

    .footer-sign {
        background-color: #3C3C3C;
        border-top: 1px solid rgba(0,0,0,.05);
        color: #aaa;
        font-size: .8em;
    }

    .footer-friendlink {
        background-color: #fff;
        border-top: 1px solid rgba(0,0,0,.05);
        color: #aaa;
        font-size: .8em;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .friendlink_ul {
        width: 1080px;
        margin: 0 auto;
        font-size: 13px;
    }

        .friendlink_ul a {
            text-decoration: none;
            color: #616161;
        }

        .friendlink_ul li {
            float: left;
            display: inline-block;
            margin: 8px;
        }

    .footer-sign .boxed {
        margin: 0 auto;
        width: 1080px;
        height: 26px;
        padding-top: 14px;
    }

        .footer-sign .boxed a {
            color: #aaa;
        }

    .footer-link {
        text-decoration: none;
        color: #ccc;
    }

    /* 普通链接*/
    .normal_a_color {
        cursor: pointer;
        /* font-family: "Microsoft Yahei"; */
        /* display: inline-block; */
        letter-spacing: normal;
        /* margin: 0 8px 8px 0; */
        /* padding: 6px 8px; */
        /* background-color: #f5f5f5; */
        font-size: 13px;
        text-decoration: none;
        color: #37A;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .active a,
        .normal_a_color:hover {
            color: #d14563;
        }

    /*基本链接 蓝色*/
    .basic_link_color {
        color: #428bca;
        /*color: #118D93;*/
        text-decoration: none;
        font-size: 13px;
        cursor: pointer;
    }

        .basic_link_color:visited {
            /*color: #669;*/
        }

        .basic_link_color:hover {
            color: #F76903;
        }



    /* 限制文本的显示长度，超出容器宽度后显示省略号；注：只对一行的文本有效！*/
    .basic_text_ellipsis,
    .basic_description_left,
    .basic_description_right,
    .basic_item_title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .basic_img_box {
        width: 180px; /*其他页面在使用这个时，只需要覆盖 width、height 和 play_icon 的 size 即可!*/
        height: 256px;
        color: #fff;
        position: relative;
    }

        .basic_img_box .new_icon {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            background: url(../img/new-icon.png) center;
        }

        .basic_img_box img {
            webkit-box-shadow: 3px 3px 4px #ccc;
            box-shadow: 3px 3px 4px #ccc;
            width: 100%;
            height: 100%;
            border-radius: 2px;
        }

        .basic_img_box .basic_play_icon {
            -webkit-background-size: 64px 64px;
            -moz-background-size: 64px 64px;
            -o-background-size: 64px 64px;
            background-size: 64px 64px;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            position: absolute;
            z-index: 10;
            /*background-image: url(../assets/play_icon.png);*/
            /*background-color: rgba(0, 0, 0, 0.3);*/
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transition: opacity .25s linear;
            -moz-transition: opacity .25s linear;
            -o-transition: opacity .25s linear;
            transition: opacity .25s linear;
        }

    .basic_img_box_middle {
        width: 105px;
        height: 140px;
        float: left;
    }

        .basic_img_box_middle .basic_play_icon {
            -webkit-background-size: 40px 40px;
            -moz-background-size: 40px 40px;
            -o-background-size: 40px 40px;
            background-size: 40px 40px;
        }

    .middle_img_box {
        width: 100%;
        height: 160px;
        float: left;
    }

        .middle_img_box img {
            width: 100%;
            height: 100%;
            webkit-box-shadow: 3px 3px 4px #ccc;
            box-shadow: 3px 3px 4px #ccc;
        }

    .basic_img_box:hover .basic_play_icon {
        opacity: 1;
    }

    .basic_img_box .basic_description {
        height: 32px;
        width: 100%;
        bottom: 0;
        left: 0;
        position: absolute;
        /*background: url(../img/item_description_bg.png) repeat-x;*/
        /*background: url(../img/gradient.png) repeat-x;*/
        font-size: 12px;
    }

    .basic_description_left {
        left: 0;
        bottom: 0;
        position: absolute;
        padding: 3px;
        background-color: rgba(0,0,0,0.5);
        border-radius: 5px;
    }

    .basic_description_right {
        right: 0;
        bottom: 0;
        position: absolute;
        padding: 3px;
        max-width: 100px;
    }

    .basic_item_title {
        max-width: 180px; /*酌情覆盖 max-width 属性*/
        padding: 3px 0;
        /*margin-left: -3px;*/
        font-size: 13px;
        line-height: 24px;
    }

        .basic_item_title h2 {
            margin: 0;
            font-size: 13px;
            font-weight: normal;
        }

    .basic_item_title_middle {
        width: 100%;
        font-size: 13px;
        padding: 12px 0px 6px 0px;
    }

    .basic_container_left {
        width: 71%;
        float: left;
        min-height: 500px;
    }

    .basic_container_right {
        width: 28%;
        float: right;
    }

    .basic_container_item {
        margin: 2px 2px 2px 2px;
        padding: 5px;
        overflow: hidden;
        border-bottom: 1px solid #eee;
    }

    .basic_container_item_title {
        color: #3FA156;
        font-size: 13px;
        /* border-bottom: 1px solid #D9D9D9;*/
        padding: 0 0 7px 0;
        margin: 0 0 4px 0;
        position: relative;
    }

        .basic_container_item_title .subtitle {
            font-size: 13px;
            color: #888;
            margin-left: 5px;
        }

        .basic_container_item_title .triangle {
            position: absolute;
            left: 43px;
            bottom: -5px;
            width: 8px;
            height: 8px;
            overflow: hidden;
            font-size: 0;
            background-color: #fff;
            border-top: 1px solid #D9D9D9;
            border-right: 1px solid #D9D9D9;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .basic_container_item_info {
        margin-left: 10px;
        width: 575px;
        float: left;
    }

        .basic_container_item_info .basic_info_top {
            overflow: hidden;
        }

        .basic_container_item_info .basic_info_title {
            width: 420px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            float: left;
        }

            .basic_container_item_info .basic_info_title a {
                font-size: 140%;
            }

        .basic_container_item_info .basic_info_subtitle {
            font-size: 12px;
            color: #888;
            padding-top: 10px;
            overflow: hidden;
        }

            .basic_container_item_info .basic_info_subtitle > div {
                float: left;
                margin-right: 20px;
            }

        .basic_container_item_info .basic_info_item {
            padding: 3px;
            overflow: hidden;
            font-size: 13px;
        }

            .basic_container_item_info .basic_info_item .title {
                font-weight: bold;
                float: left;
            }

            .basic_container_item_info .basic_info_item .content {
                max-width: 670px;
                float: left;
                color: #555;
                line-height: 160%;
            }

            .basic_container_item_info .basic_info_item .summary {
                min-height: 70px;
            }

    .basic_operations {
        /*  border-top: 1px dashed #c3c3c3;*/
        margin-top: 5px;
        padding: 5px 0 0 0;
    }

        .basic_operations ul {
            margin: 0;
            padding: 0;
        }

        .basic_operations li {
            float: left;
            list-style: none;
            line-height: 30px;
        }

    .basic_container_item_actions li {
        width: 24.8%;
    }

    .basic_operations li > div {
        color: #888;
        padding: 0;
        text-align: center;
        display: block;
    }

    .basic_operations li:not(:last-child) {
        border-right: 1px solid #c3c3c3;
    }

    .basic_operations i {
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 18px 18px;
        display: inline-block;
        margin-top: 2px;
        vertical-align: top;
    }

    .basic_container_header {
        font-size: 16px;
        color: #3FA156;
        margin-bottom: 5px;
    }

    .basic_container_right ul {
        font-size: 13px;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .basic_container_right li {
        list-style: none;
        overflow: hidden;
        border-left: 2px solid transparent;
        padding: 10px;
        border-top: 1px solid rgba(0,0,0,0.05);
        -webkit-transition: all .15s linear;
        -o-transition: all .15s linear;
        -moz-transition: all .15s linear;
        -ms-transition: all .15s linear;
        transition: all .15s linear;
    }

        .basic_container_right li:hover {
            background-color: #f1f1f1;
            border-left: 2px solid #F76903;
            border-top-left-radius: 1px;
        }

    .basic_year {
        color: #888;
    }

    .basic_errors {
        width: 100%;
        height: 500px;
        line-height: 500px;
        font-size: 42px;
        text-align: center;
    }

    .basic_rate {
        text-align: center;
        color: #e82100;
        font-size: 13px;
    }

        .basic_rate > span {
            display: inline-block;
        }

            .basic_rate > span:first-child {
                margin-right: 3px;
            }

    .basic_rate_star {
        align-content: center;
        background: url("/Content/IMG/rate-stars.gif") no-repeat;
        height: 11px;
        width: 55px;
    }

    .basic_rate_star100 {
        background-position: 0 0;
    }

    .basic_rate_star90 {
        background-position: 0 -11px;
    }

    .basic_rate_star80 {
        background-position: 0 -22px;
    }

    .basic_rate_star70 {
        background-position: 0 -33px;
    }

    .basic_rate_star60 {
        background-position: 0 -44px;
    }

    .basic_rate_star50 {
        background-position: 0 -55px;
    }

    .basic_rate_star40 {
        background-position: 0 -66px;
    }

    .basic_rate_star30 {
        background-position: 0 -77px;
    }

    .basic_rate_star20 {
        background-position: 0 -88px;
    }

    .basic_rate_star10 {
        background-position: 0 -99px;
    }

    .basic_rate_star0 {
        background-position: 0 -110px;
    }

    .basic_rate_star_big {
        background: url("../img/rate-stars-big.gif") no-repeat;
        height: 14px;
        width: 75px;
    }

    .basic_rate_star_big100 {
        background-position: 0 0;
    }

    .basic_rate_star_big90 {
        background-position: 0 -14px;
    }

    .basic_rate_star_big80 {
        background-position: 0 -28px;
    }

    .basic_rate_star_big70 {
        background-position: 0 -42px;
    }

    .basic_rate_star_big60 {
        background-position: 0 -56px;
    }

    .basic_rate_star_big50 {
        background-position: 0 -70px;
    }

    .basic_rate_star_big40 {
        background-position: 0 -84px;
    }

    .basic_rate_star_big30 {
        background-position: 0 -98px;
    }

    .basic_rate_star_big20 {
        background-position: 0 -112px;
    }

    .basic_rate_star_big10 {
        background-position: 0 -126px;
    }

    .basic_rate_star_big0 {
        background-position: 0 -140px;
    }

    /*回到顶部*/
    #rightBottomFixDiv {
        position: fixed;
        right: 10px;
        bottom: 60px;
        transition: bottom ease .3s;
        z-index: 3;
        cursor: pointer;
    }

    .rightBottomBtn {
        width: 40px;
        height: 40px;
        display: block;
        background-color: #555;
        text-decoration: none;
        color: #fff;
    }

        .rightBottomBtn:hover {
            background-color: #737373;
            color: #fff;
            text-decoration: none;
        }

    #backToTop {
        transition: background-color ease .3s;
        margin-top: 1px;
        border-bottom: 1px solid #F0F0F0;
    }

    #up-icon {
        float: left;
        margin: 13px 0 0 9px;
        width: 23px;
        height: 12px;
        background: url(/Content/IMG/up-icon.png);
    }

    #feedBack {
        padding-left: 8px;
        padding-top: 3px;
        font-size: 12px;
    }

    .basic_input,
    .basic_textarea {
        border: 1px solid #ddd;
        padding: 5px;
        background-color: #fff;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -o-transition: all ease 0.2s;
        transition: all ease 0.2s;
        margin-bottom: 5px;
    }

        .basic_input:focus,
        .basic_textarea:focus {
            border-color: #00b5e5;
            background-color: rgba(0, 0, 0, .01);
        }

    /* 剧集列表 start */
    .explode_list_box {
        overflow: hidden;
    }

    .select_explode_range_div {
        overflow: hidden;
    }

        .select_explode_range_div .switch_hd {
            overflow: hidden;
            float: right;
            margin-top: 2px;
        }

            .select_explode_range_div .switch_hd a {
                margin: 0 5px;
                padding: 5px;
                height: 26px;
                width: 50px;
                cursor: pointer;
                background-color: #5BBD72;
                color: #fff;
                font-size: 13px;
            }

            .select_explode_range_div .switch_hd .prevStop {
                background-color: #F1F1F1;
                border-radius: 2px;
            }

            .select_explode_range_div .switch_hd .nextStop {
                background-color: #F1F1F1;
                border-radius: 2px;
            }

            .select_explode_range_div .switch_hd .prev {
                /*background:url(../img/triangle-left.png);*/
            }

    .explode_list_box .hd {
        overflow: hidden;
        max-width: 95%;
        float: left;
    }

        .explode_list_box .hd ul {
            float: left;
            list-style: none;
            margin: 0 10px;
            padding: 0;
        }

            .explode_list_box .hd ul li {
                text-align: center;
                text-decoration: none;
                float: left;
                height: 20px;
                line-height: 20px;
                padding: 3px 7px;
                margin: 2px 3px;
                cursor: pointer;
            }

                .explode_list_box .hd ul li.on {
                    background: #4B8CCB;
                    border-radius: 2px;
                    color: #ffffff;
                }

    .explode_list_box .bd {
        overflow: hidden;
    }

        .explode_list_box .bd ul {
            float: left;
            list-style: none;
            margin: 5px 10px;
            padding: 0;
        }

            .explode_list_box .bd ul li {
                float: left;
                list-style: none;
                padding: 0;
                margin: 5px 5px;
            }

                .explode_list_box .bd ul li a {
                    display: block;
                    padding: 4px;
                    color: #369;
                    text-decoration: none;
                    text-align: center;
                    min-width: 46px;
                    font-size: 13px;
                    background-color: #fff;
                    border: 1px solid #ccddeb;
                    /*border-radius: 2px;*/
                }

        .explode_list_box .bd li a:hover,
        .explode_list_box .bd li .current_explode {
            background: #4B8CCB;
            color: white;
            border: 1px solid #4B8CCB;
        }
    /* 剧集列表 end */

    /* 相关动漫*/
    #similarity_subjects {
        position: relative;
        margin: 10px 0 0 0;
        padding-left: 1px;
        padding-top: 1px;
        overflow: hidden;
    }

        #similarity_subjects li {
            float: left;
            margin-left: 25px;
            list-style: none;
            width: 106px;
            overflow: hidden;
        }

    #similarity_tips {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        font-size: 20px;
        padding-top: 80px;
        text-align: center;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .btn_delete {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/delete_icon.png) no-repeat center;
    }

        .btn_delete:hover {
            background: url(../img/delete_icon_hover.png) no-repeat center;
        }

    .not_completed_tips { /**临时用*/
        font-size: 40px;
        text-align: center;
        color: #ccc;
        height: 400px;
        line-height: 400px;
    }


    /* menu start*/
    #menu_banner {
        width: 100%;
        background-size: 100%,100%;
        margin-top: 0px;
        text-shadow: 1px 1px 1px #dddada;
        /*background-image:url(../IMG/head_back.png)*/
        background-color: white;
    }

        #menu_banner .tieba {
            border-left: 1px solid #aaa;
            margin-left: 10px;
            padding-left: 10px;
            padding-right: 7px;
        }

    .menu_banner_content {
        color: #555;
        margin: 0 auto;
        width: 1080px;
        height: 40px;
        position: relative;
    }

        .menu_banner_content a {
            font-size: 13px;
            text-decoration: none;
            color: #555;
        }

    .menu_nav_brand {
        float: left;
        margin-right: 10px;
    }

        .menu_nav_brand a {
            color: #fff;
            font-size: 24px;
            font-weight: bold;
        }

    .menu_nav {
        list-style: none;
        overflow: hidden;
        float: left;
    }

        .menu_nav li {
            float: left;
        }

            .menu_nav li a {
                display: block;
                padding: 0 16px;
                line-height: 40px;
                color: #696e78;
                /*text-indent: 22px;*/
                background-size: 20px 20px !important;
            }

        .menu_nav a:hover {
            color: #fff;
            /*font-weight: bold;*/
        }

        .menu_nav .active a {
            color: #fff;
            /*font-weight: bold;*/
        }

        .menu_nav .active,
        .menu_nav li:hover {
            color: #fff;
            /*  background-color: #4DABFF;*/
            background-color: #fd4c5d;
        }

        .menu_nav .icon_list {
            /*background: url(../img/list_icon.png) no-repeat 10px 16px;*/
        }
    /* 搜索框*/
    /*.nav-search {
    float: right;
    padding-top: 13px;
}*/
    #search_form {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 50px;
    }

    .search_form {
        float: left;
        padding-top: 10px;
        margin-left: 10px;
    }

        .search_form #search_input {
            float: left;
            width: 200px;
            height: 20px;
            line-height: 20px;
            padding: 5px 5px;
            font-size: 13px;
            background-color: #fff;
            color: #444;
            /*border:1px solid #ccc;*/
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
        }

        .search_form #search_btn {
            float: left;
            width: 30px;
            height: 30px;
            padding: 0;
            background: url(../img/search_icon_grey.png) no-repeat 0 0;
            background-size: 30px 30px;
            background-color: #fff;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
            cursor: pointer;
        }

        .search_form .btnOnFocus {
            background-image: url(../img/search_icon_blue.png) !important;
        }

    .menu_banner_content .logon_menu {
        float: right;
        line-height: 40px;
    }

    .logon_menu a {
        cursor: pointer;
    }

    #logon_info {
        position: relative;
        float: right;
    }

        #logon_info a {
            font-size: 13px;
        }

        #logon_info .logon_name {
            float: left;
            max-width: 92px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-transform: capitalize;
        }

        #logon_info .logon_avatar {
            float: left;
        }

        #logon_info .avatar {
            margin: 0 0 0 5px;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            vertical-align: middle;
        }

        #logon_info:hover .logon_dropdown {
            display: block;
        }

    .logon_dropdown {
        z-index: 1000;
        position: absolute;
        top: 35px;
        right: 0;
        display: none;
        padding: 0;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

        .logon_dropdown ul {
            list-style: none;
            margin: 0;
            padding-left: 0;
            background-color: #fff;
        }

            .logon_dropdown ul li {
                list-style: none;
                -webkit-transition: all .19s linear;
                -o-transition: all .19s linear;
                -moz-transition: all .19s linear;
                transition: all .19s linear;
            }

                .logon_dropdown ul li:hover {
                    background-color: #f1f1f1;
                }

                    .logon_dropdown ul li:hover a {
                        color: #F76903;
                    }

                .logon_dropdown ul li:not(:first-child) {
                    border-top: 1px solid #f1f1f1;
                    ;
                }

                .logon_dropdown ul li a {
                    line-height: 25px;
                    color: #000;
                    display: block;
                    text-indent: 20px;
                    padding: 8px 15px 8px 10px;
                    width: 120px;
                }

        .logon_dropdown .user_icon {
            /*background: url(../img/user-icon.png) no-repeat 8px 13px;*/
            background-size: 15px 15px;
        }

        .logon_dropdown .logout_icon {
            /*background: url(../img/logout-icon.png) no-repeat 8px 13px;*/
            background-size: 15px 15px;
        }

    /* 弹出框容器 begin */
    .pop_up_box_container {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 99998;
        font-family: "Microsoft Yahei";
    }

    .pop_up_box_content {
        /* 需要具体元素自己设定大小和相应位移 */
        position: fixed;
        left: 50%;
        top: 50%;
        border-radius: 1px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        text-align: center;
        background: #fff;
    }

        .pop_up_box_content .close {
            width: 36px;
            height: 36px;
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }

            .pop_up_box_content .close i {
                width: 20px;
                height: 20px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -10px 0 0 -10px;
                background: url(../img/close.png) 0 0 no-repeat;
            }

            .pop_up_box_content .close:hover i {
                background-position: 0 -60px;
            }
    /* 弹出框容器 end */

    /* loginn 弹出框 begin */
    #login_pop_up > div {
        margin: -240px 0 0 -380px;
        text-align: left;
        font-size: 13px;
    }

    #login_pop_up .close {
        font-size: 20px;
        padding: 0;
        text-align: center;
        font-family: Arial;
        color: #aaa;
    }

        #login_pop_up .close:hover {
            color: #fff;
        }

    #login_pop_up h1 {
        font-size: 20px;
        margin: 0 0 15px 0;
    }

    #login_pop_up .left {
        width: 300px;
        color: #555;
        padding: 20px 50px 20px 20px;
    }

        #login_pop_up .left > div {
            margin: 20px 0;
            overflow: hidden;
        }

            #login_pop_up .left > div > input {
                width: 245px;
                height: 18px;
            }

        #login_pop_up .left .sub_left {
            float: left;
        }

        #login_pop_up .left .sub_right {
            float: right;
        }

        #login_error_tips_on_page,
        #login_pop_up .left #login_pop_error_tips {
            margin: 0;
            height: 17px;
            color: red;
        }

        #login_pop_up .left #do_login_with_data {
            float: right;
            margin: 30px 0 0 0;
            padding: 10px 40px;
            font-size: 13px;
        }

    #login_pop_up .right {
        width: 250px;
        height: 350px;
        background-color: #5a5a5a;
        color: #aaa;
        padding: 20px;
    }

        #login_pop_up .right h2 {
            margin-bottom: 10px;
            font-size: 13px;
        }

        #login_pop_up .right > div {
            overflow: hidden;
            margin-bottom: 30px;
        }

        #login_pop_up .right #btn_register {
            margin-bottom: 10px;
            color: #ccc;
            padding: 10px;
            background-color: #777;
            text-decoration: none;
            display: block;
            text-align: center;
        }

            #login_pop_up .right #btn_register:hover {
                background-color: #aaa;
                color: #fff;
            }

        #login_pop_up .right .other_account a {
            border: 1px solid #bbb;
            color: #bbb;
            padding: 8px;
            margin-bottom: 10px;
            text-decoration: none;
            display: block;
            text-align: center;
        }

            #login_pop_up .right .other_account a:hover {
                border: 1px solid #fff;
                color: #fff;
            }
    /* loginn 弹出框 end */

    .user_center_right_nav li {
        padding: 0;
    }

        .user_center_right_nav li a {
            display: block;
            padding: 8px;
        }

    .user_center_content_min_height {
        min-height: 480px;
    }

    .pager {
        margin-left: 5px;
        height: 30px;
        float: left;
        width: 90%;
    }

    .pager_title {
        float: left;
        line-height: 30px;
    }

        .pager_title b {
            color: #c25975;
        }

    .pager a {
        padding: 4px;
        color: #369;
        width: 30px;
        float: left;
        margin-left: 2px;
        text-decoration: none;
        text-align: center;
        font-size: 13px;
        background-color: #fff;
        border: 1px solid #ccddeb;
        border-radius: 2px;
        margin-bottom: 15px;
    }

    .pager .current {
        padding: 4px;
        color: #369;
        width: 30px;
        display: block;
        float: left;
        margin-left: 2px;
        text-decoration: none;
        text-align: center;
        font-size: 13px;
        border: 1px solid #ccddeb;
        border-radius: 2px;
        margin-bottom: 15px;
        background-color: #e5e5e5;
    }

    .b03_banner {
        position: relative;
        overflow: auto;
        text-align: center;
    }

        .b03_banner li {
            list-style: none;
        }

        .b03_banner ul li {
            float: left;
        }

    #b03 {
        width: 429px;
    }

        #b03 .dots {
            position: absolute;
            right: 5%;
            bottom: 5px;
        }

            #b03 .dots li {
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 0 4px;
                text-indent: -999em;
                border: 2px solid #fff;
                border-radius: 6px;
                cursor: pointer;
                opacity: .4;
                -webkit-transition: background .5s, opacity .5s;
                -moz-transition: background .5s, opacity .5s;
                transition: background .5s, opacity .5s;
            }

        #b03 a {
            display: block;
            position: relative;
        }

        #b03 .dots li.active {
            background: #fff;
            opacity: 1;
        }

        #b03 li span {
            color: #fff;
            padding: 26px 0 0 0;
            position: absolute;
            bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            max-width: 100%;
            width: 100%;
            height: 20px;
            left: 0;
            right: 0;
            background: url('/Content/IMG/gradient.png') repeat-x;
        }

        #b03 li span {
            font-size: 16px;
            padding-bottom: 5px;
        }

    .banner4_container {
        position: relative;
        width: 100%;
        height: 315px;
    }

        .banner4_container .main_container {
            padding-top: 15px;
            margin-bottom: 0px;
            height: 300px;
            position: relative;
        }

        .banner4_container .texture {
            background-image: url('/Content/IMG/indexSlidersBlur.png');
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }

    .banner4_bg {
        opacity: 1;
        overflow: hidden;
        background-size: cover;
        -webkit-transition: opacity false false,.5s false false;
        -moz-transition: opacity false false false,.5s false false false;
        -o-transition: opacity false false false,.5s false false false;
        transition: opacity .5s;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        filter: blur(15px);
        position: absolute;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .banner4 {
        top: 15px;
        right: 0;
        position: absolute;
        width: 650px;
        height: 286px;
    }

        .banner4 li {
            float: left;
            position: relative;
            margin-right: 1%;
        }

            .banner4 li img {
                position: absolute;
                width: 100%;
                height: 100%;
            }

            .banner4 li span {
                color: #fff;
                padding: 26px 0 0 0;
                position: absolute;
                bottom: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                text-align: center;
                max-width: 100%;
                width: 100%;
                height: 20px;
                font-weight: bold;
                font-size: 13px;
                background: url('/Content/IMG/gradient.png') repeat-x;
            }

        .banner4 li {
            width: 206px;
            height: 138px;
            margin-bottom: 10px;
            margin-left: 6px;
        }

            .banner4 li:nth-of-type(3),
            .banner4 li:nth-of-type(6) {
                margin-right: 0;
            }

    .post-meta a {
        max-width: 180px;
        display: inline-block;
    }

    .from {
        float: left;
    }


    /* 在漫单详情页中修改单个动漫的推荐语的弹出框 ---------- begin */
    #edit_recom_intro_pop_up {
        /*width: 650px;*/
        margin: -220px 0 0 -325px;
        padding: 20px;
    }

        #edit_recom_intro_pop_up em {
            font-weight: bold;
            font-style: normal;
            font-size: 15px;
        }

        #edit_recom_intro_pop_up .top {
            height: 30px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        #edit_recom_intro_pop_up .left {
            width: 160px;
            padding-top: 10px;
        }

            #edit_recom_intro_pop_up .left img {
                width: 100px;
                height: 137px;
            }

        #edit_recom_intro_pop_up .right {
            width: 390px;
            padding: 10px 10px 0 10px;
            text-align: left;
            font-size: 13px;
            border-left: 1px solid #ddd;
        }

            #edit_recom_intro_pop_up .right span {
                color: #999;
            }

            #edit_recom_intro_pop_up .right textarea {
                width: 378px;
                max-width: 378px;
                height: 90px;
                font-size: 13px;
                word-wrap: break-word;
            }

            #edit_recom_intro_pop_up .right > div {
                margin-bottom: 10px;
                display: block;
                overflow: hidden;
            }

            #edit_recom_intro_pop_up .right .btn_div {
                margin-top: 50px;
            }

                #edit_recom_intro_pop_up .right .btn_div .btn_gray,
                #edit_recom_intro_pop_up .right .btn_div .btn_green {
                    float: right;
                    margin-left: 20px;
                    padding: 5px 15px;
                }
    /* 在漫单详情页中修改单个动漫的推荐语的弹出框 ---------- begin */

    /* 创建/修改漫单  ------------  begin */
    #create_or_edit_mandan_pop_up {
        /*width: 660px;*/
        margin: -200px 0 0 -330px;
    }

    /*#create_or_edit_mandan_pop_up .close {
            font-size: 20px;
            padding: 0;
            text-align: center;
            font-family: Arial;
            color: #ccc;
        }

            #create_or_edit_mandan_pop_up .close:hover {
                color: #fff;
            }

        #create_or_edit_mandan_pop_up > div {
            float: left;
            text-align: left;
            padding: 0 20px;
        }

            #create_or_edit_mandan_pop_up > div h1 {
                font-size: 20px;
            }

            #create_or_edit_mandan_pop_up > div h2 {
                font-size: 13px;
                font-weight: normal;
                margin-bottom: 2px;
            }

        #create_or_edit_mandan_pop_up .left {
            width: 350px;
        }

            #create_or_edit_mandan_pop_up .left input {
                width: 340px;
                height: 18px;
            }

            #create_or_edit_mandan_pop_up .left textarea {
                width: 339px;
                height: 150px;
            }

            #create_or_edit_mandan_pop_up .left #error_tips {
                height: 25px;
                margin-bottom: 5px;
                color: red;
                font-size: 13px;
            }

            #create_or_edit_mandan_pop_up .left > div > a {
                margin-right: 30px;
                padding: 5px 13px;
            }

        #create_or_edit_mandan_pop_up .right {
            width: 230px;
            height: 380px;
            background-color: #5a5a5a;
            color: #DBF0FE;
        }*/
    /* 创建/修改漫单  ------------  end */
    .pl2 {
        font: 13px Arial,Helvetica,sans-serif;
        line-height: 150%;
        color: #666;
    }
    /** comment ----- begin */
    #comment_container {
        overflow: hidden;
        padding: 10px 0px;
        clear: both;
    }

        #comment_container .basic_container_item_title {
            /*margin-bottom: -5px;*/
            padding: 0 3px;
            border-left: 2px #F98000 solid;
            font-size: 14px;
        }

            #comment_container .basic_container_item_title:not(:first-child) {
                margin-top: 10px;
            }

        #comment_container #most_voted_cmt_header {
            display: none;
        }

        #comment_container .item {
            padding: 10px 0 10px 60px;
            border-bottom: 1px dashed #ccc;
        }

            #comment_container .item div {
                overflow: hidden;
            }

            #comment_container .item .avatar {
                position: absolute;
                margin-left: -60px;
            }

                #comment_container .item .avatar img {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                }

            #comment_container .item textarea {
                width: 98%;
                height: 70px;
                font-size: 13px;
                display: block;
            }

            #comment_container .item .btn_green,
            #comment_container .item .btn_gray {
                margin: 5px 0 0 0;
                padding: 5px 15px;
            }

            #comment_container .item .submit_num_tip {
                color: #ddd;
            }

            #comment_container .item .time {
                color: #aaa;
                margin-left: 20px;
            }

            #comment_container .item .content {
                margin: 5px 0;
            }

            #comment_container .item .fd {
                text-align: right;
                font-size: 12px;
            }

                #comment_container .item .fd > span:not(:last-child) {
                    border-right: 1px solid #ccc;
                    margin-right: 15px;
                    padding-right: 10px;
                }

                #comment_container .item .fd .cmt_had_agree {
                    cursor: text;
                    color: #888;
                    text-decoration: none;
                }

            #comment_container .item .reply_box {
                margin-top: 5px;
                display: none;
            }

        #comment_container .info {
            color: #888;
            font-size: 13px;
            margin-left: 10px;
            display: inline-block;
            line-height: 19px;
            /*position: relative;*/
        }

            #comment_container .info span {
                display: inline-block;
                vertical-align: middle;
            }

            #comment_container .info .lnk {
                background: url(../img/other_logo.png) no-repeat;
                width: 19px;
                height: 19px;
                cursor: pointer;
                display: inline-block;
                vertical-align: middle;
            }

            #comment_container .info .lnk-dongmanfm {
                /*background-position: 0 0;*/
                margin-right: 10px;
                color: rgba(0, 167, 79, 0.75);
                cursor: pointer;
                font-size: 15px;
                vertical-align: middle;
            }

                #comment_container .info .lnk-dongmanfm:hover {
                    /*background-position: 0 -20px;*/
                    margin-right: 10px;
                    color: #00a74f;
                    cursor: pointer;
                    font-size: 15px;
                    vertical-align: middle;
                }

            #comment_container .info .lnk-sina {
                background-position: -23px 0;
                margin-right: 10px;
            }

                #comment_container .info .lnk-sina:hover {
                    background-position: -23px -20px;
                    margin-right: 10px;
                }

            #comment_container .info .lnk-qq {
                background-position: -69px 0;
            }

                #comment_container .info .lnk-qq:hover {
                    background-position: -69px -20px;
                }

    .content b a {
        color: #555;
    }

        .content b a:visited {
            color: #555;
        }
    /** comment ------  end */
    /** 注册、登录页面（不是登录弹出框）------ begin */
    #register_login_page_left {
        min-height: 500px;
    }

        #register_login_page_left h1 {
            font-size: 25px;
        }

        #register_login_page_left h2 {
            font-size: 16px;
        }

        #register_login_page_left > div {
            margin: 0 0 15px 20px;
            overflow: hidden;
        }

        #register_login_page_left .basic_input {
            width: 200px;
            height: 25px;
            font-size: 13px;
        }

        #register_login_page_left > div > label {
            width: 60px;
            display: inline-block;
            margin-right: 15px;
            text-align: right;
        }

        #register_login_page_left .red_star {
            color: red;
            margin: 0 5px 0 -12px;
            vertical-align: middle;
        }

        #register_login_page_left .tips {
            font-size: 12px;
            color: #999;
            margin-left: 5px;
        }

        #register_login_page_left #register_input_description {
            width: 300px;
            height: 100px;
            vertical-align: top;
            font-size: 13px;
        }

        #register_login_page_left #register_input_gender_male,
        #register_login_page_left #register_input_gender_female {
            margin: 0 25px 0 0;
        }

        #register_login_page_left .gender_label {
            margin: 0;
            width: 20px;
        }

        #register_login_page_left .sub,
        #register_login_page_left .agreement_div,
        #register_login_page_left #do_login_with_data_on_page,
        #register_login_page_left #do_register_with_data {
            margin: 0 0 0 80px;
        }

        #register_login_page_left #do_login_with_data_on_page,
        #register_login_page_left #do_register_with_data {
            font-size: 13px;
            display: inline-block;
        }

    .other_account_on_feedback_page a,
    #register_login_page_right .other_account a {
        border: 1px solid #15acc8;
        color: #15acc8;
        padding: 5px 15px;
        margin: 10px 10px 0 0;
        text-decoration: none;
        text-align: center;
        display: inline-block;
    }

        .other_account_on_feedback_page a:hover,
        #register_login_page_right .other_account a:hover {
            background-color: #15acc8;
            color: #fff;
        }
    /** 注册、登录页面（不是登录弹出框）------ end */
    /** 长评 ----------- begin */
    .vote_review_color {
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
        color: #4ba733;
        text-decoration: none;
        margin-left: 10px;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        background: #FFF;
        padding: 0px 10px;
        border: 1px solid #84c350;
        border-radius: 3px;
        font-weight: normal;
    }
    /** 长评 ----------- end */
    /** 个人主页-我的吐槽 -------------------- begin */
    .list_ft {
        text-align: right;
        margin-top: 10px;
        margin-right: 10px;
    }

        .list_ft a {
            margin-right: 10px;
        }
    /** 个人主页-我的吐槽 -------------------- begin */
    /** 主题页面下的“漫单推荐”页 ----------- begin */
    #recom_mandan_under_topic a {
        text-decoration: none;
    }

    #recom_mandan_under_topic li {
        width: 250px;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        float: left;
        margin: 0 10px 10px 0px;
    }
        /*#recom_mandan_under_topic li .user_name,*/
        /*#recom_mandan_under_topic li .mandan_title{*/
        /*display:inline-block;*/
        /*color:#138E91;*/
        /*text-overflow:ellipsis;*/
        /*white-space:nowrap;*/
        /*overflow: hidden;*/
        /*}*/
        /*#recom_mandan_under_topic li .user_name:hover,*/
        /*#recom_mandan_under_topic li .mandan_title:hover{*/
        /*color: #F76903;*/
        /*}*/
        #recom_mandan_under_topic li .subtitle {
            font-size: 12px;
            overflow: hidden;
            margin: 7px 0;
        }

        #recom_mandan_under_topic li img {
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle;
        }

        #recom_mandan_under_topic li .user_name {
            max-width: 243px;
            font-size: 12px;
            display: inline-block;
            vertical-align: middle;
        }

        #recom_mandan_under_topic li .mandan_title {
            max-width: 295px;
            font-size: 16px;
        }

        #recom_mandan_under_topic li .summary {
            height: 70px;
            overflow: hidden;
            background-color: #F8F8F8;
            font-size: 13px;
            color: #000;
            line-height: 170%;
            padding: 5px;
        }

    /** 主题页面下的“漫单推荐”页 ----------- end */


    /** 主页*/
    .clearDiv {
        width: 100%;
        height: 20px;
    }

    .list_box {
        text-align: center;
        background-color: #ffffff;
        width: 1000px;
        margin: 0 auto;
        padding-left: 40px;
        padding-right: 40px;
    }

    .li_box {
        width: 140px;
        float: left;
        margin-left: 24px;
        margin-bottom: 10px;
    }

        .li_box > .title {
            width: 140px;
            max-width: 140px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .li_box img {
            width: 140px;
            height: 198px;
        }

        .li_box a {
            color: #555;
            font-size: 13px;
            text-decoration: none;
        }

    .buttonDiv {
        width: 100%;
        margin-top: 5px;
    }

        .buttonDiv a {
            display: inline-block;
            padding: 3px 15px;
            font-size: 13px;
            border-radius: 2px;
            width: 150px;
            background-color: #3fa156;
            /* heigth: 25px; */
            line-height: 28px;
            text-decoration: none;
            color: #ffffff;
            margin-bottom: 20px;
        }

            .buttonDiv a:hover {
                background-color: #538643;
                color: #fff;
            }

    .title_div {
        width: 100%;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .li_title {
        font: 13px/1.5 Verdana,'微软雅黑','Microsoft YaHei',Helvetica,Arial;
        font-weight: 400;
        float: left;
        font-size: 24px;
        border-left: 4px solid #dd5862;
        line-height: 24px;
        padding-left: 10px;
        margin-left: 22px;
    }

    .quote-before {
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        background-image: url(../img/icon-index.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-position: 0 -190px;
        height: 15px;
        width: 13px;
    }

    .quote-after {
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        background-image: url(../img/icon-index.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-position: -100px -190px;
        height: 15px;
        width: 13px;
    }
    /*.normal_a_color{*/
    /*display:block;*/
    /*width:100%;*/
    /*}*/
    /**主页end*/
    .correct {
        display: none;
        width: 30px;
        height: 30px;
        background-image: url(../img/correct.png);
        background-size: 15px 15px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .download_icon {
        width: 30px;
        height: 30px;
        background-image: url(../img/download_icon.png);
        background-size: 15px 15px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .player_icon {
        width: 30px;
        height: 30px;
        background-image: url(../IMG/player_icon.png);
        background-size: 24px 24px;
        background-position: center;
        background-repeat: no-repeat;
    }
    /** 分页--------------------- begin */
    .pages {
        text-align: center;
        font-size: 0;
        letter-spacing: -4px;
        word-spacing: -4px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .pages li {
            display: inline-block;
            letter-spacing: normal;
            word-spacing: normal;
            margin: 5px;
        }

            .pages li a {
                font-size: 12px;
                display: block;
                text-decoration: none;
                padding: 5px 10px;
                color: #369;
                border-radius: 2px;
            }

            .pages li .disabled {
                color: #ccc;
            }

            .pages li .selected,
            .pages li a:not(.disabled):hover {
                color: #fff;
                background-color: #fd4c5d;
            }
    /** 分页--------------------- end */

    input.query {
        width: 240px;
        padding: 8px 5px;
        border-radius: 3px 0 0 3px;
        background-color: #fff;
        border: 1px solid #eee;
        transition: border linear 0.2s, box-shadow linear 0.2s;
        padding-right: 50px;
    }

    .btn-search {
        margin-left: -4px;
        margin-top: -2px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        color: #fff;
        background-color: #fd4c5d;
        border-color: #eee;
        padding: 7px 16px;
        border-radius: 0 3px 3px 0;
    }

    .form-inline {
        display: inline-block;
        margin-left: 20px;
    }
    /**评分直方图*/
    /*.horizontalChart {
        font-size: 13px;
        height: 150px;
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .rate_chart_title {
        overflow: hidden;
    }

        .rate_chart_title li {
            float: left;
            margin-right: 20px;
            font-size: 13px;
            margin-top: 0;
            border: none;
            padding: 0 5px;
        }

    .horizontalChart li {
        position: relative;
        float: left;
        width: 30px;
        margin-right: 25px;
        margin-top: 10px;
        height: 130px;
        border: 1px solid #dddddd;
    }

    .rate_chart_title li:hover {
        background-color: #fff;
        border-left: none;
        border-top-left-radius: 0;
    }

    .horizontalChart li:hover {
        background-color: #fff;
        border-left: 1px solid #dddddd;
        border-top-left-radius: 0;
    }

    .horizontalChart li .count {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        width: 100%;
        background: #F09199;
        text-align: center;
        overflow: hidden;
        color: #ffffff;
    }*/
    /**end 评分直方图*/

    .second_nav {
        margin: 0 auto;
        max-width: 550px;
    }

        .second_nav li {
            float: left;
            line-height: 60px;
            height: 60px;
            padding-left: 30px;
        }

        .second_nav h3 {
            line-height: 60px;
            font-size: 13px;
            padding: 0px;
            margin: 0 auto;
        }

    /** 鼠标悬停图片时弹出悬浮框 ------------ begin */
    .basic_popover_parent {
        position: relative;
    }

        .basic_popover_parent:hover .basic_popover {
            visibility: visible;
            -webkit-transition-delay: 0.6s;
            -moz-transition-delay: 0.6s;
            -ms-transition-delay: 0.6s;
            -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
        }

    .basic_popover {
        visibility: hidden;
        z-index: 11;
        position: absolute;
        top: 15px;
        left: 130px;
        width: 360px;
        padding: 0;
        background-color: #fff;
        transition-delay: 0s;
        border: 1px solid #cccccc;
    }

        .basic_popover .basic_rate {
            text-align: left;
            padding-left: 20px;
        }

        .basic_popover .caret {
            position: absolute;
            left: -10px;
            top: 50px;
            display: block;
            width: 0;
            height: 0;
            border-width: 10px 10px 10px 0;
            border-style: dashed solid dashed dashed;
            border-color: transparent #FFF transparent transparent;
            line-height: 0;
        }

    .basic_popover_left {
        left: auto;
        right: 130px;
    }

        .basic_popover_left .caret {
            left: auto;
            right: -10px;
            border-width: 10px 0 10px 10px;
            border-style: dashed dashed dashed solid;
            border-color: transparent transparent transparent #FFF;
        }

    .basic_popover .float_title {
        padding-left: 20px;
        width: 90%;
        text-align: left;
    }

        .basic_popover .float_title a {
            text-decoration: none;
            font-weight: normal;
            font-size: 1.2em;
            line-height: 1.2em;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            margin: 10px 0;
            display: inline-block;
        }

    .basic_popover .rate_span {
        border-radius: 2px;
        padding: 3px 7px;
        font-size: 13px;
        text-align: center;
        width: 40px;
        background-color: #ff6fa2;
        color: #ffffff;
    }

    .basic_popover .float_tag {
        padding-left: 20px;
        width: 90%;
        overflow: hidden;
        margin-top: 10px;
    }

    .basic_popover .tag_span {
        margin: 10px 15px 0 0;
        display: block;
        background-color: #EEEEEE;
        padding: 3px 5px;
        border-radius: 2px;
        font-size: 12px;
        float: left;
    }

    .basic_popover .float_behavior {
        width: 90%;
        padding-left: 20px;
        overflow: hidden;
        margin-top: 10px;
    }

    .basic_popover .float_behavior_btn {
        background-color: #5BBD72;
        text-decoration: none;
        display: block;
        float: left;
        margin: 10px 15px 0 0;
        color: #ffffff;
        padding: 6px 10px;
        font-size: 13px;
    }

        .basic_popover .float_behavior_btn:hover {
            background-color: #58CB73;
        }

    .basic_popover .float_summary {
        margin-top: 20px;
        width: 100%;
        background-color: #EEEEEE;
        overflow: hidden;
        border-top: 1px solid #cccccc;
        text-align: left;
    }

        .basic_popover .float_summary p {
            font-family: "Microsoft YaHei","WenQuanYi Micro Hei","SimHei";
            -ms-word-wrap: break-word;
            line-height: 170%;
            word-wrap: break-word;
            color: #555555;
            font-weight: normal;
            font-size: 13px;
            display: block;
            width: 88%;
            height: auto;
            padding: 10px 20px;
        }
    /** 鼠标悬停图片时弹出悬浮框 ------------ end */

    .week_title_list {
        float: right;
        font-size: 16px;
    }

        .week_title_list a {
            width: 50px;
            float: left;
            margin-left: 12px;
            margin-right: 12px;
            text-align: center;
            height: 25px;
        }

    .week_list li {
        width: 24%;
        margin-left: 1.3%;
        float: left;
        margin-top: 10px;
        height: 170px;
    }

    .week_list_link {
        text-align: center;
        display: block;
        line-height: 1.7;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        text-decoration: none;
        color: #37A;
    }

    .week_list_img_link {
        display: block;
        height: 120px;
        overflow: hidden;
        margin-bottom: 8px;
    }

    .index_week_active {
        color: red !important;
        border-bottom: 2px solid red;
    }

    .week_update {
        text-align: center;
        font-size: 12px;
        color: #999;
    }

    .index_main_title a {
        color: #555;
    }

        .index_main_title a:hover {
            color: red;
        }

    /*xinfan week*/
    .week_mend {
        float: right;
        width: 100%;
        border-radius: 4px;
        height: auto;
    }

    .week_mend_nav {
        height: 24px;
        overflow: hidden;
        text-align: center;
    }

        .week_mend_nav li {
            float: left;
            display: block;
            width: 14.1%;
            text-align: left;
            height: 20px;
        }

            .week_mend_nav li a {
                color: #555;
                font-weight: bold;
            }

                .week_mend_nav li a:active, .week_mend_nav li a:hover {
                    color: #37a;
                    background-color: transparent;
                }

        .week_mend_nav .week_active a {
            color: #d14563;
        }

    .week_item {
        display: inline-block;
        width: 100%;
        height: auto;
    }

        .week_item li {
            padding-top: 10px;
            padding-bottom: 10px;
            max-width: 240px;
        }

        .week_item ul {
            border-bottom: 1px dashed #EEEEEE;
            overflow: hidden;
        }

    .xinfan_recent_ul {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .xinfan_recent_ul li {
            padding-bottom: 6px;
            padding-top: 6px;
            border-bottom: 1px solid #EEEEEE;
            overflow: hidden;
        }

    /*user*/
    .user_left {
        width: 20%;
        float: left;
        min-height: 500px;
    }

    .user_right {
        width: 80%;
        float: right;
    }

    .user_nav_ul {
        margin: 0 auto;
        width: 100%;
        margin-left: 20px;
        margin-top: 40px;
        display: block;
    }

        .user_nav_ul li {
            width: 80%;
            margin-top: 20px;
        }

    .basic_input {
        width: 300px;
    }

    .basic_textarea {
        width: 300px;
        height: 30px;
    }

    /*article*/

    .article_tag_link {
        display: inline-block;
        letter-spacing: normal;
        margin: 0 8px 8px 0;
        padding: 6px 8px;
        background-color: #eee;
        -webkit-border-radius: 2px;
        font: 12px Helvetica,Arial,sans-serif;
        text-decoration: none;
        color: #37A;
    }

        .article_tag_link:hover {
            background-color: #d6d6d6;
        }

    .content_text img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 4px;
    }

    .content_text p {
        margin: 0 0 15px 0;
        color: #333;
        word-wrap: break-word;
    }

    .article_li {
        overflow: hidden;
        height: 100px;
        padding-top: 10px;
        border-bottom: 1px solid #e6eaed;
        position: relative;
    }

        .article_li img {
            width: 80px;
            height: 100px;
            border-radius: 2px;
            margin-right: 7px;
        }

        .article_li p {
            margin-left: 5px;
            margin-top: 5px;
        }

        .article_li a {
            font-size: 14px;
        }

        .article_li .post-meta {
            position: absolute;
            bottom: 5px;
            margin-left: 5px;
        }

    .article_box {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
        padding-top: 7px;
    }

    .article_box_img {
        width: 100%;
        overflow: hidden;
        height: 140px;
        margin: 0 auto;
    }

        .article_box_img li:first-child {
            margin-left: 0px;
        }

        .article_box_img li {
            width: 32%;
            overflow: hidden;
            height: 135px;
            margin-left: 2%;
            float: left;
        }

        .article_box_img img {
            width: 100%;
            border-radius: 2px;
        }

    .article_box_summary {
        width: 100%;
        overflow: hidden;
    }

    .article_box_info {
        width: 100%;
        overflow: hidden;
    }

    .article_hot_list_box {
        background-color: #fff;
        height: 300px;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }

    .article_hot_list_title {
        background-color: #82c98a;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 14px;
    }

    /*article banner*/
    .carousel {
        margin-bottom: 15px;
        position: relative;
        line-height: 1;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .carousel-inner > .item {
            position: relative;
            display: none;
            -webkit-transition: 0.6s ease-in-out left;
            -moz-transition: 0.6s ease-in-out left;
            -o-transition: 0.6s ease-in-out left;
            transition: 0.6s ease-in-out left;
        }

            .carousel-inner > .item > img,
            .carousel-inner > .item > a > img {
                display: block;
                line-height: 1;
            }

        .carousel-inner > .active,
        .carousel-inner > .next,
        .carousel-inner > .prev {
            display: block;
        }

        .carousel-inner > .active {
            left: 0;
        }

        .carousel-inner > .next,
        .carousel-inner > .prev {
            position: absolute;
            top: 0;
            width: 100%;
        }

        .carousel-inner > .next {
            left: 100%;
        }

        .carousel-inner > .prev {
            left: -100%;
        }

            .carousel-inner > .next.left,
            .carousel-inner > .prev.right {
                left: 0;
            }

        .carousel-inner > .active.left {
            left: -100%;
        }

        .carousel-inner > .active.right {
            left: 100%;
        }

    .carousel-control {
        text-decoration: none;
        position: absolute;
        top: 40%;
        left: 15px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        font-size: 60px;
        font-weight: 100;
        line-height: 30px;
        color: #ffffff;
        text-align: center;
        background: #222222;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

        .carousel-control.right {
            right: 15px;
            left: auto;
        }

        .carousel-control:hover,
        .carousel-control:focus {
            color: #ffffff;
            text-decoration: none;
            opacity: 0.9;
            filter: alpha(opacity=90);
        }

    .carousel-indicators {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 5;
        margin: 0;
        list-style: none;
    }

        .carousel-indicators li {
            display: block;
            float: left;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            text-indent: -999px;
            background-color: #ccc;
            background-color: rgba(255, 255, 255, 0.25);
            border-radius: 5px;
        }

        .carousel-indicators .active {
            background-color: #fff;
        }

    .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 15px;
        background: #333333;
        background: rgba(0, 0, 0, 0.75);
    }

        .carousel-caption h4,
        .carousel-caption p {
            line-height: 20px;
            color: #ffffff;
        }

        .carousel-caption h4 {
            margin: 0 0 5px;
        }

        .carousel-caption p {
            margin-bottom: 0;
        }



    /*new*/
    .index_main_title {
        font: 13px/1.5 Verdana,'微软雅黑','Microsoft YaHei',Helvetica,Arial;
        font-weight: 400;
        font-size: 20px;
        border-left: 4px solid #dd5862;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-left: 10px;
    }

    .index_horizon_ul {
        width: 80%;
    }

        .index_horizon_ul li {
            float: right;
            margin-left: 2%;
        }

    .comment_box {
        width: 100%;
        padding-top: 5px;
        height: auto;
        border-top: 1px solid #ededed;
    }

        .comment_box .post-meta {
            margin-left: 32px;
            overflow: hidden;
            width: auto;
        }

    .small_avatar_img {
        height: 24px;
        width: 24px;
        border-radius: 12px;
        float: left;
        margin-right: 8px;
    }

    .topic_info_box {
        background-color: #ffffff;
        box-shadow: 0 2px 2px 0 rgba(107, 106, 106, 0.35);
        margin-top: -4px;
        padding: 8px;
        overflow: hidden;
        margin-bottom: 10px;
        height: 70px;
    }

    .white_more {
        margin-top: 10px;
        background-color: #ffffff;
        width: 100%;
        text-align: center;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        height: 35px;
        line-height: 35px;
    }

    .banner_right_column {
        background-color: #f6f6f6;
        width: 100%;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        height: 40px;
        line-height: 40px;
    }

        .banner_right_column h4 {
            margin-left: 10px;
            color: #0386a2;
            font-size: 14px !important;
            margin-right: 10px;
        }

    .banner_right_list {
        height: 210px;
        background-color: #ffffff;
        width: 99.8%;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }

        .banner_right_list li {
            padding-left: 10px;
            height: 30px;
            line-height: 30px;
        }

        .banner_right_list span {
            float: right;
            margin-right: 10px;
            color: #959595;
            font-size: 12px;
        }

    .detail_float_title {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        padding-top: 16px;
        font-size: 14px;
        overflow: hidden;
        padding-left: 10px;
        text-shadow: 0 1px 1px rgba(0,0,0,.5);
        color: #ffffff;
        /*background: url('../img/gradient.png') repeat-x;*/
    }

    .main_share_box {
        text-align: center;
        margin-top: 10px;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        height: 35px;
        line-height: 35px;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        text-align: center;
        padding-left: 20%;
        padding-top: 5px;
    }

    .main_more_span {
        float: right;
    }

        .main_more_span .normal_a_color {
            font-size: 13px;
            color: #959595;
            line-height: 20px;
            height: 20px;
        }

    .main_subject_box_ul {
        margin-bottom: 10px;
    }

        .main_subject_box_ul li {
            height: auto;
            width: 19%;
            margin-left: 1.25%;
            float: left;
            margin-top: 10px;
            height: 240px;
        }

    .main_subject_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        width: 100%;
        height: 100%;
    }

        .main_subject_box img {
            height: 190px;
            width: 100%;
        }

        .main_subject_box .normal_a_color {
            width: 100%;
            display: block;
            margin-top: 8px;
            text-align: center;
            margin-bottom: 4px;
        }

        .main_subject_box p {
            text-align: center;
        }

        .main_subject_box h4 {
            font-weight: normal;
        }

    .main_topic_box_ul li {
        height: auto;
        width: 32%;
        margin-left: 2%;
        float: left;
        margin-top: 10px;
    }

        .main_topic_box_ul li img {
            width: 100%;
            height: auto;
        }

    .main_topic_link {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        overflow: hidden;
    }

        .main_topic_link img {
            width: 100%;
            height: auto;
            margin-top: 10px;
        }

    .main_review_box_ul li {
        height: auto;
        width: 49%;
        margin-left: 2%;
        float: left;
        margin-top: 10px;
    }

    .main_review_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        border-bottom: 1px solid rgba(192,192,192,.35);
        height: 120px;
        padding: 15px;
        overflow: hidden;
    }

    .main_review_img_box {
        width: 20%;
        float: left;
    }

    .main_review_box .post-title-link {
        font-size: 16px;
    }

    .main_review_img_box img {
        width: 100%;
        height: 95px;
    }

    .main_review_info_box {
        width: 75%;
        float: right;
    }

        .main_review_info_box .normal_a_color {
            margin-top: 8px;
        }

        .main_review_info_box a {
            width: 100%;
            display: block;
        }

    .main_article_box_ul li {
        height: auto;
        width: 24%;
        margin-left: 1.3%;
        float: left;
        margin-top: 10px;
        height: 170px;
    }

    .main_article_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        width: 100%;
        height: 100%;
    }

        .main_article_box img {
            width: 100%;
            min-height: 120px;
        }

        .main_article_box .normal_a_color {
            text-align: center;
            display: block;
            width: 92%;
            padding: 4%;
            line-height: 1.7;
        }

        .main_article_box .post-meta {
            padding-left: 6px;
            padding-right: 6px;
            width: 92%;
        }


    .main_article_img_link {
        display: block;
        height: 120px;
        overflow: hidden;
        margin-bottom: 8px;
    }


    .main_mandan_box {
        width: 99%;
        padding-top: 10px;
        height: 60px;
    }

    .main_mandan_left_box {
        float: left;
        width: 15%;
        height: 100%;
    }

    .main_mandan_right_box {
        width: 80%;
        float: left;
        margin-left: 5%;
        height: 100%;
    }

    .main_mandan_left_box img {
        border-radius: 50%;
        width: 100%;
    }

    /*review 页*/
    .review_box {
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        background-color: #ffffff;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        height: 190px;
        overflow: hidden;
    }

    .review_avatar_box img {
        width: 80%;
        border-radius: 4px;
    }

    .review_info_box {
        width: 83%;
        float: left;
        height: 100%;
    }

    .review_subject_box {
        padding-top: 10px;
        width: 15%;
        float: left;
        height: 100%;
        text-align: center;
    }

        .review_subject_box img {
            width: 75px;
            height: 105px;
        }

    .review_rate {
        border-radius: 2px;
        padding: 0px 10px;
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        height: 20px;
        width: 40px;
        background-color: #ff6fa2;
        color: #ffffff;
    }

    .review_input {
        height: 30px;
        width: 99.4%;
        margin-bottom: 10px;
        border: 1px solid #c9d8db;
    }

    .review_input_info {
        width: 6%;
        float: left;
        height: 30px;
        line-height: 30px;
        padding-top: 4px;
    }

    .review_textarea {
        width: 90%;
        min-height: 420px;
        margin-bottom: 10px;
        border: 1px solid #EEEEEE;
    }

    /*xinfan*/
    .xinfan_subject_ul li {
        width: 18%;
        height: auto;
        margin-left: 15px;
        float: left;
        margin-bottom: 20px;
    }

    .xinfan_subject_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        width: 100%;
        height: 100%;
        float: left;
    }

        .xinfan_subject_box img {
            width: 100%;
            height: 180px;
        }

        .xinfan_subject_box > .xinfan_subject_info {
            display: block;
            width: 100%;
            padding: 8px;
            height: 40px;
        }

    .xinfan_subject_info h4 {
        font-weight: normal;
        margin: 0;
    }

    .clear_div {
        width: 100%;
        height: 20px;
        display: block;
    }


    .remind_span {
        position: relative;
        padding: 0 3px;
        margin-left: 4px;
        color: #fff;
        line-height: 1.5;
        background-color: #f7996d;
    }

        .remind_span i {
            position: absolute;
            width: 0;
            height: 0;
            left: -9px;
            top: 50%;
            margin-top: -6px;
            line-height: 0;
            border-color: transparent #f7996d transparent transparent;
            border-style: dashed solid dashed dashed;
            border-width: 6px 6px 3px 5px;
            pointer-events: none;
        }

    .remind_div {
        line-height: 40px;
        float: left;
        margin-right: 20px;
    }

    .remind_not_read {
        background-color: #fff;
    }

    .follow-link {
        width: 158px;
    }

        .follow-link a {
            margin-top: 10px;
            display: block;
            position: relative;
            float: left;
            height: 34px;
            width: 100%;
            line-height: 34px;
            border-radius: 4px;
            text-decoration: none;
        }

            .follow-link a span {
                position: absolute;
                top: 7px;
                width: 30px;
                height: 25px;
            }

        .follow-link .dimensions-code {
            display: none;
            position: relative;
            width: 46%;
            float: left;
            margin-top: 10px;
        }

        .follow-link a.weixin {
            border: 1px #85c155 solid;
            text-indent: 1.5em;
            margin-right: 6%;
            color: #85c155;
        }

            .follow-link a.weixin span {
                background: url("../img/weixin-small.png") center center no-repeat;
            }

            .follow-link a.weixin:hover {
                background-color: #85c155;
                color: white;
            }

                .follow-link a.weixin:hover span {
                    background: url('../img/weixin-small-linked.png') center center no-repeat;
                }

        .follow-link a.weibo {
            text-indent: 3em;
            border: 1px #e5554f solid;
            color: #e5554f;
        }

            .follow-link a.weibo span {
                background: url("../img/weibo-small.png") center center no-repeat;
            }

            .follow-link a.weibo:hover {
                background-color: #e5554f;
                color: white;
            }

                .follow-link a.weibo:hover span {
                    background: url('../img/weibo-small-linked.png') center center no-repeat;
                }



    /*vote*/
    .vote_header {
        background: url('http://dongmanfm.oss-cn-hangzhou.aliyuncs.com/public/header_bg1.png');
        height: 230px;
        width: 100%;
        color: #fff;
        margin-bottom: 20px;
    }

        .vote_header .post-summary {
            color: #fefefe;
        }

    .vote_subject_ul li {
        width: 15%;
        margin-left: 2%;
    }

        .vote_subject_ul li:first-child {
            margin-left: 0%;
        }

    .vote_link {
        padding: 0px;
        border: none;
        display: block;
        cursor: pointer;
        background-color: #F9845B;
        width: 90%;
        text-align: center;
        height: 26px;
        line-height: 26px;
        text-decoration: none;
        color: #fff;
    }

    .vote_right_header {
        width: 95%;
        color: #fff;
        height: 80px;
        line-height: 80px;
        text-decoration: center;
        padding-left: 5%;
        margin-bottom: 5px;
    }

        .vote_right_header a {
            color: #fff;
            font-size: 14px;
        }

    /*漫单页*/

    .mandan_box_ul {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .mandan_box_li {
        width: 49%;
        margin-left: 2%;
        float: left;
        margin-bottom: 15px;
    }

    .mandan_box {
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        height: 100px;
        padding: 5px;
    }

    #mandan_list_in_mandan_page {
        overflow: hidden;
    }

        #mandan_list_in_mandan_page li:not(:nth-child(4n+4)) {
            margin-right: 13px;
        }


    .subject_img_upload_btn {
        border: 1px solid #ff6fa2;
        background-color: #ff6fa2;
        color: #fff;
        display: inline-block;
        height: 24px;
        width: 99%;
        font-size: 13px;
        line-height: 24px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 2px;
        text-decoration: none;
        text-align: center;
    }


    /*提醒框*/
    .zeng_msgbox_layer,
    .zeng_msgbox_layer .gtl_ico_succ,
    .zeng_msgbox_layer .gtl_ico_fail,
    .zeng_msgbox_layer .gtl_ico_hits,
    .zeng_msgbox_layer .gtl_ico_clear,
    .zeng_msgbox_layer .gtl_end {
        display: inline-block;
        height: 54px;
        line-height: 54px;
        font-weight: bold;
        font-size: 14px;
        color: #606060;
        background-image: url("../img/gb_tip_layer.png");
        _background-image: url("../img/gb_tip_layer_ie6.png");
        background-repeat: no-repeat;
    }

    .zeng_msgbox_layer_wrap {
        width: 100%;
        position: fixed;
        _position: absolute;
        top: 46%;
        left: 0;
        text-align: center;
        z-index: 65533;
    }

    .zeng_msgbox_layer {
        background-position: 0 -161px;
        background-repeat: repeat-x;
        padding: 0 18px 0 9px;
        margin: 0 auto;
        position: relative;
    }

        .zeng_msgbox_layer .gtl_ico_succ {
            background-position: -6px 0;
            left: -45px;
            top: 0;
            width: 45px;
            position: absolute;
        }

        .zeng_msgbox_layer .gtl_end {
            background-position: 0 0;
            position: absolute;
            right: -6px;
            top: 0;
            width: 6px;
        }

        .zeng_msgbox_layer .gtl_ico_fail {
            background-position: -6px -108px;
            position: absolute;
            left: -45px;
            top: 0;
            width: 45px;
        }

        .zeng_msgbox_layer .gtl_ico_hits {
            background-position: -6px -54px;
            position: absolute;
            left: -45px;
            top: 0;
            width: 45px;
        }

        .zeng_msgbox_layer .gtl_ico_clear {
            background-position: -6px 0;
            left: -5px;
            width: 5px;
            position: absolute;
            top: 0;
        }

        .zeng_msgbox_layer .gtl_ico_loading {
            width: 16px;
            height: 16px;
            border: 0;
            background-image: url(../img/loading2.gif);
            float: left;
            margin: 19px 10px 0 5px;
        }
    /*提醒框*/

    /*topic 详情页*/
    .topic_detail_box {
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
        position: relative;
        height: 390px;
        background-size: 100% 100%;
    }

    .topic_description_container {
        height: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
        position: absolute;
        background-color: rgba(0, 0,0, 0.2);
        font-size: 12px;
        line-height: 100%;
        vertical-align: middle;
    }

    .topic_info_container {
        color: #FFFFFF;
        font-size: 16px;
        width: 80%;
        padding-top: 8%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        word-wrap: break-word;
        font-family: "\5fae\8f6f\96c5\9ed1","\5B8B\4F53","\9ED1\4F53",arial,sans-serif;
    }

        .topic_info_container h1 {
            margin-bottom: 10px;
            display: inline-block;
            padding-top: 10px;
            padding-bottom: 20px;
            border-bottom: 1px solid #fff;
        }

        .topic_info_container p {
            line-height: 1.5;
            text-align: left;
        }

    .normal_collect_btn {
        border: 1px solid #ff6fa2;
        background-color: #ff6fa2;
        color: #fff;
        height: 28px;
        padding: 0 19px;
        font-size: 13px;
        line-height: 24px;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        white-space: nowrap;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 45px;
        border-radius: 2px;
    }



    /*图像列表页*/
    /*.picture_item_container {
    width: 17%;
    height: auto;
    padding: 1%;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    float: left;
    margin-left: 1%;
    min-height: 285px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    position: relative;
}

    .picture_item_container .large {
        width: 100%;
        height: auto;
    }

    .picture_item_container .small {
        width: 32%;
        height: auto;
        float: left;
        margin-left: 2%;
    }

    .picture_item_container .over {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 90%;
        height: 160px;
        color: #FFFFFF;
        background: url('../img/board_info_cover.png') 0 0 repeat-x;
    }

    .picture_item_container .info {
        width: 92%;
        overflow: hidden;
        padding: 4%;
        line-height: 24px;
    }

    .picture_item_container .over h3 {
        font-size: 14px;
        margin: 10px;
    }

    .picture_item_container .over .pin-count {
        margin: 10px;
    }

    .picture_item_container .info span {
        font-size: 12px;
        color: #ccc;
    }*/

    .tags {
        overflow: hidden;
    }

        .tags li {
            width: 9.09090909090909%;
            margin-bottom: 10px;
            float: left;
        }

            .tags li img {
                width: 70%;
                height: 70%;
                margin: 0 15%;
                border: 2px solid transparent;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
            }

                .tags li img:hover {
                    border: 2px solid #f66214;
                }

            .tags li a {
                text-align: center;
                display: block;
                font-size: 13px;
            }

        .tags #viewable_div {
            overflow: hidden;
        }

        .tags .viewable {
            height: 100px;
        }

        .tags .tags_bottom {
            border-top: 1px solid #3cd088;
            margin-bottom: 20px;
        }

        .tags .tags_bottom {
            text-align: center;
            color: #444;
        }

            .tags .tags_bottom span {
                cursor: pointer;
                border: 1px solid #3cd088;
                display: inline-block;
                padding-left: 12px;
                width: 55px;
                height: 24px;
                line-height: 24px;
                margin-top: -1px;
                color: #3a3a3a;
                text-align: left;
            }

                .tags .tags_bottom span:hover {
                    background-color: #e9e9e9;
                }

            .tags .tags_bottom .show {
                background: url('../img/arrow_triangle-up.png') 40px 0 no-repeat;
                background-size: 24px 24px;
            }

            .tags .tags_bottom .hide {
                background: url('../img/arrow_triangle-down.png') 40px 0 no-repeat;
                background-size: 24px 24px;
            }

    .user_normal_btn {
        display: inline-block;
        padding: 3px 8px;
        color: #797979;
        background: #fff3e7;
        border: 1px solid #e7d7ca;
        outline: none;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        cursor: pointer;
    }

    /*#mantuan_div {
}

    #mantuan_div .red_btn, .red_btn {
        border: 1px solid #ff6fa2;
        background: #ff6fa2;
        color: #fff;
        display: inline-block;
        height: 24px;
        width: 80px;
        font-size: 13px;
        line-height: 24px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 2px;
        text-decoration: none;
        text-align: center;
    }

    #mantuan_div h3 {
        margin-bottom: 0;
        height: 26px;
    }

    #mantuan_div ul {
        overflow: hidden;
    }

    #mantuan_div #mantuan_div_list {
        padding: 10px 0;
        min-height: 30px;
    }

    #mantuan_div #mantuan_div_list {
        position: relative;
    }

        #mantuan_div #mantuan_div_list > li {
            padding: 14px 10px;
            border-bottom: 1px solid #eee;
            min-height: 40px;
            border-right: 1px solid #eee;
            border-left: 1px solid #eee;
        }

            #mantuan_div #mantuan_div_list > li:nth-child(odd) {
                background-color: #fff;
            }

            #mantuan_div #mantuan_div_list > li:nth-child(even) {
                background-color: #f6f6f6;
            }

    #mantuan_div #mantuan_div_list_tips {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        font-size: 20px;
        padding-top: 80px;
        text-align: center;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
    }

    #mantuan_div .avatar {
        margin-right: 10px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }

    #mantuan_div .title {
        font-size: 14px;
    }

    #mantuan_div .thumbs {
        margin-top: 5px;
        margin-left: 45px;
    }

        #mantuan_div .thumbs li {
            float: left;
            max-width: 32%;
            margin-right: 10px;
        }

        #mantuan_div .thumbs img {
            width: 150px;
            height: auto;
            box-shadow: 3px 3px 4px #ccc;
        }

    #mantuan_div h3 span {
        font-size: 14px;
        line-height: 19px;
        margin: 0 5px;
        color: #000;
    }

    #mantuan_div h3 a {
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        background: url('../img/slide_swith.png') no-repeat;
    }

    #mantuan_div #prev {
        background-position: 0 0;
    }

    #mantuan_div .post-meta {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        course: hand;
        width: 90%;
        margin-top: 7px;
    }

    #mantuan_div #next {
        background-position: -18px 0;
    }

    #mantuan_div .prev_disabled {
        background-position: 0 -18px !important;
        cursor: default !important;
    }

    #mantuan_div .next_disabled {
        background-position: -18px -18px !important;
        cursor: default !important;
    }*/

    .index_main_post {
        width: 32%;
        height: auto;
        float: left;
        margin-left: 2%;
        max-height: 150px;
        display: inline-block;
    }

    .index_main_group {
        width: 32%;
        height: auto;
        float: left;
        margin-left: 2%;
        color: #37a;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        display: block;
    }

        .index_main_group p {
            font-size: 12px;
            margin-top: 5px;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            course: hand;
            width: 90%;
        }

        .index_main_group img {
            width: 100%;
            height: auto;
        }

    .normal_one_row {
        display: block;
        max-width: 100%;
        overflow: hidden;
        /*white-space: nowrap;*/
        max-height: 40px;
        text-overflow: ellipsis;
    }


    /*文章*/
    .content_container {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }

    .content_text {
        color: #333;
        padding: 20px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .content_text p {
            margin-top: 1em;
            font-size: 14px;
            margin-bottom: 0px;
            padding: 0px;
            border: 0px;
            font-stretch: inherit;
            line-height: 27px;
            font-family: helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', simsun;
            vertical-align: baseline;
            color: rgb(93, 93, 93);
            white-space: normal;
        }

        .content_text blockquote {
            border-left: 6px solid #ddd;
            padding: 5px 0 5px 10px;
            margin: 10px 0 10px 0px;
            background-color: #eee;
        }

    .content_left {
        width: 69%;
        float: left;
    }

    .content_right {
        width: 29%;
        float: right;
    }

    .block {
        padding: 10px 12px;
        background-color: #fff;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        border-radius: 2px;
        margin-bottom: 10px;
        clear: both;
        display: block;
    }

        .block .column_title {
            margin-top: 8px;
        }

    .pic_article_li {
        float: left;
        width: 48%;
        margin-left: 4%;
        padding-top: 10px;
    }

        .pic_article_li .tit {
            font-size: 13px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin-top: 4px;
            display: block;
            width: 100%;
            text-decoration: none;
        }

        .pic_article_li .dynamic-pic {
            overflow: hidden;
            display: block;
            height: 90px;
        }

        .pic_article_li img {
            width: 100%;
            height: auto;
        }

    .content_header {
        padding: 3%;
        width: 94%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #EEEEEE;
    }

        .content_header h1 {
            margin-top: 0px;
        }

    .position_container {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

        .position_container a {
            text-decoration: none;
            color: #37a;
        }

        .position_container span {
            padding: 3px;
        }




    .collapse {
        display: none;
    }

        .collapse.in {
            display: block;
        }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility;
    }

    #user_center_top {
        position: relative;
        margin: 10px 0;
        height: 200px;
        color: #fff;
    }

        #user_center_top #cover,
        #user_center_top > div {
            position: absolute;
            width: 100%;
            text-align: center;
        }

        #user_center_top .avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 38px 0 15px 0;
        }

        #user_center_top .name {
            font-size: 24px;
        }

        #user_center_top .male {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(../img/male.png);
            background-size: 20px 20px;
            margin-left: 3px;
        }

        #user_center_top .female {
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(../img/female.png);
            background-size: 20px 20px;
            margin-left: 3px;
        }

        #user_center_top .intro {
            font-size: 13px;
            margin: 20px 0;
        }

            #user_center_top .intro .edit_intro {
                color: #fff;
                font-style: italic;
            }

    .btn_orange,
    .btn_black {
        display: inline-block;
        border-radius: 2px;
        cursor: pointer;
        transition: 0.25s;
        color: #fff;
        text-decoration: none;
    }

    .btn_orange {
        /*background-color: #5bbd72;*/
        background: #fa7d3c;
        background: -moz-linear-gradient(top, #fa7d3c 0%, #f55f10 100%);
        background: -webkit-linear-gradient(top, #fa7d3c 0%,#f55f10 100%);
        background: -o-linear-gradient(top, #fa7d3c 0%,#f55f10 100%);
        background: -ms-linear-gradient(top, #fa7d3c 0%,#f55f10 100%);
        background: linear-gradient(top bottom, #fa7d3c 0%,#f55f10 100%);
    }

        .btn_orange:hover {
            background: #f4722e;
            background: -moz-linear-gradient(top, #f4722e 0%, #f05807 100%);
            background: -webkit-linear-gradient(top, #f4722e 0%,#f05807 100%);
            background: -o-linear-gradient(top, #f4722e 0%,#f05807 100%);
            background: -ms-linear-gradient(top, #f4722e 0%,#f05807 100%);
            background: linear-gradient(top bottom, #f4722e 0%,#f05807 100%);
        }

    .btn_orange2 {
        display: inline-block;
        border-radius: 2px;
        cursor: pointer;
        transition: 0.25s;
        color: #fff;
        text-decoration: none;
        background: #fa7d3c;
    }

        .btn_orange2:hover {
            background: #f55f10;
        }

    .btn_white {
        display: inline-block;
        border-radius: 2px;
        cursor: pointer;
        transition: 0.25s;
        color: #000;
        text-decoration: none;
        border: 1px solid #bbb;
        background: #fff;
    }

        .btn_white:hover {
            background: #eee;
        }

    .btn_black {
        background: #5f636d;
        background: -moz-linear-gradient(top, #5f636d 0%, #535861 100%);
        background: -webkit-linear-gradient(top, #5f636d 0%,#535861 100%);
        background: -o-linear-gradient(top, #5f636d 0%,#535861 100%);
        background: -ms-linear-gradient(top, #5f636d 0%,#535861 100%);
        background: linear-gradient(top bottom, #5f636d 0%,#535861 100%);
    }

        .btn_black:hover {
            background: #696e78;
            background: -moz-linear-gradient(top, #696e78 0%, #646973 100%);
            background: -webkit-linear-gradient(top, #696e78 0%,#646973 100%);
            background: -o-linear-gradient(top, #696e78 0%,#646973 100%);
            background: -ms-linear-gradient(top, #696e78 0%,#646973 100%);
            background: linear-gradient(top bottom, #696e78 0%,#646973 100%);
        }

    #user_center_top .user_follow,
    #user_center_top .chart {
        line-height: 34px;
        width: 104px;
        font-size: 14px;
    }

    #user_center_top .user_follow {
        margin-left: 30px;
    }

    #user_center_middle > div {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        margin-bottom: 40px;
    }

    #user_center_middle .left_nav {
        width: 200px;
    }

    #user_center_middle #user_center_right_container {
        width: 870px;
        margin-left: 6px;
    }

    #user_center_middle #user_center_menu_list li.in .glyphicon-menu-right {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg); /* IE 9 */
        -moz-transform: rotate(90deg); /* Firefox */
        -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
        -o-transform: rotate(90deg); /* Opera */
    }

    #user_center_middle .panel > a {
        font-size: 14px;
        line-height: 46px;
    }

    #user_center_middle .panel span {
        margin-left: 25px;
    }

        #user_center_middle .panel span i {
            margin-right: 15px;
        }

    #user_center_middle .panel > a > i {
        float: right;
        margin-right: 20px;
        line-height: 46px;
        transition-duration: .15s;
    }

    #user_center_middle .panel ul li {
        position: relative;
    }

    #user_center_middle .panel ul a {
        line-height: 36px;
        padding: 0 14px 0 53px;
        font-size: 13px;
    }

        #user_center_middle .panel ul a:before {
            top: 16px;
            position: absolute;
            width: 4px;
            height: 4px;
            content: " ";
            border-radius: 50%;
            background-color: #000;
            left: 33px;
        }

    #user_center_middle .panel a {
        text-decoration: none;
        color: #000;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        transition-duration: .15s;
    }

        #user_center_middle .panel .active a,
        #user_center_middle .panel a:hover {
            /*background-color:#f9f9f9;*/
            color: #f55f10;
        }

            #user_center_middle .panel a:hover:before {
                background-color: #f55f10;
            }

    #user_center_middle ul ul {
        background-color: #f9f9f9;
    }

    .user_center_no_data_tips {
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
        min-height: 400px;
        height: 400px;
        display: table;
    }

        .user_center_no_data_tips .content {
            display: table-cell;
            vertical-align: middle;
        }

            .user_center_no_data_tips .content p {
                font-size: 20px;
            }

    .div_box {
        margin-bottom: 10px;
        background-color: #ffffff;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .2);
    }

    .user_center_middle_right_title {
        padding: 10px 10px;
        font-size: 14px;
    }

        .user_center_middle_right_title .btn_orange2 {
            padding: 5px 10px;
        }

        .user_center_middle_right_title span {
            line-height: 26px;
        }

        .user_center_middle_right_title .error_tips {
            color: #ff0000;
            margin-left: 20px;
        }

        .user_center_middle_right_title .info_tips {
            color: #1abc9c;
            margin-left: 20px;
        }

    .rank_title h2 {
        margin: 0;
        font-size: 20px;
    }

    .list_style_3 li {
        float: left;
        margin-bottom: 8px;
    }

        .list_style_3 li:not(:nth-child(5n+5)) {
            margin-right: 22.5px;
        }

        .list_style_3 li > div {
            overflow: hidden;
            display: inline-block;
            padding: 3px;
        }

            .list_style_3 li > div > div {
                overflow: hidden;
                padding: 3px;
            }

        .list_style_3 li img {
            width: 150px;
            height: 150px;
        }

        .list_style_3 li a {
            font-size: 14px;
            text-decoration: none;
        }

        .list_style_3 li .title {
            margin-bottom: 8px;
            max-width: 134px;
        }

        .list_style_3 li .summary {
            font-size: 12px;
            margin-bottom: 8px;
            color: #a0a0a0;
            max-width: 134px;
        }

        .list_style_3 li .sub {
            font-size: 12px;
        }

    .list_style_2 li {
        margin-bottom: 15px;
    }

        .list_style_2 li > div {
            padding: 10px;
        }

        .list_style_2 li .time {
            margin-left: 10px;
            padding-left: 10px;
            border-left: 1px solid #999;
        }

        .list_style_2 li .normal_a_color {
            font-size: 15px !important;
            display: inline-block;
            max-width: 500px;
            vertical-align: bottom;
        }

        .list_style_2 li .basic_link_color {
            font-size: 13px !important;
            display: inline-block;
            max-width: 200px;
            vertical-align: bottom;
        }

        .list_style_2 li .content {
            margin: 10px 0 3px 0;
            color: #666;
            display: inline-block;
            max-width: 850px;
        }

        .list_style_2 li img {
            margin-right: 15px;
            border-radius: 2px;
            width: 200px;
            height: 125px;
        }

    .list_style_1 li {
        float: left;
        margin-bottom: 8px;
    }

        .list_style_1 li:not(:nth-child(3n+3)) {
            margin-right: 15px;
        }

        .list_style_1 li .div_box {
            padding: 20px 10px;
        }

            .list_style_1 li .div_box > div {
                display: inline-block;
                vertical-align: middle;
            }

        .list_style_1 li .avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .list_style_1 li .div_box .info {
            border-left: 1px solid #ccc;
            width: 190px;
            padding-left: 10px;
            margin-left: 5px;
        }

        .list_style_1 li .name {
            font-size: 15px !important;
            display: inline-block;
            max-width: 150px;
            line-height: 17px;
        }

        .list_style_1 li .desc {
            font-size: 12px;
            height: 42px;
            line-height: 14px;
            overflow: hidden;
            margin: 5px 0;
            color: #000;
        }

        .list_style_1 li .male {
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url(../img/male.png);
            background-size: 15px 15px;
            margin-left: 3px;
            vertical-align: top;
        }

        .list_style_1 li .female {
            display: inline-block;
            width: 15px;
            height: 15px;
            background-image: url(../img/female.png);
            background-size: 15px 15px;
            margin-left: 3px;
            vertical-align: top;
        }

        .list_style_1 li .chart {
            font-size: 13px;
            padding: 5px 10px;
            border-radius: 1px;
        }

        .list_style_1 li .unfollow {
            font-size: 13px;
            padding: 4px 10px;
            border-radius: 1px;
        }

        .list_style_1 li .gray {
            color: #ccc;
        }

    .list_style_4 li {
        float: left;
    }

        .list_style_4 li:not(:nth-child(5n+5)) {
            margin-right: 10px;
        }

        .list_style_4 li .div_box {
            padding: 3px;
        }

        .list_style_4 li .img_wrap {
            width: 160px;
            height: 120px;
            overflow: hidden;
            position: relative;
        }

        .list_style_4 li img {
            width: 160px;
            height: auto;
            position: absolute;
        }

        .list_style_4 li .name {
            font-size: 13px;
            color: #fff;
            line-height: 30px;
            position: absolute;
            bottom: 0;
            max-width: 160px;
            background-color: rgba(0, 0, 0, .6);
            display: inline-block;
            width: 100%;
            text-align: center;
        }

    .list_style_5 li {
        float: left;
        width: 32%;
        height: auto;
        margin-bottom: 8px;
    }

        .list_style_5 li:not(:nth-child(3n+3)) {
            margin-right: 2%;
        }

        .list_style_5 li img {
            display: block;
            width: 100%;
            height: auto;
        }

    .list_style_6 {
        padding: 0 10px;
    }

        .list_style_6 li {
            position: relative;
            padding-top: 15px;
        }

            .list_style_6 li .text_content {
                overflow: hidden;
                padding: 0 5px 15px 5px;
            }

            .list_style_6 li:not(:last-child) .text_content {
                border-bottom: 1px dotted #ccc;
            }

            .list_style_6 li .info {
                overflow: hidden;
                margin-bottom: 8px;
            }

                .list_style_6 li .info > span {
                    display: inline-block;
                    vertical-align: middle;
                }

                .list_style_6 li .info .place {
                    color: #888;
                }

                .list_style_6 li .info > .delete,
                .list_style_6 li .info > .votes,
                .list_style_6 li .info > .modify {
                    padding-left: 10px;
                    margin-left: 10px;
                    border-left: 1px solid #bbb;
                }

            .list_style_6 li .avatar {
                float: left;
                margin: -5px 10px 0 3px;
                position: relative;
            }

                .list_style_6 li .avatar img {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                }

            .list_style_6 li .cmt_had_agree {
                cursor: text;
                color: #888;
                text-decoration: none;
            }

            .list_style_6 li .select {
                position: absolute;
                right: 0;
                top: 15px;
            }

        .list_style_6 .not_read .avatar a:before {
            top: 3px;
            right: 0;
            position: absolute;
            width: 5px;
            height: 5px;
            content: " ";
            border-radius: 50%;
            background-color: #f55f10;
        }

    .list_ft_style_1 {
        text-align: right;
        overflow: hidden;
        padding: 5px 10px 5px 0;
    }

        .list_ft_style_1 .pages {
            float: left;
            margin: 0;
        }

        .list_ft_style_1 > span {
            line-height: 34px;
            margin-left: 10px;
        }

    .list_style_7 li {
        overflow: hidden;
    }

    .list_style_7 .chat {
        position: relative;
        display: inline-block;
        width: 100%;
    }

        .list_style_7 .chat .pic {
            float: left;
            margin-right: 20px;
        }

        .list_style_7 .chat .pic_right {
            float: right;
            margin: 0 40px 0 20px;
        }

        .list_style_7 .chat .pic img {
            width: 32px;
            height: 32px;
        }

        .list_style_7 .chat .content {
            display: inline-block;
            font-size: 13px;
            word-wrap: break-word;
            position: relative;
            float: left;
            max-width: 350px;
            background-color: #f8f8f8;
            padding: 10px;
            border: 1px #ccc solid;
            border-radius: 1px;
        }

            .list_style_7 .chat .content p {
                margin: 0;
                line-height: 1.5;
                color: #222;
            }

    .list_style_7 .arrow_bor i {
        border-top-color: #ccc;
        color: #ccc;
        margin-left: 4px;
        border-width: 5px;
    }

    .list_style_7 .arrow_bor em {
        border-top-color: #f8f8f8;
        margin: 1px 0 0 -8px;
        color: #f8f8f8;
        border-width: 7px;
    }

    .list_style_7 .arrow_bor i,
    .list_style_7 .arrow_bor em {
        display: inline-block;
        width: 0;
        height: 0;
        overflow: hidden;
        border-style: solid;
        font-size: 0;
        line-height: 0;
        vertical-align: top;
        border-bottom-color: transparent;
    }

    .list_style_7 .arrow_bor_left {
        position: absolute;
        top: 5px;
        left: -15px;
    }

        .list_style_7 .arrow_bor_left i,
        .list_style_7 .arrow_bor_left em {
            border-left-color: transparent;
        }

    .list_style_7 .arrow_bor_right i,
    .list_style_7 .arrow_bor_right em {
        border-right-color: transparent;
    }

    .list_style_7 .arrow_bor_right {
        position: absolute;
        top: 5px;
        right: -15px;
    }

        .list_style_7 .arrow_bor_right i {
            border-top-color: #b7d4ef;
            color: #b7d4ef;
            margin-right: 5px;
        }

        .list_style_7 .arrow_bor_right em {
            border-top-color: #d7ebfe;
            color: #d7ebfe;
            margin: 1px 0 0 -21px;
        }

    .list_style_7 .content_right {
        float: right !important;
        background-color: #d7ebfe !important;
        border: 1px #b7d4ef solid !important;
    }

    .list_style_7 .chat .select {
        position: absolute;
        right: 0;
        top: 0;
    }

    .list_style_7 .create_time {
        color: #bbb;
        margin-left: 52px;
        margin-bottom: 10px;
    }

    .list_style_7 .create_time_right {
        float: right;
        margin-right: 92px;
    }

    .chart-reply {
        padding: 15px;
    }

        .chart-reply .item-submit {
            text-align: right;
        }

            .chart-reply .item-submit input {
                padding: 6px 20px;
                font-size: 14px;
            }

        .chart-reply textarea {
            width: 828px;
            height: 82px;
            resize: vertical;
            font-size: 14px;
        }

    .history_content {
        border-left: 1px solid #d3d3d3;
        padding-left: 16px;
        font-size: 14px;
    }

        .history_content .list_hd {
            position: relative;
            margin: 5px 0;
        }

            .history_content .list_hd .circle {
                position: absolute;
                width: 9px;
                height: 9px;
                left: -21px;
                top: 12px;
                background: url(../img/circle.png) no-repeat center;
            }

            .history_content .list_hd .txt {
                display: inline-block;
                height: 32px;
                line-height: 32px;
                padding: 0 30px;
                color: #fff;
                font-size: 16px;
                background-color: #128E92;
                position: relative;
            }

            .history_content .list_hd .arrow {
                position: absolute;
                left: -9px;
                top: 12px;
                border: 4px solid transparent;
                border-right-color: #858e93;
            }

        .history_content .list_item {
            padding: 8px 8px;
            border-bottom-left-radius: 2px;
            border-bottom: 1px dashed #ebebeb;
            border-left: 2px solid transparent;
            -webkit-transition: background-color .1s linear,border .1s linear;
            -o-transition: background-color .1s linear,border .1s linear;
            -moz-transition: background-color .1s linear,border .1s linear;
            -ms-transition: background-color .1s linear,border .1s linear;
            transition: background-color .1s linear,border .1s linear;
        }

            .history_content .list_item:hover {
                background-color: #f6f6f6;
                border-left: 2px solid #F76903;
            }

                .history_content .list_item:hover .s5 {
                    opacity: 1;
                }

            .history_content .list_item span {
                display: inline-block;
                vertical-align: middle;
            }

            .history_content .list_item .s1 {
                width: 100px;
            }

            .history_content .list_item .s2 {
                width: 400px;
                max-width: 400px;
            }

                .history_content .list_item .s2 a {
                    display: block;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

            .history_content .list_item .s3 {
                width: 180px;
            }

            .history_content .list_item .s4 {
                width: 100px;
            }

            .history_content .list_item .s5 {
                width: 100px;
                text-align: center;
                opacity: 0;
                -webkit-transition: all .1s linear;
                -o-transition: all .1s linear;
                -moz-transition: all .1s linear;
                -ms-transition: all .1s linear;
                transition: all .1s linear;
            }

            .history_content .list_item a {
                font-size: 14px;
            }

    #historyTips {
        padding: 30px 0;
        font-size: 14px;
        text-align: center;
    }

    table.user_detail {
        margin: 20px 0 233px 20px;
    }

        table.user_detail .key {
            vertical-align: top;
            font-weight: bold;
            font-size: 14px;
            padding: 10px 20px;
        }

        table.user_detail img {
            width: 150px;
            height: 150px;
        }

    .profile_form span {
        margin-right: 20px;
    }

    .profile_form textarea,
    .profile_form input {
        margin: 0;
        font-size: 13px;
    }

    .profile_form p {
        padding: 10px 20px;
        line-height: 30px;
    }

        .profile_form p > span {
            display: inline-block;
            vertical-align: top;
        }

    #all_group_list li {
        margin-right: 16.8px;
    }

        #all_group_list li img {
            width: 160px;
            height: 160px;
        }

        #all_group_list li:nth-child(6n+6) {
            margin-right: 0;
        }

        #all_group_list li .title {
            max-width: 130px;
            text-align: center;
        }

        #all_group_list li > div > div {
            padding: 10px 15px 5px 15px;
        }

        #all_group_list li .op {
            text-align: center;
            margin: 10px 0 5px 0;
        }

        #all_group_list li .joined,
        #all_group_list li .not_joined {
            padding: 3px 20px;
            line-height: 20px;
            border-radius: 10px;
        }

        #all_group_list li .joined {
            color: #aaa;
            border: 1px solid #aaa;
        }

        #all_group_list li .not_joined {
            color: #F76903;
            border: 1px solid #F76903;
            cursor: pointer;
        }

    .top_tips_on_all_group {
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        text-align: left;
        padding-left: 20px;
        color: #000;
        background-color: #fff;
        line-height: 40px;
        margin: 10px 0;
        font-size: 14px;
    }

    .right_top_hot_items a:nth-child(3n+1) {
        margin-left: 0;
    }

    .right_top_hot_items img {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .right_top_hot_items p {
        margin: 0 0 10px 0;
        padding-left: 3px;
        padding-right: 3px;
        width: 100%;
        line-height: 28px;
    }

    .right_top_group_create_btn {
        display: block;
        background-color: #ff6fa2;
        padding: 9px 0;
        color: #fff;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        margin-top: 10px;
        border-radius: 2px;
    }

    .right_top_group_more_btn {
        display: block;
        padding: 9px 0;
        border: 1px solid #00b669;
        color: #00b669;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        margin-top: 2px;
        border-radius: 2px;
    }

    .right_list_style_1 {
        padding: 10px;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }

        .right_list_style_1 li:not(:last-child) {
            margin-bottom: 15px;
        }

        .right_list_style_1 li > div {
            display: inline-block;
            vertical-align: middle;
        }

        .right_list_style_1 li .item1 {
            width: 16%;
        }

        .right_list_style_1 li .item2 {
            width: 82%;
        }

        .right_list_style_1 li .item3 {
            width: 30%;
        }

        .right_list_style_1 li .item4 {
            width: 68%;
        }

        .right_list_style_1 li .item1 img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            display: inline-block;
        }

        .right_list_style_1 li .item3 img {
            width: 100%;
            height: 100%;
        }

        .right_list_style_1 li .top_info {
            padding-left: 10px;
            color: #999;
        }

            .right_list_style_1 li .top_info a, span {
                vertical-align: middle;
            }

        .right_list_style_1 li .sub_info {
            margin-top: 7px;
            padding-left: 10px;
            color: #999;
        }

            .right_list_style_1 li .sub_info a, span {
                vertical-align: middle;
            }

        .right_list_style_1 li a {
            display: inline-block;
            max-width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .left_hot_items_1 li {
        background-color: #fff;
        width: 31.9%;
        float: left;
        margin-right: 2%;
        margin-bottom: 15px;
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
    }

        .left_hot_items_1 li:nth-child(8n+1) {
            width: 65.8%;
        }

            .left_hot_items_1 li:nth-child(8n+1) .img {
                display: inline-block;
            }

            .left_hot_items_1 li:nth-child(8n+1) .thumb_img {
                display: none;
            }

            .left_hot_items_1 li:nth-child(8n+1) .img_wrap {
                height: 200px;
            }

            .left_hot_items_1 li:nth-child(8n+1) .title {
                margin: 0 0 11px 0;
                height: 20px;
                max-width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

            .left_hot_items_1 li:nth-child(8n+1) .bottom_info {
                padding: 10px 10px;
            }

        .left_hot_items_1 li:nth-child(8n+2),
        .left_hot_items_1 li:nth-child(8n+5),
        .left_hot_items_1 li:nth-child(8n+8) {
            margin-right: 0;
        }

        .left_hot_items_1 li .img_wrap {
            position: relative;
            height: 144px;
            overflow: hidden;
        }

        .left_hot_items_1 li img {
            width: 100%;
            position: absolute;
            top: 0;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
        }

        .left_hot_items_1 li .img {
            display: none;
        }

        .left_hot_items_1 li .title {
            font-size: 16px;
            text-decoration: none;
            color: #444;
            overflow: hidden;
            font-weight: 700;
            display: inline-block;
            margin: 10px 0 16px 0;
            height: 40px;
            line-height: 20px;
        }

            .left_hot_items_1 li .title:hover {
                color: #d14563;
            }

        .left_hot_items_1 li .bottom_info {
            padding: 20px 10px;
            color: #999;
        }

            .left_hot_items_1 li .bottom_info .user_name {
                margin-right: 10px;
            }

    #doLoadMoreHotPostsBtn,
    #loadMoreHotPostsTips {
        box-shadow: 0 1px 1px 0 rgba(192,192,192,.35);
        text-align: center;
        color: #888;
        background-color: #fff;
        line-height: 40px;
        margin-bottom: 20px;
    }

    #loadMoreHotPostsTips {
        display: none;
    }

    #doLoadMoreHotPostsBtn {
        cursor: pointer;
    }

        #doLoadMoreHotPostsBtn:hover {
            color: #ff6fa2;
        }

    .article_page_item {
        background-color: #fff;
    }

        .article_page_item .comment_box {
            border-top: none;
        }

    .article_box_new {
        margin-top: 10px;
        background-color: #fff;
        border-top: 1px solid #eee;
        padding-top: 20px;
        padding-left: 10px;
    }

        .article_box_new .title1,
        .article_box_new .title2 {
            margin-bottom: 5px;
            width: 100%;
        }

            .article_box_new .title1 a,
            .article_box_new .title2 a {
                color: #444;
                text-decoration: none;
                font-size: 18px;
                font-weight: 700;
                line-height: 1.5;
            }

                .article_box_new .title1 a:hover,
                .article_box_new .title2 a:hover {
                    color: #d14563;
                }

            .article_box_new .title2 a {
                max-width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                display: inherit;
                font-size: 18px;
                font-weight: 700;
                line-height: 1.5;
            }

        .article_box_new > a {
            width: 32%;
            height: 140px;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
        }

        .article_box_new .img2 {
            width: 100%;
            height: auto;
        }

        .article_box_new > div {
            width: 66%;
            margin-left: 1%;
            display: inline-block;
            vertical-align: top;
        }

        .article_box_new .sub_info {
            margin: 10px 0 15px 0;
            color: #999;
        }

            .article_box_new .sub_info span:not(:last-child) {
                margin-right: 30px;
            }

        .article_box_new .content {
            height: 80px;
            font-size: 13px;
            line-height: 24px;
        }

    /** 广告 **/
    .ad_container {
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .ad_container div {
            margin: 0 auto;
            max-width: 100%;
        }

        .ad_container iframe {
            margin: 0 auto;
            max-width: 100%;
        }

    .green_btn_a {
        border: 1px solid #1abc9c;
        background-color: #1abc9c;
        text-decoration: none;
        color: #ffffff;
        display: inline-block;
        border-radius: 2px;
        font-size: 13px;
        padding: 4px 20px;
    }

        .green_btn_a:hover {
            border: 1px solid #2fe2bf;
            background-color: #2fe2bf;
        }

    .green_border_btn_a {
        border: 1px solid #1abc9c;
        text-decoration: none;
        color: #1abc9c;
        display: inline-block;
        border-radius: 2px;
        font-size: 13px;
        padding: 4px 20px;
    }

        .green_border_btn_a:hover {
            background-color: #1abc9c;
            color: #ffffff;
        }

    .pink_btn_a {
        border: 1px solid #ff6fa2;
        background-color: #ff6fa2;
        text-decoration: none;
        color: #ffffff;
        display: inline-block;
        border-radius: 2px;
        font-size: 13px;
        padding: 4px 20px;
    }

        .pink_btn_a:hover {
            background-color: #ff1493;
        }

    .pink_border_btn_a {
        border: 1px solid #ff6fa2;
        text-decoration: none;
        color: #ff6fa2;
        border-radius: 2px;
        display: inline-block;
        font-size: 13px;
        padding: 4px 20px;
    }

        .pink_border_btn_a:hover {
            color: #ffffff;
            background-color: #ff6fa2;
        }


    /**
 *最新通用样式
 **/

    /** 此处开始 **/
    /*font */
    @font-face {
        font-family: "fm-iconfont";
        src: url('iconfont.eot?t=1496811359778'); /* IE9*/
        src: url('iconfont.eot?t=1496811359778#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('iconfont.woff?t=1496811359778') format('woff'), /* chrome, firefox */
        url('iconfont.ttf?t=1496811359778') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('iconfont.svg?t=1496811359778#fm-iconfont') format('svg'); /* iOS 4.1- */
    }

    .fm-iconfont {
        font-family: "fm-iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #333;
    }

    .icon {
        font-size: 24px;
    }

    .fm-icon-community:before {
        content: "\e602";
    }

    .fm-icon-right:before {
        content: "\e643";
    }

    .fm-icon-home:before {
        content: "\e6b8";
    }

    .fm-icon-weixin {
        color: #0ab70e;
    }

        .fm-icon-weixin:before {
            content: "\e603";
        }

    .fm-icon-qq {
        color: #1296db;
    }

        .fm-icon-qq:before {
            content: "\e606";
        }

    .fm-icon-weibo {
        color: #d81e06;
    }

        .fm-icon-weibo:before {
            content: "\e60a";
        }

    .fm-icon-youjian:before {
        content: "\e705";
    }

    .fm-icon-download:before {
        content: "\e668";
    }

    .fm-icon-play:before {
        content: "\e628";
    }

    .fm-icon-share:before {
        content: "\e619";
    }

    .fm-icon-douban {
        color: #2d963d;
    }

        .fm-icon-douban:before {
            content: "\e622";
        }

    .fm-icon-more:before {
        content: "\e609";
    }

    .fm-icon-up:before {
        content: "\e65a";
    }

    .fm-icon-comment:before {
        content: "\e655";
    }

    .fm-icon-edit:before {
        content: "\e6a9";
    }

    .fm-icon-left:before {
        content: "\e631";
    }

    .fm-icon-upload:before {
        content: "\e659";
    }

    .fm-icon-like:before {
        content: "\e621";
    }

    .fm-icon-new {
        color: #2d963d;
    }

        .fm-icon-new:before {
            content: "\e681";
        }

    .fm-icon-sohu {
        color: #d4237a;
    }

        .fm-icon-sohu:before {
            content: "\e616";
        }

    .fm-icon-down:before {
        content: "\e69e";
    }

    .fm-icon-youku {
        color: #1296db;
    }

        .fm-icon-youku:before {
            content: "\e629";
        }

    .fm-icon-items:before {
        content: "\e64f";
    }

    .fm-icon-hot {
        color: #d81e06;
    }

        .fm-icon-hot:before {
            content: "\e61e";
        }

    .fm-icon-reply:before {
        content: "\e703";
    }

    .fm-icon-favor:before {
        content: "\e61a";
    }

    .fm-icon-tudou {
        color: #ff6501;
    }

        .fm-icon-tudou:before {
            content: "\e62e";
        }

    .fm-icon-iqiyi {
        color: #87ac23;
    }

        .fm-icon-iqiyi:before {
            content: "\e6ac";
        }

    .fm-icon-friend:before {
        content: "\e62a";
    }

    .fm-icon-letv {
        color: #d60c18;
    }

        .fm-icon-letv:before {
            content: "\e6c7";
        }

    .fm-icon-bilibili {
        color: #83c0ee;
    }

        .fm-icon-bilibili:before {
            content: "\e60f";
        }

    .fm-icon-list:before {
        content: "\e6c2";
    }

    .fm-icon-rate:before {
        content: "\e653";
    }

    .fm-icon-loading:before {
        content: "\e647";
    }

    .fm-icon-follow:before {
        content: "\e610";
    }

    .fm-icon-report:before {
        content: "\e614";
    }

    .fm-icon-create:before {
        content: "\e625";
    }

    .fm-icon-refresh:before {
        content: "\e600";
    }

    .fm-icon-search {
        color: #2d963d;
    }

        .fm-icon-search:before {
            content: "\e601";
        }

    .fm-icon-config:before {
        content: "\e728";
    }

    /* font end */


    /*字体大小*/

    small {
        font-size: 65%;
        line-height: 1;
        color: #777;
    }


    .small-font {
        font-size: 12px;
    }

    .middle-font {
        font-size: 14px;
    }

    .large-font {
        font-size: 16px;
    }

    .larger-font {
        font-size: 24px;
    }

    .icon-circle {
        width: 36px;
        height: 36px;
        text-align: center;
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        vertical-align: middle;
        display: inline-block;
        background-color: transparent;
        cursor: pointer;
    }

    .icon-circle-small {
        width: 26px;
        height: 26px;
        text-align: center;
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        vertical-align: middle;
        display: inline-block;
        background-color: transparent;
        cursor: pointer;
    }

        .icon-circle-small:hover {
            background-color: #f5f5f5;
        }

        .icon-circle-small .fm-iconfont {
            font-size: 15px;
            line-height: 1.8;
        }

    .icon-circle:hover {
        background-color: #f5f5f5;
    }

    .icon-circle .fm-iconfont {
        font-size: 18px;
        line-height: 2;
    }

    .icon-rect {
        text-align: center;
        border: 1px solid #dcdcdc;
        vertical-align: middle;
        display: inline-block;
        background-color: transparent;
        cursor: pointer;
        height: 30px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 2px;
    }

        .icon-rect .fm-iconfont {
            font-size: 14px;
            line-height: 2;
            margin-right: 5px;
        }



    /**清除浮动**/
    .clearfix {
        *zoom: 1;
    }

        .clearfix:before,
        .clearfix:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .clearfix:after {
            clear: both;
        }

    /**清除浮动end**/

    /**色系**/

    .green-dark-bg {
        background-color: #16A085;
        color: #ffffff;
    }

    .border-green-dark {
        border: 1px solid #16A085;
    }

    .green-bg {
        background-color: #1ABC9C;
        color: #ffffff;
    }

    .border-green {
        border: 1px solid #1ABC9C;
    }

    .blue-dark-bg {
        background-color: #2980B9;
        color: #ffffff;
    }

    .border-blue-dark {
        border: 1px solid #2980B9;
    }

    .blue-bg {
        background-color: #3498DB;
        color: #ffffff;
    }

    .border-blue {
        border: 1px solid #3498DB;
    }

    .none-bg {
        background-color: transparent;
    }

    .white-bg {
        background-color: #ffffff;
    }

    .border-white {
        border: 1px solid #ffffff;
    }

    .orange-dark-bg {
        background-color: #D35400;
        color: #ffffff;
    }

    .border-orange-dark {
        border: 1px solid #D35400;
    }

    .orange-bg {
        background-color: #E67E22;
        color: #ffffff;
    }

    .border-orange {
        border: 1px solid #E67E22;
    }

    .gray-bg {
        background-color: #f5f5f5;
        color: #666;
    }

    .border-gray {
        border: 1px solid #ccc;
    }

    .gray-dark-bg {
        background-color: #e1e1e1;
        color: #666;
    }

    .border-gray-dark {
        border: 1px solid #e1e1e1;
    }

    .pink-bg {
        background-color: #FF6FA2;
        color: #ffffff;
    }

    .border-pink {
        border: 1px solid #FF6FA2;
    }

    .pink-dark-bg {
        background-color: #cb144d;
        color: #ffffff;
    }

    .border-pink-dark {
        border: 1px solid #cb144d;
    }


    .test-block {
        display: block;
        margin-right: 1px;
        float: left;
        padding: 10px;
        width: 100px;
        text-align: center;
    }
    /**色系 end **/

    .nav {
        margin-bottom: 20px;
        margin-left: 0;
        list-style: none;
    }

        .nav > li > a {
            display: block;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .nav-tabs,
    .nav-pills {
        *zoom: 1;
    }

        .nav-tabs:before,
        .nav-pills:before,
        .nav-tabs:after,
        .nav-pills:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .nav-tabs:after,
        .nav-pills:after {
            clear: both;
        }

        .nav-tabs > li,
        .nav-pills > li {
            float: left;
        }

            .nav-tabs > li > a,
            .nav-pills > li > a {
                padding-right: 12px;
                padding-left: 12px;
                margin-right: 2px;
                line-height: 14px;
            }

    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }

        .nav-tabs > li {
            margin-bottom: -1px;
            list-style: none;
        }

            .nav-tabs > li > a {
                padding-top: 8px;
                padding-bottom: 8px;
                line-height: 20px;
                border: 1px solid transparent;
                -webkit-border-radius: 4px 4px 0 0;
                -moz-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0;
            }

                .nav-tabs > li > a:hover,
                .nav-tabs > li > a:focus {
                    border-color: #eeeeee #eeeeee #dddddd;
                }

        .nav-tabs > .active > a,
        .nav-tabs > .active > a:hover,
        .nav-tabs > .active > a:focus {
            color: #555555;
            cursor: default;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

    .tab-content {
        overflow: auto;
    }

        .tab-content > .tab-pane {
            display: none;
        }

        .tab-content > .active {
            display: block;
        }



    /*按钮*/
    .fm-btn {
        display: inline-block;
        padding: 4px 24px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
    }

        .fm-btn:hover,
        .fm-btn:focus,
        .fm-btn:active,
        .fm-btn.active,
        .fm-btn.disabled,
        .fm-btn[disabled] {
            color: #333333;
            background-color: transparent;
        }

        .fm-btn:active,
        .fm-btn.active {
            background-color: #cccccc;
        }

        .fm-btn:hover,
        .fm-btn:focus {
            color: #333333;
            text-decoration: none;
            background-position: 0 -15px;
            transition: background-position 0.1s linear;
        }

        .fm-btn:focus {
            outline-offset: -2px;
        }

        .fm-btn.active,
        .fm-btn:active {
            background-image: none;
            outline: 0;
        }

        .fm-btn.disabled,
        .fm-btn[disabled] {
            cursor: default;
            background-image: none;
            opacity: 0.65;
            box-shadow: none;
        }

    .fm-btn-large {
        padding: 10px 30px;
        font-size: 17.5px;
        border-radius: 2.5px;
    }

    .fm-btn-small {
        padding: 2px 10px;
        font-size: 10.5px;
        border-radius: 1px;
    }

    .fm-btn-mini {
        padding: 0 6px;
        font-size: 10.5px;
        border-radius: 3px;
    }


    /*按钮组*/
    .fm-btn-group {
        position: relative;
        display: inline-block;
        *display: inline;
        *margin-left: .3em;
        font-size: 0;
        white-space: nowrap;
        vertical-align: middle;
        *zoom: 1;
    }

        .fm-btn-group:first-child {
            *margin-left: 0;
        }

        .fm-btn-group > .fm-btn {
            position: relative;
            border: 1px solid #ccc;
            border-radius: 0;
        }

            .fm-btn-group > .fm-btn + .fm-btn {
                margin-left: -1px;
            }

    .small_share_box {
        display: inline-block;
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }

        .pagination > li {
            display: inline;
        }

            .pagination > li > a, .pagination > li > span {
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: -1px;
                line-height: 1.42857143;
                color: #337ab7;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #ddd;
            }

            .pagination > li:first-child > a, .pagination > li:first-child > span {
                margin-left: 0;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }

            .pagination > li:last-child > a, .pagination > li:last-child > span {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
                z-index: 2;
                color: #23527c;
                background-color: #eee;
                border-color: #ddd;
            }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            z-index: 3;
            color: #fff;
            cursor: default;
            background-color: #337ab7;
            border-color: #337ab7;
        }

        .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
            color: #777;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd;
        }

    .pagination-lg > li > a, .pagination-lg > li > span {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }

    .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .pagination-sm > li > a, .pagination-sm > li > span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .category {
        color: #333;
    }
    /*
 **最新通用样式
 end
 */
}
/*PC端页面结束*/

/*手机页面样式*/
@media (max-width:991px) {
    body {
        font-size: 16px;
        font-family: '微软雅黑';
    }

    li {
        list-style: none;
    }

    a {
        color: black;
        text-decoration: none;
    }

    .menu_nav li {
        display: inline;
        margin-right: 2%;
    }

        .menu_nav li a {
            font-size: 2.5em;
            text-align: center;
            height: 1.5em;
            display: inline-block;
        }

    .menu_nav .active a {
        color: #fd4c5d;
        border-bottom: 2px solid #fd4c5d;
    }

    #login_pop_up {
        display: none;
    }

    .menu_banner_content {
        margin-top: 8em;
        text-align: center;
    }

    .menu_nav_brand {
        position: absolute;
        top: 1em;
    }

    .logon_avatar {
        position: absolute;
        top: 1em;
        right: 1em;
    }

        .logon_avatar img {
            border-radius: 5em;
            width: 5em;
        }

    #logon_info {
        text-align: right;
    }
    
            #btn_register{
                font-size:2.2em;
            }
        /*#logon_info:hover .logon_dropdown {
            display: block;
        }

        #logon_info:hover .logon_name {
            display: block;
        }*/

    .logon_name {
        display: none;
        font-size:2em;
    }

    .logon_dropdown {
        display: none;
        font-size:2em;
    }

    .second_nav, #search_help_link {
        display: none;
    }

    #logo {
        height: 5em;
    }

    #search_form {
        position: absolute;
        left: 15em;
        top: 2em;
        right: 7em;
        height: 2.5em;
    }

        #search_form input {
            font-size: 2.2em;
            height: 1.5em;
        }

    #keyword {
        position: absolute;
        left: 0;
        right: 7em;
        border-radius: .3em;
        border: .05em solid gray;
        padding-left: .2em;
        padding-right: .2em;
        width: 60%;
    }

    .btn-search {
        position: absolute;
        right: 0;
        background-color: #fd4c5d;
        border: none;
        color: white;
    }

    .soutu-close {
        display: none;
    }

    .soutu-btn {
        position: absolute;
        right: 8em;
        width: 3.5em;
        overflow: hidden;
        background: #fff url(/Content/IMG/camera_new.png) no-repeat;
        background-size: 100% 100%;
    }

    #slider_banner_ul img {
        width: 100%;
    }

    ul {
        padding: 0;
    }

    #b03 {
        position: relative;
        text-align: center;
        width: 100%;
        height: 15em;
    }

        #b03 li span {
            color: #fff;
            padding: 1em 0 0 0;
            position: absolute;
            bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            max-width: 100%;
            left: 0;
            right: 0;
            background: url(/Content/IMG/gradient.png) repeat-x;
            background-size: 100% 100%;
            font-size: 2em;
            padding-bottom: 3em;
        }

        #b03 a {
            display: block;
            position: relative;
        }

        #b03 .dots {
            position: absolute;
            right: 5%;
            bottom: 5px;
        }

            #b03 .dots li {
                display: inline-block;
                width: 2em;
                height: 2em;
                margin: 0 1em;
                text-indent: -999em;
                border: .8em solid #fff;
                border-radius: 2em;
                cursor: pointer;
                opacity: .4;
                -webkit-transition: background .5s, opacity .5s;
                -moz-transition: background .5s, opacity .5s;
                transition: background .5s, opacity .5s;
            }

                #b03 .dots li.active {
                    background: #fff;
                    opacity: 1;
                }

    .b03_banner ul li {
        float: left;
    }

    .banner4 li {
        display: inline-block;
        width: 50%;
        float: left;
        font-size: 2.2em;
        overflow: hidden;
        text-align: center;
        position: relative;
        padding: 1em 1em 0 1em;
        box-sizing: border-box;
    }

    .banner4 span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .banner4 img, .week_list_img_link {
        width: 100%;
        height: 7em;
    }

    .week_title_list, .footer-friendlink, .footer_top {
        display: none;
    }

    .week_list li, .main_article_box_ul li, .right_list_style_1 li {
        width: 50%;
        float: left;
        padding: 1em 1em 0 1em;
        box-sizing: border-box;
        font-size: 2.2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .week_list_img_link img {
        width: 100%;
    }

    .main_article_box p, .main_article_box_ul h4, .right_list_style_1 h4, .xinfan_subject_info p {
        padding: 0;
        margin: 0;
    }

    .week_list_img_link, .main_article_box_ul img, .right_list_style_1 img {
        width: 100%;
        height: 7em;
        display: inline-block;
        overflow: hidden;
    }

    .week_list_link {
        display: block;
    }

    .index_main_title {
        clear: both;
        margin: .3em;
        font-size: 2.5em;
    }

    .basic_popover_parent, .xinfan_subject_ul li {
        width: 33%;
        box-sizing: border-box;
        float: left;
        font-size: 2.2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 1em 1em 0 1em;
    }

        .basic_popover_parent img, .xinfan_subject_ul img {
            width: 100%;
            height: 10em;
        }

        .basic_popover_parent h4, .basic_popover_parent p, .xinfan_subject_ul h4 {
            margin: 0;
        }

    .main_subject_box_ul li:nth-last-child(2) {
        display: none;
    }

    .ad {
        display: none;
    }

    .search_keyword_list {
        font-size: 2.5em;
    }

        .search_keyword_list .article_tag_link {
            margin: .2em;
        }

    .footer_outer {
        font-size: 1.7em;
        color: gray;
        text-align: center;
    }

    .footer-sign .boxed:nth-child(1) {
        display: none;
    }

    .post-summary img {
        width: 3em;
        height: 3em;
        border-radius: 3em;
    }

    .post-summary {
        margin: 0;
        font-size: 1.8em;
    }

    .basic_container_item .post-summary {
        max-height: 4em;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .basic_container_item img {
        width: 10em;
        height: 14em;
    }

    .basic_info_title h2 {
        font-size: 1.9em;
        margin: 0;
    }

    .basic_info_subtitle, .basic_year {
        font-size: 1.8em;
    }

    .post-meta {
        font-size: 1.7rem;
        color: gray;
    }

    h3 {
        font-size: 2.4em;
    }

    .vertical_link_li h4 {
        font-size: 2.2em;
    }

    .pages,.pagination {
        text-align: center;
    }

        .pages li,.pagination li{
            font-size: 2em;
            display: inline;
            margin: .4em;
        }

        .pages .selected,.pagination .active a{
            color: #fff;
            background-color: #fd4c5d;
            border-radius: .3em;
            padding-left: .2em;
            padding-right: .2em;
        }

    .reply_box {
        display: none;
    }

    textarea {
        font-size: 2em;
        width: 100%;
        height: 5em;
    }

    #comment_container {
        clear: both;
    }

        #comment_container .btn-primary {
            color: white;
            background-color: #fd4c5d;
            float: right;
            font-size: 2em;
            padding: .3em;
        }

        .basic_container_item_title, #comment_container .basic_link_color, .agree_num {
            font-size: 2em;
        }

            .basic_container_item_title .info {
                display: inline;
            }

    .fd {
        text-align: right;
        color: dimgray;
    }

        .fd a {
            color: dimgray;
        }

    #cmt_list li {
        border-bottom: .1em dashed #dedcdc;
        padding: .2em;
    }

    #login_pop_up {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0,0,0,.5);
    }

    .xinfan_subject_box h4{
        height:2em;
    }

    .small_share_box {
        display: none;
    }

    .pop_up_box_content {
        width: 100%;
        font-size: 2em;
        background-color: white;
        text-align: center;
    }

        .pop_up_box_content .close {
            float: right;
            /*margin:1em;*/
            margin-right: .5em;
            font-size: 2em;
        }

        .pop_up_box_content input {
            font-size: 1em;
        }

        .pop_up_box_content .left div {
            margin-top: 1em;
        }

    #do_login_with_data {
        color: white;
        background-color: #fd4c5d;
        font-size: 1em;
        padding: .3em;
        margin-top: 1em;
    }

    .sub_left {
        float: left;
    }

    .sub_right {
        float: right;
    }

    #login_pop_error_tips {
        clear: both;
    }
    .search_info_ul{
        font-size:2em;
    }
    #online{
        background-color:#f3f2f2;
    }
}


/** glyphicon 字体 --- begin **/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../css/glyphicons-halflings-regular.woff2) format('woff2'),url(../css/glyphicons-halflings-regular.woff) format('woff'),url(../css/glyphicons-halflings-regular.ttf) format('truetype'),url(../css/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}
/** glyphicon 字体 --- end **/