/*======= 引入阿里图标库 - 主要是为了数量加减控制组件 start ====*/
@font-face {font-family: "iconfont";
	src: url('./fonts/al_fonts/iconfont.eot?t=1609321428670'); /* IE9 */
	src: url('./fonts/al_fonts/iconfont.eot?t=1609321428670#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALEAAsAAAAABqAAAAJ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBCIESATYCJAMMCwgABCAFhG0HNhvYBciuMTaGdk2ExoQ3eyexwjJGU/lxwAdtlMTDf2v87puZ3S8iSTRZEz39JwcSh6QdjyotEgohQhUPca/WNAjC7viwjAIqKfQPe09Hs7dfGM/GdnyrTF1tYqsqdBsAA2xUDyCkAeoFhi9LCRAQ0kFRn/VaAgPllgGX0/+vgAKZZ1kuc2wdEzDBQPfAKLICCjAAbtBdxOTkC/cJtJs2UDzcXVwXGgqwLBDXk8grNKyIoiT5VqEe2FvEK5XW9Dh9xkv++fhtNUmqDKw9urYNC4tv/i6Ub3aJEqIE/3CFjBUFhbgymDlVFgmzrF1TmS6vFSEdFf9vwCW1rn7oHy8RNVDbCRb8bOKbmE/wvQMSyKCW1lmvkYPB8AshdXZ23ek9+fDoY0fP0/cP3+nk1Y8qFiZGxW9dJ3zn6/Chg24YOto4/LCx6bzD813yS6o6BrwE/Ey+UvwI+Wbpn0Dw/3brby4FfEH+cFOxzEfr873B/5IuHCq1HFhzKSVY0vqysY2uhC9K/Rog0O+4XTe0uJbQakgjaTGFrNUMWRgrqHRYR63VDtot2x/uMICURWnDkicPodcnkm6fkPX6JgvjgMqwP9R6A+2OY+DMDnPVOiD0GEPwHyEJjBbIzi1Rf4lRLj0y5Zx1i+SSOExHEze/R410xAZ3F82YBQgyCnbeYyilAUsmxYBHMbOdj8di6EWjwKhCywGCPAyFgO8RSAQMTdDJrNV5/yUUyUkemmhbCd5CxEmmB1MjkwXkXqMXtX3KM86dyAxjAhCIoYCdNwtJkgHs8KwUCrCReEPKmhvDcWKpZnS9Tn1AcdIFWJ8jRY6iupHo3FVuS2IuFAAA') format('woff2'),
	url('./fonts/al_fonts/iconfont.woff?t=1609321428670') format('woff'),
	url('./fonts/al_fonts/iconfont.ttf?t=1609321428670') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('./fonts/al_fonts/iconfont.svg?t=1609321428670#iconfont') format('svg'); /* iOS 4.1- */
}

/*======= 引入阿里图标库 - 主要是为了数量加减控制组件 end ====*/

html {
	/* font-size: 62.5%; */
    font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif !important;
        margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
}

html body {
	margin: 0;
	font-size: 14px;
}

/*==== 自适应布局（主要是为了解决，由于js加载并执行有等待时间，这期间html还没有设置上正确的字体大小，导致页面展示上出现了偏差） =======*/
@media screen and (max-width: 750px) {
	html.self-adaption {
		font-size: calc(100vw / 750 * 100);
	}
}

@media screen and (min-width: 751px) {
	html.self-adaption {
		font-size: 100px;
	}
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

.bottomDivParent{
    width: 100%;
    position: fixed;
    bottom: 0;
	z-index: 200;
    /* padding: 0 8px; */
}
.bottomDiv {
	height: 49px;
	display: flex;
	border-top: 0.5px solid #c4c4c4;
	background-color: #FFFFFF;
	padding: 0 8px;
}

.bottomDiv .subTab {
	width: 25%;
	text-align: center;
	position: relative;
}

.bottomDiv .subTab .imgDiv {
	height: 22px;
	padding-top: 6px;
}

.bottomDiv .subTab .imgDiv img {
	width: 22px;
}

.bottomDiv .subTab .selectTab {
	font-size: 11px;
	color: #003399;
}

.bottomDiv .subTab .unSelectTab {
	font-size: 11px;
/* 	color: #CDCDCD; */
	color: #003399;
}
#indexCartCount{
	background-color: #DD0000;font-size: 11px;color: white;border-radius: 9px;height: 18px;width:18px;text-align: center;display: block;line-height: 18px;vertical-align: middle; position: absolute;left: 56%;top:3px;display: none;
}
.pt2 {
	padding-top: 2px;
}

