﻿.jx-icon,.super-ic,.baolian-btn,.buy-btn em,.example-pic,.good-soldout{
    background-image:url(https://i.huim.com/content_new/images/bc-icon.png);
    background-repeat: no-repeat;
 }
.grid-auto{ margin:0 auto; width:960px;}
.jingxuan-wrap{
    padding-top:15px;
    font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
 } 

/* = 精选头部
----------------------------------------------------------------------*/
.jx-head{
    height:200px;
}
.jx-head-banner{
    width:660px;
}
.jx-head-task{
    border-left:1px dashed #e6e6e6;
    width:299px;
    height:170px;
}
.head-top{
    height:28px;
    line-height:28px;
    padding-bottom:17px;
}
.head-top .head-top-tit{
    width:150px;
    text-indent:-99em;
    overflow:hidden;
}
.head-top .head-top-super{
    padding-right:25px;
}
.head-top .head-top-super li{
    float:left;
    width:90px;
    padding-left:45px;
    height:28px;
    line-height:28px;
    font-size:14px;
}
.head-top .head-top-super .super-ic{
    float:left;
    display:inline-block;
    width:22px;
    height:22px;
    margin-top:3px;
    margin-right:8px;
    color:#808080;
}
.head-top-super .super-ic1{
    background-position:-239px 0;
}
.head-top-super .super-ic2{
    background-position:-239px -27px;
}
.head-top-super .super-ic3{
    background-position:-239px -54px;
}

.head-activity a{
    display:inline-block;
    margin-right:28px;
    float:left;
}
.head-activity img{
    width:300px;
    height:123px;
}
.jx-head-task .baolian-btn{
    display:block;
    width:200px;
    height:50px;
    text-indent:-99em;
    overflow:hidden;
    margin:50px auto 25px auto;
    background-position:0 -33px;
}
.jx-head-task a.baolian-btn:hover{
    background-position:0 -88px;
}

.jx-head-task .task-link{
    text-align:center;    
}
.jx-head-task .task-link a{
    color:#666;
    font-size:14px;    
}
.jx-head-task .star-btn{
    margin-right:40px;
}

/* = 白菜列表
----------------------------------------------------------------------*/
/*头部*/
.jx-content-wrap{
    padding-top:10px;
    background:#f5f5f5;
}
.content-tit{
    height:45px;
}
.filter-jingxuan{
    width:102px;
    height:25px;
    line-height:25px;
    background:#fff;
    border:1px solid #b3b3b3;
    border-radius:2px;
    -moz-border-radius: 2px;	
    -webkit-border-radius: 2px;
}
.filter-jingxuan a{
    display:inline-block;
    width:50%;   
    text-align:center;
    line-height:25px;
    color:#999;
    font-size:14px;
}
.filter-jingxuan .select-item{
    background:#b3b3b3;
    color:#fff;
}
.today-update{
    display:inline-block;
    line-height:25px;
    color:#666;
    font-size:14px;
}
.today-update strong{
    padding:0 3px;
    font-size:22px;
    color:#f24f60;
    font-family:Arial;
    position:relative;
    top:2px;
}

/*内容*/

.content-list{
    width:960px;
    overflow:hidden;
}
.content-list ul{
    width:1000px;
}
.content-list ul li{
    float:left;
    display:block;
    width:298px;
    margin:0 30px 30px 0;
    background:#fff;
    border:1px solid #fff;
    height:435px;
    overflow:hidden;
}
.content-list ul .list-hover{
    border-color:#ff7f8c;
}
.content-list ul .goods-list{
    width:278px;
    padding:10px;
}
.goods-list .good-pic{
    position:relative;
}
.goods-list .good-pic img{
    width:280px;
    height:280px;
}
.goods-list .good-pic .soldout-bg{
    background:#000;
    width:280px;
    height:280px;
    position:absolute;
    top:0; 
    left:0;
    opacity:0.2;
    filter:alpha(opacity=20);
    z-index:5;
}
.goods-list .good-pic .good-soldout{    
    position:absolute;
    z-index:6;
    top:85px;
    left:85px;
    display:inline-block;
    width:110px;
    height:110px;
    background-position:-0 -333px;

}
.goods-list .good-tit{
    margin:10px 0 23px 0;    
    font-size:14px;
    color:#000;
    font-weight:400;
    height:18px;
    overflow:hidden;
}

.goods-list .good-price{
    line-height:36px;
}
.good-price .price-current{
    color:#ff3366;
    font-size:32px;
    font-family:Arial;
}
.goods-list .good-price .price-current em {
  font-size:14px;
  font-family:"微软雅黑","verdana";
  vertical-align:1px;
  margin-left:-1px;
}
.goods-list .des-info{  
  margin:15px 0 0 5px;
  line-height:18px;
}
.goods-list .good-price .des-info .price-old {
  color: #999;
  text-decoration:line-through;
  font-size:14px;
}
.goods-list .good-price .des-info .price-old em {
  font-family: "微软雅黑","verdana";
  font-size: 12px;
}
.goods-list .good-price .des-info .discount {
  color:#999;
  vertical-align:top;
  line-height:18px;
}
.goods-list .good-sales{
    font-size:14px;
    color:#b3b3b3;
    margin-top:15px;
    line-height: 18px;
}
.goods-list .good-cheap{
    height:42px;
}
.good-cheap .cheap-type{
    padding-top:12px;
}
.good-cheap .cheap-type span{
    display:inline-block;
    padding:3px 8px;
    color:#fff;
}
.good-cheap .type-fan .type-card{
    background:#ffa366;
}
.good-cheap .type-fan-link{
    margin-left:8px;
    color:#f24f60;
    border-bottom:1px solid #f24f60;
}
.good-cheap .type-jian .type-card{
    background:#ff7f8b;
}
.good-cheap .type-quan .type-card{
    background:#7a99ff;
}
.good-cheap .type-quan-link{
    margin-left:8px;
    color:#6b8dfd;
    border-bottom:1px solid #6b8dfd;
}
.good-cheap .type-gai .type-card{
    background:#ff9073;
}

.good-cheap .buy-btn .shop-logo{
    display:block;
    height:42px;
    width:63px;
}
.good-cheap .buy-btn em {
    display:inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 13px 4px 0 12px;
    margin: 12px 4px 0 12px\9;
    _margin: 12px 4px 0 12px;
    vertical-align: -2px;
}
.good-cheap .buy-btn .tmall-ic{
    background-position:-246px -120px;
}
.good-cheap .buy-btn .taobao-ic{
    background-position:-246px -100px;
}
.good-cheap .go-buy{ 
    display:none;
    width:100px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:14px;
    background:#f24f60;
    position:relative;
    right:-10px;
}
.list-hover .good-cheap .shop-logo{
    display:none;
}
.list-hover .good-cheap .go-buy{
    display:block;
}



.good-cheap .buy-btn span{
    font-family: "宋体";
    font-size:14px;
    cursor:pointer;
    color:#f8285c;
    height:42px;
    line-height:42px;
    overflow:hidden;
}
/*页面底部*/
.jx-foot{ 
    padding:45px 0 80px 0;
    text-align:center;
}
.jx-foot h4{
    font-size:26px;
    font-family:"微软雅黑","verdana";
    color:#666;
}
.jx-foot .xiaobian-tips{
    padding:20px 0 40px;
    font-size:14px;
    color:#666;
}
.jx-foot .xiaobian-tips span{
    color:#f24f60;
}
.jx-foot .foot-action a{
    display:inline-block;
    width:105px;
    height:32px;
    text-align:center;
    line-height:32px;
    font-size:16px;
    color:#fff;
}
.jx-foot a.baolian-btn{
    margin-right:35px;
    background:#ff6675;
}
.jx-foot a.contact-btn{
    background:#ffaa54;
}
.load-more{
    display:none;
    padding:80px 0;
    text-align:center;
}

/* 返回顶部链接 */
/*#gotop {
    cursor:pointer;
    display:none;
    width: 54px;
    height: 54px;
    background:#c7def0 url(../images/to_top.png) no-repeat;
    background-position: 15px -34px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    margin-left:490px;
    bottom: 150px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-20-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||0)-(parseInt(this.currentStyle.marginBottom,0)||0)));
    _bottom: auto;
    z-index: 120;
    text-indent:-99em;
    overflow:hidden;
}
#gotop:hover {background-color:#458fce;background-position:15px 22px;}
*/
/*添加成功*/
/* = Pop
----------------------------------------------------------------------*/
.popbox-close,.pop-icon{    
    background-image:url(https://i.huim.com/content_new/images/bc-icon.png);
    background-repeat: no-repeat;
}
* html, * html body{ background-image:url(about:blank); background-attachment:fixed; widtha:100%; height:100%; }
#ui-layoutbg{display:-none;  width:100%; height:100%; background:#000; position:fixed; _position:absolute; top:0; left:0;opacity:0.3;filter:alpha(opacity=30);z-index:1000;}
*html #ui-layoutbg{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.ui-popbox{font-family:Arial,"Microsoft YaHei"; display:-none; background:#fff; position:fixed; top:50%; left:50%; z-index:1001;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
*html .ui-popbox{ position:absolute; bottom:auto;}
/* pop close */
.ui-popbox .popbox-close{ display:inline-block; position:absolute; z-index:100; top:-8px; right:-8px; width:28px; height:28px; overflow:hidden; line-height:999em; outline:none; background-position:-233px -141px;}
.ui-popbox .popbox-close:hover{background-position:-233px -174px;}

/* 爆料 setp1 pop */
#bl-step1-pop{ 
    display:none; 
    width:520px; 
    height:300px; 
    margin-left:-260px; 
    margin-top:-150px; 
    border:1px solid #ccc;
}
#bl-step1-pop .bl-step1-wrap{
    padding:0 40px;
}
#bl-step1-pop .baoliao-tit{
    margin:55px 0 32px 0;
    font-size:16px;
    color:#f24f60; 
}
.bl-step1-wrap .link-tips{
    padding-bottom:13px;
    font-size:14px;
    color:#666;
}
.bl-step1-wrap .link-tips span{
    padding-left:5px;
    color:#999;
}
.bl-step1-wrap .link-tips .link-tips-not{
    color:#ffae3d;
}
.bl-step1-wrap .baoliao-url{
    display:block;
    width:440px;
    height:14px;
    line-height:14px;
    padding:13px 5px;
    border:1px solid #ccc;
    color:#333;
    font-size:14px;
}
.popbox-content .jx-icon{
    display:block;
    width:120px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin:25px auto 0 auto;
    color:#fff;
    font-size:14px;
    word-spacing:25px;
    font-family:Arial;
    background-position:0 -198px;
}
.popbox-content a.jx-icon:hover{
    background-position:0 -243px;
}

