body{
	background-color: #fcfcfe;
}
hr{
	height:1px;
	border:none;
	border-collapse: none;
	display: block;
	background-color: #eee;
	margin:10px 0;
}
.topnavi{
	background-color: rgba(0,0,0,0.05);
	/*color: rgba(255,255,255,0.9);*/
}
.topnavi a{
	display: inline-block;
	padding: 0 10px;
}
.topnavi a:hover{
	color: #fc0;
}
.logo-mini{
	width: 100px;
	height: 28px;
	background: url('../img/logo-red.png') no-repeat center center;
	background-size: 100px;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
.member-head{
	height: 60px;
	background-color: #ffffff;
	line-height: 60px;
	border-bottom: 1px solid #eee;
}
.member-head a{
	font-size: 14px;
	margin: 0 20px;
}
.member-head a:hover{
	color: #fc0;
}

.ubox{
	padding-left: 30px;
	padding-top: 5px;
}
.tqbox{
	width: 80px;
	text-align: center;
	display: inline-block;
	line-height: 280%;
}

.member{
	background-color: #fff;
	min-height: 600px;
	position: relative;
}
.member:before{
	content: '';
	display: inline-block;
	width: 190px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #fefbf7;
	position: absolute;
}
.member.member-bg2:before{
	background: #f9fafe;
}
.member-sidebar{
	width: 190px;
	padding: 0px 0 30px 0;
	z-index: 9;
	position: relative;
}
.member-sidebar span.label{
	text-indent: 25px;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 36px; 
}
.member-ubox{
	padding: 5px 0;
}

.u-item{
	padding: 8px 10px;
	font-size: 12px;
	text-indent: 30px;
}
.u-item a{
	display: block;
}
.u-item.active{
	background: #fff;
}
.u-item.active a{
	color: #f00;
}


.member-userbox{
	padding: 30px 10px 40px 10px;
	background: #fff8ee url('../img/user_bg.jpg') no-repeat center bottom;
	text-align: center;
	position: relative;
}
.member-userbox.member-userbox-bg2{
	background: #e9f3ff url('../img/user_bg2.jpg') no-repeat center bottom;
}
.avatar-box{
	height: 64px;
	text-align: center;
}
.avatar-box img{
	width: 64px;
	height: 64px;
	border-radius: 64px;
}
.member-usernamebox{
	padding: 10px 0 0 0;
}

.logoutbox{
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	line-height: 20px;
	background-color: rgba(0,120,210,0.65);
	vertical-align: baseline;
	padding: 5px 0;
}
.logoutbox.m{
	background-color: rgba(250,165,0,0.65);
}

.logoutbox:hover{
	background-color: rgba(0,120,210,0.85);
}
.logoutbox.m:hover{
	background-color: rgba(250,165,0,0.85);
}

.logoutbox i{
	vertical-align: baseline;
	color: #fff;
}
.logoutbox a{
	color: #fff;
}
.member-body{
	width: 960px;
	padding-right: 20px;
}
.member-body-head{
	border-bottom: 1px solid #ddd;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-indent: 10px;
}
.member-body-head i{
	font-size: 24px;
	color: #999;
	margin-right: 10px;
}
.member-navi{
	height: 42px;
	border-bottom: 1px solid #f2f2f2;
	line-height: 42px;
	padding-top: 10px;
	padding-left: 30px;
}
.member-navi a{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding:0 10px;
	position: relative;
	margin-right: 30px;
}
.member-navi a:hover{
	color: #f90;
}
.member-navi a.active{
	color: #f00;
}
.member-navi a.active:after{
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom:-1px;
	background-color: #f00;
	left: 0;
}
.member-navi a:hover:after{
	content: '';
	height: 3px;
	width: 100%;
	position: absolute;
	bottom:-1px;
	background-color: #fc0;
	left: 0;
}


/*.member-ubox .u-item:last-child{
	border:none;
}*/
.u-item label{
	display: inline-block;
	margin:0;
	padding:0;
	color: #999;
	width: 50px;
	vertical-align: top;
}
.u-item-body{
	display: inline-block;
	width: 172px;
	vertical-align: top;
}


.tsn{
	display: inline-block;
	border:1px solid #ddd;
	padding:5px 10px;
	margin:5px;
	cursor: pointer;
	font-size: 12px;
	border-radius: 3px;
}
.tsn:hover,
.tsn.active{
	background: #f00;
	color: #fff;
	border-color: #f00;
}
.tsp{
	display:none;
	line-height: 40px;
}
.tsp.active{
	display: inline-block;
}

.tsc{
	display:none;
	？padding: 40px;
	vertical-align: top;
}
.tsc.active{
	display: block;
}
.tsc-item{
	width: 128px;
	height: 148px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	line-height: 24px;
	background: #fefefe;
	vertical-align: top;
	padding: 15px;
	margin:5px;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.05)
}