.topBarIcon {
	width: 30px;
	height: 30px;
	/*padding-top: 0.5rem !important;*/
}

.ftl {
	float: left;
}
.ftr {
	float: right;
}

.pr {
	position: relative;
}

.dn {
	display: none;
}

.no {
	display: none !important;
}

.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.h100{
	width:100%;
}
.w100 {
	width: 100%;
}
.mt2 {
	margin-top: 2px;
}
.mt4 {
	margin-top: 4px;
}
.mt5 {
	margin-top: 5px;
}
.mt8 {
	margin-top: 8px;
}
.mt9 {
	margin-top: 9px;
}
.mb9 {
	margin-bottom: 9px;
}
.ml10{
	margin-left:10px;
}

.h20 {
	height: 20px;
}

.bbn{
	border-bottom:none;
}
.tac{
	text-align: center;
}
.vbh{
	visibility:hidden;
}
/*loading*/
.loading {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100004;
	opacity: 0.7;
}

.loadingDiv {
	width: 76px;
	height: 76px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100005;
	margin-left: -38px;
	margin-top: -38px;
	background-color: #000000;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*login*/
.loginDiv {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
}

.loginContent {
	position: relative;
}

.closeLoginImg {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 16px;
	height: 16px;
	padding: 10px;
}

.closeLoginImglp {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 16px;
	height: 16px;
	padding: 10px;
}

.loginDiv .list-block ul {
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.loginDiv .list-block .item-content {
	box-sizing: border-box;
	min-height: 44px;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 16px;
	height: 50px;
	position: relative;
}

.loginDiv .list-block .item-inner {
	padding-right: 15px;
	position: relative;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 7px;
	min-height: 44px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	overflow: hidden;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	-webkit-align-self: stretch;
	align-self: stretch;
	border-bottom: 0.5px solid #BFBFBF;
}

.loginDiv .list-block .item-title {
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	min-width: 0;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: top;
	flex-shrink: 0;
	width: auto;
}

.loginDiv .list-block .item-input {
	width: 100%;
	margin-top: -8px;
	margin-bottom: -7px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
}

.loginDiv .list-block .item-title.label+.item-input {
	margin-left: 5px;
	padding-left: 14px;
}

.list-block input[type="text"], .list-block input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: none;
	background: none;
	border-radius: 0 0 0 0;
	box-shadow: none;
	display: block;
	padding: 0px;
	margin: 0;
	width: 90%;
	height: 43px;
	color: #000;
	font-size: 17px;
	font-family: inherit;
}

#login_userName, #login_passWord {
	padding-left: 8px;
}

.list-block .list-button {
	padding: 0 15px;
	text-align: center;
	display: block;
	line-height: 43px;
	color: #333333;
	background-color: #fecb2f;
	height: 44px;
	font-size: 17px;
	text-decoration: none;
}

#btn_regist {
	color: #333333;
	border: 1px solid #fecb2f;
	box-sizing: border-box;
	height: 44px;
	background: white
}

#btn_login {
	color: #333333;
	background-color: #fecb2f;
	height: 44px;
}

#login_guide {
	display: inline-block;
	color: #333333;
	font-size: 14px;
}

#login_login_forget {
	float: right;
	padding-right: 30px;
	color: #333333;
	font-size: 14px;
}

/*topBar*/
.usuallyTopBar {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: white;
	display: flex;
	border-bottom: 0.5px solid #bfbfbf;
	height: 44px;
	line-height: 44px;
	z-index: 99999;
}

.usuallyTopBar .left {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 8px;
	height: 44px;
}

.usuallyTopBar .center {
	width: 100%;
	text-align: center;
	font-size: 18px;
}

.usuallyTopBar .right {
	position: absolute;
	text-align: center;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
}

.card {
	background: #fff;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	margin: 10px;
	position: relative;
	border-radius: 2px;
	font-size: 14px;
}

.card-header {
	border-radius: 2px 2px 0 0;
	font-size: 17px;
}

.card-header, .card-footer {
	min-height: 44px;
	position: relative;
	padding: 10px 15px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.card-content {
	position: relative;
}

.card-content-inner {
	padding: 15px;
	position: relative;
}

.mt6 {
	margin-top: 6px;
}
.mt9 {
	margin-top: 9px;
}
.card-header:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #e1e1e1;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scaleY(0.33);
	transform: scaleY(0.33);
}