.bl-step1-wrap .next-btn{

}

/* 爆料 setp2 pop */
#bl-step2-pop{
    display:-none; 
    width:520px; 
    height:570px; 
    margin-left:-260px; 
    margin-top:-285px; 
    border:1px solid #ccc;
    font-family:Arial;
}

.step2-good{
    width:420px;
    margin:0 auto;
    padding:30px 20px 20px 20px;
    border-bottom:1px dashed #ccc;
}
.step2-good .bl-good-pic{
    width:90px;
    height:90px;
    border:1px solid #eee;
}
.step2-good .bl-good-pic img{
    width:90px;
    height:90px;
}
.step2-good .bl-good-info{
    padding-left:10px;
}
.step2-good .good-info-tit{
    padding:20px 0 10px 0;    
}
.step2-good .good-info-tit .info-tit-note{
    color:#ffae3d;
    float:right;
    padding-right:15px;
    display:none;
}
.step2-good .good-tit{
    border:1px solid #ccc;
    width:305px;
    height:16px;
    line-height:16px;
    padding:5px 3px;
    font-size:14px;
    font-family:Arial;
}

.bl-type{
    width:400px;
    margin:0 auto;
    padding-top:20px;
}
.bl-type .bl-type-tit{
    height:20px;    
}
.bl-step2-wrap .bl-type-item{
 
}
.bl-type-item li{
     border:1px solid #e6e6e6;
     margin-bottom:-1px;
}
.bl-type-item .item-tit{
    position:relative;
    height:38px;
    line-height:38px;
    font-size:14px;
}
.bl-type-item .item-tit input{
    float:left;
    margin-top:13px;
    margin-left:10px;
    *margin-top:7px;
    
}
.bl-type-item .item-tit label{
    float:left;
    padding-left:3px;
    cursor:pointer;
    display:block;
    width:365px;
}
.bl-type-item .msg-tips{
    position:absolute;
    top:0;
    right:10px;
    color:#ffae3d;
}
.bl-type-item .item-info{
    display:none;
    padding:15px 0 15px 25px;
    background:#f4f4f4;
    border-top:1px solid #e9e9e9;  
}
.bl-type-item .item-info .row-input{
    border:1px solid #ccc;
    width:55px;
    height:16px;
    margin:0 5px;
    line-height:16px;
    padding:5px 3px;
    font-size:18px;
    font-family:Arial;
}
.bl-type-item .item-info .second-row{
    margin-top:10px;
}
.bl-type-item .item-info .quan-link1{
    width:250px;
}
.item-info .quan-link2{
    float:left;
    margin-right:3px;
}
.item-info label{
    cursor:pointer;
}
.item-info .upload-area{

}
.item-info .upload-area span{
    float:left;
}
.item-info .upload-btn{
    position:relative;
    width:52px;
    overflow:hidden;
    cursor:pointer;
    color:#00f;
    border-bottom:1px solid #00f;
}
.item-info .upload-btn font{
    font-size:12px;
}
.item-info .upload-btn-file{
    position:absolute;
    top:0;
    right:0;
    font-size:30px;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:5;
    cursor:pointer;
    outline-style:none;
}
.item-info .example-pic{
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:10px;
    background-position:-246px -207px
}

