@charset "utf-8";
/* CSS Document */
body { margin:0 auto;padding:0;color:#4d4c4c;font-size:12px;font-family:tahoma,arial,宋体;}

.loginbox { width:990px; margin:0 auto; height:260px; padding:30px 0; background:#f5f5f5;}
.loginbox .left { float:left; width:504px; padding-left:30px;}
.loginbox .right { float:right; width:425px;}
.loginbox .ywlx { width:405px; padding-left:20px; height:30px; padding-top:10px; background:#d2eeff; border-bottom:1px #fff solid; font-size:14px; font-weight:bold;}
.loginbox .ywlx label { margin-right:10px;}
.loginbox .tablogin { margin-top:10px;}
.loginbox .tablogin td { height:38px;}
.loginbox .tablogin a { color:#57a9f2; text-decoration:underline; margin-left:15px;}
.loginbox .tablogin a:hover { color:#4D4C4C; text-decoration:underline;}

.ubtnbox { padding-top:10px; padding-left:20px;}
.ubtnbox a.ubtn { float:left; width:129px; height:30px; line-height:30px; display:block; color:#fff; text-align:center; font-weight:bold; background:url(https://shop.sz189.cn/ucenter/images/bg08.jpg) no-repeat; margin-left:30px;}
.ubtnbox a.ubtn:hover { color:#fff;}
.uqqbox { padding-top:15px; padding-left:62px; color:#808080; clear:both;}
.uqqbox a.uqq { width:50px; padding-left:22px; height:21px; line-height:21px; display:inline-block; color:#ff6000; background:url(/ucenter/images/qq.jpg) no-repeat; text-decoration:underline;}
.uqqbox a.uqq:hover { color:#808080; text-decoration:underline;}

.userbox {margin:0 auto; padding-top:0px; width:990px; overflow: hidden;}

.userright { float:right; width:745px;}

.userxx { float:left; width:693px; border:1px #e8e7e7 solid; border-top:0; background:#f5f5f5; padding:25px;}
.userxx .xinxil { float:left; width:150px;}
.userxx .xinxil img { border:1px #e8e7e7 solid; width:120px; height:120px;}
.userxx .xinxir { float:left; width:540px; padding-top:15px;}
.userxx .xinxir span { font-size:14px; color:#000; line-height:25px; display:block;}
.userxx .xinxir span b { color:#ff6000;}
.userxx .xinxir p { color:#545454; height:auto; min-height:35px; line-height:35px; margin-top:15px;}
.userxx .xinxir p.addbg { background:#d3eeff; padding:0 10px; word-wrap:break-word;}

.userxx .ywlx { width:670px; padding-left:20px; height:30px; padding-top:10px; background:#d2eeff; border-bottom:1px #fff solid; font-size:14px; font-weight:bold;}
.userxx .ywlx label { margin-right:10px;}
.userxx .tablogin { background:#bddae9;}
.userxx .tablogin td { background:#fafafa; height:40px; padding:0 10px;}
.userxx .tablogin a { color:#57a9f2; text-decoration:underline; margin-left:15px;}
.userxx .tablogin a:hover { color:#4D4C4C; text-decoration:underline;}
.uinput1 { width:200px; height:20px; line-height:20px; border:1px #7f9db9 solid;}
.uinput2 { width:300px; height:20px; line-height:20px; border:1px #7f9db9 solid;}
.uselect1 { width:204px; height:25px; line-height:20px; border:1px #7f9db9 solid;}

.userfw { float:left; width:733px; border:1px #e8e7e7 solid; border-top:0; padding:10px; padding-right:0;}
.userfw .dxywtj li { float:left; margin-right:10px; margin-bottom:10px; display:inline; border:1px #e8e7e7 solid; background:#f5f5f5; width:232px; height:142px; position:relative;}
.userfw .dxywtj li img { position:absolute; top:15px; left:10px; width:66px; height:66px;}
.userfw .dxywtj li p { position:absolute; top:15px; left:88px; width:135px; line-height:18px;}
.userfw .dxywtj li p a { font-size:14px; color:#1871bf; font-weight:bold; margin-bottom:5px;}
.userfw .dxywtj li p a:hover { color:#f00;}
.userfw .dxywtj li:hover { background:#FEF3D7;}
.userfw .dxywtj li b { font-size:14px;}
.userfw .dxywtj .blue { color:#1871bf;}
.userfw .dxywtj li .apply { position:absolute; top:105px; left:88px; display:block; width:81px; height:25px; line-height:25px; text-align:center; background:url(/ucenter/images/bg10.jpg) no-repeat; color:#fff;}
.userfw .dxywtj li .apply:hover { color:#fff;}

.orderlist { float:left; width:713px; border:1px #e8e7e7 solid; border-top:0; background:#f5f5f5; padding:25px 16px;}
.orderlist .tablist { background:#bddae9;}
.orderlist .tablist th { background:#d2eeff; height:40px;}
.orderlist .tablist td { background:#fafafa; height:40px; padding:0 5px;}
.orderlist a { color:#4D4C4C; text-decoration:underline;}
.orderlist a:hover { color:#57a9f2; text-decoration:underline;}
.orderlist .page { padding-top:10px; text-align:right;}
.orderlist .page b { padding:0 5px; color:#57a9f2;}
.orderlist .page a { padding:0 5px;}
.orderlist .ddsm { padding-top:20px; line-height:22px; color:#666;}

.details { float:left; width:713px; border:1px #e8e7e7 solid; border-top:0; background:#f5f5f5; padding:25px 16px;}
.details .tab1 { background:#bddae9;}
.details .tab1 td { background:#d2eeff; height:40px; padding:0 10px;}
.details .tab2 { background:#bddae9; margin-top:15px;}
.details .tab2 th { background:#d2eeff; height:40px; padding:0 10px;}
.details .tab2 td { background:#fafafa; height:40px; padding:0 10px;}
.details .tab2 .taocan { line-height:22px; padding:5px 20px 5px 0;}
.details .price { padding-top:10px; text-align:right; padding-right:34px;}
.details .price b { color:#ff6000; font-weight:bold; font-size:20px;}

/*20130605添加：订单进度查询*/
.red { color:#f00;}
TEXTAREA{border:1px #7f9db9 solid;}
.uinput3 { width:160px; height:20px; line-height:20px; border:1px #7f9db9 solid;}
.uinput4 { width:130px; height:20px; line-height:20px; border:1px #7f9db9 solid;}
.jdwxts { clear:both; margin-top:50px; line-height:22px;}
.jindu { font-size:14px; font-weight:bold; height:25px;}
.osBararea { height:32px; padding-left:15px;}
.osBararea span { float:left; display:inline; margin-right:7px;}
.osBararea .blueDot { width:21px; height:21px; background:url(https://shop.sz189.cn/ucenter/images/osBararea.png) 0 0 no-repeat;}
.osBararea .blueBar { width:131px; height:21px; background:url(https://shop.sz189.cn/ucenter/images/osBararea.png) -25px 0 no-repeat;}
.osBararea .grayDot { width:21px; height:21px; background:url(https://shop.sz189.cn/ucenter/images/osBararea.png) -163px 0 no-repeat;}
.osBararea .grayBar { width:131px; height:21px; background:url(https://shop.sz189.cn/ucenter/images/osBararea.png) -193px 0 no-repeat;}
.osBarDetail { height:40px;}
.osBarDetail span { float:left; display:inline; text-align:center;}
.osBarDetail .zt01 { width:88px; text-align: left;}
.osBarDetail .zt02 { width:108px; margin-left:55px;}
.osBarDetail .zt03 { width:96px; margin-left:60px;}
.osBarDetail .zt04 { width:113px; margin-left:63px;}
.wuyewu { text-align:center; line-height:30px;}
.wuyewu b { font-size:16px;}
.taborder { background:#bddae9;}
.taborder th { background:#d2eeff; height:30px;}
.taborder td { background:#fafafa; height:30px; padding:0 5px;}


/************* progress *************/
.progress {
	display: block;
	overflow: hidden;
	padding: 5px 2px;
}
.progress .progress-flow {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.progress .progress-flow:before {
	content:" ";
	width: 3px;
	height: 100%;
	overflow: hidden;
	background: #8fc8ff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 24px;
	bottom: 0;
	z-index: 3;
}
.progress .progress-flow:first-child:before {
	top: 10px;
}
.progress .progress-flow:last-child:before {
	height: 20px;
}
.progress .progress-flow:after {
	content:" ";
	width:21px;
	height:21px;
	background:url(https://shop.sz189.cn/ucenter/images/osBararea.png) 0 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 15px;
	z-index: 4;
}
.progress .progress-items {
	float: right;
	width: 85%;
	height: auto;
	overflow: visible;
	padding: 15px 3% 10px 3%;
	margin-bottom: 10px;
	border: 1px solid #bddae9;
	position: relative;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.progress .progress-items:before {
	content:" ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 8px;
	width: 8px;
	border-width: 0 0 0.05rem 0.05rem;
	border-color: #bddae9;
	border-style: solid;
	position: absolute;
	top: 20px;
	left: -5px;
	margin-top: -4px;
	background: #fff;
}
.progress .progress-items .item-inner {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	color: #333;
	font-size: 14px;
}
.progress .progress-items .item-inner+.item-inner {
	margin-top: 1px;
}
.progress .completed .progress-items:before {
	border-color: #bddae9;
}