body{ background:#f6f6f6;}
.main{ padding-bottom:3rem;}

.mainTitle{ height:3rem; line-height:3rem; background:#fff; }
.mainTitle .edit,.mainTitle .end{ float:right; display:block; height:3rem; line-height:3rem; font-size:0.75rem; padding-right:1rem; padding-left:1rem;}
.mainTitle h2{ font-weight:normal; font-size:0.75rem; color:#333; text-indent:1rem;}

.classItem{display: -webkit-flex;display: flex; position: relative;padding: 0.5rem 0.5rem 0.5rem 0;; border-bottom:1px solid #f6f6f6; overflow:hidden; background:#fff; margin-top:0.5rem;}
.classItem .pic{width:4.65rem;height: 4.65rem;line-height: 4.55rem;text-align: center;overflow: hidden;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #eeeeee;}
.classItem .pic .backImg{max-width: 100%;height: auto; vertical-align: middle;}
.classItem .pic .defaultImg{width: 4.45rem;height: 3.5rem;vertical-align: middle;}

.classItem .info {display: inline-block;position: relative;;-webkit-flex: 1;flex: 1;margin-left: 0.75rem;overflow: hidden}
.classItem h2{ margin: 0 1rem 0.5rem 0;line-height: 0.8rem;height: 1.6rem;font-size:0.7rem; color:#000; font-weight: 600; width:100%; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.classItem h2 span {display: inline-block;padding: 0 3px 0 3px;margin-right: 3px;line-height: 0.7rem;height: 0.7rem;font-size: 0.5rem !important;font-weight: 300;text-align: center;background-color: #EFEFEF;color: #999999;border-radius: 0.15rem}
.classItem h5{margin: 0 1rem 0 0;height: 0.75rem;line-height: 0.75rem;color: #666;font-size: 0.5rem}
.classItem h5 span {display: inline-block;padding: 0 3px 0 3px;height: 0.75rem;line-height: 0.75rem;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 3px;}
.classItem h5 span:nth-child(1) {color: #d82736;border: 1px solid #d82736;}
.classItem h5 span:nth-child(2) {color: #1176b3;border: 1px solid #1176b3;margin-left: 0.5rem}

.classItem .price{position: absolute;bottom: 0;font-size:0.75rem;font-weight: 600; color:#fc3439;width: 90%;height: 1.3rem;line-height: 1.3rem}
.classItem .countChange {display: inline-block;float: right;width: 4.25rem;height: 1.2rem;border: 1px solid #cfd5da;border-radius: 3px;box-sizing: content-box}
.classItem .countChange .minCount {display: inline-block;background: url("../../../public/image/icon/min_black.png") no-repeat center;background-size: 0.8rem;width: 1.25rem;height: 100%;float: left;box-sizing: border-box;}
.classItem .countChange .plusCount {display: inline-block;background: url("../../../public/image/icon/plus_black.png") no-repeat center;background-size: 0.8rem;width: 1.25rem;height: 100%;float: left;box-sizing: border-box;}
.classItem .countChange .inputCount {display: inline-block;width: 1.75rem;height: 1.2rem;line-height: 1.2rem;border:1px solid #cfd5da;border-width: 0 1px 0 1px !important;text-align: center;float: left;box-sizing: border-box;border-radius: 0}

.min-inactivity {background: url("../../../public/image/icon/min_gray.png") no-repeat center;}
.plus-inactivity {background: url("../../../public/image/icon/plus_gray.png") no-repeat center;}

.orderClass{ padding-left:2.4rem; background:#fff; position:relative;}
.orderClass .xuan,.orderClass .on{ background:url(../../../public/image/icon/order_icon1.png) no-repeat center; width:2.4rem; height:2.4rem; background-size:1.15rem; position:absolute; left:0; top:50%; margin-top:-1.2rem; }
.orderClass .on{background:url(../../../public/image/icon/order_icon2.png) no-repeat center center;background-size:1.15rem;}

.quan{ padding:0 1rem 0 0.75rem; position:relative; height:2.5rem; line-height:2.5rem;border-bottom: 1px solid #f6f6f6;}
.quan .txt b{  color:#333; font-weight:normal;font-size:0.85rem !important;height: 2.5rem;line-height: 2.5rem}
.quan .tip i {
    background: url(../../../public/image/global/icon_01_02.png) no-repeat;
    background-size: 0.4rem;
    width: 0.4rem;
    height: 0.7rem;
    display: block;
    float: right;
    margin-left: 0.5rem;
    position: absolute;
    top: 0.4rem;
    right:0;
}
.quan .txt span {color:#333; font-weight:normal;font-size:0.85rem !important;height: 2.5rem;line-height: 2.5rem;float: right}
.quan .txt img {float: right;vertical-align: middle;width: 0.4rem;height: 0.7rem;margin-top: 0.9rem;margin-left: 0.25rem}

.quan .fr{ position:relative; padding-right:1rem; font-size:0.7rem !important;}
.activityTip{ padding:0 1rem 0 0.75rem; position:relative; height:2.5rem; line-height:2.5rem;color: #333;font-weight:normal;font-size:0.85rem !important;}

.orderTip{ background:#fff8dc; padding:0.75rem 0 0.75rem 2.25rem; color:#af121a;}
.orderTip span{ font-size:0.5rem; height:0.65rem; line-height:0.65rem; border:1px solid #af121a;border-radius: 3px; padding:0 3px; margin-right:0.25rem;}
.orderTip p{ padding:0.25rem 0;}

.fixd{ position:fixed; left:0; bottom:52px; background:#fff; width:100%; height:3rem; padding:0; z-index:999;}
.fixd .xuanBtn,.fixd .xuanBtnOn{ background:url(../../../public/image/icon/order_icon1.png) no-repeat 0.625rem center;background-size:1rem; text-indent:2rem; font-size:0.75rem; color:#333; height:3rem; line-height:3rem;float:left;}
.fixd .xuanBtnOn{background:url(../../../public/image/icon/order_icon2.png) no-repeat 0.625rem center;background-size:1rem;}
.fixd .fr{ height:3rem; line-height:3rem; font-size:0.75rem; color:#f00;}
.fixd .totalAmount {font-size: 0.75rem;font-weight: 600;}
.fixd .fr .buy{ display:inline-block; margin-right:1rem; position:relative; top:0; border-radius:1rem; margin-left:0.5rem;text-align: center;height:2rem; line-height:2rem; width: 4.5rem;background:#d41323; color:#fff; font-size:0.75rem;}
.fixd .fr .coll{height:1.6rem; line-height:1.6rem; background:#fff; color:#999; border:1px solid #ccc; padding:0 0.6rem; position:relative; top:0px; border-radius:5px;display:inline-block;}
.fixd .fr .del{height:1.6rem; line-height:1.6rem; background:#fff; color:#af121a; border:1px solid #af121a; padding:0 0.6rem; position:relative; top:0px; border-radius:5px;display:inline-block; margin:0 1rem 0 0.5rem;}

.emptyData {justify-content: center;text-align: center}
.emptyData .emptyImg {display: inline-block;margin: 2.5rem 0 0 0;background-image: url("../../../public/image/cut/shoppingCart.png");background-size: contain;width: 4.375rem;height: 3.4rem;border: 0 !important;}
.emptyData label {margin: 1.5rem 0 0 0;width: 100%;height: 1.5rem;line-height: 1.5rem;display: inline-block;text-align: center;color: #999999}
.emptyData button {margin: 1.5rem 0 0 0;background-color: #af121a;color: white;border: none;width: 9.3rem;height: 2rem;line-height: 2rem}
.w100 {width: 5rem}
.mt30 {margin: 1.5rem}
.redP { color:#fc3439 !important;}
.gray-invade {color: #999999 !important;}