.weui-mask {
    z-index: 999999999 !important;
	opacity: initial !important;
	visibility: initial !important;
}

.weui-dialog {
	width: 77%;
	margin: 0 auto !important;
    position: fixed;
    z-index: 5000;
    top: 40% !important;
    left: 16px;
    right: 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 12px !important;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 90%;
	z-index: 999999999 !important;
	opacity: initial !important;
	visibility: initial !important;
	transform: none !important;
}

.weui-dialog__title {
    font-size: 18px !important;
	font-weight: 500 !important;
}

.weui-dialog__hd {
    padding: 16px 24px 10px !important;
}

.weui-dialog__bd {
    padding: 10px 24px 10px !important;
    color:#333333 !important;
    font-size:16px !important;
}

.weui-dialog__ft {
    position: relative;
    line-height: 50px !important;
    min-height: 44px !important;
    font-size: 18px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.weui-dialog__btn_primary {
	font-weight: 500 !important;
	color: #0069C5 !important;
}

.weui-dialog__btn_default {
	font-weight: 500 !important;
/*     color: #FFFFFF !important; */
}
.h30{
	height:30px !important;
}
.mt10{
	margin-top:10px;
}
.w15{
	width:15%;
}
.w60{
	width:60%;
}
.w75{
	width:75%;
}
.m15{
	margin:15px;
}
.ml3{
	margin-left:3px;
}
.mr7{
	margin-right:7px;
}
.mr15{
	margin-right:15px;
}
.w100{
	width:100%;
}
.dpf{
	display:flex;
}
.col-100 {
	width: 100%;
	width: -webkit-calc(( 100% - 15px * 0)/1);
	width: calc(( 100% - 15px * 0)/1);
}

.col-30 {
	width: 30%;
}

.col-20 {
	width: 20%;
}

.col-10 {
	width: 10%;
}
.col-65{
	width:65%;
}

.selectSort {
	color: #003399;
	font-weight: 800;
}

.unSelectSort {
	color: #333333;
	font-weight: 400;
}

.weui-dialog__btn_notask {
    font-weight: 500 !important;
    color: #07c160 !important;
}

.crumbsMargin{
	margin:0 5px;
}

.fs14{
	font-size:14px;
}

.tac{
	text-align: center;
}
.pb5{
	padding-bottom:5px;
}
.p10{
	padding:10px;
}
.m5_0{
	margin:5px 0;
}
.mYellow{
	color:#FFCC00;
}

.f-s-12{
	font-size: 12px;
}

.f-s-11{
	font-size: 11px;
}




.div-modal {
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
}

.div-modal .div-modal-body {
	position: absolute;
	left: 5%;
	top: 20%;
	border-radius: 2px;
	width: 90%;
	height: 285px;
	background-color: #fff;
}

.div-modal .div-modal-body .div-title {
	position: relative;
	margin: 20px auto;
}

.div-modal .div-modal-body .img-title {
	position: absolute;
	width: 24px;
	height: 24px;
}

.div-modal .div-modal-body .span-title {
	font-size: 17px;
	color: #333333;
	display:block;
	margin:0 15px;
}

.div-modal .div-modal-body .div-suggest {
	text-align: center;
	margin-top: 17px;
}


.div-my-modal .div-modal-body .div-suggest {
	text-align: center;
	margin-top: 17px;
}

.div-my-modal {
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
}

.div-my-modal .div-modal-body {
	position: absolute;
	left: 5%;
	top: 20%;
	border-radius: 2px;
	width: 90%;
	height: 285px;
	background-color: #fff;
}

.div-my-modal .div-modal-body .div-title {
	position: relative;
	margin: 20px auto;
}

.div-my-modal .div-modal-body .img-title {
	position: absolute;
	width: 24px;
	height: 24px;
}

.div-my-modal .div-modal-body .span-title {
	font-size: 17px;
	color: #333333;
	display:block;
	margin:0 15px;
}

.div-my-modal .div-modal-body .div-suggest {
	text-align: center;
	margin-top: 17px;
}


#btn_bind_grade{
	width: 100%; height: 49px; border: none; background-color: #0F218B; color: white; font-size: 15px;
}
#btn_up_grade{
	margin-top: 10px; width: 100%; height: 49px; border: none; background-color: #0F218B; color: white; font-size: 15px;
}
#btn_close_upOrBind_grade{
	margin-top: 10px; width: 100%; height: 49px; border: none; background-color: #E7E7E7; color: #333333; font-size: 15px;
}
#btn_my_bind_grade{
	width: 100%; height: 49px; border: none; background-color: #0F218B; color: white; font-size: 15px;
}
#btn_my_up_grade{
	margin-top: 10px; width: 100%; height: 49px; border: none; background-color: #0F218B; color: white; font-size: 15px;
}
#btn_close_my_upOrBind_grade{
	margin-top: 10px; width: 100%; height: 49px; border: none; background-color: #E7E7E7; color: #333333; font-size: 15px;
}
.dnim{
	display:none !important;
}

