@charset "utf-8";
.container {
    background: #f7f7f7;
    /*padding: 0 2.7%;*/
    padding:0 20px;
    padding-bottom: 80px;
}
.tit {
    background: #e3e3e3;
}
.search {
    height: 82px;
    overflow: hidden;
    line-height: 40px;
    /*border-bottom: 1px solid #eee;*/
    padding: 20px 0;
    margin-bottom:20px;
}
.search input.text {
    float: left;
    display: block;
    padding: 0;
    width: 79%;
    height:  42px;
    border:none;
    font-size: 14px;
    border:1px solid #e1e1e1;
    border-top-left-radius: 4px; 
    border-bottom-left-radius: 4px; 
    padding-left:10px;
 }
 .search button.sub_btn {
    float: left;
    width: 21%;
    padding: 0;
    border: none;
    font-size: 16px;
    border:1px solid #ff7f24;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    position: relative;
    background: #ff7f24;
    outline:none;
    height:42px;
    line-height:42px;
 }

.list {
    /*margin: 10px 0;*/
    background: #fff;
    /*border:1px solid #c9c9c9;*/
    /*padding: 10px;*/
    width:32%;
    float:left;
    margin-right:2%;
    border-radius:6px;
    margin-bottom:20px;
    height:400px;
}
div.three_box{ margin-right:0px;}
.list .list_pic {
    width: 100%;
    position:relative;
    height:auto;
}
.list .list_pic .num{ position:absolute; left:10px; top:0; /*background:rgba(0,0,0,0.3);*/ width:80px; height:30px; color:#fff; line-height:22px; font-size:14px; text-align:center; background:url(../images/bianhao.png) no-repeat; background-size:80px 30px;}
.list .list_pic .rank{ position:absolute; bottom:0; right:0; background:url(../images/renqi.png) no-repeat; background-size:80px 40px;  /*background:rgba(0,0,0,0.3);*/ color:#fff; width:80px; height:40px; line-height:40px; text-align:center; font-size:14px; }
.list .list_pic .rank span{ color:#cfb070; font-weight:bold;}
.list .list_des {
    width:100%;
    padding:10px;
}
.list .list_des .list_des_l {
    width:100%;
}
.list .list_des .list_des_l .list_name {
    color: #222;
    font-size: 14px;
    margin-bottom:8px;
    /*max-height: 42px;*/
    width:50%;
    font-weight:800;
    overflow: hidden;
    float:left;
    text-align:left;
}
.list .list_des .list_des_l .list_vote {
    font-size: 14px;
    color: #222;
    width:50%;
    float:left;
    text-align:right;
}
.list .list_des .list_des_l .list_com {
    width: 100%;
    max-height:22px;
    overflow: hidden;
    font-size: 14px;
    line-height:20px;
    color: #222;
    
}
.list .list_des .list_des_l .list_vote b {
    color: #ff0000;
}
.list .list_des .list_des_r {
    width:100%;
    color: #f68b0d;
    /*padding-left: 9%;*/
    font-size: 14px;
}
.list .list_des .list_des_r p {
    /*padding-bottom: 56%;*/
}
.list .list_des .list_des_r button {
    width: 100%;
    height:30px;
    padding:0px;
    line-height:30px;
    background: #ff7f24;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-top:16px;
    margin-bottom:6px;
    cursor:pointer;
}

.model_1 .list_des .list_des_r button {
    /*margin-top: 5%;*/
}
.list .list_des .list_des_r button.before{ background:#ccc;}
.list .list_des .list_des_r button.progress{ background:#ff7f24;
  /*background-image: -moz-linear-gradient( 0deg, rgb(14,203,149) 0%, rgb(12,219,115) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(14,203,149) 0%, rgb(12,219,115) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(14,203,149) 0%, rgb(12,219,115) 100%);*/
  /*background-image: -moz-linear-gradient( 0deg, rgb(5,146,202) 0%, rgb(8,172,173) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(5,146,202) 0%, rgb(8,172,173) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(5,146,202) 0%, rgb(8,172,173) 100%);*/
  background:#028bd1;
  /*background:#0fdc7d;*/
}
.list .list_des .list_des_r button.end{/* background:#fc0;*/background:#ccc;}
.list .list_pic img {
    display: block;
    /*max-width: 168px;*/
    width:100%;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    height: auto;
    border: 1px solid #aa8242;
}

.footer .footer_li a .icon_footer.i_1 {
    background-position: -28px -2px!important;

}
.footer .footer_li a .icon_footer.i_2 {
    background-position: -95px -2px!important;
}
.designer .tit{background: #ebc250;}
div.list:nth-child(3n){
    margin-right:0px;
    }
.piaoshu_box{ width:100%; background:rgb(22,3,58);}
.piaoshu_box .piaoshu_list{ width:90%; margin:0 auto; padding-bottom:10px;}
.piaoshu_box .piaoshu_list li{ width:50%; float:left;}
.piaoshu_box .piaoshu_list li .num_box{ width:100%; font-size:14px; text-align:center; line-height:26px; display:inline-block; color:rgb(231,200,107);}
.piaoshu_box .piaoshu_list li .num{ width:100%; font-size:14px; text-align:center; line-height:22px; display:inline-block; color:rgb(231,200,107);}
@media (max-width:768px){
    .search{ margin-bottom:0px; height:auto;}
    .search input.text{ height:36px; line-height:36px;}
    .search button.sub_btn{ font-size:14px;height:36px; line-height:36px;}
    div.list{ width:48%; margin-right:4%;height:auto;}
    div.list:nth-child(3n){
    margin-right:4%;
    }
    div.list:nth-child(odd){margin-right:4%;}
    div.list:nth-child(even){margin-right:0px;}
    .list .list_pic .num{ font-size:12px; width:70px; height:24px; line-height:24px; overflow:hidden; background-size:70px 24px; left:5px;}
    .list .list_pic .rank{ font-size:12px; width:80px; height:26px; line-height:26px; overflow:hidden;  background-size:80px 26px;}
    .list .list_des .list_des_l .list_name{ font-size:12px; width:40%;}
    .list .list_des .list_des_l .list_vote{ font-size:12px; width:60%;}
    .list .list_des .list_des_l .list_com{ font-size:12px; line-height:18px;max-height:18px;}
    .list .list_des .list_des_r button{ margin-bottom:0px; margin-top:10px;}
    .piaoshu_box .piaoshu_list li .num_box,.piaoshu_box .piaoshu_list li .num{ font-size:12px;}
}