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

.order_title{
	font-size: 13px;
	color: #FFF;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	background: #55BBBB;
}
.order{
	border-top: none;
	border: #DDDDDD 1px solid;
	margin-bottom: 20px;
}
.order > li{
	list-style:none;
	border-bottom:#DDDDDD 1px solid;
}
.order > li:last-child{
	border-bottom:none;
}
.order > li ul:hover{
}
.order li ul{
	background:#FFF;
	font-size:0px;
	display:block;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order li ul li{
	padding:10px 20px;
	font-size:13px;
	line-height:24px;
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}
.order li ul li span.title{
	color:#45ADAD;
	margin-right:10px;
	display:block;
}
.order li ul li a, .order li ul li a:visited{
	color:#333333;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order li ul li a:hover{
	color:#444444;
}
.order li ul li.col1{
	width:17%;
}
.order li ul li.col2{
	width:18%;
}
.order li ul li.col3{
	width:16%;
}
.order li ul li.col3_5{
	width:19%;
}
.order li ul li.col4{
	width:14%;
	color:#B20000;
	text-align: center;
	border:none !important;
}
.order li ul li.col4 a{
	color: #1AB8A7;
	position: relative;
	padding-left: 25px;
}
.order li ul li.col4 a:hover:before{
	background:url(../images/order/detail_.png) no-repeat;
}
.order li ul li.col4 a:before{
	width:19px;
	height:20px;
	content:'';
	position:absolute;
	left:0px;
	bottom:-3px;
	background:url(../images/order/detail.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order li ul li.col5{
	text-align:center;
	width:15%;
}
.order li ul li.col5 a, .order li ul li.col5 a, .order li ul li.col5 a, .order li ul li.col5 a:visited{
	display:block;
	color:#FFF;
	display:block;
	color:#7F7F7F;
	line-height:28px;
	background:#E5E5E5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order li ul li.col5 a:hover{
	color:#FFF;
	background:#11A3E4;
}
/**************************************************************/
/**************************************************************/
@media (max-width: 920px) {
.order li ul{
	padding: 0 10px;
}
.order li ul li{
	padding:10px 10px;
}
.order li ul li.col1, .order li ul li.col2, .order li ul li.col3, .order li ul li.col3_5{
	width:25%;
	border-bottom:#DDDDDD 1px solid;
}
.order li ul li.col4, .order li ul li.col5{
	width:100%;
	float:none;
}
.order li ul li.col5 a{
	margin:0 -10px;
}
}
@media (max-width: 825px) {
.member_box_title .notice{
	display:block;
	padding-top:10px;
}
}
@media (max-width: 620px) {
.order li ul li{
	padding:3px 10px;
}
.order li ul li.col1, .order li ul li.col2, .order li ul li.col3, .order li ul li.col3_5{
	width:100%;
	border:none;
}
.order li ul li span.title{
	display: inline-block;
}
.order li ul li.col3_5{
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:5px;
}
.order li ul li.col5{
	margin-bottom:10px;
}
}
/**************************************************************/
/**************************************************************/

.order_list{
	border:#909090 1px solid;
	padding:30px 50px 30px 50px;
	margin-bottom:30px;
}
.order_list > li{
	list-style:none;
	border-bottom:#CCCCCC 1px dashed;
	margin-bottom:15px;
}
.order_list li ul{
}
.order_list li ul li{
	font-size:13px;
	padding-left:10px;
	line-height:20px;
	list-style:none;
	margin-bottom:10px;
}
.order_list li ul li a, .order_list li ul li a:visited{
	color:#333333;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order_list li ul li a:hover{
	color:#FF4D00;
}
.order_list li ul li.col1{
	width:55%;
	float:left;
}
.order_list li ul li.col2{
	width:15%;
	float:left;
}
.order_list li ul li.col3{
	width:15%;
	float:left;
}
.order_list li ul li.col4{
	width:15%;
	float:left;
	color:#B20000;
}
@media (max-width: 830px) {
.content{
	margin:0 0px;
}
.order_list{
	padding:20px 20px;
}
.order_list li ul li.col1{
	width:100%;
}
.order_list li ul li.col2{
	width:33%;
}
.order_list li ul li.col3{
	width:33%;
	float:left;
}
.order_list li ul li.col4{
	width:34%;
}
.order_list li ul li.col5{
	width:100%;
	line-height:30px;
	text-align:center;
	background:#EEEEEE;
	padding:0;
}
.order_list li ul li.col5 a{
	display:block;
	border:#BBBBBB 1px solid;
}
.order_list li ul li.col5 a:hover{
	display:block;
	background:#FF7C44;
	color:#FFF;
	border:#FF7C44 1px solid;
}
}
@media (max-width: 500px) {
}
/**************************************************************/
/**************************************************************/

.member_box{
	border:#D9D9D9 1px solid;
	padding:15px 25px 0 25px;
	margin-bottom:30px;
}
.member_box .box{
	display:block;
	padding:0 20px 0 0;
	margin:0 0 20px  0;
}
.member_box .box li {
	list-style:none;
	clear: both;
	margin-bottom:10px;
}
.member_box .box li:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.member_box .box li .title {
	width: 90px;
	font-size: 13px;
	line-height:24px;
	color: #333333;
	float: left;
	padding: 5px 0px 5px 15px;
	position:relative;
}
.member_box .box li .register:before {
	content:'';
	width:4px;
	height:7px;
	position: absolute;
	top:14px;
	left:0px;
	background: url(../images/common/dot.png) 0 0px no-repeat;
}
.member_box .box li .title img{
	margin-right:10px;
	vertical-align:middle;
}
.member_box .box li .rbox {
	width:calc(100% - 90px);
	float: left;
	line-height: 20px;
	padding: 5px 0px;
	background:#FFF;
}


/**************************************************************/
/**************************************************************/

.order_box{
	border-bottom:#DDDDDD 3px double;
	padding:15px 25px 0 25px;
	margin-bottom:30px;
}
.order_box .box{
	display:block;
	padding:0 20px 0 0;
	margin:0 0 20px  0;
}
.order_box .box li {
	list-style:none;
	clear: both;
	margin-bottom:10px;
}
.order_box .box li:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.order_box .box li .title {
	width: 170px;
	font-size: 14px;
	line-height:24px;
	font-size:13px;
	color: #FFF;
	padding: 5px 0px 5px 45px;
	position:relative;
	background:#1AB8A7;
	-webkit-border-radius:1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.order_box .box li .register:before {
	content:'';
	width:11px;
	height:11px;
	position: absolute;
	top:11px;
	left:20px;
	background: url(../images/common/dot.png) 0 0px no-repeat;
}
.order_box .box li .title img{
	margin-right:10px;
	vertical-align:middle;
}
.order_box .box li .rbox {
	width:100%;
	line-height: 20px;
	padding: 5px 0px;
	background:#FFF;
}

@media (max-width: 600px) {
.order_box .box {
	padding:0 0px;
}
.order_box .box li .rbox .input_m{
	margin-top:8px;
}
.input_24, .input_23{
	width:49.55%;
	margin-bottom:10px;
}
.order_box .box li .title2 {
	width: 100%;
	float: none;
	text-align:left;
	margin-bottom:5px;
}
.order_box .box li .rbox2 {
	width: 100%;
	float: none;
}
}
/**************************************************************/
/**************************************************************/
.order_info{
	margin-bottom:30px;
}
.order_info .box{
	background:#3BB2B2;
}
.order_info .box li:first-child {
	border-top:#DDDDDD 1px solid;
}
.order_info .box li {
	list-style:none;
	clear: both;
	font-size:0px;
	border-bottom:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
}
.order_info .box li:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.order_info .box li .title {
	width: 220px;
	font-size: 14px;
	line-height:20px;
	float:left;
	color:#FFF;
	padding: 8px 0px 8px 20px;
	background:#3BB2B2;
}
.order_info .box li .register:before {
	content:'';
	width:4px;
	height:7px;
	position: absolute;
	top:14px;
	left:0px;
	background: url(../images/common/dot.png) 0 0px no-repeat;
}
.order_info .box li .rbox {
	color:#666666;
	font-size:13px;
	width:calc(100% - 220px);
	float:left;
	line-height: 20px;
	padding: 8px 20px;
	background:#FFF;
}
.order_info .box li .rbox.no{
	color:#FF6511;
	font-weight:bold;
}
.order_info .box li .rbox.price{
	color:#B20000;
	font-weight:bold;
}
.order_info .box li .paid_inform{
	width:110px;
	line-height:20px;
	line-height:20px;
	padding: 0 5px;
	display:inline-block;
	text-align:center;
	margin-left:10px;
}
.order_info .box li .paid_inform a{
	width:100%;
	height:100%;
	color:#FFF;
	display:block;
	background:#A1A1A1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.order_info .box li .paid_inform a:hover{
	background:#FF9A36;
}
@media (max-width: 600px) {
.order_info .box li .title2 {
	width: 100%;
	float: none;
	text-align:left;
	margin-bottom:5px;
}
.order_info .box li .rbox2 {
	width: 100%;
	float: none;
}
}

/**************************************************************/
/**************************************************************/
.cart_title{
	font-size:13px;
	color:#FFF;
	height:36px;
	line-height:36px;
	padding-left:30px;
	background:#55BBBB;
}
.cart{
	border:#DDDDDD 1px solid;
	border-top:none;
	padding:0px 0px 0px 0px;
	margin-bottom:30px;
}
.cart > li{
	list-style:none;
	border-bottom:#DDDDDD 1px solid;
	display:block;
}
.cart > li:last-child{
	border-bottom: none;
}
.cart li ul{
	font-size:0px;
}
.cart li ul li{
	display: block;
	font-size: 13px;
	line-height: 20px;
	list-style: none;
	padding: 10px 5px;
	display: inline-block;
}
.cart li ul li a, .cart li ul li a:visited{
	color:#333333;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.cart li ul li a:hover{
	color:#FF4D00;
}
.cart li ul li.col1{
	width:40%;
	padding-left:30px;
}
.cart li ul li.col2{
	width:15%;
}
.cart li ul li.col3{
	width:10%;
}
.cart li ul li.col3 input{
	padding:1px 5px;
	line-height:18px;
}
.cart li ul li.col4{
	width: 15%;
	color: #00B7AA;
}
.cart li ul li.col4 span{
	color:#ED2127;
	display: inline-block;
}
.cart li ul li.col5{
	width:20%;
	font-size:14px;
	/*font-weight:bold;
	text-align:center;*/
}

@media (max-width: 700px) {
.cart_title{
	padding-left:20px;
}
.cart li ul li.col1{
	width:100%;
	padding-left:20px;
	padding-bottom:10px;
	border-bottom:#EEEEEE 1px solid;
}
.cart li ul li.col2{
	width:34%;
	padding-left:20px;
}
.cart li ul li.col3{
	width:32%;
}
.cart li ul li.col4{
	width:34%;
	padding-right:20px;
}
.cart li ul li.col5{
	width:100%;
	line-height:30px;
	text-align:center;
	background:#EEEEEE;
	padding:0;
}
.del{
	width:100%;
	line-height:30px;
	height:30px;
	border:none;
	text-indent:0px;
	cursor:pointer;
	background: no-repeat;
}
.del:hover{
	color:#55BBBB;
	background: no-repeat;
}
.cart li.info{
	background:#FFF;
}
.cart li.info .left{
	width:70%;
}
.cart li.info .right{
	width:30%;
}
}