.bl-step2-wrap .submit-btn{
    position:absolute;
    bottom:50px;
    left:190px;
}

.bl-type-item .select-item{
    border:1px solid #f24f60;
    position:relative;
}
.bl-type-item .select-item .item-tit label{
    color:#333;
}
.bl-type-item .select-item .item-info{
    display:block;
}

/* 爆料 setp3 pop */
#bl-step3-pop{
    display:-none; 
    width:520px; 
    height:300px; 
    margin-left:-260px; 
    margin-top:-150px; 
    border:1px solid #ccc;
}

#bl-step3-pop .success-tit{
    width:113px;
    height:25px;
    background-position:0px -446px;
    text-indent:-99em;
    overflow:hidden;
    margin:60px auto 30px auto;
}
#bl-step3-pop .success-link{
    text-align:center;
    font-size:14px;
}
#bl-step3-pop .success-link a{
    color:#3366cc;
}
#bl-step3-pop .colose-tips{
    margin-top:120px;
    padding-right:30px;
    line-height:40px;
    text-align:right;
    border-top:1px solid #f0f0f0;
}
#bl-step3-pop .colose-tips a{
    color:#3366cc;
}
/* 查看截图 */
#show-pic-pop{
    display:-none; 
    width:500px; 
    height:500px; 
    margin-left:-260px; 
    margin-top:-250px; 
    border:1px solid #999;
    display: table;
}
#show-pic-pop .show-pic-wrap{
    width:500px;
    height:500px;
    overflow:hidden;
    padding-top:30px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#show-pic-pop .show-pic-wrap img{
    display:block;
    max-width:500px;
    max-height:470px;
    margin:0 auto;
    display:table-cell;
    vertical-align: middle;
}


