﻿/* Body and structure
        -------------------------------------------------- */
body {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #fff;
    /*background-image: url(../img/grid-18px-masked.png);*/
    background-repeat: repeat-x;
    background-position: 0 0px;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif, "microsoft yahei", Verdana, sans-serif;
    font-size: 13px;
}

.wsc_loading_modal {
    left: 40%;
}

.wsc_loading_modal .modal-body {
    text-align: center;
}

.wsc_show {
    display: block;
}

.wsc_hide {
    display: none;
}

.wsc_input_tiny {
    width: 25px;
}

.wsc_input_shorter {
    width: 40px;
}

.wsc_input_short {
    width: 60px;
}

.wsc_input_middle {
    width: 90px;
}

.wsc_input {
    width: 120px;
}

.wsc_input_time_picker {
    width: 120px;
}

.wsc_input_150 {
    width: 150px;
}

.wsc_input_width {
    width: 180px;
}

.wsc_input_large {
    width: 250px;
}

.wsc_input_xlarge {
    width: 500px;
}

.wsc_input_xxlarge {
    width: 700px;
}

.wsc_input_note {
    width: 95%;
}

.font_size_medium {
    font-size: 15px;
}

.font_red {
    color: red !important;
}

.font_blue {
    color: #3062AC !important;
}

.font_bold {
    font-weight: bold;
}

.navbar {
    margin-bottom: 5px;
}

.navbar .nav>li>a {
    color: #000;
    font-weight: bold;
}

.navbar .btn {
    margin-top: 3px;
}

.top_line {
    background-color: #55b3ff;
    width: 100%;
    height: 10px;
    /*min-width:1000px;*/
}

.top_linear_gradient {
    /*min-width:1000px;*/
    width: 100%;
    background-image: linear-gradient(to bottom, #95d1ff, #FFF);
}

.container {
    /*min-width:1000px;*/
}

[id*="google_ads"] {
    padding: 0;
    margin: 0;
    border: 0;
}

.english_font {
    font-family: Verdana, sans-serif;
}

#topnavbar a {
    color: #555;
}

#topnavbar a:hover {
    background-color: #E6E6E6
}

.google_form {
    margin: 2px 0 0;
    float: right;
}

.google_search_input {
    width: 210px;
    margin-right: 20px;
    margin-top: 3px;
}

.hide {
    display: none;
}

.float_right {
    float: right;
}

.align_right {
    text-align: right;
}

.wordWarp,
.wordWarp td,
.wordWarp td>a {
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
    TABLE-LAYOUT: fixed;
    overflow: hidden;
}

ul {
    list-style: none outside none;
}

.logo_row {
    padding-bottom: 5px;
}

.logo {
    /*padding-top:15px;*/
}

.login_img {
    margin-left: 0;
    text-align: center;
}

.login_btns {
    /*margin-left: 2px;*/
    text-align: center;
}

.login_btns li {
    /*float: left;*/
}

.login_btns li:hover {
    background: #fff;
}

.login_btns a {
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
}

.login_btns a:hover {
    color: #f60;
}

.reg_btn {
    color: #333;
    padding-right: 15px;
}

.login_btn {
    color: #333;
}

.top_banner_ad {
    margin-top: 5px;
    width: 728px;
    margin-right: 58px;
}

.top_banner_ad iframe {
    margin: 0;
    border: 0;
    width: 728px;
    height: 90px;
}

.top_deal {
    margin-left: 20px;
    background: url(../images/hot_deal.png) 0 0 no-repeat;
    width: 96px;
    height: 96px;
}

.top_deal_box {
    width: 76px;
    font-weight: bold;
    line-height: 17px;
    font-size: 13px;
    font-family: Arial;
    margin-left: 5px;
    margin-top: 5px;
}

.top_deal_btn {
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
}

.margin_left_0 {
    margin-left: -10px;
}

.hot_deal_box_b {
    display: none;
}

.hot_deal_box_a {
    display: block;
}

.hot_deal_content {
    /*background-color:#F0F7F8;*/
}

