/* 
 * 6.12大促更新改版
 * 
 * 商品列表，大图视图（接口数据，同app接口）
 * 页面：活动买赠，限时抢购，超级秒杀，策略商品列表（2020-04-17）
 * 
 */

.ms-controller{visibility: hidden;}
.my-layer-msg {border-radius: 8px;box-shadow: 0 2px 8px #999;border: none;}
.my-layer-msg .layui-layer-content {overflow-y: hidden;height: auto !important;}
.my_msg_content {}
.my_msg_content .my_msg_img {display: inline-block;vertical-align: middle}
.my_msg_content .my_msg_text {display: inline-block;vertical-align: middle;font-size: 18px;color: #333;margin-left: 6px;}
.my_msg_content .my_msg_text p {}
.my_msg_content .my_msg_text span {display: inline-block;vertical-align: middle;font-size: 18px;color: #333;margin-left: 0;}
.my_msg_content .my_msg_text span b {font-size: 18px;font-weight: bold;color: red;}
.colorRed {color: red;}


.productWarp {width: 1210px;margin-left: -10px;padding: 15px 0;}
.productWarp .productItem {float: left;width: 272px;height: 482px;padding: 0 9px;background: #fff;border: 1px solid #fff;margin-left: 10px;margin-bottom: 10px;}
.productWarp .productItem:hover {border-color: #004b97;}
.productItemWarp {  width: 100%;*width: 290px;position: relative;}

.proImgWarp {position: relative;margin-top: 8px;} 
.proImgWarp .proImgWarpA {display: block;width: 224px;height: 224px;margin: 0 auto;position: relative;} 
.proImgWarp .proImgWarpA .proImg  {display: block;width: 100%;height: 100%;}
.proImgWarp .proImgWarpA .saleOutNote {width: 126px;height: 126px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;font-size: 17px;color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;margin-top: -63px;margin-left: -63px;}
.proImgWarp .proImgWarpA .saleOutNote .textWarp {width: 52%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.proImgWarp .iconNote {height: 22px;line-height: 22px;padding: 0 9px 0 5px;font-size: 14px;color: #fff;border-top-right-radius: 10px;border-bottom-right-radius: 10px;background-color: #FD5D2C;background-image: -webkit-linear-gradient(0deg, #FFBD54, #FD5D2C);position: absolute;top: 0;left: 0;}

.proImgWarp .activeNote {width: 100%;height: 20px;position: absolute;bottom: 0;left: 0;}
.proImgWarp .activeNote .saveNote {display: inline-block;height: 24px;line-height: 24px;padding: 0 15px 0 10px;font-size: 14px;color: #fff;border-top-left-radius: 10px;background-color: #5D47C3;background-image: -webkit-linear-gradient(0deg, #9A8BE3, #5D47C3);float: right;margin-top: -4px;}
.proImgWarp .activeNote .buyLimitWarp {width: 100%;line-height: 20px;text-align: center;background-color: #FFB14F;color: #fff;font-size: 14px;}
.proImgWarp .activeNote .buyLimitWarp span {display: inline-block;margin: 0 5px;}

.proNameWarp {border-bottom: 1px solid #ebefea;}
.proNameWarp a {display: block;width: 80%;height: 35px;line-height: 35px;font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #004c98;text-align: left;}
.proNameWarp .collect {cursor: pointer;font-size: 12px;border: 1px solid #004b97;margin-top: 5px;border-radius: 2px;line-height: 23px;width: 39px;height: 24px;text-align: center;color: #004b97;}

.notes {width: auto;height: 30px;line-height: 30px;font-size: 14px;color: #ef0e2a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notes .notesSalesPromotion {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proInfoWarp {width: 100%;font-size: 14px;color: #666;line-height: 30px;white-space: nowrap;}
.proInfoWarp p {}
.proInfoWarp p .weight {display: inline-block;width: auto;max-width: 94px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}

.proPriceWarp {height: 24px;line-height: 24px;font-size: 14px;color: #666;}
.buyPrice {}
.buyPrice .priceWarp {}
.buyPrice .priceWarp .newPrice {font-weight: bold;}
.buyPrice .priceWarp .newPrice b {font-size: 18px;}
.buyPrice .priceWarp .oldPrice {margin-left: 10px;}
.buyPrice .realStock {}
.buyPrice .onlyNumber {line-height: 24px;}
.buyPrice .showActivePrice {color: red;}
.buyPrice .showOriginalPrice {color: #999;text-decoration: line-through;}
.noBuyPrice {font-size: 18px;color: #FF0000;font-weight: bold;}
.proPriceWarp .consultSalesmanNote {width: 100%;font-size: 14px;color: #333;text-align: left;}

.buyNoteWarp {height: 20px;line-height: 20px;margin-top: 10px;}
.buyNoteWarp .buyNumberNote {width: 130px;text-align: left;}
.buyNoteWarp .onlyFrames {}

.operatWarp {}
.operatWarp .numberFrames {}
.operatWarp .numberFrames .minus,
.operatWarp .numberFrames .plus {border: 1px solid #dddddd;width: 32px;height: 32px;line-height: 0;font-size: 18px;color: #666666;text-align: center;background-color: #fff;outline: none;}
.operatWarp .numberFrames .amount {width: 56px;height: 30px;line-height: 32px;font-size: 14px;text-align: center;color: #ff0000;border: 1px solid #dddddd;border-radius: 0;border-left-color: transparent;border-right-color: transparent;}
.operatWarp .numberFrames .amount:focus,
.operatWarp .numberFrames .minus:hover,
.operatWarp .numberFrames .plus:hover {border-color: #0068cf;}
.operatWarp .numberFrames .amount.selectshake {border-color: red}
.operatWarp .numberFrames .minUnit {display: block;padding-left: 5px;line-height: 32px;font-size: 14px;color: #666;}

.operatWarp .btnFrames {}
.btnGroup {margin-top: 0;}
.btnGroup button {display: inline-block;width: 94px;height: 32px;line-height: 30px;font-size: 14px;text-align: center;text-decoration: none;border: 1px solid transparent;outline: none;}
.btnGroup .nowBuy {border-color: #FF0000;background-color: #FF0000;color: #fff;}
.btnGroup .nowBuy.originalPrice {border-color: #0054A7;background-color: #0054A7;color: #fff;}
.btnGroup .nowBuy.noBuy {border-color: #D5D5D5;background-color: #D5D5D5;color: #fff;}
.btnGroup .willBuy {border-color: rgba(255,45,0,0.1);background-color: rgba(255,45,0,0.5);color: #fff;}
.btnGroup .arrivalNnoticeBtn {border-color: #0054A7;background-color: #fff;color: #0054A7;}
.btnGroup .noPermissionsBtn {border-color: #D5D5D5;background-color: #D5D5D5;color: #fff;}
.btnGroup .consultSalesman {border-color: #ff9402;background-color: #ff9402;color: #fff;}

.onlyFrames {width: 100%;margin-top: 9px;}
.onlyFrames .progressBar {width: 210px;height: 10px;line-height: 10px;background-color: #FFC8BC;border-radius: 6px;position: relative;border: 1px solid #D4556F;overflow: hidden;}
.onlyFrames .progressBar .surplus {width: 50%;height: 100%;background-color: #FF2D00;border-radius: 6px;position: absolute;top: 0;left: 0;z-index: 1;}
.onlyFrames .percentage {text-align: center;line-height: 12px;font-size: 12px;color: #FF0000;}

/* 展示方式 */
.showWays {text-align: right;margin-bottom: 10px;}
.showWays .showWaysIcon {display: inline-block;vertical-align: middle;width: 15px;height: 15px;margin-left: 15px;cursor: pointer;}
.showWays .showWaysIcon.showTableBtn1 {background: url('/_ui/desktop/common/cmyy/image/liebiaothis_view.png') no-repeat center}
.showWays .showWaysIcon.showTableBtn2 {background: url('/_ui/desktop/common/cmyy/image/liebiao_view.png') no-repeat center}
.showWays .showWaysIcon.showListBtn1 {background: url('/_ui/desktop/common/cmyy/image/biaogethis_view.png') no-repeat center}
.showWays .showWaysIcon.showListBtn2 {background: url('/_ui/desktop/common/cmyy/image/biaoge_view.png') no-repeat center}

/* 小图  Table */
.productTableWarp {}
.productTable {text-align: center;border-collapse: collapse;}
.productTable {}
.productTable thead {border: 1px solid #ddd;background-color: #FFF9E1;}
.productTable thead .product_list_title {height: 40px;line-height: 40px;font-size: 15px;}
.productTableItem {font-size: 13px;border-bottom: 1px dashed #999;}
.productTable .productTableItem td {padding: 10px 5px;word-break: break-all;}
.productTable .proImage {width: 70px;height: 70px;display: inline-block;vertical-align: middle;border: 1px solid #ddd;}
.productTable .proImage img {display: block;width: 100%;}
.productTable .proInfo {width: 250px;display: inline-block;vertical-align: middle;margin-left: 15px;text-align: left;font-size: 13px;line-height: 22px;}
.productTable .proInfo_name,
.productTable .proInfo_name a {font-size: 14px;color: #0054A7;line-height: 18px;vertical-align: middle;}
.productTable .proInfo_name:hover,
.productTable .proInfo_name a:hover {font-size: 14px;color: #0f91ed;}

.productTable .constraintNote,
.productTable .validity,
.productTable .activeDesc {color: red;}
.productTable .noBuyPrice {font-size: 13px;}
.productTable .inputWarp {width: 130px;display: inline-block;vertical-align: middle;}
.productTable .buyRequire {font-size: 12px;text-align: left;margin-bottom: 3px;}
.productTable .buyRequire b {color: red;}
.productTable .tableInputBtnGroup {overflow: hidden;line-height: 28px;}
.productTable .reduceBtn,
.productTable .addBtn {display: inline-block;float: left;width: 30px;height: 30px;text-align: center;font-size: 18px;color: #666;border: 1px solid #ddd;background-color: #fff;cursor: pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline: none;}
.productTable .numberInput:focus,
.productTable .reduceBtn:hover,
.productTable .addBtn:hover {border-color: #0068cf;cursor: pointer;}
.productTable .reduceBtn.noActive,
.productTable .addBtn.noActive {background-color: #eee;}
.productTable .numberInput {display: inline-block;float: left;width: 50px;height: 28px;text-align: center;color: #ff0000;font-size: 14px;border: 1px solid #ddd;border-left-color: transparent;border-right-color: transparent;}
.productTable .selectshake {border-color: red;}
.productTable .reduceBtn.notClick,
.productTable .addBtn.notClick {background-color: #f1f1f1;}

.productTable .btnGroup {text-align: left;}
.productTable .btnGroup button {display: inline-block;width: 110px;height: 30px;line-height: 28px;}
.productTable .proOperation {width: 85px;display: inline-block;vertical-align: middle;text-align: center;}
.productTable .addCollectionBuyBtn,
.productTable .addOftenBuyBtn {cursor: pointer;}    
.productTable .addCollectionBuyBtn:hover,
.productTable .addOftenBuyBtn:hover {color: #0068cf;}


/* 常购库 -- 需使用oftenBuyModal.css样式表 */
.often_buy_modal_container,
.often_buy_modal_container .create_often_buy_modal,
.often_buy_modal_container .select_often_buy_modal {display: block;}