﻿
.condition{
  height: 18px;
      width: 18px;
    display: inline-block;
    background-image: url('/content/images/icon-unchecked.png');
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
    margin-top: -4px;
    cursor: pointer;
    background-size: 100% 100%;
}
input[type="checkbox"]:checked + .condition{
    background-image: url('/content/images/icon-checked.png');
}

.c-checkbox {
  display: inline-block;
  vertical-align: top;
}
.c-checkbox > label {
  margin-left: 10px;
  cursor: pointer;
}
.input-box2 .input-box-text {
  width: 128px;
  text-align: right;
  display: inline-block;
}
.input-box2 {
  margin: 0 32px;
}

.btn-bottom {
  margin-top: 20px;
}
.hl_month_details{text-align:left;_height:1%;overflow:hidden;}
.hl_month-box {margin: 20px 0; padding: 0 20px; padding-bottom: 10px; background-color: #FCFBFD; border: 1px solid #F5F2F7;}
.hl_month_details .ditem{margin:0 auto;margin-top:10px;width:630px;}
.hl_month_details .ditem .lname{float:left;text-align:center;width:140px;line-height:30px;height:30px;font-weight:bold;background-color: #782FAA;color:#fff;overflow:hidden;}
.hl_month_details .ditem .lname a{color:#fff;text-decoration:underline;}
.hl_month_details .ditem .lname a:hover{text-decoration:none;}
.hl_month_details .ditem .desc,.hl_month_details .oitem .desc{ box-sizing: border-box; float:right;text-align:left;width:480px;line-height:30px;padding-left: 22px; color:#333;overflow:hidden;}
.hl_month_details .oitem .desc{color:#333;}
.hl_month_details .ditem .desc li{float:left;width:73px;line-height:28px;text-indent:0em;text-align:center;border-right:1px solid #f95209;border-bottom:1px solid #f95209;}
.hl_month_details .ditem .desc li.TBorder{border-top:1px solid #f95209;}
.hl_month_details .ditem .desc li.LBorder{border-left:1px solid #f95209;}
.hl_month_details .oitem{margin-top: 5px; float:right;width:530px;}
.hl_month_details .oitem .lname{float:left;text-align:right;width:40px;line-height:30px;height:30px;font-weight:bold;color:#333;overflow:hidden; font-size: 18px;}
.hl_month_details .oitem .review{float:left;width:250px;text-align:left;line-height:30px;font-weight:bold;color:#E60012;}
.hl_month_details .oitem .more{float:right;width:150px;text-align:right;padding-right:5px;line-height:30px;}
.hl_month_details .oitem .more a{color:#555;font-family:"Microsoft YaHei","微软雅黑","宋体";}
.hl_month_details .oitem .more a:hover{text-decoration:underline;color:#f00;}
.hl_month_details .oitem .desc{}
/* .hl_month_details .oitem .huang{background:#f95209;}
.hl_month_details .oitem .hei{background:#2b2b2b;}
.hl_month_details .oitem .lv{background:#367b1d;}
.hl_month_details .oitem .bai{background:#fff;}
.hl_month_details .oitem .zired{color:#f00;font-weight:bold;}
.hl_month_details .oitem .zilan{color:#0e30dd;font-weight:bold;} */
.relax-num {font-size: 14px; font-weight: normal;}
.relax_date {margin-top: 20px;}
.hl_date_details{margin:0 auto;width:600px;text-align:left;_height:1%;overflow:hidden;}
.hl_date_details .item{margin:0 auto;width:600px;}
.hl_date_details .item .lname{float:left;text-align:center;width:80px;line-height:30px;height:30px;font-weight:bold;background:url(http://img.fututa.com/hl/hl_page.png) 0px -75px;color:#fff;overflow:hidden;}
.hl_date_details .item .desc{float:right;text-align:left;width:510px;line-height:30px;text-indent:1em;background:#fbffbc;color:#7d0000;overflow:hidden;}
.hl_date_details .item .desc a{color:#7d0000;}
.hl_date_details .item .review{float:left;width:400px;text-align:left;line-height:30px;font-weight:bold;color:#782FAA;}
.hl_date_details .item .comment,.hl_month_details .oitem .comment{float:right;text-align:left;width:520px;overflow:hidden;}
.hl_date_details .item .shichen{float:right;text-align:left;width:520px;overflow:hidden;background:#fff;color:#782FAA;line-height:30px;text-indent:1em;}
.hl_date_details .item .comment p,.hl_month_details .oitem .comment p{font-size:14px;line-height:24px;}
.hl_date_details .item .huang{BACKGROUND-POSITION:-80px -75px;}
.hl_date_details .item .hei{BACKGROUND-POSITION:-160px -75px;}
.hl_date_details .item .lan{BACKGROUND-POSITION:-240px -75px;}
.hl_date_details .item .hui{background:#f2f8ef;}
.hl_date_details .item .zilan{color:#0e30dd;font-weight:bold;}
.hl_date_details .item .zired{color:#782FAA;font-weight:bold;}
.hl_date_details .item .zihei{color:#7d0000;font-weight:bold;}
.hl_date_details .item .zilv{color:#4abe00;font-weight:bold;}
.hl_date_details .item .star,.hl_month_details .oitem .star{float:left;width:80px;margin:7px 8px;margin-left: 31px;height:16px;background:url(/content/images/hl_remark.png);BACKGROUND-REPEAT:no-repeat;}
.hl_date_details .item .star0,.hl_month_details .oitem .star0{BACKGROUND-POSITION: 0px -320px}
.hl_date_details .item .star1,.hl_month_details .oitem .star1{BACKGROUND-POSITION: 0px -240px}
.hl_date_details .item .star2,.hl_month_details .oitem .star2{BACKGROUND-POSITION: 0px -200px}
.hl_date_details .item .star3,.hl_month_details .oitem .star3{BACKGROUND-POSITION: 0px -160px}
.hl_date_details .item .star3-5{BACKGROUND-POSITION: 0px -120px}
.hl_date_details .item .star4,.hl_month_details .oitem .star4{BACKGROUND-POSITION: 0px -80px}
.hl_date_details .item .star4-5,.hl_month_details .oitem .star4-5{BACKGROUND-POSITION: 0px -40px}
.hl_date_details .item .star5,.hl_month_details .oitem .star5{BACKGROUND-POSITION: 0px 0px}
.hl_date_details .item span.js{background:#d51938;color:#fff;padding:3px;}
.relax_date{width:672px;overflow:hidden; border: 1px solid #CCBBD7;}
.relax_date h2{width:672px;height:36px;line-height:36px;text-indent:1em;font-size:16px;font-family:"Microsoft YaHei","微软雅黑","宋体";color:#333;background-color: rgba(245,242,248,1);overflow:hidden;}
.relax_date .con{width:670px;border:solid 1px #e5e5e5;border-top:0px;overflow:hidden;}
.hlSort{margin-top: 10px; padding:0 20px;height:36px;background:rgba(248,248,248,1);overflow:hidden; box-sizing: border-box;}
.hlSort .order{float:left;width:250px;padding-left:0px;height:36px;line-height:36px;font-size:12px;}
.hlSort .order .lname{float:left;text-align:center;width:80px;line-height:36px;height:36px;font-size:14px;color:#782FAA;font-weight:bold;overflow:hidden;}
.hlSort .order .item{float:left;margin-top:6px;margin-right: 10px;}
    .hlSort .order .item .up, .hlSort .order .item .down {
        display: inline-block;
        width: 16px;
        height: 24px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position-y: 4px;
        vertical-align: top;
        background-color: #782FAA;
        vertical-align: top;
    }
.hlSort .order .item .down{background-image: url(/content/images/sort_down.png); }
.hlSort .order .item .up{background-image: url(/content/images/sort_up.png); }
.hlSort .order a{display:inline-block;height:24px;font-family:simsun;padding:0px 5px 0px 5px;font-weight:700;line-height:24px;white-space:nowrap;color:#782FAA;vertical-align: top;}
.hlSort .order a:hover{background-color:#782FAA;text-decoration:none;color:#fff !important;}
.hlSort .order a.cur{background-color:#782FAA;font-weight:bold;color:#fff;}
.hlSort .pagetop{float:right;width:360px;height:36px;overflow:hidden;}
.hlSort .pagetop .total{float:left;width:200px;height:36px;line-height:36px;font-size:12px;text-align:center;color:#782FAA;}
.hlSort .pagetop .total .huizi{color:#644b4f;}
.hlSort .pagetop .pagebut{float:right;width:75px;margin-top:6px;}
.hlSort .pagetop .pagebut .prev,.hlSort .pagetop .pagebut .hprev,.hlSort .pagetop .pagebut .next,.hlSort .pagetop .pagebut .hnext{float:left;width:64px;height:24px;border:none;outline:none;cursor:pointer;display:inline-block;background:url(http://img.fututa.com/hl/hl_pagebut.png) 0px 0px;text-indent:-9999px;}
.hlSort .pagetop .pagebut .next{background-position:-64px 0px;}
.hlSort .pagetop .pagebut .hprev{background-position:-128px 0px;cursor:default;}
.hlSort .pagetop .pagebut .hnext{background-position:-192px 0px;cursor:default;}
.pagetop {
  text-align: right;
}
.pagebtn {
  display: inline-block;
}
.pagebtn a {
  color: #666;
}
.pageslide {
  display: inline-block;
  margin: 0 10px;
  height: 17px;
  border-left: 1px solid #ECECEC;
  vertical-align: middle;
}