#img_line_and_hot_deal .article_title ul {
    margin-left: 0;
}

.hot_deal_content li {
    padding: 0 8px;
}

.hot_deal_content a {
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    /*color: #336699;*/
}

.hd_img {
    margin-right: 8px
}

.hotplate li {
    float: left;
    color: #468847;
    background-color: #fff;
    border: 1px solid #d6e9c6;
    width: 170px;
    margin: 3px;
    text-align: center;
}

.hotplate li:hover {
    background: #dff0d8;
}

.hotplate a {
    font-size: 13px;
    color: #000
        /*#4A9494*/
    ;
    font-weight: normal;
    float: right;
    width: 100%;
    line-height: 38px;
}

.hotplate a:hover {
    text-decoration: none;
}

.cut_line_top {
    border-top: 1px solid #ddd;
}

.cut_line {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    cursor: pointer;
}

.nav-tabs>li>a {
    color: #4A9494;
    font-weight: bold;
}

.nav-tabs {
    border: 0;
}

/*.main_title_01 { font-weight: bold; color: red; }*/
.main_title_02 {
    font-weight: normal;
    color: red;
}

.article_title_bg {
    background: #F6F8F6;
    border-right: 2px solid #DFDEDD;
    border-bottom: 2px solid #DFDEDD;
}

.article_title_box {
    height: 260px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-top: 20px;
}

.article_title_ad_img {
    min-width: 300px;
    height: 297px;
    text-align: center;
    margin-bottom: 10px;
}

.dot_first {
    font-family: simsun;
}

.list_left_border li {
    border-left: 2px solid #DDD;
}

.article_title ul li a {
    padding: 0 15px 0 17px;
}

.article_title .hot_deal_content li a {
    padding: 0;
}

.article_title ul li a {
    line-height: 20px;
    display: block;
    color: #000;
    height: 22px;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
    TABLE-LAYOUT: fixed;
    overflow: hidden;
}

.article_title .span5 {
    margin-right: -1px;
}

.article_title ul li a:hover {
    color: #FC3000;
    text-decoration: none;
}

.article_title .more_article {
    color: #4A9494;
    text-align: right;
    margin-right: 20px;
    /*font-size: 15px; font-weight: normal; float: right;*/
}

.title_arrow {
    background: url(../img/arrow.gif) 0 8px no-repeat;
}

.wsc_pagination {
    margin: 0 0 0 2px;
    text-align: center;
}

.section_margin_top {
    margin-top: 10px;
}

.footer {
    border-top: 1px solid #E5E5E5;
    margin-top: 45px;
    padding: 15px 0 46px;
}

.footer a {
    color: #4A9494;
}

.ad_160X600 {
    text-align: center;
    min-width: 165px;
    /*width:165px;*/
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    color: #FFF;
    background-color: #4A9494;
    background-image: linear-gradient(to top, #4A9494, #0FC0C0);
    border-color: #4A9494;
}

.nav {
    margin-bottom: 0;
}

#hot_topic_tabs,
#new_topic_tabs,
#recommend_title_tabs {
    margin-bottom: 20px;
}

#hot_topic_tabs .article_title,
#new_topic_tabs .article_title,
#recommend_title_tabs .article_title {
    padding-top: 15px;
}

#hot_topic_tabs .tab-content,
#new_topic_tabs .tab-content,
#recommend_title_tabs .tab-content {
    border: 1px solid #DDDDDD;
    /*border-left:0; border-right:0;*/
}

.topic_tabs_nav .nav-tabs>li {
    width: 115px;
    text-align: center;
}

/*#hotImgList .thumbnails > li { margin: 0 3px; }*/
.img_block ul {
    margin-bottom: 0;
}

.ad_160X600_right {
    text-align: center;
    padding-top: 35px;
}

#hotImgList a.thumbnail {
    border: 0;
    box-shadow: none;
    padding: 0 4px 0 0;
}

#hotImgList a.thumbnail:hover,
#hotImgList a.thumbnail:focus {
    border: 0;
    box-shadow: none;
}

