.log-content {    display: flex;    display: -webkit-flex;   height: 100%;    flex-direction: column;    align-content: center;    justify-content: center;    z-index: 22;    position: relative;}
.log-logo{	  display:flex;	  display: -webkit-flex; align-items: center;	  width: 100%;	  justify-content: center;	   margin-top: 0; font-size: 1.5rem; color: #fff; flex-flow: column; margin-bottom: 3.125rem;}
.log-logo small{ margin-top: 0.75rem; opacity: 0.75;}

.log-box {	border:rgba(255,255,255,.3) 1px solid;	border-radius: 3px;	-webkit-border-radius: 3px;	margin: 0px 15px 15px;}

.user-icon:before{	content: "\e6a0";}
.padlock-icon:before{	content: "\e69f";}
.code-icon:before{	content: "\e71c";}
.log-box .mui-input-row {		margin:0px 0px;	position: relative;	overflow: inherit;	padding: 5px 0px;}
.log-box .mui-input-row:after {	content: '';	background:rgba(255,255,255,.3);	height: 1px;	position: absolute;	left: 0px;	bottom: 0px;	right: 0px;	display: inline-block;}
.log-box .mui-input-row:last-child:after {	display: none;}
.log-box .mui-input-row .iconfont {	font-size: 24px;	position: absolute;	z-index: 1;	top: 18px;	left: 5px;	width: 30px;	height: 30px;	text-align: center;	color: #bbb;}
.log-box .mui-input-row input[type=password],
.log-box .mui-input-row input[type=text] {	border: none;padding: 10px 15px 10px 40px;	border-radius: 0px;	-webkit-border-radius: 0px;	margin-bottom: 0px;	background: none;	font-size: 15px;	height: 47px;	color: #fff;}
.log-box .mui-input-row input::placeholder {	color: rgba(255,255,255,.5);}
.log-box .mui-input-row .mui-input-password~.mui-icon-eye {	right: 0px;	top: 18px;	color: #fff;}
.log-box .mui-input-row .mui-input-password~.mui-icon-eye.mui-active {	color: #ff9900;}
.log-box .mui-input-row .mui-input-clear~.mui-icon-clear {	color: #fff;	top: 16px;}
.log-btn {background: #fff;	height: 3.125rem;	border: none;	margin: 30px 15px 10px;	border-radius: 3px;	-webkit-border-radius: 3px;	color:#1492FF;	font-size: 1.125rem;	width: auto;	display: flex;	justify-content: center;	align-items: center;}
.log-btn:active {	color: #fff;	background: #fff;}


.m-head{ background:#1492FF; width: 100%; padding: 1rem 0; position: relative; }
.m-head .user{ padding: 0.75rem; display: flex; display: -webkit-flex; position: relative; z-index: 9; align-items: center;}
.m-head .user .photo{ width: 4rem; height: 4rem; border-radius: 50%; -webkit-border-radius: 50%; float: left; margin-right: 0.875rem;}
.m-head .user .name{font-size: 1.125rem; color: #fff;}
.m-head .user .name .level{ font-size: 0.875rem; display: block; margin-top: 0.75rem;}
.m-head .user .set{ position: absolute; font-size: 0.875rem; color: #fff; right: 0.375rem;}

.m-amount{ padding:1rem 0.75rem; background: #fff;}
.m-amount ul{ display: flex; display: -webkit-flex; justify-content: space-between;}
.m-amount ul li a{ font-size: 0.875rem; color: #595959;  position: relative; text-align: center;}
.m-amount ul li a span{ font-size:1.25rem; color: #262626; display: block; margin-bottom: 0.375rem; font-weight: 600;}
/*.m-amount ul li:not(:last-child):after{position: absolute; content: ''; background: #E8E8E8; right: 0px; top: 50%; width: 1px; height: 1rem; transform: translateY(-50%);}*/


.m-menu {position: relative; display: flex;		display: -webkit-flex;		justify-content:space-around;	-webkit-justify-content: space-around;	align-items: center; -webkit-align-items: center; background: #fff; padding: 0.75rem 0;	}
.m-menu:after {		top: 0px;	position: absolute;	left:0;  right:0; background: #F5F5F5;	height: 1px;	content: '';	display: inline-block;	width: auto	}
.m-menu li {	font-size: 0.875rem;	color: #8C8C8C;		position: relative;	}
.m-menu li a {	display: flex;	display: -webkit-flex;	align-content: center;	align-items: center;	flex-direction: column;	color: #262626;	}
.m-menu li span { overflow: hidden; font-size: 1.5rem;  height: 2rem; height: 2rem;	position: relative; margin-bottom: 0.375rem; width: 100%;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; color: #595959;}
.m-menu li span:before{background:-webkit-linear-gradient(left,#1492FF,#007ecb); background:linear-gradient(left,#1492FF,#007ecb);}


.m-menu-4{ background: #fff; padding-bottom: 0.75rem; height: auto; overflow: hidden; display: flex; display: -webkit-flex; flex-flow: wrap;}
.m-menu-4 li{ padding: 0.75rem; box-sizing: border-box;  width: 25%;}
.m-menu-4 li span{height: 2.75rem; width: 2.75rem; overflow: hidden; color: #1492FF; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 1.75rem;}
.m-menu-4 li:before{ content: ''; height: 100%; background: #E8E8E8; position: absolute; right: 0px; top: 0; bottom: 0; width:1px;}
.m-menu-4 li a{ font-size: 0.9375rem; color: #595959; display: flex; display: -webkit-flex; align-items: center; flex-flow: column; justify-content: center;}


.editorial { display: block;  width: 100%;  height: 2rem;  position: absolute; bottom: 0;  max-height: 100vh;  margin: 0;}
.parallax > use {
  animation: move-forever 12s linear infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
}
.parallax > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 3s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}


.logis-detail{ padding: 0.75rem; background: #fff;}
.logis-detail ul li{ color: #8C8C8C;  position: relative;}
.logis-detail ul li .date{width: 2.5rem; padding: 0.75rem 0 0.75rem 0.375rem; text-align: right; font-size: 0.875rem;}
.logis-detail ul li .item{    border-left: 2px solid #BFBFBF;    padding: 0rem 0 0.75rem 2rem;    margin-left: 1.625rem;    position: relative;}
.logis-detail ul li .item:after{    content: '';    display: inline-block;    position: absolute;    left: -0.375rem;    top: 30px;    width: 0.375rem;    height: 0.375rem;    -webkit-border-radius: 10px;    background: #BDBDBD;    border: 2px solid #fff;}
.logis-detail ul li .item .content{    display: -webkit-box;    position: relative;    background: #f5f5f5;  padding: 0.375rem 0.75rem;   -webkit-border-radius: 3px;    }
.logis-detail ul li .item .content p{font-size: 0.875rem; color: #8C8C8C;}
.logis-detail ul li .item .content .time{width: 3.125rem;   line-height: 1.6;}
.logis-detail ul li .item .content .detail{    -webkit-box-flex: 1;   line-height: 1.6;}
.logis-detail ul li .item .content:after{    content: '';   display: inline-block;    position: absolute;    left: -0.75rem;    top: 1rem;    border-left: 0.75rem solid #fff;    border-bottom: 0.75rem solid #F5F5F5;}
.logis-detail ul li .first{    border-left: 2px solid #1492FF; }
.logis-detail ul li .first:after{background: #1492FF; }
.logis-detail ul li .first .content{ background: #1492FF; }
.logis-detail ul li .first .content p{color: #fff;}
.logis-detail ul li .first .content:after{    border-bottom: 0.75rem solid #1492FF;}

.alone-time{ display: flex; display: -webkit-flex; height: 2rem; font-size: 0.875rem; align-items:flex-end; justify-content: center;}

.evaluate-item{ background: #fff; margin-bottom: 10px;}
.evaluate-item .goods{ display:  flex; display: -webkit-flex; padding: 0.375rem 0.75rem; border-bottom: #F5F5F5 1px solid;}
.evaluate-item .goods .picture{width: 3rem; height: 3rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border: #E8E8E8 1px solid;}
.evaluate-item .goods .picture img{ display: block;  width: 100%;}
.evaluate-item .textarea-box{  margin:0.75rem;  }
.evaluate-item .textarea-box textarea{width: 100%; border: none; padding: 0; font-size: 0.875rem;}
.evaluate-item .textarea-box textarea::placeholder{ color: #BFBFBF;}
.evaluate-item .image-list{ border-top: none; padding-top: 6px;}
.evaluate-item .image-list .image-item {   width: 22%; margin-right: 4%; height:auto; background:none; border: none; display:flex; display: -webkit-flex; align-items: center; border: #E8E8E8 1px solid; }
.evaluate-item .image-list .image-item img{ width: 100%; display: block; }
.evaluate-item .image-list .image-item:nth-child(4n){ margin-right: 0px;}
.evaluate-item .image-list .image-item.space {	border: none;}
.evaluate-item .keyword{ border-top: #f0f0f0 1px solid; padding:0.75rem 0.75rem 0.375rem 0.75rem; display: flex; display: -webkit-flex; flex-flow: wrap;}
.evaluate-item .keyword span{ height:2rem; display: flex; display: -webkit-flex; align-items: center; border: #E8E8E8 1px solid; color: #232323; font-size: 0.9375rem; padding: 0 0.375rem; margin-right: 0.375rem; margin-bottom: 0.375rem;}
.evaluate-item .keyword span.active{ background: #1492FF; color: #fff; border: #1492FF 1px solid;}



.order-score{ display: flex; display: -webkit-flex; margin-left: 0.75rem; background: #fff; align-items: center; position: relative;  box-sizing: border-box;}
.order-score #box {list-style: none;  overflow: hidden;}
.order-score .image { float: left; width: 1.5rem;	height: 1.25rem;	background: url(../images/star.png) no-repeat left top;background-size: 1rem 1rem; }
.order-score .imageOne {  float: left; width: 1.5rem;	height: 1.25rem; background: url(../images/star-on.png) no-repeat left top;	background-size: 1rem 1rem; }
.order-score #info{ color: #FF9900; padding-left: 0.375rem; font-size:1rem;}


.m-record-head{	 background: #1492FF;	 padding:2rem 0;	 display: flex;	 display: -webkit-flex;	 justify-content: center;	 font-size: 0.75rem;	 color: #fff;	 flex-flow: column;	 align-content: center;	 width: 100%;	 align-items: center;	 position: relative;}
.m-record-head span{ font-size: 2rem; margin-bottom: 0.375rem;	 color: #fff;	 display: block;	 }

.m-record-list:after { display: none;}
.m-record-list.mui-table-view:before {	display: none;}
.m-record-list li:after {	background-color: #e8e8e8;}
.m-record-list li{ display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; padding:1rem 0.75rem;}
.m-record-list li .info{ display:  flex; display: -webkit-flex; flex-flow: column; font-size:1rem;}
.m-record-list li .info .time{ font-size: 0.875rem; color: #BFBFBF; margin-top: 0.375rem;}
.m-record-list li .num{ color: #FF9900; font-size: 1.125rem;}


.m-list-item{	background: no-repeat;}	
.mui-content>.m-list-item:first-child{	margin-top: 0px;}
.m-list-item li.mui-table-view-cell {	padding: 0.75rem;	font-size:1rem;	color: #262626;	line-height:1.6;	background: #fff;}
.m-list-item.mui-table-view:before,.m-list-item.mui-table-view:after {	display: none;}
.m-list-item li.mui-table-view-cell>a:not(.mui-btn) {	margin:-0.75rem; display: flex; display: -webkit-flex; align-items: center;}
.m-list-item li.mui-table-view-cell:after {	left: 0.75rem;	background: #eee;}
.m-list-item li.mui-table-view-cell.no-after:after{     background: none;}
.m-list-item li .value{ 	float: right; 	color: #333;	 font-size:1rem; border: none;	 padding:0px 20px 0px 0px;	  line-height: 1.6;}
.m-list-item li .value-nr{ padding-right: 0;} 
.m-list-item li .head-img{	 border-radius: 50%; 	 -webkit-border-radius: 50%;	 }
.m-list-item li .text{ 	position: absolute;	 right: 35px; transform: translateY(-50%); top: 50%;	 font-size: 0.75;	  color: #BFBFBF;}
.m-list-item li .mui-media-body .name{ line-height: 1.4;}
.m-list-item li .mui-media-body .name p{ font-size: 0.875rem; color: #8C8C8C;}
/*.m-list-item li.legend{ 	background: #f6f5f5; 	padding: 13px 15px;	font-size: 14px;	 color: #76787A;	}
.m-list-item li.legend:after{	 display: none;	}	*/
.m-list-item li .num{ 	float: right;  font-size:1rem; border: none;	 	  line-height: 1.6;}
.m-list-item  li.mui-input-row {	padding: 0.375rem 0px;	font-size: 1rem;	color: #333;	line-height: 1.6;	background: #fff;	position: relative;}
.m-list-item  li.mui-input-row.other{ padding-right: 30px;} 
.m-list-item  li.mui-input-row.other .unit{ position: absolute; right: 15px; color: #bbb; top: 17px; }
.m-list-item  li.mui-input-row label~input,.m-list-item  li.mui-input-row label~textarea{	font-size:1rem;}
.m-list-item  li.mui-input-row:last-child:after{ display: none;}
.m-list-item  li.mui-input-row:after{	    position: absolute;    right: 0;    bottom: 0;    left: 15px;    height: 1px;    content: '';    -webkit-transform: scaleY(.5);   transform: scaleY(.5);   background-color: #eee;} 
.m-list-item li.mui-input-row label~input::placeholder,.m-list-item li.mui-input-row label~textarea::placeholder{	color: #bbb;}
.m-list-item.m-list-item1 li a{	 line-height: 36px;}
.m-list-item.m-list-item1 li img{ border-radius: 4px; -webkit-border-radius: 4px;	float: left;	 display: block;	 width: 36px;	 height: 36px;	 margin-right: 5px;}
.m-list-item li .icon{ width: 1.5rem; height: 1.5rem; margin-right: 0.375rem; }

.m-form-box{ background: none;}
.m-form-box:before,.m-form-box:after{ display: none;}
.m-form-box ul{background: none;}
.m-form-box ul:after{ display: none;}
.m-form-box ul li.mui-input-row .mui-navigate-right:after{ right: 0.75rem;}
.m-form-box ul li.mui-input-row:after{ background-color: #E8E8E8;}
.m-form-box ul li.mui-input-row:last-child:after{ display: none;}
.m-form-box ul li.mui-input-row {background: #fff;	padding: 0.375rem 0px;	 font-size: 0.875rem;	height: auto;	overflow: hidden; position: relative;}
.m-form-box ul li.mui-input-row label{ color: #262626;}
.m-form-box ul li.mui-input-row label~input{	font-size:0.875rem; height: auto; line-height: inherit; text-align: left;  }
.m-form-box ul li.mui-input-row textarea{	font-size:0.875rem; text-align: left; }
.m-form-box ul li.mui-input-row label~input::placeholder,.m-form-box ul li.mui-input-row textarea::placeholder{	color: #BFBFBF;}
.m-form-box ul li.mui-input-row label~input.tar{ text-align: right; color: #8C8C8C;}
.m-form-box ul li.mui-input-row .value{ color: #262626; padding: 0.75rem 2rem 0.75rem 0px; float: left; width: 65%; font-size: 0.875rem; line-height: inherit; height: auto; }
.m-form-box ul li.mui-input-row .r-value{  padding: 0.75rem 0.75rem 0px; }
.m-form-box ul li.mui-input-row select {   direction: rtl;}
.m-form-box ul li.mui-input-row select option {    direction: ltr;}
.m-form-box ul li.mui-input-row.noline:after{ display: none;}
.m-form-box ul li.mui-input-row.price-box{}
.m-form-box ul li.mui-input-row.price-box label~input{ padding-right: 35px;}
.m-form-box ul li.mui-input-row.price-box .unit{ position: absolute; right: 0px; font-size: 0.875rem; color: #BFBFBF; right: 0.75rem; top: 50%; transform: translateY(-50%); margin-top: -1px;}
.m-form-box ul li.mui-input-row .code {	font-size: 0.75rem;	top: 50%;	transform: translateY(-50%);	-webkit-transform: translateY(-50%);	display: inline-block;	color: #fff;	position: absolute;	right:0.75rem;  height:1.875rem; display: flex; display: -webkit-flex; align-items: center; padding: 0px 0.75rem; border-radius:1rem; background: #1e82d2;}
.m-form-box ul li.mui-input-row .gray {background: #eee; border: #eee 1px solid; color: #999;}

.submit-btn{ margin:2rem 0.75rem; }
.submit-btn button{display: block; box-sizing: border-box; width: 100%; background: #1492FF; font-size: 1rem; padding: 0.75rem 0; color: #fff; border: none; border-radius: 0px; box-shadow:rgba(0,0,0,.1) 0 0 5px; border-radius: 3px; }
.submit-btn button:enabled:active{ background: #1e82d2; color: #fff;}
.submit-btn button.opactiy{ opacity: 0.5; filter: Alpha(opacity=50); }
.submit-btn button.border{/*opacity: 0.5; filter: Alpha(opacity=50);*/ background:transparent; color: #1492FF; border: #1492FF 1px solid;}
.submit-btn button.border-white{background:transparent; color: #fff; border: #fff 1px solid;box-shadow: none;}


.m-tip{ color:#595959; font-size: 0.875rem; padding: 1rem;}

.mui-content>.m-adder-list:first-child {	margin-top: 0px;}
.m-adder-list {	background: none;}
.m-adder-list:before,.m-adder-list:after {	display: none;}
.m-adder-list .mui-table-view-cell:after {	left: 0px; background: #F5F5F5;}
.m-adder-list .mui-table-view-cell {	margin-bottom: 0.375rem;	background: #fff;}
.m-adder-list .adder-edit {	display: block;	position: relative;	clear: both;	 padding-bottom: 0.75rem;}
.m-adder-list .adder-edit .value{ font-size: 0.875rem; display: flex; display: -webkit-flex; align-items: center; min-height: 1.5rem;}
.m-adder-list .adder-edit .select:before{ float: left; font-family: Muiicons;   font-size: 1.75rem;   font-weight: 400;   line-height: 1;   text-decoration: none;   color: #bfbfbf;   border-radius: 0;   background: 0 0;   -webkit-font-smoothing: antialiased;     content: '\e411'; margin-right: 5px;}
.m-adder-list .adder-edit .active .select:before{   color:#1492FF;     content: '\e442';}
/*.m-adder-list .mui-table-view-cell .delete-icon {	color: #999;	font-size: 28px;	vertical-align: middle;}
.m-adder-list .mui-table-view-cell .delete-icon:before {	content: "\e824";}*/
.m-adder-list .mui-table-view-cell .edit-icon {	color: #BFBFBF;	font-size: 1.5rem;	vertical-align: middle;	}
.m-adder-list .mui-table-view-cell .edit-icon:before {	content: "\e75a";}
.m-adder-list .adder-item {}
.m-adder-list .adder-item h4 {	font-size: 1rem; color: #262626;}
.m-adder-list .adder-item p{ font-size: 0.875rem; margin-top: 0.75rem; line-height: 1.4; color: #8c8c8c; position: relative;}
.m-adder-list .adder-item p span{left: 0; position:absolute; padding-right: 10px;}
.m-adder-list .adder-item p font{ color: #262626; padding-left: 90px; display: block;}
.m-adder-list .adder-item.mui-table-view-cell>a:not(.mui-btn).mui-active {	background: none;}
.m-adder-list .adder-item:after {	left: 0px;}