img {object-fit: cover;}
.mouse-hove {cursor: pointer;}
.amplify {transition: all .5s;}
.amplify:hover { transform: scale(1.3);}
.amplify-xxs {transition: all .5s;}
.amplify-xxs:hover { transform: scale(1.05);}
.amplify-xs {transition: all .5s;}
.amplify-xs:hover { transform: scale(1.1);}
.amplify-sm {transition: all .5s;}
.amplify-sm:hover { transform: scale(1.2);}
.amplify-bg {transition: all .5s;}
.amplify-bg:hover {transform: scale(1.5);}
/*****************************分页组件样式修改***************************************/
.layui-laypage a, .layui-laypage span {padding: 0 20px !important;height: 40px !important;line-height: 40px !important;margin: 0 -1px 5px 0 !important;font-size: 14px !important;}
/*****************************购物车加减功能***************************************/
.car_div {display: flex;justify-content: center;align-items: center;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;height: 0.4rem;border-radius: 3px;}
.car_div .dec, .car_div .inc { /*background: #f4f4f4;*/width: 30px;text-align: center;line-height: 0.4rem;height: 0.4rem;color: #333333;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-weight: bold;cursor: pointer;}
.car_div .number input {background: #ffffff;width: 50px;text-align: center;line-height: 0.4rem;height: 0.4rem;color: #333333;}
.car_div .number input::-webkit-inner-spin-button {-webkit-appearance: none !important;}
.car_div .number input::-webkit-outer-spin-button {-webkit-appearance: none !important;}
.car_div .number input[type='number'] {-moz-appearance: textfield;}
.shopping-cart-con .quantity input::-webkit-inner-spin-button {-webkit-appearance: none !important;}
.shopping-cart-con .quantity input::-webkit-outer-spin-button {-webkit-appearance: none !important;}
.shopping-cart-con .quantity input[type='number'] {-moz-appearance: textfield;}
/*****************************layui组件修改***************************************/
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i {color: #b71234;}
.layui-form-checked[lay-skin=primary] i {border-color: #b71234 !important;background-color: #b71234;color: #fff;}
.Demo-banner .layui-form .layui-form-item {margin-bottom: 0px !important;}
.Demo-banner .layui-form .layui-form-item .layui-select-title {border-radius: 0.5rem;overflow: hidden;}
/*****************************滚动条***************************************/
::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-button:vertical {display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {background-color: #f8f8f8;}
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #dddddd80;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #dddddd80;}
::-webkit-scrollbar-thumb:vertical:active {background-color: #dddddd80;}
/*****************************字体大小***************************************/
.font-10 {font-size: .10rem !important;}
.font-11 {font-size: .11rem !important;}
.font-12 {font-size: .12rem !important;}
.font-13 {font-size: .13rem !important;}
.font-14 {font-size: .14rem !important;}
.font-15 {font-size: .15rem !important;}
.font-16 {font-size: .16rem !important;}
.font-17 {font-size: .17rem !important;}
.font-18 {font-size: .18rem !important;}
.font-19 {font-size: .19rem !important;}
.font-20 {font-size: .20rem !important;}
.font-21 {font-size: .21rem !important;}
.font-22 {font-size: .22rem !important;}
.font-23 {font-size: .23rem !important;}
.font-24 {font-size: .24rem !important;}
.font-25 {font-size: .25rem !important;}
.font-26 {font-size: .26rem !important;}
.font-27 {font-size: .27rem !important;}
.font-28 {font-size: .28rem !important;}
.font-29 {font-size: .29rem !important;}
.font-30 {font-size: .30rem !important;}
.font-31 {font-size: .31rem !important;}
.font-32 {font-size: .32rem !important;}
.font-33 {font-size: .33rem !important;}
.font-34 {font-size: .34rem !important;}
.font-35 {font-size: .35rem !important;}
.font-36 {font-size: .36rem !important;}
.font-37 {font-size: .37rem !important;}
.font-38 {font-size: .38rem !important;}
.font-39 {font-size: .39rem !important;}
.font-40 {font-size: .40rem !important;}
/*****************************行号设置***************************************/
.line-10 {line-height: .10rem !important;}
.line-11 {line-height: .11rem !important;}
.line-12 {line-height: .12rem !important;}
.line-13 {line-height: .13rem !important;}
.line-14 {line-height: .14rem !important;}
.line-15 {line-height: .15rem !important;}
.line-16 {line-height: .16rem !important;}
.line-17 {line-height: .17rem !important;}
.line-18 {line-height: .18rem !important;}
.line-19 {line-height: .19rem !important;}
.line-20 {line-height: .20rem !important;}
.line-21 {line-height: .21rem !important;}
.line-22 {line-height: .22rem !important;}
.line-23 {line-height: .23rem !important;}
.line-24 {line-height: .24rem !important;}
.line-25 {line-height: .25rem !important;}
.line-26 {line-height: .26rem !important;}
.line-27 {line-height: .27rem !important;}
.line-28 {line-height: .28rem !important;}
.line-29 {line-height: .29rem !important;}
.line-30 {line-height: .30rem !important;}
.line-31 {line-height: .31rem !important;}
.line-32 {line-height: .32rem !important;}
.line-33 {line-height: .33rem !important;}
.line-34 {line-height: .34rem !important;}
.line-35 {line-height: .35rem !important;}
.line-36 {line-height: .36rem !important;}
.line-37 {line-height: .37rem !important;}
.line-38 {line-height: .38rem !important;}
.line-39 {line-height: .39rem !important;}
.line-40 {line-height: .40rem !important;}
/*****************************文字换行以及隐藏***************************************/
.height-10 {height: .10rem;}
.height-20 {height: .20rem;}
.height-30 {height: .30rem;}
.height-40 {height: .40rem;}
.height-50 {height: .50rem;}
.height-60 {height: .60rem;}
.height-70 {height: .70rem;}
.height-80 {height: .80rem;}
.height-90 {height: .90rem;}
.height-100 {height: 1.00rem;}
.height-110 {height: 1.10rem;}
.height-120 {height: 1.20rem;}
.height-130 {height: 1.30rem;}
.height-140 {height: 1.40rem;}
.height-150 {height: 1.50rem;}
.height-160 {height: 1.60rem;}
.height-170 {height: 1.70rem;}
.height-180 {height: 1.80rem;}
.height-190 {height: 1.90rem;}
.height-200 {height: 2.00rem;}
/*****************************宽度***************************************/
.width-10 {width: .10rem;}
.width-20 {width: .20rem;}
.width-30 {width: .30rem;}
.width-40 {width: .40rem;}
.width-50 {width: .50rem;}
.width-60 {width: .60rem;}
.width-70 {width: .70rem;}
.width-80 {width: .80rem;}
.width-90 {width: .90rem;}
.width-100 {width: 1.00rem;}
.width-110 {width: 1.10rem;}
.width-120 {width: 1.20rem;}
.width-130 {width: 1.30rem;}
.width-140 {width: 1.40rem;}
.width-150 {width: 1.50rem;}
.width-160 {width: 1.60rem;}
.width-170 {width: 1.70rem;}
.width-180 {width: 1.80rem;}
.width-190 {width: 1.90rem;}
.width-200 {width: 2.00rem;}
/*****************************文字换行以及隐藏***************************************/
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-right {text-align: right;}
/*****************************文字换行以及隐藏***************************************/
.maxline {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.maxline-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.maxline-3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*****************************文字颜色***************************************/
.color { color: #441f54 !important;}
.color-red { color: red !important;}
.color-green { color: green !important;}
.font-b {font-weight: bold}
/*****************************空数据样式***************************************/
.empty {padding: 10%;text-align: center;color: #888888;}
.empty span {font-style: oblique;}
.border {border: 1px solid #f6f6f6}
.border-no {border: none}
/*****************************图片懒加载***************************************/
.load-img {background-image: url('/static/img/loading.gif');background-position: center;background-repeat: no-repeat;min-height: 50px;min-width: 50px}