#hotImgList .thumbnails>li {
    margin-bottom: 8px;
}

#hotImgList img {
    border: 1px solid #DDD;
    box-shadow: none;
}

/*#hotImgList img:hover,#hotImgList img:focus { border: 1px solid #08C; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); }*/
#imgPageBtns li a {
    padding: 0 32px;
}

#new_img_list .thumbnail {
    border: 0;
    box-shadow: none;
    padding: 4px;
}

.article_title li.span2 a {
    display: block;
    height: auto;
}

.article_title_bg li.span2 {
    width: auto;
}

.article_img {
    margin-left: 13px;
}

/*.article_img a { margin-left: 15px; padding:0; }*/
.article_img_after {
    margin-left: 0;
}

.article_img .thumbnail {
    border: 0 none;
    box-shadow: none;
    padding: 0;
}

.hotplate ul,
ol {
    padding: 0;
    margin: 0 0 5px 10px;
}

.align_center {
    text-align: center;
}

.wsc_width_table {
    margin: 10px 30px;
}

.today_topic_list td>a {
    font-size: 14px;
    color: #666
        /*#4A9494*/
    ;
    font-weight: normal;
    float: right;
    width: 100%;
    line-height: 33px;
}

.today_topic_list td>a:hover {
    text-decoration: none;
    background: #dff0d8;
}

.today_topic_list td {
    font-size: 14px;
    padding: 1px;
}

.today_topic_list .table th,
.table td {
    vertical-align: middle;
}

.tt_list_titleA {
    width: 55%;
}

.tt_list_titleB {
    width: 45%;
}

.tt_list_titleC {
    width: 75%;
}

.tt_list_titleD {
    width: 25%;
}

.moti_link {
    width: 60px !important;
}

.dim_list_note {
    width: 30%;
}

.title_note {
    line-height: 33px;
}

/*dnt_right_topic_list*/
.ads_right {
    height: 100%;
}

.right_list_div {
    padding-left: 6px;
    max-width: 300px;
}

.right_list_div {
    display: inline-block;
}

.right_list_div ul {
    margin: 0;
    padding: 0;
}

.right_list_div li {
    padding: 3px 5px;
}

.right_list_div ul li a {
    display: block;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
    TABLE-LAYOUT: fixed;
    overflow: hidden;
}

.right_list_div #hotTopicBox ul li a {
    max-height: 35px;
}

.right_list_div #newTopicBox ul li a {
    height: 24px;
    line-height: 24px;
}

.right_list_div ul li a span {
    color: #D4D4D4;
    font-size: 10px;
    padding: 0 5px;
}

.right_list_div ul li a:hover,
.right_list_div ul li a:hover * {
    color: #FC3000 !important;
    font-weight: normal;
}

.right_list_div ul .active a,
.right_list_div ul .active span {
    color: #FC3000;
    font-weight: bold;
}

.right_list_div .ad_img_box {
    height: 250px;
}

.right_list_div .topicListBox {
    border: #D4D4D4 solid 1px;
}

.right_list_div .topic_sub_box {
    margin-top: 12px;
}

.topicListHead {
    color: #ED6D20;
    font-size: 14px;
    font-weight: bold;
    background-color: #F5F5F5;
    line-height: 22px;
    padding: 3px 10px;
}

.topicListBox .topicListHead {
    border-bottom: #D4D4D4 solid 1px;
}

.topicListBox ul li a span {
    color: #D4D4D4;
    font-size: 11px;
}

.topicListBox .article_img {
    float: left;
    height: 85px;
    width: 85px;
    margin: 5px 5px 1px 10px;
}

.topicListBox .article_img img {
    height: 85px;
    width: 85px;
}

.topicListBox .article_img a {
    margin: 0;
}

.topicListBox .article_img_after {
    margin-left: 90px;
}

#r_hotDealsContent {
    margin-top: 10px;
}

#r_hotDealsContent li img {
    margin-right: 8px;
    width: 12px;
    height: 12px;
}