.plusAndminusIconGrey{
	opacity:0.7;
}
.plusAndminusBoxGrey{
	background-color:#eee!important;
}

/*====== upr start =================*/
.mb2rem {
	margin-bottom: .2rem;
}

.fz24rem {
	font-size: .24rem;
}

/* 货币单位 */
.currency {
	font-style: normal;
}

.colorRed {
	color: #E52F2C;
}

/* 去除input框的内阴影 */
input {
	-webkit-appearance: none;
}

/* 加载loading效果 - 双齿轮转动 */
.overlay-loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	overflow: auto;
	text-align: center;
	/*display: flex;
    align-items: center;*/
	background: rgba(0, 0, 0, .3);
}
.overlay-loader:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	height: 90px;
	margin: auto;
	content: "加载中...";
	font-size: 12px;
	text-align: center;
	background: url("../images/icon/loading-light.gif") no-repeat center -7px;
	background-size: 80px 80px;
	line-height: 20px;
	padding-top: 70px;
	box-sizing: border-box;
	color: #fff;
}


.msm-bg-icons {
	background: url("../images/cart/msm_icons.png") no-repeat;
	background-size: 3.7rem 2.88rem;
}

.msm-bg-icons.absolute {
	background-size: 362px 286px;
}

.close-btn {
	cursor: pointer
}

.red-price {
	color: #e52f2c
}

.zoom-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2rem;
	height: .56rem;
	font-size: .28rem;
	color: #4a4a4a;
	border-radius: .28rem;
	background: #fff
}

.img-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0;
	border-radius: 5px;
	overflow: hidden
}

.img-box img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.img-box .img-label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .4rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .4rem;
	background: rgba(0,0,0,.4)
}

img[src*="no-image.png"] {
	width: .76rem !important;
	height: auto
}

.quantity-controller .quantity-control {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.quantity-controller .quantity-control .minus-btn,
.quantity-controller .quantity-control .plus-btn,
.quantity-controller .quantity-control .number-input {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin-left: -1px;
	height: .4rem;
	font-size: .28rem;
	text-align: center;
	border: 1px solid #cdcdcd;
	cursor: pointer;
	-webkit-appearance: none
}

.quantity-controller .quantity-control .minus-btn,
.quantity-controller .quantity-control .plus-btn {
	position: relative;
	width: .4rem;
	background: #fff;
	color: #9b9b9b
}

.quantity-controller .quantity-control .minus-btn:before,
.quantity-controller .quantity-control .plus-btn:before {
	font-size: .36rem;
	font-family: iconfont !important;
	font-weight: 300;
}

.quantity-controller .quantity-control .minus-btn:after,
.quantity-controller .quantity-control .plus-btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 200%;
	height: 200%;
	background: transparent
}

.quantity-controller .quantity-control .minus-btn.is-disabled,
.quantity-controller .quantity-control .plus-btn.is-disabled {
	background: #f3f3f3
}

.quantity-controller .quantity-control .minus-btn.is-disabled:before,
.quantity-controller .quantity-control .plus-btn.is-disabled:before {
	color: #cdcdcd
}

.quantity-controller .quantity-control .minus-btn {
	border-radius: .08rem 0 0 .08rem
}

.quantity-controller .quantity-control .minus-btn:before {
	content: "\e618";
}

.quantity-controller .quantity-control .plus-btn {
	position: relative;
	border-radius: 0 .08rem .08rem 0
}

.quantity-controller .quantity-control .plus-btn:before {
	content: "\e728";
}

.quantity-controller .quantity-control .number-input {
	outline: none;
	color: #4a4a4a;
	border-radius: 0;
	padding: 0;
	width: .8rem;
	font-size: .24rem;
	background: #fff
}