.order-list-label{
	border-bottom: 1px dotted #f3f3f3;
	height: 40px;
	line-height: 40px;
}
.order-list-cno{
	width: 140px;
}
.order-list-content{
	width: 330px;
}
.order-list-commission{
	width: 140px;
}
.order-list-custom{
	width: 120px; 
}
.order-list-status{
	width: 100px;
}
.order-list-option{
	width: 120px;
}
.list-order-item{
	padding: 20px 0;
	border-bottom: 1px dotted #eee;
}
.order-list-content-thumb{
	width: 80px;
}
.order-list-content-thumb img{
	padding:1px;
	border:1px solid #eee;
}
.order-list-content-meta-area{
	padding: 5px 0;
}
.order-steps{
	border:1px solid #ffe6e6;
	padding: 20px;
	text-align: center;
	font-size: 12px;
}
.order-step{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	line-height: 200%;
	width: 100px;
}
.order-steps span.stepnum{
	display: inline-block;
	width: 36px;
	height: 36px;
	font-size: 16px;
	background: #aaa;
	color: #fff;
	border-radius: 36px;
	line-height: 36px;
}
.order-step.active span.stepnum{
	background: #f30;
}
.order-step .steptext{
	color: #666;
}
.order-step.active .steptext{
	color: #f30;
}

.order-steps span.vline{
	display: inline-block;
	width: 50px;
	position: relative;
}
.order-steps span.vline:after{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ccc;
	display: block;
}
.order-steps span.vline.active:after{
	background: #f00;
}
.gsf-name{
	padding-bottom: 10px;
}

.moreorder{
	border:1px solid #eee;
	background: #fff;
	border-radius: 5px;
	position: relative;
}
.moreorder:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	left:30px;
	top: -5px;
	position: absolute;
	border-radius: 5px;
	border-top:5px solid #eee;
}
.moreorder-head{
	border-bottom: 1px dotted #eee;
	padding: 10px;
	background: rgba(0,0,0,0.005);
}
.moreorder-foot{
	border-top:1px dotted #eee;
	padding: 10px;
	background: rgba(0,0,0,0.005);
}
.moreorder-body{
	padding: 10px;
	line-height: 180%;
}
.hr{
	border:none;
	border-top:1px solid #f5f5f5;
	height: 0px;
}
.order-model-box{
	border:1px solid #eee;
}
.order-model-box-head{
	border-bottom: 1px dotted #eee;
	height: 46px;
	line-height: 42px;
	padding:0 10px;
	font-size: 12px;
	color: #999;
	background: #fefefe;
}
.order-model-box-body{
	padding:20px;
}
.remark{
	border-bottom: 1px dotted #eee;
	font-size: 12px;
	padding:5px 0;
	vertical-align: top;
}
.remark img{
	vertical-align: top;
	margin:0 5px;
	border:1px solid #eee;
	padding:1px;
}
.speed{
	padding:15px 0;
	position: relative;
	/*border-bottom: 1px dotted #eee;*/
}
.speed:before{
	content: '';
	display: block;
	height: 100%;
	width: 1px;
	background: #eeeeee;
	position: absolute;
	left: 0;
	top:0%;
}
.speed:after{
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	background: #ccc;
	position: absolute;
	left: -5px;
	top:calc(50% - 5px);
	border-radius: 10px;
	/*z-index: 99;*/
}
.speed-time{
	display: inline-block;
	width: 160px;
	font-size: 12px;
	color: #999;
	text-align: center;
	vertical-align: middle;
}
.speed-u{
	display: inline-block;
	width: 160px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #999;
	border-radius: 30px;
	padding: 8px;
	vertical-align: middle;
}
.speed-text{
	display: inline-block;
	width: 540px;
	font-size: 12px;
	color: #333;
	margin-left: 20px;
	vertical-align: middle;
}
.speed-text img{
	border:1px solid #eee;
	padding: 1px;
	margin:5px 5px 0 0;
}
.speeds .speed:first-child:after{
	background: #f30;
}
.speeds .speed:first-child .speed-time{
	color: #f30;
}
.speeds .speed:first-child .speed-u{
	background-color: #f30;
}
.speeds .speed:first-child .speed-text{
	color: #f30;
}
.speed-btnbox{
	padding-top: 10px;
}