#r_hotDealsContent .carousel-indicators li {
    padding: 0;
}

#r_hotDealsContent a {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    color: #000;
}

#r_hotDealsContent a:hover {
    color: #FC3000;
    text-decoration: none;
}

.right_deal {
    background: url("../img/deal_bak_bar.gif") no-repeat scroll 70px 0 #D4D4D4;
}

.right_deal .carousel {
    height: 176px;
    margin-bottom: 10px;
    width: 295px;
}

#r_hotDealsContent .carousel-inner img {
    width: 110px;
    height: 110px;
}

#r_hotDealsContent .carousel {
    position: relative;
    line-height: 1;
}

#r_hotDealsContent .carousel-inner {
    overflow: hidden;
    width: 275px;
    position: relative;
    margin-left: 20px;
}

#r_hotDealsContent .carousel-inner>.item {
    display: none;
    position: relative;
    -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;
    margin-top: 30px;
}

#r_hotDealsContent .carousel-inner>.item>img,
#r_hotDealsContent .carousel-inner>.item>a>img {
    display: block;
    line-height: 1;
    margin-top: 30px;
}

#r_hotDealsContent .carousel-inner>.active,
#r_hotDealsContent .carousel-inner>.next,
#r_hotDealsContent .carousel-inner>.prev {
    display: block;
}

#r_hotDealsContent .carousel-inner>.active {
    left: 0;
}

#r_hotDealsContent .carousel-inner>.next,
#r_hotDealsContent .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

#r_hotDealsContent .carousel-inner>.next {
    left: 100%;
}

#r_hotDealsContent .carousel-inner>.prev {
    left: -100%;
}

#r_hotDealsContent .carousel-inner>.next.left,
#r_hotDealsContent .carousel-inner>.prev.right {
    left: 0;
}

#r_hotDealsContent .carousel-inner>.active.left {
    left: -100%;
}

#r_hotDealsContent .carousel-inner>.active.right {
    left: 100%;
}

#r_hotDealsContent .carousel-control {
    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;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#r_hotDealsContent .carousel-control.right {
    left: auto;
    right: 15px;
}

#r_hotDealsContent .carousel-control:hover,
#r_hotDealsContent .carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#r_hotDealsContent .carousel-indicators {
    position: absolute;
    top: 164px;
    right: 120px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

#r_hotDealsContent .carousel-indicators li {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    margin: 0 8px;
    text-indent: -999px;
    background-color: #555;
    border-radius: 5px;
}

#r_hotDealsContent .carousel-indicators .active {
    background-color: #ED6D20;
    height: 7px;
    width: 7px;
}

.carousel_imgs img {
    float: left;
    margin: 7px 0 0 5px;
}

.carousel_imgs img:first-child {
    float: left;
    margin-right: 20px;
}

.threads_list li {
    border-bottom: 1px solid #D4D4D4;
    line-height: 1.3;
    margin: 10px 7px;
}

.threads_list li p {
    color: #999;
    font-size: 11px;
    margin: 0;
}

.right_list_div .ad_box {
    margin-top: 12px;
}

.right_list_div img {
    border: 0;
}

/*dnt_right_topic_list_end*/

/*WeichatTopicList*/
#wc_hot_topic_list ul {
    margin: 0;
    padding: 0;
}

#wc_hot_topic_list li {
    padding: 3px 5px;
}

#wc_hot_topic_list ul li a {
    display: block;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
    TABLE-LAYOUT: fixed;
    overflow: hidden;
}

#wc_hot_topic_list ul li a:hover,
#wc_hot_topic_list ul li a:hover * {
    color: #FC3000 !important;
    font-weight: normal;
}

#wc_hot_topic_list ul .active a,
#wc_hot_topic_list ul .active span {
    color: #FC3000;
    font-weight: bold;
}

#wc_hot_topic_list ul li a {
    max-height: 35px;
}

#wc_hot_topic_list .article_img {
    float: left;
    height: 85px;
    width: 85px;
    margin: 5px 5px 1px 10px;
}