.quantity-controller.is-exception .quantity-control .minus-btn,
.quantity-controller.is-exception .quantity-control .plus-btn,
.quantity-controller.is-exception .quantity-control .number-input,
.quantity-controller.is-error .quantity-control .minus-btn,
.quantity-controller.is-error .quantity-control .plus-btn,
.quantity-controller.is-error .quantity-control .number-input {
	border-color: #e52f2c;
	color: #e52f2c
}

.quantity-controller.is-exception .quantity-control .minus-btn:before,
.quantity-controller.is-exception .quantity-control .plus-btn:before,
.quantity-controller.is-error .quantity-control .minus-btn:before,
.quantity-controller.is-error .quantity-control .plus-btn:before {
	color: #e52f2c
}

.quantity-controller.is-exception .message-box,
.quantity-controller.is-error .message-box {
	display: block
}

.quantity-controller.is-error .quantity-control .minus-btn,
.quantity-controller.is-error .quantity-control .plus-btn {
	cursor: not-allowed
}

.quantity-controller .message-box {
	display: none;
	margin: .1rem 0;
	font-size: .24rem;
	line-height: 1;
	color: #e52f2c;
	text-align: right
}

.quantity-controller .message-box:empty {
	margin: 0
}

/*======== 基本规格 start=============*/

.popup-cart-baseInfo .close-popup {
	padding: 12px 12px 0 0;
	width: 15px;
	height: 15px;
}

.popup-cart-baseInfo .scrolling-box {
	padding: 0 12px;
	overflow: auto;
	height: 100%;
}

.popup-cart-baseInfo .img-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.popup-cart-baseInfo .img-box {
	width: 160px;
	height: 160px;
	border: none;
}

.popup-cart-baseInfo .img-box img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: none;
}

