@font-face {font-family: 'iconfont'; src: url('iconfont/iconfont.woff?t=1583311533723') format('woff'), /* chrome、firefox */ url('iconfont/iconfont.ttf?t=1583311533723') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('iconfont/iconfont.svg?t=1583311533723#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

.iconfont.blue{ color:#3791e0; }
.iconfont.red{ color:#FF4372; }
.iconfont.purple{ color:#9C27B0; }
.iconfont.orange{ color:#F48222; }
.iconfont.green,.iconfont.word.green{ color:#4caf50; }

.g-policy a{color: #333 !important;text-decoration: underline !important;}
a:active{ background:#ADE1F5; }
html,body{
	font: 12px/18px Arial;
	color: #333;
	overflow-x:hidden;
}
.milanoo-ar{direction: rtl;unicode-bidi: embed;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;}
li {list-style: none;}
img{ vertical-align: middle;}

div.main_box{margin-top: 1px;}
.layout{padding: 14px 15px;}
.layout-bottom{padding: 14px 15px 0 15px;}
.layout-top{padding: 0 15px 14px 15px;position: relative;}
/*.layout-top a{position: absolute;}*/
.border-top{border-top: 1px solid #E6E6E6;}
.border-bottom{border-bottom: 1px solid #E6E6E6;}
.rr{float: right;}
.milanoo-ar .rr{float: left;}
.ll{float:left;}
.milanoo-ar .ll{float: right;}
.ml10{margin-left: 10px;}
.bgwhite{background-color: #fff;}
.tsxx{ color: #2196F3; text-align: center; line-height: 24px;height: 24px;font-size: 16px;}
.tsxx .icon-europeup{
	width: 12px;
    height: 24px;
    display: inline-block;
    background: url(../images/bg_img.png?r={REVISION}) -2px -5094px no-repeat;
    position: relative;
    top: 4px;
    left:-2px;
 }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


html,body, ul, li, ol, li, dl, dt, dd, form, input, textarea, button, p, menu, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 20px;
	/*padding: 14px 0;
	height: 20px;*/
	line-height: 20px;
}
h2 {
	font-size: 18px;
	/*padding: 14px 0;
	height: 16px;*/
	line-height: 16px;
}
h3 {
	padding: 14px 0;
	/*height: 16px;
	line-height: 16px;*/
	font-size: 16px;
}
h4 {
	padding: 14px 0;
	/*height: 14px;
	line-height: 14px;*/
	font-size: 14px;
}
h5 {
	padding: 14px 0;
	/*height: 14px;
	line-height: 14px;*/
	font-size: 14px;
}

table{margin: 0;padding: 0;border-spacing:0;}
table.border{
	border: 1px solid #D6D6D6;
	border-width: 1px 0 0 1px;
}
table.border td{
	border: 1px solid #D6D6D6;
	border-width: 0 1px 1px 0;
}
.width_full{
	width: 100%;
}
.MT10{margin-top: 10px;}
.MT5{margin-top: 5px;}
.MB15{margin-bottom: 15px;}
.MB10{margin-bottom: 10px;}
.PT30{padding-top: 30px;}
.justify{
	text-align:justify;text-justify:inter-ideograph;
	vertical-align: top;
}
.justify_item{
	vertical-align: top;
	display: inline-block;
}
.fixJustify{margin: 0 !important;padding: 0 !important;height: 0;vertical-align: top;display: inline-block;}
/* public plug */
.button_link_icon,.button_link{position:relative;line-height: 33px; padding: 0 12px;background: #EEEEEE;border: 1px solid #CCCCCC;  display: inline-block;color: black;font-weight: normal;}
.button_link.blue{background: #22a0db;border:1px solid #22a0db; color: #fff;}
.button_link.yellow{background: #ed6d00;border:1px solid #ed6d00; color: #fff!important;}
.button_link.white{ background: #fff; color:#ed6d00;}
.button_link_icon{
	display: inline-block;
	width: 19px;
	height: 33px;
	background-image: url('../images/bg_img.png?r={REVISION}');
	background-repeat:  no-repeat;
	background-size: 160px;
}
.button_link.block_link {
	display: block;
	padding: 7px 15px;
}
.button_link.border-fillet {
	border-radius: 1000px;
}
.button_link.block_link.blue{
	text-align: center;
}
.button_link.arrow_right:after {
	font-family: 'iconfont';
	content: '\e6a7';
	position: absolute;
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	align-items:center;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	font-size: 16px;
}
.milanoo-ar .button_link.arrow_right:after{
	right: auto;
	left: 0;
	content: '\e697';
}
.button_link.ru_link{
	padding-top:13px;
	padding-bottom: 13px;
	line-height: normal;
}


.disabled {
	background: #ccc !important;
	color: #999 !important;
}

.show{display: block;}
.hide{display: none;}
.review .starts{color: #ED6D00;font-size: 14px;vertical-align: middle;}
.review .starts.big{font-size: 24px;}
.review .number{color: #999999; margin-left: 4px;font-size: 12px;vertical-align: middle;}
.milanoo-ar .review .number{margin-left: 0;margin-right: 4px;}
.review .number.big{ margin-left: 14px;color: #ED6D00;}
.milanoo-ar .review .number.big{margin-left: 0;margin-right: 14px;}

.review .text_orange{color: #ED6D00;}

.relative{position: relative;}

/* input style */
.properties input[type="number"] {
width: 30px;
text-align: center;
height: 14px;
padding: 12px;
/*width: 92%;*/
border: 1px solid #CCC;
-webkit-appearance: none;
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
}

/* control bar */
.big_link{
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	height: 43px;
	line-height: 43px;
}
.control_bar {
	text-align: center;
	padding: 0;
	/*margin: 0 20px;*//* 边距的控制用框架来控制 */
	height: 35px;
	position: relative;
}
.control_bar a.button_link,.control_bar a.button_link_icon {
	position: absolute;
}
.control_bar span {
	display: inline-block;
	margin: 10px 0;
}

.toleft {
	left: 0;
}
.milanoo-ar .toleft{
	left: auto;
	right: 0;
}
.toright {
	right: 0;
}
.milanoo-ar .toright{
	right: auto;
	left: 0;
}

.weight_normal{ font-weight: normal;}

/*text color*/
.text_blank{ color: #333;}
.text_orange{color: #ED6D00;}
.text_gery{color: #666666;}
.text_french_grey { color: #999999;}
.text_blue{ color: #22a0db;}
.text_green{ color: #90c55d;}
.text_red{ color: #d60000;}
.text_error{font-size: 14px;font-weight: bold;color: #D60000;}

/*text align*/
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center {text-align: center;}

/* background color */
.bg_white{background-color: #fff;}
.bg_gray {background-color: #eee;}
.bg_orange{background-color:#ED6D00; }

/* font style */
.fs16 {
	font-size: 16px;
}
.tips {
	color: #999;
	font-size: 12px;
	padding: 5px 0;
}

/* --- */

/*select*/
.select{
	position: relative;
	display: block;
	border:1px #ccc solid;
	overflow: hidden;
}
.select select {
	width: 100%;
	border:0;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	padding:0 40px 0 15px;
	background:none;
	outline: none;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}
.milanoo-ar .select select{
	padding:0 15px 0 40px;
}
.select .time_select{
    background-color: #fff;
}
.select:after {
	font-family: 'iconfont';
	content: '\e6a7';
	position: absolute;
	right: 15px;
	top:0;
	width: 16px;
	height: 38px;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.milanoo-ar .select::after{
	content: '\e697';
	right: auto;
	left: 15px;
}
.mini_select select{
	height: 39px;
	line-height: 39px;
}
.mini_select:after{
	height: 39px;
	line-height: 39px;
	font-size: 18px;
}

/*select end*/

.page_title {
	padding: 14px 15px;
}
.layout_title {
	padding: 0 0 14px 0;
}



/* 面包屑 */
#breadcrumb {
	padding: 10px 10px 0;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* FCK 的内容容器，都整翻 */
.FCK_conts {
	line-height: 22px;
	color: #666;
	font-size: 14px;
}
.FCK_conts p {
	margin: 0 0 10px 0;
}
.FCK_conts a {
	color: #22a0db;
}

.link_icon{
	height: 35px;
	width: 35px;
	border-radius: 70px;
	display: inline-block;
	background-image: url('../images/bg_img.png?r={REVISION}');
	background-size: 160px;
}
.link_orange{
	background-color: #ED6D00;
}
.icon_write{
	background-position:10px -1022px;
}
.nav_icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-image: url('../images/bg_img.png?r={REVISION}');
	background-repeat: no-repeat;
	background-size: 160px;
}
.milanoo-ar .nav_icon{
	margin-right: 0;
	margin-left: 10px;
}
.nav_icon.icon_facebook {
	background-position: 0 -680px;
}
.nav_icon.icon_twitter {
	background-position: -27px -680px;
}
.nav_icon.icon_pinterest {
	background-position: -55px -680px;
}
.nav_icon.icon_youtube {
	background-position: -82px -680px;
}
.nav_icon.icon_google {
	background-position: -55px -680px;
}
.nav_icon.icon_email {
	background-position: -82px -680px;
}

.nav_icon.icon_daily_madness {
	background-position: 0 -937px;
}
.nav_icon.icon_sale {
	background-position: 0 -980px;
}


/* 隐藏菜单 */
#menu{
	position: fixed;
	right: 100%;
	width: 100%;
	background-color:#fff;
	overflow-x:hidden;
	-webkit-transition:right .5s;
	transition:right .5s;
	z-index: 999;
}
#menu.menushow{
	right: 0;
}
#menu.menuhide{
	right: 100%;
}
html.freez{
	height: 100%;
	overflow: hidden;
}
body.freez{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.touchcarousel .arrow-holder.left{
	width: 20px;
	left:-20px !important;
}
.touchcarousel .arrow-holder.right{
	width: 20px;
	right:-20px !important;
}
.touchcarousel .arrow-icon.left {
	background:url("../images/bg_img.png?r={REVISION}") 5px -544px no-repeat;
	background-size: 160px;
	height: 50px;
	width: 20px;
}
 .touchcarousel .arrow-icon.right {
	height: 50px;
	background:url("../images/bg_img.png?r={REVISION}") 95% -499px no-repeat;
	background-size: 160px;
	width: 20px;
}
.touchcarousel .arrow-holder.disabled{
	display: none;
}


/* search empty */
.empty_msg{
	margin: 20px 0;
}
.empty_msg p{
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}


/* inpu[type='checkbox'] 先把这个屏蔽了，后面有空再研究了，还是用js模拟吧
.checkbox {
	display: inline-block;
	position: relative;
	height: 18px;
	width: 18px;
	border: 1px #ccc solid;
}
.checkbox input[type='checkbox'] {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	opacity: 0;
}
.checkbox label {
	position: absolute;
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
}
.checkbox input[type='checkbox']:checked ~ label{
	background: url('../images/bg_img.png?r={REVISION}') 4px -599px no-repeat;
	background-size: 500px;
}
*/


/*.smt_currency,.smt_price{
	margin-right: 2px;
}*/

/* go back */
.main_box.content_box{
	/*margin-top: 47px;*/
}
.go-back{
	padding: 14px 15px;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font-size: 16px;
	color: #000;
	left: 0;
	width: 100%;
	z-index: 50;
	margin-top: 1px;
}
.milanoo-ar .go-back{
	padding: 14px 0;
	left: auto;
	right: 0;
}
.go-back a{
	display: block;
	padding-left: 15px;
	background: url('../images/bg_img.png?r={REVISION}') 0 -563px no-repeat;
	background-size: 160px;
	color: #999;
}
.milanoo-ar .go-back a{
	padding-left: 0;
	padding-right: 35px;
	background-position: right -518px;
}


/*livechat*/
.livechat{
	width: 50px;
	height:50px;
	background: url("../images/wap_live_chat.png?r={REVISION}") 100% 100% no-repeat;
	background-size: 100%;
	position: fixed;
	right: 0;
	bottom: 20px;
	overflow: hidden;
	z-index: 1000;
}
/*#fuckId{
	position: relative;
}*/
.livechat #live800iconlink{
	display: block;
	height: 50px;
	width: 50px;
	opacity: 0;
	filter: alpha(Opacity=0);
	overflow: hidden;
}

.s_disabled {
	opacity: 0.6;
	filter: alpha(Opacity=60);
}
.s_disabled * {
	color: #999 !important;
	cursor: default;
}
/*main_top_title*/
.main_top_title{
	border-bottom: 1px #e5e5e5 solid;
}
.main_top_title h2{
	font-size: 18px;
	padding: 10px 15px;
	line-height: 35px;
	float: left;
}
.milanoo-ar .main_top_title h2{
	float: right;
}
.main_top_title a.addz{
	margin: 10px 15px 10px 0;
	background: url("../images/bg_img.png") no-repeat left top;
	background-size: 160px;
	background-position:0px -2133px;
	width: 35px;
	height: 35px;
	display: block;
}
.milanoo-ar .main_top_title a.addz{
	margin: 10px 0 10px 15px;
}
/*address*/
.Tab_two{padding: 1em;}
.Tab_two ul{}
.Tab_two li{float: left;width: 50%;}
.Tab_two a {
	font-size: 1em;
	/*display: block;*/
	text-align: center;
	border: 1px #ccc solid;
	background-color: #eee;
	padding: 5px 0px;
	color: #666;
	font-weight: bold;
	vertical-align:middle;
	display: table-cell;
	width: 50%;
}
.Tab_two .navBook a{border-radius: 6px 0px 0px 6px;border-right: none; 	width: 100%; display: block;}
.Tab_two .navBilling a{border-radius: 0px 6px 6px 0px;border-left: none;}
.Tab_two .focus a{
	color: #ed6d00;
	background: #fff;
	border: 1px #ed6d00 solid;
	z-index: 2;
	position: relative;
}
/*Spacing*/
.spacing:after {
display:block;
font-size:0;
content:" ";
clear:both;
height:15px;
background-color: #eee;
}

.spacing {
zoom:1;
}
/*dz_operate*/
.dz_choose{padding:15px;border-bottom: 1px #e5e5e5 solid;cursor: pointer;}
.dz_choose span{position: relative;padding-left: 30px;}
.milanoo-ar .dz_choose span{padding-left: 0;padding-right: 30px;}
.dz_choose span>i{
	background: url("../images/bg_img.png") no-repeat left top;
	background-size: 160px;
	display: inline-block;
	height: 20px;
	width: 20px;
	background-position: 0px -2061px;
	position: absolute;
	left: 0px;
}
.milanoo-ar .dz_choose span > i{
	left: auto;
	right: 0;
}
.dz_choose span>i.checked{background-position: 0px -2035px;}
.dz_choose span{
	line-height: 20px;
}
/*.dz_choose span.uncheck{background-position: 0px -2062px;}*/
.dz_operate{ border-top: 1px #e5e5e5 solid;position: relative;}
.dz_operate li{width: 50%;text-align: center;padding:10px 0;}
.dz_operate li.block_l{}
.dz_operate li.block_r{position: absolute;right: 0px;top:0px;border-left: 1px #e5e5e5 solid;}
.milanoo-ar .dz_operate li.block_r{right: auto;left: 0;}
.dz_operate a{
	display:inline-block;
	background:url("../images/bg_img.png") no-repeat left top;
	background-size: 160px;
	padding-left: 25px;
	line-height: 150%;
}
.dz_operate a.edit{background-position: 0px -2086px;}
.dz_operate a.delete{background-position: 0px -2109px;}
/*.dz_operate .Splitline{position: absolute;left: 50%;width: 1px;}*/

/*pnumber*/
.pnumber{position: relative;display: block;}
.pnumber .ccn{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	padding-left:0;
	padding-right:0;
	text-align: center;
	background: none;
	outline: none;
	background-color: #eee;
	-webkit-appearance: none;
	color: #999;
}
.milanoo-ar .pnumber .ccn{
	left: auto;
	right: 0;
}
.pnumber  span{position: absolute;left: 70px;top: 0px;line-height: 40px;}
.milanoo-ar .pnumber span{left: auto;right: 70px;}
.pnumber .uphone{margin-left: 80px;display: block;}
.milanoo-ar .pnumber .uphone{margin-left: 0;margin-right: 80px;}
/*nodata*/
.nodata{font-size: 14px;text-align: center;line-height: 200%;padding:15px;}
.rv_nodata,.wl_nodata,.or_nodata,.ad_nodata{
	display: block;
	overflow: hidden;
	background-color: #fff;
}
.or_nodata{padding: 10px 25px 25px 25px;}

.rv_nodata i{display: block;height: 150px;background: url('../images/history_empty.png?r={REVISION}') no-repeat 50% bottom; background-size: 95px 95px;}
.wl_nodata i{display: block;height: 150px;background: url('../images/wishlist_empty.png?r={REVISION}') no-repeat 50% bottom; background-size: 95px 95px;}
.or_nodata i{display: block;height: 150px;background: url('../images/order_empty.png?r={REVISION}') no-repeat 50% bottom; background-size: 95px 95px;}
.ad_nodata i{display: block;height: 150px;background: url('../images/address_empty.png?r={REVISION}') no-repeat 50% bottom; background-size: 95px 95px;}

.rv_nodata span,.wl_nodata span,.or_nodata span,.ad_nodata span{display: block; height: 50px; line-height:50px;text-align: center;color: #999;}
.rv_nodata a,.or_nodata a{display: block;text-align: center;font-size: 16px;font-weight: bold;}

/*全局菜单*/
ul.droplist {
	border-bottom: 1px solid #E5E5E5;
}
ul.droplist > li {
	border-top: 1px solid #E5E5E5;
}

ul.droplist > li > b {
	display: block;
	font-size: 16px;
	padding: 14px 0 14px 15px;
	background: url('../images/bg_img.png?r={REVISION}') no-repeat 15px -447px;
	background-size: 160px;
	/**/
}
.milanoo-ar ul.droplist > li > b{
	padding: 14px 15px 14px 0;
	background-position: right -1142px;
}
ul.droplist_new > li > b {
	padding: 0 0 0 15px;
}
ul.droplist_new > li > b img {
	width: 46px;
	height: 46px;
	margin-right: 15px;
}
ul.droplist > li b span {
	padding: 0 20px;
}
ul.droplist ol {
	display: none;
	border-top: 1px dashed #e5e5e5;
	padding: 0 15px;
}
ul.droplist ol > li {
	font-size: 14px;
}
ul.droplist ol > li a{
	display: block;
	color: #333;
	padding: 14px 0;
}
ul.droplist ol > li a::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	background:url('../images/bg_img.png?r={REVISION}') no-repeat 0 -1072px;
	background-size: 160px;
}
ul.droplist ol > li a.current::before{
	background-position: 0 -1117px
}
/*ul.droplist .opened ~ ol{
	display: block;
}*/
ul.droplist b.opened {
	background-position: 15px -402px;
}
.milanoo-ar ul.droplist b.opened{
	background-position: right -1176px;
}

ul.droplist.gray_sublist ol {
	border-top: 1px solid #E5E5E5;
	background: #eee;
	padding: 0;
}
ul.droplist.gray_sublist ol li {
	border-top: 1px dashed #fff;
}
ul.droplist.gray_sublist > li b span{
	padding-left: 0;
}
ul.droplist.gray_sublist ol li:first-child {
	border-top: none;
}
ul.droplist.gray_sublist ol li a {
	background: none;
	padding: 14px 35px;
	color: #666;
}
ul.droplist_new.gray_sublist ol li a {
	padding: 14px 100px;
}
ul.droplist.gray_sublist ol li a.text_orange{
	color: #ED6D00;
}
ul.droplist.gray_sublist > li{
	padding-left:0;
}
ul.droplist.gray_sublist > li > b{
	background-position: 100% -1143px;
}
.milanoo-ar ul.droplist.gray_sublist > li > b {
	background-position: 15px -447px;
}
ul.droplist.gray_sublist b.opened {
	background-position: 100% -1176px;
}
.milanoo-ar ul.droplist.gray_sublist b.opened {
	background-position: 15px -402px;
}

/*page*/
.page {clear: both;padding: 10px;overflow: hidden;padding-bottom: 10px;background-color: #fff;}
.page span{display: block;}
.page .page_num{display: block;margin-top: 10px;}
.page .page_num b.current_p{
    padding: 5px 10px;
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    color: black;
    font-weight: normal;
    }
.page .page_num a{
    padding: 5px 10px;
    margin-right: 5px;
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    color: black;
    font-weight: normal;
    }



li.christmas a{color:#009900; font-weight: bold;padding: 14px 0 14px 15px;
	font-size: 16px;display: block;}

.wating-time{ font-size: 13px;margin:0 15px 0 15px; border-radius: 3px; color:#aaa;}

/*new discount shopcart and list*/
.discount {position: relative;}
.discount td{padding: 0!important;}
.discount a{position: relative; display: block;}
.discount .inner-discount a{margin:0 15px;}
.discount .disinfo-now{ margin-top:-1px; background: #fff; line-height: 18px; padding: 6px 40px  6px 45px ; font-weight: normal; display: block; font-size: 14px; color: #333; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.discount .disinfo-now:before{content: ''; font-family: 'iconfont'; position: absolute; width: 30px; height: 30px; top: 50%; left: 4px; margin-top: -15px; font-size: 24px; color: #c00; line-height: 30px; text-align: center; }
.discount .inner-discount .disinfo-now{border-left: 1px solid #ccc;border-right:1px solid #ccc;}
.milanoo-ar .discount .disinfo-now:before{left: auto;right: 4px;}
.discount .disinfo-now.dis:before{ content: '\e651'; }
.discount .disinfo-now.cut:before{ content: '\e650'; }
.discount .disinfo-now.free:before{ content: '\e64e'; }
.discount .disinfo-sale{ display: block; color: red; }
.discount .discount-go{ position: absolute; top:50%; margin-top: -9px; right: 10px; color: #555;}
.milanoo-ar .discount .discount-go{right: auto;left: 10px;}

.search-form{
	border-radius: 20px;
	background: #F4F4F4;
}

.footer-search-form{
	margin-bottom: 14px;
	text-align: initial;
}

.flex {
    display: -webkit-flex;
    display: flex
}

.flex.column{
	flex-direction: column;
}

.flex.wrap {
    flex-wrap: wrap
}

.flex.between {
    justify-content: space-between
}

.flex.around {
    justify-content: space-around
}

.flex.center {
    justify-content: center
}

.flex.a-center {
    align-items: center
}

.flex.a-start {
    align-items: flex-start
}
.flex.row-reverse{
	flex-direction: row-reverse;
}

.flex .flex-item {
    flex-grow: 0
}

.flex .flex-item.flex-main {
    flex-grow: 1
}

.flex .flex-item.noshrink {
    flex-shrink: 0
}

.flex .flex-item.flex-half{
	flex-basis: 50%;
}

.word{
	font-size: 12px;
	color: #333;
}

.word.big {
    font-size: 14px
}

.word.large {
    font-size: 16px
}

.word.larger{
	font-size: 18px
}

.word.great{
	font-size: 20px
}

.word.greater{
    font-size: 22px
}

.word.giant {
    font-size: 24px
}

.word.gianter{
	font-size: 26px
}

.word.huge{
	font-size: 32px
}

.word.cont {
    color: #666
}

.word.tip {
    color: #999
}

.word.white{
	color: #fff;
}

.word.orange{
	color: #ed6d00;
}
.word.blue{
	color: #3791e0;
}
.word.green{
	color: #9edb52;
}

.word.disable{
	color: #ddd;
}

.word.error{
	color: #c00;
}

.word.bold{
	font-weight: bold;
}

.word.underline{
	text-decoration: underline;
}

.word.linethrough{
	text-decoration: line-through;
}

.word.uppercase{
	text-transform: uppercase;
}

.word.ellipsis{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.word.breakword{
	word-break: break-all;
}

.lmargin-level-1 {
  margin-left: 5px;
  margin-right: 5px;
}
.tmargin-level-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.lpadding-level-1 {
  padding-left: 5px;
  padding-right: 5px;
}
.tpadding-level-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.lmargin-level-2 {
  margin-left: 10px;
  margin-right: 10px;
}
.tmargin-level-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.lpadding-level-2 {
  padding-left: 10px;
  padding-right: 10px;
}
.tpadding-level-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.lmargin-level-3 {
  margin-left: 15px;
  margin-right: 15px;
}
.tmargin-level-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.lpadding-level-3 {
  padding-left: 15px;
  padding-right: 15px;
}
.tpadding-level-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.lmargin-level-4 {
  margin-left: 20px;
  margin-right: 20px;
}
.tmargin-level-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.lpadding-level-4 {
  padding-left: 20px;
  padding-right: 20px;
}
.tpadding-level-4 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.align-item-left {
  text-align: left;
}
.align-item-right {
  text-align: right;
}
.align-item-center {
  text-align: center;
}

.set-border{
	border-width: 0;
}
.set-border.border-style-solid{
	border-style: solid;
}
.set-border.border-style-dashed{
	border-style: dashed;
}
.set-border.border-style-dotted{
	border-style: dotted;
}
.set-border.border-color-gray{
	border-color: #f5f5f5;
}
.set-border.border-color-orange{
	border-color: #ed6d00;
}
.set-border.border-color-red{
	border-color: #c00;
}
.set-border.border-color-light{
	border-color: #ccc;
}
.set-border.border-color-dark{
	border-color: #333;
}
.set-border.border-radius-small{
	border-radius: 4px;
}
.set-border.border-radius-half{
	border-radius: 50%;
}
.set-border.border-width-1{
	border-width: 1px;
}
.set-border.lborder-width-1{
	border-left-width: 1px;
}
.set-border.tborder-width-1{
	border-top-width: 1px;
}
.set-border.rborder-width-1{
	border-right-width: 1px;
}
.set-border.bborder-width-1{
	border-bottom-width: 1px;
}
.set-border.border-width-2{
	border-width: 2px;
}
.set-border.lborder-width-2{
	border-left-width: 2px;
}
.set-border.tborder-width-2{
	border-top-width: 2px;
}
.set-border.rborder-width-2{
	border-right-width: 2px;
}
.set-border.bborder-width-2{
	border-bottom-width: 2px;
}

.iconfont.icon-more::before{
	content: '\e6a7';
}
.milanoo-ar .iconfont.icon-more::before{
	content: '\e697';
}
.iconfont.icon-goback::before{
	content: '\e637';
}
.milanoo-ar .iconfont.icon-goback::before{
	content: '\e6e5';
}
.iconfont.icon-plus::before{
	content: '\e626';
}
.iconfont.icon-minus::before{
	content: '\e61c';
}

.bg-orange{
    background-color: #ed6d00;
}
.bg-blue{
	background-color: #22a0db;
}
.bg-gray{
    background-color: #f5f5f5;
}
.bg-white{
    background-color: #fff;
}

.pager,.popper {
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 1009;
}

.popper {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100vw;
    left: 0;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    opacity: 0;
    transition: all .5s
}

.popper.show {
    visibility: visible;
    opacity: 1
}

.popper .popper-c {
    width: 5rem;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,.7)
}

.pager {
    width: 100vw;
    left: 0;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.pager .pager-c,.pager .pbody,.pager .pheader,.pager .pfooter {
	position: absolute;
    box-sizing: border-box;
    width: 100%
}

.pager .pager-c {
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-overflow-scrolling: touch;
}

.pager.slideUp .pager-c{
	left: 0;
	top: 100%;
}

.pager.slideDown .pager-c{
	left: 0;
	top: -100%;
}

.pager.slideLeft .pager-c{
	left: 100%;
	top: 0;
}

.pager.slideRight .pager-c{
	left: -100%;
	top: 0;
}

.pager.show {
    visibility: visible;
    opacity: 1
}

.pager.slideUp.show .pager-c, .pager.slideDown.show .pager-c {
    top: 0
}

.pager.slideUp.show.half .pager-c, .pager.slideDown.show.half .pager-c {
	top: 20%
}


.pager.slideLeft.show .pager-c, .pager.slideRight.show .pager-c{
	left: 0;
}

.pager .pheader {
	left: 0;
	top: 0;
	height: 48px;
	line-height: 48px;
	box-shadow: 0 0 3px #ddd;
	z-index: 999;
	background: #fff;
}

.pager .pbody {
	left: 0;
	top: 48px;
	height: calc(100% - 48px);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.pager .pbody.has-footer{
	height: calc(100% - 96px);
}

.pager.half .pbody{
	height: calc(80% - 48px);
}

.pager.half .pbody.has-footer{
	height: calc(80% - 96px);
}

.pager.fillContent .pager-c{
    background-color: transparent;
}

.pager.fillContent .fillContent-c{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    max-height: 100%;
    padding-top: 48px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.pager .pfooter{
	left: 0;
	bottom: 0;
}

/* check-box */
.check-item{
	position: relative;
	padding-right: 40px;
}
.check-item::after{
	content:'\e634';
	font-family: "iconfont";
	position: absolute;
	top:50%;
	right: 10px;
	font-size: 22px;
	margin-top: -6px;
	color:#bbb;
}
.check-item.item-normal{
	padding-bottom: 0;
}
.check-item.itemleft{
	padding-left:40px;
}

.check-item.itemleft:after{
	left:10px;
	right: auto;
}

.check-item.itemtop:after{
	top:16px;
	margin-top:0;
}

.check-item.selected::after,.check-item.selected.itemleft::after{
	content: '\e62d';
	color: #ed6d00;
}
.art_box{
	padding: 10px 15px;
}
#flymsg{
	position: fixed;
	display: none;
	width: 4.8rem;
	padding:15px 10px;
	box-sizing:border-box;
	top: 45%;
	left: 50%;
	margin-left: -2.4rem;
	border-radius: 5px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	font-size: 14px;
	text-align: center;
	z-index: 1199;
}

.scroll-box{
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
}
.scroll-box .scroll-list{
	width: 99999em;
}
.scroll-box .scroll-list::after{
	content: '';
	clear: both;
	display: block;
}

.no-appearance{
	-webkit-appearance: none;
}