#wc_hot_topic_list .article_img a {
    margin: 0;
}

#wc_hot_topic_list .article_img img {
    height: 85px;
    width: 85px;
}

#wc_hot_topic_list .article_img_after {
    margin-left: 90px;
}

/*WeichatTopicList end*/

.text_center {
    text-align: center;
}

/*toolbar grid 按钮满列均分样式*/
.btn_toolbar {
    width: 100%;
}

.btn_toolbar .btn {
    padding-left: 0;
    padding-right: 0;
}

/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
/* grid a: 100 */
.ui-block-a {
    width: 99.9%;
}

.ui-block-a {
    clear: left;
}

/* grid a: 50/50 */
.ui-grid-a {
    width: 49.95%;
}

.ui-grid-a {
    clear: left;
}

/* grid b: 33/33/33 */
.ui-grid-b {
    width: 33.25%;
}

.ui-grid-b {
    clear: left;
}

/* grid c: 25/25/25/25 */
.ui-grid-c {
    width: 24.925%;
}

.ui-grid-c {
    clear: left;
}

/* grid d: 20/20/20/20/20 */
.ui-grid-d {
    width: 19.925%;
}

.ui-grid-d> :nth-child(n) {
    width: 20%;
}

.ui-grid-d {
    clear: left;
}

/*grid end*/

#last_img_list_box img {
    max-height: 200px;
    max-width: 400px;
}

#atch_img_list img {
    max-height: 200px;
}

#topic_grade {
    width: 95% !important;
    padding-left: 30px;
}

.topic_grade_title {
    width: 300px !important;
}

#topic_grade_list .input-append {
    margin-top: 4px;
    margin-bottom: 4px;
}

.grade_loading_img {
    background-image: url(/Content/img/loading_big.gif);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#topic_grade_list .number_right {
    text-align: right;
    padding-right: 20px;
}

#topic_grade_list .table th {
    text-align: center;
}

td.text_center {
    text-align: center;
}

td.padding_5_px {
    padding: 5px;
}

.float_right {
    float: right;
}

.margin_null {
    margin: 0;
}

.font_blod {
    font-weight: bolder
}

.background_color_blue {
    background-color: #d9edf7;
}

.word_spacing_10 {
    word-spacing: 10px;
}

/*二期评分系统样式*/
/*背景*/
.grade_b_background {
    width: 100%;
    min-height: 700px;
    margin-top: 5px;
    height: auto !important;
}

/*左边部分*/
.grade_b_left {
    background-color: #eaf7e4;
    width: 70%;
    min-height: 700px;
    float: left;
    height: auto !important
}

/*评分区域*/
.grade_b_left_score {
    width: 99.7%;
    height: 60px;
    margin-left: 1px;
}

/*区域标题*/
.grade_b_title {
    background-color: #4ba4ef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 20px;
    text-align: center;
}

/*选择分数区域*/
.grade_b_left_checks {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 40px;
}

/*用于设置左边距*/
.span_margin_left {
    margin-left: 10%;
    margin-top: 10px;
}

/*帖子内容*/
.grade_b_left_text {
    width: 99.7%;
    min-height: 240px;
    margin-left: 1px;
}

/*文字区域*/
.grade_b_left_topic_text {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 180px;
    border-left: 1px, #090909;
    padding: 20px;
}

/*选择层数*/
.select_layer {
    width: 100%;
    height: 25px;
    text-align: center;
}

/*选择页数*/
.select_layer_b {
    width: 100%;
    height: 25px;
    text-align: center;
    margin-top: 10px;
}

/*帖子列表*/
.topic_list {
    width: 100%;
    min-height: 340px;
}

/*提交区域*/
.submit {
    width: 100%;
    height: 60px;
}

/*用于居中*/
.span_center {
    margin-left: 45%;
}

/*右边部分*/
.grade_b_right {
    float: right;
    width: 30%;
    min-height: 700px;
    background-color: #dcf3f8;
}

