﻿.wrapper{
	width: 1180px; margin: 0 auto;
}
.wrapper_ce{
	width: 1180px; margin: 0 auto;
}
.mycenter{
	border: 1px solid #c8e6fd; box-shadow: 0 0 10px rgba(36,109,166,0.2);  z-index: 4;
	 background-color: #FFFFFF; min-height: 585px; overflow: hidden;  position: relative;
}
.mycenter em{
	width: 230px; position: absolute; height: 100%; position: absolute; left: 0; top: 0; 
	background-color: #def0fe; z-index: 5;
}
.mycenter .sider{
	width: 230px;   float: left; display: inline; position: relative; z-index: 10;
}
.mycenter .sider .head{
	text-align: center; padding: 10px 25px 15px;
}
.mycenter .sider .head img{
	width: 94px; height: 94px; display: block; border: 3px solid #c8e7ff; margin: 0 auto;
}
.mycenter .sider .head h2{
	background-color: #63b9fb; height: 38px; line-height: 38px; color: #FFFFFF; font-size: 16px;
	border-radius: 4px; margin-top: 10px;
}
.mycenter .sider .body li{
	height: 48px; line-height: 48px; font-size: 16px; color: #748397; padding-left: 52px;
	border-left: 8px solid #def0fe; cursor: pointer;
}
.mycenter .sider .body li:hover,
.mycenter .sider .body li.selected{
	background-color: #FFFFFF; border-left: 8px solid #63b9fb;
}
.mycenter .sider .body li i{
	width: 18px; height: 18px; display: inline-block; position: relative; top: 3px; right: 5px;
}
.mycenter .sider .body li .ico1{
	background: url(../images/myico_1.png) no-repeat ;
}
.mycenter .sider .body li .ico2{
	background: url(../images/myico_2.png) no-repeat ;
}
.mycenter .sider .body li .ico3{
	background: url(../images/myico_3.png) no-repeat ;
}
.mycenter .sider .body li .ico4{
	background: url(../images/myico_4.png) no-repeat ;
}
.mycenter .sider .body li .ico5{
	background: url(../images/myico_5.png) no-repeat ;
}
.mycenter .sider .body li .ico6{
	background: url(../images/myico_6.png) no-repeat ;
}
.mycenter .sider .body li .ico7{
	background: url(../images/myico_7.png) no-repeat ;
}/*add by yuan*/
.mycenter .sider .body li .ico8{
	background: url(../images/myico_8.png) no-repeat ;
}/*add by yuan*/
.mycenter .sider .body li:hover .ico1,
.mycenter .sider .body li.selected .ico1{
	background: url(../images/myico_21.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico2,
.mycenter .sider .body li.selected .ico2{
	background: url(../images/myico_22.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico3,
.mycenter .sider .body li.selected .ico3{
	background: url(../images/myico_23.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico4,
.mycenter .sider .body li.selected .ico4{
	background: url(../images/myico_24.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico5,
.mycenter .sider .body li.selected .ico5{
	background: url(../images/myico_25.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico6,
.mycenter .sider .body li.selected .ico6{
	background: url(../images/myico_26.png) no-repeat ;
}
.mycenter .sider .body li:hover .ico7,
.mycenter .sider .body li.selected .ico7{
	background: url(../images/myico_27.png) no-repeat ;
} /*add by yuan*/
.mycenter .sider .body li:hover .ico8,
.mycenter .sider .body li.selected .ico8{
	background: url(../images/myico_28.png) no-repeat ;
} /*add by yuan*/
.mycenter .main{
	width: 885px; float: left; display: inline; margin: 25px 0 0 35px; 
	min-height: 525px; position: relative;
}
.personal{
	padding:0 30px; position: relative; background-color: #f4faff;
}
.personal li{
	padding: 40px; 
}
.personal li.frist{
	border-bottom: 1px solid #bcbcbc;
}
.personal li h2{
	font-size: 16px; 
	margin-bottom: 15px;  height: 22px; line-height: 22px;color: #606060;  font-weight: normal;
}
.personal li h4 span,
.personal li h2 span{
	width: 50px;  text-align: center; display: inline-block;
	background-color: #ff9600; color: #FFFFFF; height: 22px; line-height: 22px;
	font-weight: normal; font-size: 12px; border-radius: 4px; margin-left: 20px; cursor: pointer;
}
.personal li h4{
	font-size: 14px; margin-bottom: 10px;  height: 22px; line-height: 22px;
	color: #606060;  font-weight: normal; padding-left: 20px;
}
.personal li h4 i{
	width: 14px; height: 14px; display: inline-block;
}
.personal .avatar{
	position: absolute; top: 30px; right: 125px; width: 130px; text-align: center;
}
.personal .avatar img{
	width: 127px; height: 127px; border: 3px solid #d8eeff; margin-bottom: 15px; 
}
.personal .avatar h5{ 
	width: 70px; height: 22px; line-height: 22px; margin: 0 auto; border-radius: 4px;
	background-color: #ff9600; color: #FFFFFF; font-size: 12px; font-weight: normal;
}
.personal .avatar .btn-file{
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer;
}
.myOrder .head{
	height: 40px; border-bottom:1px solid #c9c9c9; 
}
.myOrder .head li{
	width: auto; float: left; display: inline; padding: 0 20px;
	font-size: 14px; color: #666666;
	border-bottom: 8px solid #FFFFFF; height: 32px;
	cursor: pointer;
}
.myOrder .head li:hover,
.myOrder .head li.selected{
	border-bottom: 8px solid #63b9fb; color: #63b9fb;
}
.myOrder  .query{
	margin: 25px 30px;  position: relative;
}
.myOrder  .query ul{
	height: 27px;
}
.myOrder  .query li{
	width: auto; float: left; display: inline; margin-right: 65px;
	font-size: 14px; color: #595050;
}
.myOrder  .query li .txt{
	height: 25px; border: 1px solid #c9c9c9; width: 150px; height: 25px; padding-left: 6px;
}
.myOrder  .query .btn{
	width: 76px; height: 25px; background-color: #ff9600; color: #FFFFFF; font-size: 15px;
	position: absolute; top:10px; right: 150px;
	border-radius: 4px;
}
.myOrder  .query h6{
	text-align: right; height: 25px; line-height: 25px; font-weight: normal;
	font-size: 12px; color: #f45203;
}
.myOrder  .query h6 a{
	width: 60px; display:inline-block;
	background: url(../images/jf.png) no-repeat left 13px center #f32f1d;
	border-radius: 4px; height: 25px; text-align: left; padding-left: 35px;
	color: #FFFFFF; margin-left: 20px;
}
.myOrder  .body{
	margin-right: 30px; text-align: center;
}

.myOrder  .body .top td{
	height: 20px; line-height: 20px; border-bottom: none;  color: #FFFFFF;
	 background-color: #63b9fb; padding: 10px 0;  position: relative;
}
.myOrder  .body .top td i{
	height: 18px; width: 1px; display: inline-block; background-color: #FFFFFF;position: absolute; right: 0; top: 10px;
}
.myOrder  .body td{
	height: 60px; line-height: 60px; border-bottom: 1px dashed #63b9fb; color: #333333;
}
.myOrder  .body td.detailsShow{
	line-height:25px;
	text-align:left;
	
}/*add by yuan*/
.myOrder  .body td.je{
	color: #d61111;
}
.myOrder  .body td.cz{
	color: #f45203;
}
.myOrder  .body td.ck{
	color: #000000;
}
.myOrder  .foot{
	margin: 50px 0;
}
.myOrder  .foot .page-pc-1{
	margin: 0 auto; width: 490px;
}
.coupons{
	margin: 30px 0 0 20px;
}
.coupons li{
	height: 60px; background-color: #def0fe; line-height: 60px;
	border-radius: 8px;margin-bottom: 20px; width: 95%;
}
.coupons li dd,
.coupons li dt{
   float: left; display: inline;
}
.coupons li dt{
	width: 158px; background-color: #63b9fb;
	border-top-left-radius: 8px; border-bottom-left-radius: 8px;
	padding: 2px; height: 56px;
}
.coupons li dt h4{
	 border-right: 1px dashed #FFFFFF; text-align: center;
	 font-size: 18px; color: #FFFFFF; font-weight: normal;
}
.coupons li dd{
	text-align: center; padding-left: 70px; font-size: 14px; color: #333333;
}
/*基本信息弹窗*/
.j_dialog{
	background-color: #ffffff; width: 325px; height: 325px; position: absolute; top: 15px; left: 280px;
	box-shadow: 0 0 14px rgba(0,0,0,0.2);
	padding:0 20px; display: none;
}
.j_dialog span{
	width: 20px; height: 20px; background: url(/static/images/car/img_wz40.png) no-repeat;
	top: 10px; right: 10px; position: absolute;
}
.j_dialog h2{
	height: 70px; line-height: 70px; font-size: 18px; color: #606060; font-size: 18px; font-weight: normal;
	border-bottom: 1px solid #d8d8d8; margin-bottom: 25px;
}
.j_dialog ul{
	padding-left: 20px; margin-bottom: 25px;
}
.j_dialog li{
	height: 32px; margin-bottom: 10px;
}
.j_dialog li .labe{
	width: 70px; float: left; display: inline; text-align: right;
	height: 32px; line-height: 32px;
}
.j_dialog li .input{
	width: 182px; float: left; display: inline; margin-left: 15px; line-height: 32px;  height: 32px;
	text-align: left;
}
.j_dialog li .input i{
	display: inline-block; width: 14px; height: 14px;
}
.j_dialog li .input .txt{
	width: 180px; height: 30px; border-radius: 3px;
	border: 1px solid #b9b9b9;
}
.j_dialog form{
	text-align: center;
}
.j_dialog  .btn{
	width: 48px; height: 22px; background-color: #ff9600; text-align: center;
	font-size: 12px; color: #FFFFFF; border-radius: 3px; 
}
.d_dialog{
	background-color: #ffffff; width: 325px; height: 80px; position: absolute; top:390px; left: 370px; 
	box-shadow: 0 0 14px rgba(0,0,0,0.2);
	padding:45px 20px 25px;
}
.s_dialog{
	 top:320px; left: 340px; 	
}
.z_dialog{
	 top:360px; left: 280px; 
	
}
.review_list{
	margin: 25px 0 0;
}
.review_list ul{
	height: auto; overflow: hidden; width: 110%;
}
.review_list ul li{
	width: 239px; float: left; display: inline; border: 1px solid #d4d4d4; margin-right: 51px;
	padding: 10px; border-radius: 3px; margin-bottom: 20px;
}
.review_list ul li .img{
	position: relative;
}
.review_list ul li .img img{
	width: 239px; display: block; height: 155px;
}
.review_list ul li .img span{
	width: 53px; height: 25px; background: url(../images/car/img_wz42.png) no-repeat left 3px center #FFFFFF; border:1px solid #f39740 ;
	position: absolute; top: 10px; right: 10px; padding-left: 22px; border-radius: 3px;
	font-size: 12px; line-height: 25px; color: #f39740; cursor: pointer;
}
.review_list ul li .txt h4{
	font-size: 14px; color: #585858; margin-top: 10px; font-weight: normal;
}
.review_list ul li .txt .sub{
	font-size: 12px; color: #585858;  border-bottom: 1px solid #d4d4d4; padding-bottom: 10px;
}
.review_list ul li .txt .sub i{
	display: inline-block; width: 15px; height: 15px; background: url(/static/images/car/img_wz41.png) no-repeat; position: relative; top: 2px;
}
.review_list ul li .txt .sub i.c1{
	background: url(../images/car/img_wz42.png) no-repeat;
}
.review_list ul li .txt .sub span{
	color: #0d93fb; margin-left: 8px;
}
.review_list ul li .ft h3{
	font-size: 18px; color: #ee6c2d; text-align: right; margin: 15px 0 10px;
}
.review_list ul li .ft a{
	display: block; height: 38px; line-height: 38px; color: #FFFFFF; text-align: center; font-size: 16px; background-color: #f67850;
}
.review_list ul li .ft a:hover{
	background-color: #f76b3f;
}
.guanzhu{
	text-align: center;
}
.guanzhu img{
	max-width: 100%;
}


/*结伴*/
.traH3 {
	font-size: 16px;
	color: #067ce3;
	line-height: 46px;
}
.tralNav {
	width: 938px;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	border-bottom: 1px solid #5cb3f8;
}
.tralNav_l {
	float: left;
}
.tralNav_l a.on {
	border: solid #5cb3f8;
	border-width: 1px 1px 0px 1px;
	color: #5cb3f8;
	font-weight: bold;
}
.tralNav_l a {
	width: 120px;
	height: 33px;
	display: block;
	font-size: 14px;
	color: #666;
	float: left;
	text-align: center;
	border: solid #d0dce6;
	border-width: 1px 1px 0px 1px;
}
.rights {
	display: inline;
	float: right;
}

.travelTa {
	font-size: 12px;
	color: #666;
	margin-bottom: 20px;
}

.clr {
	clear: both;
	content: ".";
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}
.Listpage {
	margin: 44px 0;
	text-align: center;
}
.traTajbt td p {
	line-height: 24px;
}
.travelTa th {
	color: #fff;
	background: #5cb3f8;
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-weight: normal;
}
.traTajbt td {
	padding: 16px 0;
	border-bottom: 1px solid #eee;
}
.traTajbt td ul li {
	list-style: none;
	float: left;
	margin-right: 26px;
	font-size: 12px;
	color: #999;
}



.traTajbt h3 {
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
.traTajbt p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