/*myasset*/
.myasset{
	background:#fefefe;
	border:1px solid #eee;
	margin-top: 20px;
	padding: 10px;
	font-size: 14px;
}
/*钱包*/
.wallets{
	display: flex;
	margin-top: 20px;
}
.wallet{
	width: 25%;
	padding: 10px 0;
	position: relative;
}
.wallet:after{
	content: '';
	width: 1px;
	height: 100%;
	background-color:#eee;
	position: absolute;
	display: inline-block;
	left: -15px;
	top: 0;
}
.wallets .wallet:first-child:after{
	width: 0;
}

.wallet-head{
	font-size: 12px;
	color: #666;
	text-indent: 10px;
}
.wallet-body{
	padding:30px 10px 20px 10px;
	vertical-align: baseline;
}
.wallet-logs-head,
.wallet-logs-foot{
	height: 36px;
	line-height: 36px;
}
.wallet-logs-list{
	border-top:1px dotted #eee;
	padding:0px 0;
	margin-top: 15px;
}
.wallet-logs-list-item{
	padding: 15px 0;
	border-bottom: 1px dotted #eee;
}
.wlli-time{
	width: 100px;
}
.wlli-content{
	width: 400px;
}
.wlli-money{
	width: 100px;
	font-weight: 900;
	font-family: 'Arial';
	font-size: 14px;
}
.wlli-status{
	width: 100px;
}
.wlli-class{
	width: 160px;
	display: block;
}
.wlli-flag{
	width: 40px;
}
.focus-remind{
	width:518px;
	height:285px;
	background: url('../img/focus-remind.png') no-repeat center center;
	position: relative;
	margin:0 auto;
}
.focus-remind img{
	position: absolute;
	width: 128px;
	left:190px;
	top: 108px
}
.reminds{
	font-size: 14px;
	margin-top: 30px;
}
.reminds-head{
	height: 36px;
	color: #999;
	text-indent: 20px;
}
.reminds ul li{
	min-height: 36px;
	line-height: 36px;
	padding-left: 20px;
}
.reminds ul li img{
	margin-left: 16px;
}

.sales{
	margin-top: 20px;
}
.sale{
	padding:15px 0;
	border-bottom: 1px dotted #eee;
}
.sales-body{
	padding-top: 10px;
}
.sales .sale:first-child{
	border-top: 1px dotted #eee;
}

.sales-item-time{
	width: 160px;
}
.sales-item-fname{
	width: 160px;
}
.sales-item-ocont{
	width: 420px;
}
.sales-item-ywc{
	text-align: right;
	width: 200px;
}
.staff-infobox{
	padding: 15px;
	font-size: 12px;
	background-color: #fefefe;
	margin-top: 15px;
}
.linebox{
	display: inline-block;
	width: 100px;
	background-color: #eee;
	height: 8px;
	position: relative;
	border-radius: 10px;
}
.lineboxc{
	display: inline-block;
	background-color: #f90;
	height: 8px;
	position: absolute;
	border-radius: 10px;
}

.m-apps{
	padding: 25px 0 15px 0;
}
.m-app{
	text-align: center;
	width: 160px;
	display: inline-block;
	float: left;
}
.m-app i{
	font-size: 42px;
	border-radius: 25px;
	background-color: #fefefe;
	width: 96px;
	height: 96px;
	line-height: 96px;
	color: #666;
	display: block;
	margin:0 auto;
	font-style:normal;
	font-family: '';
}
.m-app i:hover{
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.01);
}
.m-app i.red{
	background-color: #ffa969;
	background-image: linear-gradient(to top ,#ffa969,#ffda69);
	color: #fff;
}
.m-app i.blue{
	background-color: #59c2ff;
	background-image: linear-gradient(to top ,#59c2ff,#b0e2ff);
	color: #fff;
}
.m-app i.green{
	background-color: #56ffc5;
	background-image: linear-gradient(to top ,#56ffc5,#b0ffe0);
	color: #fff;
}
.m-app i.orange{
	background-color: #ffdd23;
	background-image: linear-gradient(to top ,#ffdd23,#fffa6b);
	color: #fff;
}
.m-app i.sgreen{
	background-color: #0aeac2;
	background-image: linear-gradient(to top ,#0aeac2,#92fdea);
	color: #fff;
}
.m-app i.sblue{
	background-color: #6a8aff;
	background-image: linear-gradient(to top ,#6a8aff,#a2b6ff);
	color: #fff;
}
.m-app .app-name{
	padding-top: 15px;
	display: block;
	text-align: center;
}