/*右边左半部分*/
.grade_b_right_leftHalf {
    float: left;
    width: 50%;
}

/*右边右半部分*/
.grade_b_right_rightHalf {
    float: right;
    width: 50%;
}

/*左半部分对齐*/
.leftHalf_algin {
    line-height: 25px;
    margin-left: 35%;
}

/*右半部分对齐*/
.rightHalf_algin {
    line-height: 25px;
    margin-left: 35%;
}

/*列表文字居中*/
.table-striped th {
    text-align: center;
}

/*鼠标移动到该行样式*/
.selectRow:hover {
    color: #f106d6;
    cursor: pointer;
}

.selectRow {
    background-color: #FFF;
}

.submit {
    margin-top: 10px;
}

/*输入层数跳转*/
.form-inline .inLayer {
    height: 12px;
    width: 50px;
    line-height: 15px;
}

.select_layer a {
    margin: 8px;
    color: #223de0
}

.select_layer a:hover {
    color: #f106d6;
    cursor: pointer;
}

.dataZJ td {
    background-color: #c1f2f3;
}

.checkAll_noCheck {
    float: left;
}

/*三期评审css*/
/*标题栏*/
.grade_c_title {
    background-color: #4ba4ef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 20px;
    text-align: center;
    margin-top: 20px;
}

.grade_c_title_edit {
    background-color: #fff;
    height: 20px;
}

/*编辑标题栏*/
.grade_c_title_input {
    width: 98.2%;
}

/*编辑点评栏*/
.grade_c_comment_input {
    width: 98.2%;
}

.grade_c_post_text {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 159px;
    border-left: 1px, #090909;
    padding: 20px;
    overflow: auto;
}

/*文章类型*/
.span_margin_left_c {
    margin-left: 20%;
    margin-top: 10px;
}

/*国家、地址、主题选择框*/
.select_country {
    text-align: center;
    width: 32%;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.select_area {
    text-align: center;
    width: 32%;
    float: left;
    margin-top: 5px;
}

.select_theme {
    text-align: center;
    width: 32%;
    float: left;
    margin-top: 5px;
}

/*加载10行*/
.load10 {
    float: right;
}

.grade_c_text {
    width: 99.7%;
    height: 60px;
    margin-left: 1px;
    min-height: 220px;
}

.grade_c_post_div {
    width: 99.7%;
    height: 50px;
    margin-left: 1px;
}

.grade_c_onepost {
    border-bottom: 3px solid red;
}

.grade_c_posttitle {
    height: 42px;
}

.grade_c_leftscore {
    float: left;
    width: 20%;
}

.grade_c_poster {
    float: left;
    width: 25%;
    color: #d40bf3
}

.grade_c_rightscore {
    float: right;
}

.grade_c_posttime {
    float: right;
    width: 30%;
}

#grade_c_right {
    float: right;
    width: 30%;
    height: 800px;
    background-color: #dcf3f8;
}

.grade_c_post_text img {
    max-height: 200px;
    max-width: 300px;
}

.grade_c_imgs {
    width: 350px;
    height: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.grade_c_imgList {
    position: absolute;
    max-height: 520px;
    overflow: auto;
}

.grade_c_imgList img {
    width: 97%;
    max-height: 200px;
    margin: 10px 4px;
    padding: 2px 2px;
}

.grade_c_imgList li:hover {
    border: 1px solid #333;
    background: #ccc;
}



/*精华库展示*/
.digestAllCssBackground .digestAllCssBackground .digestbackground {
    width: 100%;
    min-height: 750px;
    margin-top: 5px;
    height: auto !important;
}

.digestAllCssBackground .digestleft {
    background-color: #fffff5;
    width: 75%;
    min-height: 750px;
    float: left;
    height: auto !important
}

.digestAllCssBackground #digestArticle {
    min-height: 750px;
}

.digestAllCssBackground #answer {
    min-height: 750px;
}

.digestAllCssBackground #imgs {
    min-height: 750px;
}