.popup-cart-baseInfo .goods-name,
.popup-cart-baseInfo .goods-type,
.popup-cart-baseInfo .list-item .txt {
	color: #4A4A4A;
	word-break: normal;
	width: auto;
	word-wrap: break-word;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.popup-cart-baseInfo .goods-name {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.popup-cart-baseInfo .list-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: -1px;
	height: 3em;
	font-size: 12px;
	line-height: 1.5;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}

.popup-cart-baseInfo .list-item .label {
	flex: 0 0 auto;
	margin-right: 1em;
	min-width: 10em;
	font-size: 12px;
	color: #9B9B9B;
}


/*======== 基本规格 end ============*/


/*======== 下拉刷新加载动画 start =========*/

@-webkit-keyframes line-spin-fade-loader {
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@keyframes line-spin-fade-loader {
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.line-spin-fade-loader {
	position: relative;
	top: -20px;
}

.line-spin-fade-loader>div:nth-child(1) {
	-webkit-transform: translate(0, 12px);
	transform: translate(0, 12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(2) {
	-webkit-transform: rotate(-45deg) translate(0, 12px);
	transform: rotate(-45deg) translate(0, 12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(3) {
	-webkit-transform: rotate(90deg) translate(0, -12px);
	transform: rotate(90deg) translate(0, -12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(4) {
	-webkit-transform: rotate(45deg) translate(0px, -12px);
	transform: rotate(45deg) translate(0px, -12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(5) {
	-webkit-transform: translate(0px, -12px);
	transform: translate(0px, -12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(6) {
	-webkit-transform: rotate(-45deg) translate(0, -12px);
	transform: rotate(-45deg) translate(0, -12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(7) {
	-webkit-transform: rotate(90deg) translate(0px, 12px);
	transform: rotate(90deg) translate(0px, 12px);
	-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}

.line-spin-fade-loader>div:nth-child(8) {
	-webkit-transform: rotate(45deg) translate(0px, 12px);
	transform: rotate(45deg) translate(0px, 12px);
	-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}

.line-spin-fade-loader>div {
	background-color: #9b9b9b;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 2px;
	height: 8px;
}

.line-spin-fade-loader .tips {
	position: absolute;
	margin: 0;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	-webkit-transform: translate(-20px, 35px);
	transform: translate(-20px, 35px);
}


/*======== 下拉刷新加载动画 end =========*/

/*========  功能直达 start ================*/
.popup-function {
	position: relative;
	background: #555;
	padding: 0 0.3rem;
	border-radius: 0 0 0.28rem 0.28rem;
	overflow: hidden;
}

.popup-function .popup-block {
	position: relative;
	z-index: 10;

}

.popup-function .popup-block .popup-title {
	display: flex;
	font-weight: bold;
	justify-content: space-between;
	color: #fff;
	line-height: .8rem;
}

.popup-function .popup-title .close-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: -0.2rem;
	width: .8rem;
	height: .8rem;
}

.popup-function .close-btn img {
	width: 0.3rem;
	height: 0.3rem;
}

.popup-function .popup-block .func-list {
	margin: 0.4rem 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
}


.popup-function .func-list .func-item {
	color: #fff;
	border-radius: 0.12rem;
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 0.22rem;
	width: 1.24rem;
	display: block;
	height: 1.24rem;
	margin-right: 0.2rem;
	text-align: center;
}

.popup-function .func-item img {
	padding-top: 0.2rem;
	width: 0.44rem;
	height: 0.44rem;
}

.popup-function .func-item .txt {
	display: block;
	width: 100%;
	margin-top: 0.08rem;
}
/*========  功能直达 edn ================*/

/*======= 修改默认F7样式选择复选框有背景问题 =====*/
html:not(.watch-active-state) label.label-checkbox:active,
html:not(.watch-active-state) label.label-radio:active,
label.label-checkbox.active-state,
label.label-radio.active-state {
	background: none;
}


label.label-checkbox input[type="checkbox"]:checked+.item-media i.icon-form-checkbox:after,
label.label-checkbox input[type="radio"]:checked+.item-media i.icon-form-checkbox:after,
.form-checkbox input[type="checkbox"]:checked~i:after {
	background: none

}

.cart-goods-item.unfit-cart-item-tile label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.cart-goods-item.unfit-cart-item-tile label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
.cart-goods-item.unfit-cart-item-tile .form-checkbox input[type=checkbox]:checked ~ i,
.is-unfit label.label-checkbox input[type=checkbox]:checked + .item-media i.icon-form-checkbox,
.is-unfit label.label-checkbox input[type=radio]:checked + .item-media i.icon-form-checkbox,
.is-unfit .form-checkbox input[type=checkbox]:checked ~ i{
	background: url("../images/cart/cleck.png") no-repeat center center;
	background-size: 0.5rem 0.5rem;
}

label.label-checkbox input[type="checkbox"]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox input[type="radio"]:checked+.item-media i.icon-form-checkbox,
.form-checkbox input[type="checkbox"]:checked~i {
	background: url("../images/cart/delete.png") no-repeat center center;
	background-size: 0.5rem 0.5rem;
}

/* 提示弹层 start */

.msm-message-alert {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 100000;
	transform: translateY(-50%);
	width: 100%;
	background: transparent;
	animation: zoomIn .3s;
	animation-fill-mode: both;
}

.msm-message-alert.hide {
	animation-name: zoomOut;
}

.msm-message-alert .alert-body {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	max-width: 80%;
	padding: .3rem .4rem;
	background: rgba(0, 0, 0, .8);
	border-radius: .1rem;
}

.msm-message-alert-vertical .alert-body {
	flex-direction: column;
}

.msm-message-alert .alert-icon {
	margin-right: .2rem;
	width: .4rem;
	height: .4rem;
	flex: 0 0 auto;
}

.msm-message-alert-vertical .alert-icon {
	margin-right: 0;
	margin-bottom: .2rem;
}

.msm-message-alert .alert-icon-success {
	background-position: -0.46rem 0;
}

.msm-message-alert .alert-icon-error {
	background-position: -1.38rem 0;
}

.msm-message-alert .alert-icon-warning {
	background-position: -0.92rem 0;
}

.msm-message-alert .alert-msg {
	color: #fff;
	font-size: .32rem;
}

.msm-message-alert-vertical .alert-msg {
	max-width: 10em;
	text-align: center;
}

@keyframes zoomIn {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

@keyframes zoomOut {
	from {
		transform: scale(1)
	}
	to {
		transform: scale(0)
	}
}
/* 提示弹层 end */

/* 提示弹层 */
.f7-message-modal {
	width: 6.4rem;
	margin-left: -3.2rem
}

.f7-message-modal .modal-inner {
	padding: .4rem .3rem;
	border-radius: .1rem
}

.f7-message-modal .title-box {
	margin-bottom: .4rem;
	font-size: .36rem;
	/* color: #4a4a4a */
	font-weight: bold;

}

.f7-message-modal .modal-text {
	margin: 0 !important
}

.f7-message-modal .message-box {
	margin-bottom: .6rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #4a4a4a
}
/* 弹层的按钮 */
.f7-modal-btn-group {
	display: flex;
	justify-content: center;
	align-items: center
}

.f7-modal-btn-group .btn {
	flex: 0 0 auto;
	margin: 0 .1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: .56rem;
	width: 2rem;
	font-size: .28rem;
	color: #4a4a4a;
	border-radius: .3rem;
	border: 1px solid #f2f2f2;
	box-sizing: border-box
}

.f7-modal-btn-group .ok-btn,
.f7-modal-btn-group .ok-know-btn {
	background: #fc0;
	border: none;
}


.list-block .swipeout {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.list-block .swipeout.deleting {
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.list-block .swipeout.deleting .swipeout-content {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.list-block .swipeout.transitioning .swipeout-content,
.list-block .swipeout.transitioning .swipeout-actions-right a,
.list-block .swipeout.transitioning .swipeout-actions-left a,
.list-block .swipeout.transitioning .swipeout-overswipe {
	-webkit-transition: 300ms;
	transition: 300ms;
}

.list-block .swipeout-content {
	position: relative;
	z-index: 10;
}

.list-block .swipeout-overswipe {
	-webkit-transition: 200ms left;
	transition: 200ms left;
}

.list-block .swipeout-actions-left,
.list-block .swipeout-actions-right {
	position: absolute;
	top: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
	padding: 0 30px;
	color: #fff;
	background: #c7c7cc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	left: 0;
}

.list-block .swipeout-actions-left a:after,
.list-block .swipeout-actions-right a:after {
	content: '';
	position: absolute;
	top: 0;
	width: 600%;
	height: 100%;
	background: inherit;
	z-index: -1;
}

.list-block .swipeout-actions-left a.swipeout-delete,
.list-block .swipeout-actions-right a.swipeout-delete {
	background: #ff3b30;
}

.list-block .swipeout-actions-right {
	right: 0%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.list-block .swipeout-actions-right a:after {
	left: 100%;
	margin-left: -1px;
}

.list-block .swipeout-actions-left {
	left: 0%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.list-block .swipeout-actions-left a:after {
	right: 100%;
	margin-right: -1px;
}

/*=== 公共弹层样式修改 start twm ====*/
.confirm-picker-modal {
	height: 100%;
	overflow: hidden
}

.confirm-picker-modal .popup-modal-inner {
	position: relative;
	padding: 0 !important;
	height: 85%;
	/*transform: translate3d(0, 200%, 0);*/
	top: 100%;
	transition: all 400ms;
	background: #f3f3f3;
	border-radius: .1rem .1rem 0 0;
	overflow: hidden
}

.confirm-picker-modal .popup-modal-inner.is-full {
	height: 100%;
	/*transform: translateY(0);*/
	top: 0;
}

#order-similar-confirm-picker .popup-modal-inner, #order-passon-unfit-picker .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0); 
}

#order-business-confirm-deal-picker .popup-modal-inner, #order-shipment-unfit-picker .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0);
}

#quote-business-confirm-deal-picker .popup-modal-inner, #quote-similar-confirm-picker .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0); 
}

#quote-support-confirm-deal-picker .popup-modal-inner, #quote-shipment-unfit-picker .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0);
}
#order-confirm-split-slip-modal .popup-modal-inner, #quote-confirm-split-slip-modal .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0);
}

#goods-info-confirm-pickerss .popup-modal-inner, #goods-info-confirm-pickers .popup-modal-inner {
	transform: translate3d(0, 17.6470588235%, 0);
}

.confirm-picker-modal.modal-in .popup-modal-inner {
	/* transform: translate3d(0, 17.6470588235%, 0); */
	top: 0;
}

/* .confirm-delivery-method-modal .popup-modal-inner{
	transform: translate3d(0,0,0)!important;
}

#order-goods-info-confirm-picker .popup-modal-inner {
	transform: translate3d(0,0,0);
} */

.confirm-picker-modal.modal-out {
	transition-delay: 300ms
}

.confirm-picker-modal.modal-in, .confirm-picker-modal.modal-out {
	background: rgba(0, 0, 0, .4);
	transition-duration: 17ms
}

.confirm-picker-modal.modal-in .popup-modal-inner, .confirm-picker-modal.modal-out .popup-modal-inner {
	transition-duration: 400ms
}

.confirm-picker-modal .content-top .close-btn {
	width: 0.3rem;
	height: 0.3rem;
}

.confirm-picker-modal .content-top .close-btn img {
	width: 100%;
}

.calendar-picker-modal {
	padding: 0;
	border: none
}

.calendar-picker-modal .popup-modal-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	background: transparent;
}

.calendar-picker-modal .picker-common-main {
	width: 100%;
	background: #fff;
	flex: 0 0 auto
}

.calendar-picker-modal .oc-programme-bottom {
	position: static !important
}

.calendar-picker-modal .picker-modal {
	height: 6rem
}

.calendar-picker-modal.modal-in .popup-modal-inner {
	transform: translate3d(0, 0, 0);
	top: 0;
}
/*=== 公共弹层样式修改 end twm ====*/
/* 选择框的样式 */
.label-checkbox input[type=checkbox] ~ .checkbox {
	width: 1.02rem;
	height: .62rem;
	background: url(../images/orderList/icon_order13.png) no-repeat;
	background-size: 100% 100%
}

.label-checkbox input[type=checkbox]:checked ~ .checkbox {
	width: 1.02rem;
	height: .62rem;
	background: url(../images/orderList/icon_order14.png) no-repeat;
	background-size: 100% 100%
}

/*======= 物料编码样式 start =======*/
.cart-customer-order-modal {
	margin-left: -42%;
	width: 84%;
}
.cart-customer-order-modal .modal-inner {
	padding: 0.4rem;
	border-radius: 0.1rem !important;
	box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
}
.cart-customer-order-modal .title-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.4rem;
	line-height: 0.44rem;
	font-size: 0.36rem;
	color: #4a4a4a;
}
.cart-customer-order-modal .input-box {
	position: relative;
}
.cart-customer-order-modal .m-input {
	padding: 0 0.7rem 0 0.2rem;
	width: 100%;
	height: 0.56rem;
	font-size: 0.24rem;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	border-radius: 0.08rem;
}
.cart-customer-order-modal .m-input:focus {
	border-color: #003399;
}
.cart-customer-order-modal .m-input.is-error {
	border-color: #E52F2C;
	color: #e52f2c;
}
.cart-customer-order-modal .m-input::-moz-placeholder {
	color: #9B9B9B;
}
.cart-customer-order-modal .m-input:-ms-input-placeholder {
	color: #9B9B9B;
}
.cart-customer-order-modal .m-input::-ms-input-placeholder {
	color: #9B9B9B;
}
.cart-customer-order-modal .m-input::placeholder {
	color: #9B9B9B;
}
.cart-customer-order-modal .clear-btn {
	display: none;
	position: absolute;
	top: 50%;
	right: 0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	transform: translateY(-50%);
	font-size: 0;
	background-position: -2.76rem 0;
}
.cart-customer-order-modal .verify-msg {
	box-sizing: border-box;
	padding: 0.1rem 0 0.1rem 0.2rem;
	min-height: 0.6rem;
	line-height: 0.26rem;
	font-size: 0.18rem;
	color: #e52f2c;
	text-align: left;
}
.cart-customer-order-modal .btn.is-disabled {
	color: #cdcdcd;
	background: #f3f3f3;
}
/*======= 物料编码样式 end =======*/
/*====== upr end ==============*/
/*引导样式*/
.guide-box{
	height: 67px;
	background: #333333;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1111;
	display: flex;
	align-items: center;
	padding: 8px 12px;
	box-sizing: border-box;
}
.guide-box .close-icon{
	width: 15px;
	height: 15px;
	background-image: url("/static/html/images/img07061.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
}
.guide-box .logo{
	width: 50px;
	height: 50px;
	background-image: url("/static/html/images/img07062.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-left: 8px;
	flex-shrink: 0;
}
.guide-box .text-wrap{
	margin-left: 8px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	/*justify-content: space-between;*/
}
.guide-box .text-wrap .title{
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	/*line-height: 17px;*/
}
.guide-box .text-wrap .sub-title{
	color: #ffffff;
	font-size: 12px;
	/*line-height: 17px;*/
	/*transform: scale(0.83);*/
	/*transform-origin: left bottom;*/
}
.guide-box .text-wrap .privacy-title{
	color:#FFCC00;
	font-size: 12px;
	/*line-height: 17px;*/
}
.guide-box .open-btn{
	white-space: pre-line;
	position: absolute;
	right: 0;
	padding: 0 15px;
	top: 0;
	/*margin-left: auto;*/
	/*width: 90px;*/
	height: 100%;
	/*border-radius: 19px;*/
	background: #FFCC00;
	font-size: 18px;
	color: #2A2A2A;
	display: flex;
	align-items: center;
	justify-content: center;
}