/**中间部分*/
.middle{padding-bottom:30px; background: #f5f5f5; clear: both; overflow: hidden; position: relative;}

.protw{width: 1150px; padding: 30px 20px 30px 30px; height: auto; margin: 10px auto 0 auto; clear: both; overflow: hidden;background: #ffffff;}
.protw .proimgw{float: left; width: 502px; height: auto; position: relative;}
.protw .proimgw .midimg{width: 500px; height: 333px; margin-top: 10px; border: 1px solid #eeeeee; overflow: hidden; cursor: move; position: relative;}
.protw .proimgw .midimg img{display: block; width: 100%; height: 100%;}
.protw .proimgw .midimg .float_layer{display:none; width: 100%; height: 100%;background:rgba(255,187,0,0.3); position: absolute; left: 0; top: 0;}
.protw .proimgw .smallimg{width: 100%; min-height: 70px; height: auto; padding-top: 20px; text-align: left; overflow-y: hidden; overflow-x: auto; white-space: nowrap;}
.protw .proimgw .smallimg span{display: inline-block; width: 102px; height: 68px; margin-right: 10px; overflow: hidden; border: 1px solid #eeeeee;}
.protw .proimgw .smallimg span.onthis{border-color: #ff4242;}
.protw .proimgw .smallimg span img{width: 100%; height: 100%;}
.protw .proimgw .big-img{display:none; width: 630px; height: 420px; overflow: hidden; position: absolute; right: -640px; top: 10px; background: #ffffff;z-index:999;}
.protw .proimgw .big-img img{position: absolute;}

.protw .proimgw .collect{display: inline-block;width: auto;font-size: 12px;color: #333333;line-height: 16px;padding:10px 0;}
.protw .proimgw .collect:hover{color: #ff4242;}
.protw .proimgw .collect>i{float:left;margin-right:5px;width:16px;height:16px;display:inline-block;background-repeat:no-repeat;background-size: cover;background-image:url("../../images/common/collect.png");}
.protw .proimgw .collect>i.cur{background-image:url("../../images/common/collect_cur.png");}
.protw .proparmw{float: right; width: 618px; padding-top: 5px; height: auto; overflow: hidden;}
.protw .proparmw .pdmsg{padding-bottom: 5px; font-size: 16px; line-height: 1.5; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.protw .proparmw .aligntit{display: inline-block; width: 98px; height: 24px; white-space: normal; vertical-align: top; text-align: justify; overflow: hidden;}
.protw .proparmw .aligntit p{display: inline-block; height: 0; width: 100%; padding: 0; margin: 0;}

.protw .proparmw .propr{padding: 30px 0 0 0;}
.protw .proparmw .timeup{height: 36px; padding: 0 10px; margin: 6px 0; line-height: 36px; background:#ff4242;background: -webkit-linear-gradient(left, rgb(255,66,66) , rgb(255,97,66)); background: -o-linear-gradient(right, rgb(255,66,66) , rgb(255,97,66)); background: -moz-linear-gradient(right,rgb(255,66,66) , rgb(255,97,66)); background: linear-gradient(to right, rgb(255,66,66) , rgb(255,97,66));}
.protw .proparmw .timeup .timeti{float: left; height: 36px; width: auto;}
.protw .proparmw .timeup .timeti .icon{vertical-align: top; margin-top:8px;}
.protw .proparmw .timeup .timeti span{margin-left: 5px; font-size: 16px; line-height: 36px; color: #ffffff;}
.protw .proparmw .timeup .timetm{float: right; height: 36px; width: auto; font-size: 14px; line-height: 36px; color: #ffffff;}
.protw .proparmw .timeup .tuti{margin-right: 10px;}
.protw .proparmw .popli{font-size: 16px; line-height: 1.5; color: #333333;}
.protw .proparmw .popli .popti{display: inline-block;}
.protw .proparmw .popli .popcs{display: inline-block;}
.protw .proparmw .popli .price,.protw .proparmw .popli .price a{font-size: 18px; font-weight:bold; color:#ff4242;}
.protw .proparmw .popli .price span{font-weight: bold; color: #ff4242;}
.protw .proparmw .popli .price s{font-weight: normal; margin-left:10px; color:#999999;}

.protw .proparmw .popli .acbox{width:100%; padding: 5px 0; overflow:hidden;}
.protw .proparmw .popli .acbox:last-child{margin-bottom:0;}
.protw .proparmw .popli .acbox .actitle{
    float:left; width:52px;height:20px; margin-top: 2px; line-height:19px;background:#ff4242;font-size:14px;text-align:center;color:#FFFFFF;position:relative;letter-spacing:3px;
}
.protw .proparmw .popli .acbox .actitle:after{position: absolute;width:20px;content:" ";right:0;top:0;border: 10px solid transparent;border-right-color: #fff;border-width:10px 4px;}
.protw .proparmw .popli .acbox .rules{float:right; width:556px; font-size: 15px;}
.protw .proparmw .popli .acbox .rules .rulelist{width:100%; padding:2px 0 5px 0; overflow:hidden;}
.protw .proparmw .popli .acbox .rules .rulelist .rtext{
    display:block;float: left; height:19px; width:auto;padding:0 6px;margin-right:8px;font-size:14px;line-height:19px;color:#ff6600;border:1px solid #ff6600;
}
.protw .proparmw .popli .acbox .rules .rulelist .label{font-size:14px;margin-left:5px;}
.protw .proparmw .popli .acbox .rules .giftname{font-size:14px;}
.protw .proparmw .popli .cuxiao{padding:0;}
.protw .proparmw .popli .cuxiao span{display: block; min-height: 20px; padding: 5px 0; font-size: 14px; line-height: 20px;}
.protw .proparmw .popli .cuxiao i{display: inline-block; height: 18px; padding: 0 8px; margin-right: 7px; font-size: 14px; font-style: normal; line-height: 18px; text-align: center; color: #ff4242; border: 1px solid #ff4242;}
.protw .proparmw .buyw{height: auto; margin-top: 15px;}
.protw .proparmw .buyw .limit-num{font-size: 16px; line-height:1.5; color: #ff6600;}
.protw .proparmw .buyw .buynumw{height: 47px; padding: 8px 0;}
.protw .proparmw .buyw .buynumw .buyn{float: left; height: 50px;}
.protw .proparmw .buyw .buynumw .buyn a.add{display: block; float: left; width: 48px; height: 48px; font-size: 24px; line-height: 48px; color: #666666; text-align: center; border: 1px solid #eeeeee; border-left: none;}
.protw .proparmw .buyw .buynumw .buyn input{display:block; float: left; height: 48px; width:90px; font-size: 16px; color: #333333; text-align: center; border: 1px solid #eeeeee;}
.protw .proparmw .buyw .buynumw .buyn a.reduce{display: block; float: left; width: 48px; height: 48px; font-size: 24px; line-height: 48px; color: #666666; text-align: center; border: 1px solid #eeeeee; border-right: none;}
.protw .proparmw .buyw .buybtn{float: left; padding-left: 20px;}
.protw .proparmw .buyw .buybtn a.addcart{display: inline-block; height: 50px; width: 180px; font-size: 16px; line-height: 50px; color: #ffffff; text-align: center; background: #ff4242;}
.protw .proparmw .buyw .buybtn a.disable{color:#b3b3b3; background: #EEEEEE; cursor: default;}
.protw .proparmw .buyw .buybtn a.buyyp{margin-left:30px; font-size: 14px; color: #999999;}
.protw .proparmw .buyw .buybtn a.buyyp:hover{color: #ff0000; text-decoration: underline;}
.protw .proparmw .buyw .buybtn span{display: inline-block; margin-left: 10px; font-size: 16px; line-height: 40px; color: #999999;}
.protw .proparmw .buyw .buybtn .buyoffline{height: 50px; width: 180px; font-size: 16px; line-height: 50px; color: #ffffff; text-align: center; background: rgba(0,0,0,0.3); cursor: pointer; user-select: none;}

.dtlw{width: 1200px; height: auto; margin: 10px auto 0 auto; clear: both; overflow: hidden;}
.dtlw .buylog{float:left; width: 290px; height: auto; min-height:770px;background: #ffffff;}

.dtlw .dtitle{height: 40px; padding:0 20px;line-height: 40px;border-bottom: 1px solid #eeeeee;clear: both;overflow: hidden;}
.dtlw .dtitle .title{font-size:14px; color: #333333;float: left;width: auto;}
.dtlw .dtitle .chat{font-size:12px; color: #333333;float: right;width: auto;cursor: pointer;}
.dtlw .dtitle .chat .iconfont{color: #ff4242;padding-right: 5px;font-size: 14px;}

.dtlw .buylog .blis{height: 60px; padding: 6px 15px; border-bottom:1px solid #eeeeee; overflow: hidden;}
.dtlw .buylog .blis:last-child{border-bottom: none;}
.dtlw .buylog .blis div{height: 30px; font-size: 12px; line-height: 30px; color: #333333; overflow: hidden;}
.dtlw .buylog .blis span{display: block; float: left;}
.dtlw .buylog .blis font{display: block; float: right;}
.dtlw .buylog .blis .dnm em{font-style: normal; font-weight: normal; color: #ff4242;}
.dtlw .buylog .empty{height: 100px; font-size: 14px; line-height: 100px; text-align: center; color: #999999;}

.dtlw .prodtl{float: right; width:900px; height: 100%; padding: 0 0 15px 0; background: #ffffff;}
.dtlw .prodtl .tprodetail{padding: 10px 10px 0 10px; min-height: 704px; font-size:12px; line-height: 24px; color: #666666; overflow: hidden; clear: both;}
.dtlw .prodtl .tprodetail img{max-width: 100%!important;}
.dtlw .prodtl .tprodetail div,.dtlw .prodtl .tprodetail p{max-width: 100%!important;}
.dtlw .prodtl .tprodetail .dtl_table{display: table; width: 100%; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; box-sizing: border-box;}
.dtlw .prodtl .tprodetail .dtl_tr{display: table-row; color: #666666;}
.dtlw .prodtl .tprodetail .dtl_td{display: table-cell; min-height:36px; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1;}
.dtlw .prodtl .tprodetail .dtl_td.tdtitle{width: 115px; padding: 7px 5px; font-size: 14px; line-height: 22px; text-align: center; vertical-align: middle; background: #eeeeee;}
.dtlw .prodtl .tprodetail .dtl_td.tddtl{padding: 7px 10px; font-size: 14px; line-height: 22px; text-align: left; vertical-align: middle;}
.dtlw .prodtl .tprodetail .gdetails{padding: 10px 0; font-size: 14px; line-height: 1.5; color: #555555; overflow: hidden; clear: both;}
.dtlw .prodtl .tprodetail .gdetails p,.dtlw .prodtl .tprodetail .gdetails font,.dtlw .prodtl .tprodetail .gdetails span{font-size: 14px; line-height: 1.5; color: #555555;}
.dtlw .prodtl .tprodetail .gdetails img{max-width: 100% !important;}
.activity-m{
    width: 1200px; margin: auto;height: 100%;background: #ffffff;margin-top:10px;padding-bottom:20px;
}
.combination-title{
    height: 40px; padding:0 20px;line-height: 40px;border-bottom: 1px solid #eeeeee;
}
.activity-item{
    height: 358px;border:1px solid #f9f9f9;border-radius: 8px;background: #ffffff;margin-top:10px;clear: both;overflow: hidden;margin:20px 25px 0 25px;
}
.activity-item:hover{
    background: #f9f9f9;
}
.activity-item .line-mark{
    display: inline-block;width: 170px;height: 100%;float: left;height: 273px;line-height: 273px;font-size: 48px;font-weight: 500;color: #e6e6e6;text-align: center;
}
.activity-item .act-pro-m{
    width: 927px;float: left;padding:20px 0 20px 20px;cursor: pointer;
}
.activity-item .act-pro-i{
    overflow: hidden;position: relative;height: 275px;z-index: 1;
}
.activity-item .act-pro{
    white-space: nowrap;overflow: hidden;position: absolute;top: 0;left: 0;height: 275px;
}
.activity-item .act-pro .pro-m{
    display: inline-block; width: 360px;clear: both;
}
.prev-btn,.next-btn{
    position: absolute;top:125px;width: 25px;height: 25px;z-index: 2;cursor: pointer; color: #ffffff;background: rgba(0,0,0,0.2);font-size:14px;text-align: center;line-height: 25px;border-radius: 3px;
}
.prev-btn:hover,.next-btn:hover{
    background: rgba(0,0,0,0.5);
}
.prev-btn{
    left: 0;
}
.next-btn{
    right: 10px;
}
.activity-item .act-pro .pro-list{
    display: inline-block;width: 150px;overflow: hidden;margin-right: 20px;float: left;
}
.activity-item .act-pro .pro-list .title{
    width: auto;height: auto;font-size: 14px;color: #333333;padding:15px 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.activity-item .act-pro .pro-list .maker,.activity-item .act-pro .pro-list .num{
    width: auto;height: auto;font-size: 14px;color: #666666;padding-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.activity-item .act-pro .pro-list .out-date{
    width: auto;height: auto;font-size: 14px;color: #999999;padding-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.activity-item .act-pro .pro-list .price{
    width: auto;height: auto;font-size: 18px;color: #e33333;
}
.activity-item .act-pro .pro-list .price i{
    font-size: 12px;font-style: normal;
}
.activity-item .act-pro .pro-list .proimg{
    display: block;width: 120px;height: 120px;margin: auto;
}
.activity-item .act-pro .pro-list .proimg img{
    display: block;width: 100%;height: 100%;
}
.activity-item .price-details{
    width: 200px;height: 358px;float: left;border-left: 1px solid #eeeeee;background: #f9f9f9;border-radius: 5px;
}
.activity-item .title{
    display: block;width: auto;height: auto;clear: both;overflow: hidden;padding-bottom:30px;
}
.activity-item .sub-title{
    display: block;width: 90px;float: left;height: 30px;line-height: 30px;color: #666666;font-size: 20px;
}
.time-up-msg{
    display: block;width: 300px; float: left;color: #ff4242;font-size: 14px;line-height: 30px;
}
.time-up-msg i{
    font-size: 14px;padding:0 5px;font-style: normal;display: inline-block;min-width: 22px;text-align: center;
}
.package-price{
    background: url("/static/images/common/combination_price.png") center no-repeat;width: 150px;height: 60px;margin:22px 26px;border-radius: 5px;overflow: hidden;padding:20px 0;
}
.package-price .title{
    font-size: 18px;text-align: center;color: #ffffff;padding-bottom: 5px;
}
.package-price .val{
    font-size: 28px;text-align: center;color: #ffffff;
}
.package-price .val i{
    font-size: 14px;font-style: normal;
}
.cost-price{
    padding-bottom: 10px;color: #666666;font-size: 14px;text-align: center;
}
.cost-price i,.diff-price i{
    font-size: 12px;font-style: normal;
}
.cost-price em{
    font-style: normal;text-decoration: line-through;font-size: 14px;
}
.diff-price em{
    font-style: normal;font-size: 14px;
}
.diff-price,.package-limit{
    padding-bottom: 10px;color: #333333;font-size: 14px;text-align: center;
}
.buy-num-m{
    clear: both;overflow: hidden;border:1px solid #dddddd;border-radius: 4px;width: 124px;margin:25px auto 15px;
}
.buy-num-m:hover{
    border-color:#FF6142;
}
.buy-num-m .add,.buy-num-m .reduce{
    width: 30px;height: 30px;float: left;text-align: center;line-height: 30px;font-size: 18px;color: #333333;
}
.buy-num-m .buy-num{
    width: 60px;height: 30px;float: left;border: none;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;font-size: 14px;color: #333333;text-align: center;
}
.add-btn{
    display: block;  margin:auto; height: 40px;  width: 120px;  font-size: 14px;  line-height: 40px;  color: #ffffff;  text-align: center; border-radius: 2px;font-size: 14px;
    background: #ff4242;background: -webkit-linear-gradient(left, rgb(255,66,66) , rgb(255,97,66));background: -o-linear-gradient(right, rgb(255,66,66) , rgb(255,97,66));background: -moz-linear-gradient(right,rgb(255,66,66) , rgb(255,97,66));background: linear-gradient(to right, rgb(255,66,66) , rgb(255, 97, 66));
}
.no-qty{
    display: block;  margin:auto; height: 35px;  width: 120px;  font-size: 12px;  line-height: 35px;  color: #666666;  text-align: center; border-radius: 2px;font-size: 14px;
    background: #f9f9f9;
}
.add-btn i{
    font-size: 16px;padding-right: 5px;
}