.digestAllCssBackground .tab-pane .row {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.digestAllCssBackground .digestright {
    float: right;
    width: 25%;
    height: 750px;
    background-color: #fef9ff;
}

.digestAllCssBackground .select_div {
    margin-top: 12px;
    text-align: center;
    margin-bottom: 12px;
}

.digestAllCssBackground .tab-pane {
    height: 650px;
}

.digestAllCssBackground .article_img {
    float: right;
    height: 80px;
    width: 108px;
    margin-right: 5px;
    border: solid #bce8f1 1px;
}

.digestAllCssBackground .article_img img {
    height: 80px;
    width: 108px;
}

.digestAllCssBackground .user_avatar {
    border: solid #bce8f1 1px;
    height: 45px;
    width: 45px;
    float: left;
    margin-right: 5px;
}

.digestAllCssBackground .user_avatar img {
    height: 45px;
    width: 45px;
}

.digestAllCssBackground .user_avatar_one {
    border: solid #bce8f1 1px;
    height: 120px;
    width: 120px;
    float: left;
    margin-right: 5px;
}

.digestAllCssBackground .user_avatar_one img {
    height: 120px;
    width: 120px;
}

.digestAllCssBackground .user_avatar:hover {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
}

.digestAllCssBackground .article_userName {
    margin-left: 60px;
    font-size: 17px;
    margin-bottom: 15px;
    background-color: #e9f0ff;
}

.digestAllCssBackground .article_userName a {
    float: right;
    margin-left: 30px;
}

.digestAllCssBackground .article_message {
    margin-top: 5px;
    margin-left: 60px;
}

.digestAllCssBackground .user_div {
    float: left;
    width: 80%;
}

.digestAllCssBackground .col-md-3 {
    width: 30%;
    height: 170px;
    float: left;
    margin-left: 2%;
    margin-bottom: 4%;
}

.digestAllCssBackground .col-md-3 img {
    width: 99%;
    height: 99%;
}

.digestAllCssBackground .thumbnail {
    width: 100%;
    height: 100%;
}

.digestAllCssBackground .user_message_td {
    background-color: #fafafa;
    width: 140px;
    border-right: solid 0.8px #bce8f1;
    border-bottom: solid 0.8px #bce8f1;
    vertical-align: top
        /*让子元素在此元素的顶部对齐*/
}

.digestAllCssBackground .align_bottom {
    vertical-align: bottom;
}

.digestAllCssBackground .user_message_div {
    width: 140px;
    text-align: center;
    padding: 5px;
    border-bottom: dashed 0.5px #D4D4D4;
}

.digestAllCssBackground .userName {
    border-bottom: dashed 0.5px #D4D4D4;
}

.digestAllCssBackground .articleOrQuestion_div {
    width: 100%;
}

.digestAllCssBackground .one_articleOrQuestion {
    border-bottom: dotted 2px #D4D4D4;
}

.digestAllCssBackground .one_articleOrQuestion_message {
    margin-top: 10px;
}

.digestAllCssBackground .one_comment {
    background-color: #f1faf9;
    text-align: right;
    padding-right: 20px;
    color: #4A9494;
}

.digestAllCssBackground .postTime {
    text-align: center;
    margin-top: 5px;
    width: 100%;
    color: #3bb3f8;
}

.digestAllCssBackground .select_layer_b a {
    cursor: pointer;
}

.digestAllCssBackground #goLayer_art {
    float: right;
    cursor: pointer;
}

.digestAllCssBackground #goLayer_ans {
    float: right;
    cursor: pointer;
}

.digestAllCssBackground #goLayer_img {
    float: right;
    cursor: pointer;
}

.digestAllCssBackground .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
}

.digestAllCssBackground .panel-info {
    border-color: #bce8f1;
}

/*.digestAllCssBackground .panel-info:hover {
                      cursor : pointer;
                      border-color: #7e8cfc;
                  }*/
.digestAllCssBackground .panel-info>.panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.digestAllCssBackground .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 6px 10px;
}

