dlstatic / static-pnr · Files

@charset "utf-8";
/* CSS Document */

@import "./purchpublic.css";/* 订单统计数字样式 */

body {
	background-color: #f9f9f9;
}

.g-order-list{ border:#D6D6D6 solid 1px; background: #fff;}
.g-olist-tr1{ margin:0 20px; border-bottom:#999999 dashed 1px; padding: 24px 0;}
.g-olist-tr1 b{font-size:14px; margin:0 20px 0 0; display: inline-block;width: 100px;}
.g-olist-tr1 span{ color:#666; margin-right:20px; display: inline-block; width: 799px; vertical-align: top;}
.g-olist-tr2{ height:60px; line-height:60px; padding:0 20px;}
.g-olist-tr2 b{ font-size:14px; margin:0 20px 0 0;display: inline-block;width: 100px;}
.g-olist-tr2 span{ color:#666; margin-right:30px;}
.tr2-style{ padding: 0;height:40px;line-height: 25px;}
.g-olist-tr3{ padding:20px;}
.g-olist-tr4{ padding:0 20px;}
.g-olist-tr5{ padding-left:20px; padding-bottom:20px;}

.g-olist-tre { padding: 20px 20px 0 20px; }
.u-trade-name{ height: auto; padding: 10px 0 10px 10px;}
.u-trade-name dt{ width:30px; height:30px; padding:3px; border:#d6d6d6 solid 1px; float:left;margin: 7px;}
.u-trade-name dd{ width:165px; height: auto; line-height:25px; float: left;}


/*订单详情页面提醒*/
.g-alert{ 
	background: #ffffe6;
	border: 1px solid #fed6a5;
	color: #f60;
	height:40px; 
	line-height:40px; 
	text-align:center; 
	margin-top:20px;
}


.g-order-state .btn-big-r,.g-order-state .btn-big-w {
	float: right;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: 12px;
    padding: 0 5px;
    width: 40px;
}
.g-order-state dl dt input{
	outline:none;
}
/* add at 17:47 2014/06/10 */
.g-h-rental {
	width:100%;margin:10px 0; 
}
.g-h-center {
	width:990px;margin:0 auto;
}
.reb {
	height:24px;
	line-height:24px;
	margin:10px 0 0 0;
	padding:0 10px;
}
.g-order-state dl dt span.fl {
	float:left;
	margin-right:40px;
}
.btn-big-w, .btn-big-r, .btn-big-g {
	margin:5px 0 5px 5px;
}
.order-state2 dl dt span{margin-right: 80px;}


/*---------银行卡绑定----------*/
.g-nameAuth{font:normal 12px "宋体";}
.g-amauth{overflow: hidden; }
.g-attl h2,.g-atlist h2{font:normal 12px "宋体";}
.g-attl h2 em{color: #e44846;}
.g-attl h2 img{ display: inline-block; vertical-align: middle;}
.g-atbox{border-bottom:1px dashed #999; padding: 15px 0;height:173px; }
.g-atbox dl dt{float: left;width: 120px; padding-left: 70px;}
.g-atbox dl dt img{ padding:0 0 10px 10px;}
.g-passauth dt img{ padding:0 0 10px 10px;}
.g-atbox dl dd{float: left;width: 390px; padding-left:100px; }
.g-atbox dl dd p{line-height: 30px;}
.g-atlist{min-height: 170px;}
.g-atlist h2{font-weight: bold; color: #666666; padding: 15px 0;}
.g-atlist ul{float: left; width: 350px;}
.g-atlist ul li{ padding-left: 50px;height:30px; list-style:square inside url('../images/user/01_11.gif'); line-height: 30px; }
.g-atlist ul li a{color:#005ea7;font:normal 12px "宋体";}
.g-passauth{border-bottom:1px dashed #999; padding-bottom: 28px;}
.g-passauth a.un-btn{ float: none; width:auto; display: inline-block;height:28px; color: #fff;line-height: 28px;}
.g-passauth a.un-btn:hover{color:#fff;}
.g-coustomer{ background:url(../images/user/u-cm.gif) no-repeat; width: 582px; height: 190px;overflow: hidden; color: #999; margin: 0 auto;}
.g-coustomer .serl{ height: 140px; padding: 30px 0 0 160px;}
.g-coustomer .serl dl dt{ float: left;}
.g-coustomer .serl dl dd span{font:bold 18px "微软雅黑";}
.g-passauth .g-coustomer{ height: 210px;}
.g-passauth .g-coustomer p{text-align: right}
.g-passauth .g-coustomer .serl dl dd span.u-stop{color: #fe423e}
.col459d12{color: #459d12}
.g-coustomer .serl dl dd.auth-badmess li{padding-left: 20px;}
.colff8e00{color: #ff8e00}
.g-coustomer .serl dl dd{float: left; width: 320px; padding-left: 10px}
.g-coustomer .serl p.auth{ padding-top: 10px;text-align:left; line-height: 22px;}
.g-coustomer p{ text-align: right;}
.g-coustomer p em{ color: #999;}
.g-coustomer p a{ color: #005ea7; }
.g-coustomer p a:hover{ color: #005ea7}
.g-step em{ display:block; width:604px; height:55px; margin:15px auto; background:url(../images/user/auth_step_02.gif) no-repeat;}
.g-step em.st1{ background-position:0 0;}
.g-step em.st2{ background-position:0 -56px;}
.g-step em.st3{ background-position:0 -113px;}
.g-step em.st4{ background-position:0 -168px;}

.my-auth2{ height: 252px;background: url(../images/user/u-auth.gif) no-repeat; margin:40px auto 80px auto;}
.my-auth2 .serl dl dd span.u-mystop{ color: #ff9600;}
.my-auth3{height: 300px; margin-top: 30px;}
.my-auth3 .serl dl dd span{font-size: 18px; line-height: 50px;}
.my-auth3 .serl{ margin-bottom: 30px;}


/*--bank-bind--*/
.bank-bind dl dt img{margin: 10px 0;}
.bank-bind dl dt a.un-a1{ padding:0 10px; font-size:13px;height:28px;line-height: 28px;}
.g-lsbox ul li a.un-y1{ padding:0 10px; font-size:13px;height:28px;line-height: 28px;}
.g-ctr-btn a.un-y1{ padding:0 10px; font-size:13px;height:28px;line-height: 28px;}
.g-attl h2 em{font-weight: bold;}
.bankb-step em{width: 472px;background: url(../images/user/backbind_step.gif) no-repeat;}
.bankb-step em.st2{ background-position: 0 -56px;}
.bankb-step em.st3{ background-position: 0 -112px;}
.bankb-step em.st4{ background-position: 0 -168px;}
.bankb-step em.st5{ background-position: 0 -225px;}
.g-backbind div.g-lsbox select{ width: 136px;height: 30px;border:1px solid #E1E1E1; padding-top: 5px;}
.g-backbind div.g-lsbox li.img-tips img{ display: inline-block; vertical-align: middle;}
.g-backbind div.g-lsbox li.img-tips{color:#f00;_padding-top:15px;line-height: 42px;}
.g-backbind div.g-bankbdms{width:737px;height: 137px;background: #fafafa;}
.g-backbind div.g-bankbdms ul{float: left; }
.g-backbind div.g-bankbdms ul.bbd-pic{ padding: 35px; display: inline; padding-left: 60px;}
.g-backbind div.g-bankbdms ul.bbd-ms{ padding-top: 20px;}
.g-backbind div.g-bankbdms ul li{line-height: 30px;}
.g-backbind div.g-bankbdms ul li h2{display: inline-block;*display:inline;font: bold 16px "微软雅黑";}
.g-backbind div.g-bankbdms ul li i{font-style: normal;font-style: normal;font-size: 14px;}
.g-selectBox{float: left;*background:#fff;*border:1px solid #ccc;*padding:4px;width:122px;height: 32px; margin-right: 15px; display: inline;overflow: hidden;}

.g-ctr-btn { padding-top: 15px; padding:25px 0 0 180px}
.g-ctr-btn a.reback{color: #005ea7; line-height: 40px; padding-left: 15px;text-decoration: none;}
.g-ctr-btn a.reback:hover{text-decoration: underline;}
.bdb-tips i{font-style: normal;color: #333;}
.bdb-tips i a{color: #0060ff; text-decoration: underline;}
.my-process div.serl{ padding-left:190px;height: 150px;}
.g-bdb-pay{ margin:-110px 0 0 240px;color: #666;}
.g-bdb-pay em{font-size: 14px}
.g-bdb-pay input{display: inline-block;width: 90px;height: 40px}
.g-bdb-pay i{font-style: normal;font-weight: bold; font-size: 14px;color: #f00;}
.my-process .g-ctr-btn{ padding-left:180px;margin-top: 10px; }
.my-process .serl p.auth{ padding-top: 10px;}
.my-process .serl .u-mystop{font-size:18px; padding-top: 8px;}
.my-process p.g-authbtn a.reback{ padding: 0 8px;}
h1.g-psautl{color: #666}

.g-lsbox ul li h2{font:normal 14px "宋体"; color:#505050; line-height:40px;}
.g-lsbox input[type="text"]:hover{border: 1px solid #c00300}
.g-lsbox ul li h2 label{display:inline-block;width: 180px;text-align: right;vertical-align:top;}
.g-lsbox ul li h2 em{ color:#F00}
.g-lsbox ul li input{ border:1px solid #E1E1E1; border-radius:2px; width:302px; height:28px;}
.g-lsbox ul li span{color:#F00}
.g-lsbox ul li.cp-auth input{ width:150px;}
.g-lsbox ul li.cp-auth img{ margin-left:10px; display:inline-block; vertical-align:middle;}
.g-lsbox ul li a.btn{ margin-top:20px;}
a.bdb-samp-btn{float:none;font-size:12px;height: 28px;line-height: 28px;}
.g-coustomer .ser-pt1{padding:20px 0 0 190px;}
.g-coustomer .ser-pt2{padding:20px 0 50px 190px;}
.g-coustomer .ser-pt3{padding:20px 0 0 190px;}
.g-coustomer .ser-pt4{height: 120px;}
.g-coustomer .ser-pt4 span.colff8e00{line-height: 40px;}
.my-process div.ser-pt5{padding:20px 0 0 170px;}
.my-process div.ser-pt5 span
.my-process div.ser-pt6{height:140px;padding:10px 0 0 180px; margin-bottom: 0px;}
.my-process div.ser-pt7{height:120px;padding:40px 0 0 180px; margin-bottom: 0px;}
.g-passauth .coustomer2{height: 251px; background: url(../images/user/u-cm2.gif) no-repeat;}
.coustomer3 input.in-pay{height:25px;border:1px solid #ccc;margin: 10px 0;}
.coustomer3 input.in-pay:hover{border: 1px solid #c00300;}
.g-coustomer p a.samp-btn2{color:#fff;}
a.samp-btn2{float: right; margin:0 120px 0 0;}
.coustomer3{height: 301px; background: url(../images/user/u-auth2.gif) no-repeat;}
.coustomer3 .serl dl dd span.u-mystop{line-height: 40px;}
.tips-font b{font-weight: normal;color: #666}
.tips-font i{color:#f00;font-weight: bold;}
.g-tabs-box dd.boxline{border: #ccc solid 1px;}
.g-ord-btn{display: inline;width:auto; margin-right:7px;float: right;margin-top: 7px; text-align: center;border: none;border: 1px solid #ccc; padding: 0px;height: 25px;line-height: 25px;}
.my-process p.btn-bank a.reback{line-height: 30px;}
.my-process p.btn-bank em{line-height: 30px;}
.g-lay-h2 h2{font:bold 16px/20px 'Microsoft YaHei','Arial';border-bottom: 1px dashed #999;padding-bottom: 20px;margin-bottom: 20px;}
.g-tabs-box dd{border: 1px solid #ccc}
.cg-message { display: inline-block; width: 640px; vertical-align: top; line-height: 180%;}

/* 优化样式 */
.view-hd {
	width: 100%;
	overflow: hidden;
}
.view-hd .cards {
	width: 58%;
	margin: 30px auto;
	color: #d9d9d9;
}
.view-hd .cards {
	border-left: 1px solid #ccc;
	border-radius: 3px;
	font-family: "Microsoft YaHei UI";
}
.view-hd .cards .left {
	float: left;
	position: relative;
	width: 100px;
	padding: 20px 65px 20px 105px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	cursor: pointer;
}
.cards .arrow {
	display: none;
}
.cards .on .arrow {
	display: block;
}
.cards .left b {
	font-size: 16px;
}
.cards span.remit {
	position: absolute;
	display: block;
	width: 32px;
	height: 35px;
	background: url(../images/user/remit-disabled.png) left top no-repeat;
	top: 20px;
	left: 64px;
}
.cards span.cash {
	position: absolute;
	display: block;
	width: 32px;
	height: 35px;
	background: url(../images/user/cash-disabled.png) left top no-repeat;
	top: 20px;
	left: 64px;
}
.cards .on {
	color: #666;
	background: #f9f9f9;
}
.cards .on .remit {
	background: url(../images/user/remit-abled.png) left top no-repeat;
}
.cards .on .cash {
	background: url(../images/user/cash-abled.png) left top no-repeat;
}
.view-bd p {
	padding: 10px 0 30px 0;
	color: #333;
	font-size: 14px;
}
.view-bd .bd-two {
	margin: 20px 0;
}
.view-bd span {
	display: inline-block;
	float: left;
	padding: 10px 30px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	width: auto;
	margin: 0;
}
.view-bd span.title {
	background-color: #f9f9f9;
}
.bd-two div {
	margin: 0 0 30px 20px;
}
.bd-two div.second {
	border-left: 1px solid #ccc;
}
.bd-two img {
	position: relative;
	left: -7px;
}
div.arrow span {
	display: block;
	position: absolute;
	left: 125px;
	font-size: 32px;
}
span.cov {
	bottom: -10px;
	color: #f9f9f9;
	z-index: 10;
}
span.hid {
	bottom: -11px;
	color: #ccc;
	z-index: 9;
}
.m-view-ftr {
  height:50px;
  line-height:49px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#fafafa;
}
.m-view-tr {
  height:50px;
  line-height:49px;
  border-bottom:1px dashed #333;
}
.m-view-or {
  width:597px;
  height:40px;
  border:1px dashed #f26c4f;
  font-size:14px;
}
em.puzzle {
	margin-left: 20px;
	color: #999;
	cursor: pointer;
}
em.puzzle .u-wt {
	vertical-align: middle;
	margin: -1px 2px 0 0;
}
a.stp {
	margin: 0 0 0 10px;
	padding: 2px 3px;
	line-height: 16px;
	height: 16px;
	float: none;
	width: 85px;
	display: inline-block;
	font-size: 12px;
}
img.bank {
	margin-top: 20px;
}
div.send-alert {
	line-height: 200%;
	margin: 0 auto;
	letter-spacing: 2px;
	font-size: 14px;
	text-indent: 2em;
/*	width: 420px;*/
}
.bd-cell {
	color: #666;
}
.bd-two em {
	font-size: 12px;
	color: #f60;
}
/* 在采购中心中订单使用的列表定制样式 */
.cart-thead .t-price {
	width: 175px;
}
.cart-thead .t-number {
	width: 150px;
}
.cart-thead .t-quantity {
	width: 160px;
}
.cart-thead .t-inventory {
	width: 145px;
}
.cart-tbody .p-price {
	width: 145px;
}
.cart-tbody .p-quantity {
	width: 180px; 
	height: 52px;
}
.cart-tbody .p-litotal {
	width: 132px;
}
.cart-tbody .p-inventory {
	width: 185px;
}
.u-trade-name img {
	width: 30px;
	height: 30px;
}
.u-trade-name .order-service img {
    width: 16px;
    height: 16px;
}
/* New add for dili service */
.bone {
    padding: 20px;
}
.bone-extra {
    padding-left: 20px;
}
.bone-joint {
	clear: both;
}
.bone b {
    font-size: 14px;
}
.u-no-box {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #CCCCCC;
    float: left;
    height: 100px;
    margin:5px 4px;
    position: relative;
    width: 225px;
}
.u-no-box dt {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 57px;
    margin: 1px;
    padding-left: 14px;
    padding-top: 40px;
    width: 30px;
	border-right:1px solid #ccc;
}	
.u-no-box dd {
    float: right;
    height: 56px;
    line-height: 22px;
    margin: 32px 14px 0 0;
    text-align: right;
    width: 90px;
}
.u-no-box dd span {
    color: #666666;
    font-size: 14px;
}
.u-no-box dd a {
    color: #005EA7;
}
.u-no-box dd {
    line-height: 22px;
    text-align: right;
}
.u-no-box em {
    background: none repeat scroll 0 0 #50C94A;
    color: #FFFFFF;
    display: block;
    height: 22px;
    left: 0;
    line-height: 22px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 60px;
}
.box-imgs {
    position: absolute;
    top: 20px;
    left: 55px;
}
.success-tip {
    padding: 45px 20px;
    color: #333;
    font-size: 14px;
    text-align: center;
}
.success-tip a {
    color: #005ea7;
}
.success-tip a:hover {
    color: #005ea7;
}
.service-choice {
    padding-bottom: 15px;
}
.notice {
	*width: 375px;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	font-size: 12px;
	border: 1px solid #ffd6a5;
	background-color: #ffffe6;
	color: #f60;
	padding: 0 5px;
	margin-left: 10px;
}
.notice .tip {
	width: 3px;
	position: absolute;
	left: -5px;
	top: 0px;
}
.notice .tip span {
	display: block;
	width: 5px;
	height: 14px;
	background: url(../images/i/yellow-arrow.png) no-repeat 0 -7px;
}
.g-order-state dl dt span {
	width: auto;
	min-width: 10%;
	_width: 15%;
	*width: 15%;
	margin-right: 1%;
}
/* 旧有订单统计数字样式 */
.g-rental { 
	height:56px; 
	line-height:56px; 
	font-size:16px; 
	text-align:right;
}
.g-rental b { 
	font-size:22px
}
.g-rental a.un-a3 { 
	margin-top:10px; 
	margin-left:50px;
	}
.g-rental .btn-big-r  {
	float: right;
	margin-left: 20px;
}