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

.details_left{ width: 705px; font-family:"微软雅黑"; float: left; }
.details_left h1{font-size: 26px; font-family:microsoft yahei; text-align:center; width: 705px;}
.details_left .fx{ border-bottom: 1px solid #b1b1b1; margin-top: 30px; line-height: 30px; height: 30px; color: #9a9a9a;}
.details_left .fx span{ margin-left: 20px; float: left;}
.details_left .fx samp{float: right; margin-right: 20px; width:200px;}
.details_left .zw{ width: 630px; margin: 0 auto; text-indent: 2em; line-height: 25px;}
.details_left .zw p{min-height:25px;line-height: 25px;}
.details_left .zw span{ display: block; width: 630px; text-align: center; margin-top: 25px;}

.details_09{ clear: both; color: #93be4c; font-size: 18px; border-bottom: solid 1px #93be4c; line-height: 35px; margin-top: 20px;}

.details_10{ width: 705px;margin-top: 20px; clear: both;}
.details_10_1{ text-align: center; width: 64px; line-height: 24px; float:left; color: #379be9;}
.details_10_2{ width:618px; float:left; position: relative; left: 20px; border: 1px solid #b1b1b1;}
.details_10_2 .input1{ width:618px; height: 100px; border: none; outline:none;}
.details_10_3{ height: 35px; line-height: 30px; border-top: 1px solid #b1b1b1;}
.details_10_3 ul li{ float:left; font-size: 25px; margin-left: 20px; color: #cccccc;}
.details_10_3 ul li img{ vertical-align: bottom; }
.details_10_3 .input2{ width: 90px; height: 35px; background: #93be4c; position: relative; float: right; border: none; font-size: 18px; color: #fff;}

.details_11{ width: 705px; position: relative; top:20px; clear: both;}
.details_11_1{ text-align: center; width: 64px; line-height: 24px; float:left; color: #379be9;}
.details_11_2{ width: 618px; margin-left: 20px;  float:left; font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.details_11_2>span{ color: #379be9; line-height: 30px;}
.details_11_2>span a{ color: #379be9;}
.details_11_2>label{ position: relative; line-height: 30px; float: right; font-size: 12px; color: #c1c1c1;}
.details_11_2_1{ width: 618px; border-bottom: dashed 1px #b1b1b1; height: 50px; line-height: 50px; color: #c1c1c1; margin-bottom: 20px;}
.details_11_2_1 a{ position: relative; color: #b1b1b1; left:477px; margin-left: 10px;}
.details_11_2_2{ width: 618px;}
.details_11_2_21{ line-height: 50px;}
.details_11_2_21 a{ position: relative; left: 477px; margin-left: 10px; color: #b1b1b1;}
.details_11_2_22{ background: url("../img/common/details_plbj1.gif") no-repeat; width:628px; height: 397px; margin-bottom: 20px; }
.details_11_2_22_1{ position: relative; left: 15px; top:20px; clear: both;}
.details_11_2_22_1 ul{ position: relative; clear: both;}
.details_11_2_22_1 ul li{ float:left;}
.details_11_2_22_1 ul li img{margin-right: 20px;}
.details_11_2_22_1 ul li span{ display: block; color: #b1b1b1; font-size: 12px;}
.details_11_2_22_1 ul li span a{ font-size: 14px; color: #379be9; margin-right: 325px;}
.details_11_2_22_1 ul li tt{ position: relative; display: block; color: #666; width: 520px; line-height: 22px;}
.details_11_2_22_1 ul li font{ position: relative;display: block; color: #666; width: 600px; line-height: 30px; border-bottom: solid 1px #b1b1b1;}
.details_11_2_22_1 ul li font a{ position: relative; left: 523px; right: 10px;}
.details_11_2_22_1 ul li dd{ font-size: 12px; line-height: 25px; color: #888888;}
.details_11_2_22_1 ul li dd a{ color: #379be9; line-height: 25px;}
.details_11_2_22_hf{ clear:both; position: relative; top: 20px;}
.details_11_2_22_hf samp{ color: #b1b1b1; position: relative; left: 529px;}
/*.details_11_2_22_hf dd{ background: url("../img/common/details_plbj2.gif") no-repeat; width: 542px; position: relative; left: 72px; height: 117px;}*/
/*.details_11_2_22_hf dd input{ width: 540px; position: relative; left: 1px; top: -41px;height: 71px; border-bottom: 1px solid #bbb;}*/
/*.details_11_2_22_hf span{ position: relative; left: 20px; top: -35px; height: 30px; }*/
/*.details_11_2_22_hf .input1{ width: 90px; height: 37px; background: #93be4c; position: relative; float:right; margin-right: 1px; border: none; font-size: 18px; color: #fff;}*/

.details_11_2_22_hf .bd{ background: url("../img/common/details_plbj2.gif") no-repeat; margin: 0 auto; width: 542px;height: 142px;}
.details_11_2_22_hf .bd input{ width: 540px; position: relative; left: 1px; top: 7px;height: 71px; border-bottom: 1px solid #bbb;}
.details_11_2_22_hf .bd textarea{ width: 540px; position: relative; left: 1px; top: 7px;height: 71px;border-top:none;border-left:none;border-right:none; border-bottom: 1px solid #bbb; outline:none;}
.details_11_2_22_hf .bd>span{ position: relative; float: left; top: 10px; left: 10px;}
.details_11_2_22_hf .bd .input1{ width: 90px; height: 37px; background: #93be4c; position: relative; float:right; margin-right: 1px; border: none; font-size: 18px; color: #fff;}

/*yun add*/
.details_left .yun_poems_zw{ width: 630px; margin: 20px auto; line-height: 25px;font-size:16px;overflow:hidden;}
.yun_pre_next_box {zoom:1;overflow:hidden;padding:10px;background:#f2f6f9;color:#9C0;}
.yun_pre_next_box .yun_pre_news_l {float:left; width:300px;}
.yun_pre_next_box .yun_next_news_r {float:right; text-align:right;width:300px;}

.details_left .yun_poems_zw pre{margin-left:52px;}
.signatureDiv{overflow:hidden;}
.signatureBox{text-align:left;font-size:12px;color: #9A9A9A;float:left;}
.signature{text-align:left;font-size:12px;float:left;font-weight: bold;color: #9A9A9A;}
.noteBox{overflow:hidden;}
.note{font-size:12px;float:left;font-weight: bold;color: #9A9A9A;}
.noteCon{font-size:12px;float:left;text-align:left;color: #9A9A9A;}



a.yun_gren_a:link,
a.yun_gren_a:visited {color:#9C0;}
a.yun_gren_a:hover {color:#c00; text-decoration:underline;}
a.yun_gray:link,
a.yun_gray:visited {color:#333;}
a.yun_gray:hover {color:#c00; text-decoration:underline;}
.yun_editer {padding:10px; text-align:right;}
.yun_sr_box {}
.yun_sr_box img {text-align:center; border-radius:50%;}
.yun_sr_box p {margin:0;padding:0;font-size:14px;color:#999;}
.yun_sr_box p.yun_sr_title {font-size:16px;color:#333;}
.yun_btn_box {padding:10px 0;text-align:center;}
.yun_text_intro {text-indent:2em;font-size:14px;}
.yun_cont_box {width:400px; margin:0 auto; text-align:left;}
.yun_cont_box img {width:400px; height:auto;}

/*shigexiangqing*/
.yun_ycsg_libox {background:#eee;}
.yun_ycsg_libox ul li {width:350px; float:left;height:40px;padding:3px 0 3px 0px; float:left; overflow:hidden; margin:0;border-bottom:0px solid #eee; display:block; background:url(../img/yun/slh_dfpd.png) no-repeat 0 0; text-indent:0;}
.yun_ycsg_libox ul li.dfpd_list2 a.dfpd_bt {display:block; line-height:40px;padding-right:10px; overflow:hidden;float:left;font-size:16px; background:#eee url(../img/yun/style_ico_before.png) no-repeat 2px 15px;padding-left:20px;}
.yun_ycsg_libox ul li.dfpd_list2 .dfpd_infobox div.dfpd_zz {display:block;width:100px; text-align:center;font-size:14px; line-height:20px;}
.yun_ycsg_libox ul li.dfpd_list2 .dfpd_infobox div.dfpd_sj {display:block;width:100px; text-align:center;font-size:12px;color:#999; line-height:20px;}
.yun_ycsg_libox ul li.dfpd_list2 .dfpd_infobox {width:100px; float:right; background:#eee;}
.yun_ycsg_libox ul {zoom:1;overflow:auto;margin:0;padding:0;}
.yun_mrhstm_title {padding:30px 0 0 0;background: url(../img/common/icons.png) 0 -66px no-repeat;}
/*title*/

.green-bottom.box .title-wrap {
    
    margin-bottom: 20px;
}
.green-bottom.box .title {
    border-bottom: 2px solid #93be4c;
}
.green-bottom.box .title .title-l {
    float: left;
    height: 34px;
    padding-right: 34px;
    border-bottom: 6px solid #93be4c;
}
.green-bottom.box .title .title-r {
    float: left;
    width: 6px;
    height: 40px;
    background: url(../img/common/icons.png) 0 -66px no-repeat;
}
.green-bottom.box .title .more {
    font-size: 16px;
    color: #99cc33;
    margin-top: 18px;
}
.mrhs_btico {background:url(../img/yun/mrhs_hg.png) no-repeat;color:#fff;font-size:16px;display:inline-block;padding:30px 13px 10px;margin:-10px 10px 0;}



.goodAndBad div:first-child {
  margin-top: 5px;
}
.goodAndBad .pull-right a.good24 {
   margin-top: 5px;
}
#commentFaceSupportCount {
  line-height: 24px;
  margin-top: 5px;
}
#vtitle {
  margin-top: 6px;
}

#ranking_h5 {
    display: none;
}
#ranking_pc {
    display: block;
}

@media screen and (max-width: 768px) {
    #ranking_h5 {
        display: block;
    }
    #ranking_pc {
        display: none;
    }
}

#ranking_pc .ranking-div,
#ranking_h5 .ranking-div{
    background-color: #ff9900;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}
#ranking_pc .ranking-div a,
#ranking_h5 .ranking-div a{
    color: #fff;
}


/*详情页排行*/
.pai-hang-but {
    display: flex;
    padding-top: 20px;
}
.pai-hang-but .pai-hang-item{
    flex: 1;
    margin: 0px 10px;
    padding: 5px 0px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    background-color: #eeeeee;
    text-align: center;
    cursor:pointer;
}
.pai-hang-but .on{
    background-color: #ffb361;
    color: white;
}
.pull-left-new {
    float: left;
}
.pull-right-new {
    float: right;
}
#rank-div ul li {
    margin: 0px;
    height: 43px;
}

#rank-div ul li:not(:last-child)::before {
    content: ""; /* 伪元素必需属性 */
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* 小框宽度 */
    height: 10px; /* 小框高度 */
    background-color: orange; /* 橘色 */
    border: 1px solid orange; /* 可选：增加边框使小框更明显 */
}

.tujian-list-group {
    border-color: #e8e8e8;
    padding-right: 15px;
}
.tujian-list-group .tujian-list-group-item {
    border: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0px;
}

.tujian-list-group .tujian-list-group-item .title{
    display: inline-block;
    line-height: 33px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tujian-list-group .tujian-list-group-item .author{
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
}


.tujian-list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}
.tujian-list-group-item:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: 0px;
    background-color: #eee;
}

.tujian-list-group-item {
    position: relative;
    display: block;
    padding-left: 40px;
    padding-right: 10px;
    margin-bottom: -1px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
}
ol.dashang_phb li.list-group-item.all-ranking-li {
    text-align: center;
    padding-left: 0px;
    background-color: #eeeeee;
}