.digestAllCssBackground .panel-title {
    color: inherit;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}

.digestAllCssBackground .panel-body {
    padding: 5px;
    height: 80px;
}

.digestAllCssBackground .panel-body-article {
    padding: 5px;
}

.digestAllCssBackground .panel-body-article tr {
    border-bottom: solid 0.8px #bce8f1;
}

.panel-body-article table {
    width: 100%;
}

.digestAllCssBackground h3,
.h3 {
    font-size: 24px;
}

.digestAllCssBackground h1,
h2,
h3 {
    margin-bottom: 10px;
    margin-top: 20px;
}

.digestAllCssBackground h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

.user_pm_list table tr:hover>td {
    background-color: #bce8f1;
}

.td_back_color {
    background-color: #e9f9f9;
}

.month_font {
    font-weight: bolder;
}

.log_mrg_query_box {
    margin-top: 10px;
}

table.margin_bottom_none {
    margin-bottom: 0px
}

.input_width_700 {
    width: 700px;
}

.margin_left_20px {
    margin-left: 20px;
}

#moder_log_box td>a {
    float: none;
    width: auto;
}













@media (min-width:1200px) {}

@media (max-width:1200px) {
    .top_banner_ad {
        margin-right: 0;
    }

    /* .ad_160X600,
            .ad_160X600_right {
                display: none;
            } */

    .ad-position-right-box {
        display: none;
    }

    .article_title .span5 {
        width: 32%;
    }

    div.span15 {
        width: 98%;
    }

    .article_title_box {
        min-height: 260px;
    }

    .top_deal {
        float: right;
        display: none
    }

    .hotplate li {
        width: 140px;
    }

    #imgPageBtns li a {
        padding: 0 25px;
    }

    .navbar .nav {
        margin: 0 5px 0 0;
    }

    .navbar .nav>li>a {
        padding: 10px 5px 10px;
    }

    #new_img_list li.span2 {
        width: 19%;
    }

    .column-none {
        display: none;
    }

    .ad-position-right-sky {
        margin-left: 10px !important;
    }
}

@media (max-width:979px) {
    .article_title_box {
        height: auto;
    }

    .top_banner_ad {
        width: 100% !important;
        overflow: hidden;
    }

    .ad_160X600,
    .ad_160X600_right {
        display: none;
    }

    .article_title .span5 {
        width: 47%;
    }

    .article_img a.thumbnail {
        padding-bottom: 10px;
        width: 47%;
        float: left;
    }

    #img_line_and_hot_deal .span6 {
        width: 98%;
    }

    .hotplate {
        display: block;
    }

    .hotplate li {
        width: 130px;
    }

    .img_block {
        margin: 20px 0;
    }

    #hotImgList .thumbnails>li {
        width: 32%;
    }

    .article_title_box {
        height: auto;
    }

    #new_img_list li.span2 {
        width: 47%;
        float: left;
    }

    .hot_deal_box_a {
        display: none;
    }

    .hot_deal_box_b {
        display: block;
    }

    .column-none {
        display: none;
    }
}

@media (max-width:767px) {

    .top_banner_ad {
        width: 100% !important;
        overflow: hidden;
    }

    .ad_160X600,
    .ad_160X600_right,
    .top_deal,
    .pagination {
        display: none;
    }

    .article_title .span5 {
        width: 98%;
    }

    #hotImgList .thumbnails>li {
        width: 47%;
        float: left;
    }

    .footer .pull-right {
        float: none;
    }

    .container {
        margin: auto 15px;
    }

    .top_linear_gradient .container {
        margin: 0;
    }

    .hotplate li {
        width: 120px;
    }

    .footer {
        text-align: center;
    }

    #div-gpt-ad-HP_Box_1 {
        margin-left: auto;
        margin-right: auto;
    }

    .column-none {
        display: none;
    }
}

.ellipsis {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

span.ob-grid-header-text {
    display: none;
}

.ad-slot-mobile {
    text-align: center;
    min-width: 100px;
    margin: 10px 0px;
}