/* 等级限制 */
#user-rank-pop{
    display:-none; 
    width:400px; 
    height:250px; 
    margin-left:-200px; 
    margin-top:-125px; 
    border:1px solid #ccc;
}
#user-rank-pop .user-sorry{
    font-size:18px;
    color:#666;
    text-align:center;
    padding-top:50px;
}
#user-rank-pop .user-sorry span{
    padding:0 3px;
    color:#f60;
}
#user-rank-pop .user-sorry em{
    font-style:italic;
}
#user-rank-pop .rank-help{
    font-size:14px;
    padding:15px 0 50px 0;
    text-align:center;
}
#user-rank-pop .user-help{
    font-size:14px;
    color:#888;
    text-align:center;
}

#user-rank-pop .user-rank-wrap a{
    color:#5183c0;
    margin-left:3px;
}
#user-rank-pop .user-rank-wrap a:hover{
    text-decoration:underline;
}

/* 如有爆料白菜 */
#bl-confirm-pop{
    display:none; 
    width:520px; 
    height:300px; 
    margin-left:-260px; 
    margin-top:-150px; 
    border:1px solid #ccc;
}
#bl-confirm-pop .bl-confirm-wrap{
   padding:10px 50px;
}
#bl-confirm-pop .baoliao-tit{
    height:40px;
    padding-top:20px;
    font-size:14px;
    color:#f60;
}
#bl-confirm-pop .confirm-link img{
    width:100px;
    height:100px;
}
#bl-confirm-pop .confirm-info{
    padding-left:15px;    
}
#bl-confirm-pop .confirm-type{
    padding-bottom:10px;
    font-size:16px;
    color:#000;
}
#bl-confirm-pop .confirmm-info-tit{
    display:block;
    height:15px;
    color:#7292e4;
    font-size:14px;
}
#bl-confirm-pop a.confirmm-info-tit:hover{
    text-decoration:underline;
}
#bl-confirm-pop .confirm-author{
    padding-top:30px;
}
#bl-confirm-pop .confirm-action{
    padding-top:40px;
    text-align:center;
}
#bl-confirm-pop .confirm-action a{
    display:inline-block;
    padding:0 20px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:14px;
    word-spacing:25px;
    font-family:Arial;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#bl-confirm-pop .bl-cancel-btn{
    background-color:#f24e5e;
    margin-right:30px
}
#bl-confirm-pop a.confirm-btn{
    border:1px solid #e0e0e0;
    color:#666;
    background-color:#fbfbfb;  
}

/* 白菜达人榜单 */
#bl-daren-pop{
    display:-none; 
    width:520px; 
    height:550px; 
    margin-left:-260px; 
    margin-top:-280px; 
    border:1px solid #ccc;
}
#bl-daren-pop .daren-tit{
    display:block;
    height:80px;
    margin:12px 0 16px 0;
    background:url(https://i.huim.com/content_new/images/daren_tit.png) no-repeat 50% 50%;
}
#bl-daren-pop .daren-box{
    border:1px solid #ffaab1;
    height: 400px;
    width: 500px;
    margin: 0 10px;
    overflow: auto;
}
#bl-daren-pop .daren-box li{
    float: left;
    width: 130px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-left: 20px;
    color: #666;
    font-size:14px;   
}
#bl-daren-pop .daren-review{
    text-align:center;
    
}
#bl-daren-pop .daren-review a{
    display:inline-block;
    padding-top:8px;
    color:#f60;
}