@charset "utf-8";


// html{-webkit-text-size-adjust: none;}
/* html{font-size:625%;}
body{font-size: .16rem;} */

// .scrollbox{overflow-y: auto;}
.ic{display: inline-block;text-align: center;}
.ic_img{background-repeat: no-repeat;background-size: contain;background-position: center center;}

.cycle{border-radius: 50%;}
.btn{display: inline-block;border:0;text-align: center;}
.btn:active{-webkit-filter:brightness(.8);}
.btn_cycle{border-radius: 50%!important;}
.btn-disable,*[btnstate=disable]{background:#ddd!important;}
.btn-disable,*[btnstate=disable],.btn-disable *,*[btnstate=disable] *{text-shadow:none!important;.tss(none);}
.btn-disable:hover,.btn-disable:active,*[btnstate=disable]:hover,*[btnstate=disable]:active{-webkit-filter:none!important;}
.btn.disabled,.btn[disabled]{background: @g82!important;-webkit-filter:none!important;filter:none!important;}

.redpoint{padding: 0 4px;display: inline-block;height: 14px;line-height: 14px;.h4;border-radius:7px;background: @red;color:@w;}


@blue_main:#1573df;
@dark_main:#2c313d;

@red:#f33;
@orange:#ff8f66;
@green:#44c160;
@blue:#00c0ff;
@purple:#7099ff;
@pink:#ff6694;

@green_light:#b7e44f;
// @green:#9bc144;
@dark:#333;
@subdark:#999;



@g98:#fafafa;
@g96:#f5f5f5;
@g95:#f2f2f2;
@g93:#ededed;
@g90:#e5e5e5;
@g89:#e3e3e3;
@g87:#ddd;
@g86:#dcdcdc;
@g82:#d2d2d2;
@g80:#ccc;
@g78:#c7c7c7;
@g75:#bfbfbf;
@g73:#bbb;
@g72:#b8b8b8;
@g71:#b5b5b5;
@g67:#aaa;
@g65:#a6a6a6;
@g63:#a0a0a0;
@g60:#999;
@g57:#919191;
@g56:#8e8e8e;
@g55:#8c8c8c;
@g54:#898989;
@g53:#868686;
@g52:#848484;
@g50:#808080;
@g49:#7d7d7d;
@g47:#797979;
@g45:#737373;
@g40:#666;
@g39:#646464;
@g35:#595959;
@g33:#545454;
@g30:#4d4d4d;
@g28:#484848;
@g25:#404040;
@g20:#333;
@g17:#2b2b2b;
@g13:#202020;
@g12:#1e1e1e;

@w:#fff;
@b:#000;





.t1{font-size: 8rem;}
.t2{font-size: 7.2rem;}
.t3{font-size: 6.4rem;}
.t4{font-size: 3.2rem;}
.t5{font-size: 2.4rem;}
.t6{font-size: 2rem;}
.h0{font-size: 9.6rem;}
.h1{font-size: 2rem;}
.h2{font-size: 1.8rem;}
.h3{font-size: 1.6rem;}
.h4{font-size: 1.4rem;}
.h5{font-size: 1.2rem;}

.toe{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.redtext{color:@red;}
.orangetext{color:@orange;}
.greentext{color:@green;}
.bluetext{color:@blue_main;}
.whitetext{color:@w;}

.bgc{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.avatar{.fw(52px);.cycle;background-color: @w;.bgc;overflow: hidden;}
.avatar img{width: 100%;}


.ic_svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.ic_svg_name {
  font-size: 32px;
  color: red;
}
========================================== */

.cover{z-index: 10;position: absolute;top: 0;left: 0;.fw;display: block;opacity: 0;}
.hide{display: none!important;}
.show{display: block!important;}
.vhide{visibility: hidden!important;}
.vshow{visibility: visible!important;}
.fw(@fixedsize:100%){width:@fixedsize;height:@fixedsize;}
.wh(@width,@height){width:@width;height:@height;}
.ac{margin: 0 auto;}

.clear:after,.cleanfloat{content:'';display: block;clear: both;}
.hide{display: none;}

.txtshadow(@shadowxsc:#fff,@shadowy:8px){text-shadow:0 @shadowy @shadowy*2 @shadowxsc;}
.tss(@tss:.16s cubic-bezier(0.4, 0.0, 0.2, 1)){-webkit-transition:@tss;-o-transition:@tss;transition:@tss;}
.tsfo(@tsfo:center){-webkit-transform-origin:@tsfo;-moz-transform-origin:@tsfo;-ms-transform-origin:@tsfo;-o-transform-origin:@tsfo;transform-origin:@tsfo;}
.tssi(@tssi:.16s ease-out){-webkit-transition:@tssi;-o-transition:@tssi;transition:@tssi;}
.tsf(@tsf:scale(.90)){-webkit-transform:@tsf;-ms-transform:@tsf;-o-transform:@tsf;transform:@tsf;}
.tsfst(@tsfs:preserve-3d,@tsfp:1000px){-webkit-transform-style: @tsfs;-moz-transform-style: @tsfs;-o-transform-style: @tsfs;-ms-transform-style: @tsfs;transform-style: @tsfs;-webkit-perspective: @tsfp;-moz-perspective: @tsfp;-o-perspective: @tsfp;-ms-perspective: @tsfp;perspective: @tsfp;}

.ani(@ani:ease-out){-webkit-animation:@ani;-o-animation:@ani;animation:@ani;}

.textcenter{text-align: center!important;}
.textleft{text-align: left!important;}
.textright{text-align: right!important;}
.b{font-weight: bold;}

.aac{position: absolute;top: 50%;left: 50%;.tsf(translate(-50%,-50%));}

.pullleft{float: left!important;}
.pullright{float: right!important;}

.placeholder{color:@g80;}

.linkto{
	cursor: pointer;
	.link{*display: none;}
}
.tac{text-align: center;}

.link:hover{text-decoration: underline;cursor: pointer;}

.mask{position: absolute;left: 0;top: 0;.fw;display: block;background: #000;}

.toast{
	z-index: 1000;position: absolute;bottom: 20px;left: 50%;margin-left: -277px;width: 542px !important;height: 64px;line-height: 64px;.h2;text-align: center;color:@w;border:1px solid @g52;
	.blackmask{opacity: .2;filter:alpha(opacity=20)}
}
.blackmask{position: absolute;left: 0;top: 0;.fw;display: block;background: @b;opacity: .5;filter:alpha(opacity=50);}

* { position: relative; padding: 0; margin: 0; font-family:"PingFang SC","Hiragino Sans GB","Microsoft Yahei",SimSun,SimHei,Arial,"Helvetica Neue",Helvetica; outline:none;list-style: none;}

hr{height: 0;border:0;border-top: 1px solid @g71;}
a,em,i,strong,b { text-decoration: none;outline:none;} 
table{table-layout: fixed;border-collapse: collapse;}
img{border:0;}
// html,body{.fw;overflow: hidden;position: relative;}

/* ————————自定义———————— */
input,textarea{-webkit-appearance: none;box-shadow: none;}
.lsti(@fz:.05em){letter-spacing:@arguments;/* text-indent: @arguments; */}
.bxz{box-sizing: border-box;}


/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
/*————————————————————*/
html{font-size: 62.5%;}
body{color:@dark_main;  background: #fff;}

.body{overflow: hidden;background: #f7f7f7;}
.ic{background-size: cover;}
.block{
	display: block;box-sizing: border-box;overflow: hidden;line-height: 1.5em;
	>*{.bxz;}
}

.contain{
	.ac;display: block;width: 100%;max-width: 1200px;
}

hr.div{display: block;border:0;border-top: 8px solid #f5f5f5;}
.col2,.col3{
	font-size: 0;
	>*{
		font-size: 0;display: inline-block;vertical-align: top;overflow: hidden;
		>*{font-size: 12px;}
	}
}
.col2>*{width: 50%;}
.col3>*{width: 33.3%;}
.redbox{padding: 0 8px;display: inline-block;white-space: nowrap;vertical-align: bottom;border-radius: 4px;overflow: hidden;background: @red;color:@w;}

.block{
	background: #fff;color:#808080;
	&.item_block{padding-left: 16px;}
	.order_title{padding: 16px 0;display: block;.b;font-size: 16px;text-align: center;color:#333;}
}
.th,.td{
	display: inline-block;width: auto;font-style: normal;font-weight: normal;font-size: 12px;
	.redtext{margin-right: 4px;}
}

.imgbox {padding: 8px 0;line-height: 0;}
.img_thumb{
	display: inline-block;.fw(60px);background-size: cover;border-radius: 2px;border: 1px solid  #e0e0e0;.bxz;	
	+.img_thumb{margin-left: 8px;}
	img{display: block;.fw;opacity: 0;}
}

.item_type{
	padding: 8px 16px 8px 0;border-bottom: 1px solid  #e0e0e0;
	.it{padding: 0 8px;display: inline-block;height: 24px;line-height: 24px;overflow: hidden;vertical-align: top;background: @green;color:@w;border-radius: 4px;}
}

.item_info{
	padding: 8px 0;font-size: 0;border-bottom: 1px solid  #e0e0e0;
	>*{display: inline-block;font-size: 12px;line-height: 1.6em;vertical-align: top;overflow: hidden;}
	.item_name{width: 15%;.b;color:#333;}
	.item_detail{
		width: 85%;
		.it{
			font-size: 0;
			>*{display: inline-block;}
			>span+span:not(:nth-child(3n-2)){margin-left: 16px;}
			// >span{width: 33.3%;}
			>div{display: block;}
			+.it{padding-top: 4px;}
		}
	}
}

.mui-preview-header{
	position: absolute;top:auto;left: 0;bottom: 0;
	.mui-preview-indicator{.ac;font-size: 14px;line-height: 1.5em;}
}