XMWXC/css/details.css

.z {
	float: left;
}

.y {
	float: right;
}

.cl {
	clear: both;
}

.zh {
	margin: 0 auto;
}

.txtz {
	text-align: left;
}

.txty {
	text-align: right;
}

.txtzh {
	text-align: center;
}

.dash {
	border-bottom: 1px dashed darkgray;
}


/**/

body {
	background: #f0f0f0;
}

.container {
	width: 100%;
}


/*单元格开始*/

.wrapper {
	background: white;
	width: 100%;
	margin-bottom: 10px;
}

.wrapper-last {
	margin-bottom: 40px;
}

.hotcell {
	height: 86px;
	width: 95%;
	background: white;
	box-sizing: border-box;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-size: auto 1px;
	margin-bottom: 4px;
}

.hotleft {
	width: 70%;
}

.lefttop,
.leftcenter,
.leftbottom {
	height: 27px;
	margin: 0 auto;
	margin-bottom: 5px;
}

.lefttop {
	background: url(../img/start.png) no-repeat;
}


/*水平线*/

.line {
	height: 20px;
	margin-top: 2px;
	padding-left: 12px;
}

.line-left {
	height: 20px;
	border-right: 1px dashed darkgray;
}

.line-right {
	height: 10px;
	border-bottom-color: darkgray;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	width: 99%;
}


/*水平线  结束*/

.leftcenter {
	background: url(../img/end.png) no-repeat;
}

.lefttop,
.leftcenter {
	background-position: 6px 7px;
}

.lefttop span,
.leftcenter span {
	margin-left: 35px;
}

.start-address,
.start-time,
.end-address,
.alltrains {
	margin-top: 10px;
}

.start-time {
	text-align: right;
}

.green-remark {
	font-size: 10px;
	background: green;
	margin-top: 2px;
	border-radius: 2px;
}

.hot_direction {
	width: 4.5%;
	height: 86px;
}

.hotprice {
	width: 24.7%;
	height: 65px;
}

.price {
	overflow: hidden;
	line-height: 30px;
	color: #ff8800;
	position: relative;
	text-align: right;
}

.pricevalue {
	font-size: 18px;
}

.tickettype,
.ticket-type-image {
	height: 25px;
	width: 90%;
}

.ticket-type-image a {
	text-decoration: none;
	color: black;
}


/*单元格结束*/


/* 车辆信息开始 */

.bus-info-div {
	background-color: white;
	margin-bottom: 10px;
}

.bus-info-center {
	width: 90%;
}

.bus-title {
	height: 30px;
	line-height: 30px;
}

.bus-title,
.bus-title span:first-child {
	font-size: 16px;
}

.bus-title span:nth-child(2) {
	font-size: 12px;
}

.bus-info {
	height: 70px;
}

.bus-img {
	width: 30%;
}

.bus-detail {
	width: 60%;
}


/* 车辆信息结束 */


/* 三个type */

.three-type-div {
	background-color: white;
	margin-bottom: 10px;
}

.three-type-center {
	width: 90%;
}

.type-title {
	height: 40px;
	line-height: 40px;
}

.type-title span:first-child {
	color: #00CC9C;
	border-bottom: 2px solid #00CC9C;
}

.type-title span {
	width: 33%;
	font-size: 15px;
}

.type-info {
	line-height: 17px;
	padding-top: 4px;
}


/* 三个type  结束 */


/*推荐*/

.recommended {
	background-color: white;
	margin-bottom: 10px;
}

.recommended-last {
	margin-bottom: 55px;
}

.recommended-cell {
	width: 90%;
}

.cell-title {
	height: 30px;
	line-height: 30px;
}

.cell-title span {
	width: 50%;
}

.cell-title span:first-child {
	font-size: 16px;
}

.cell-title span:nth-child(2) {
	color: #00CC9C;
}

.cell-container {
	width: 100%;
	height: 140px;
}

.cell-left,
.cell-right {
	width: 49%;
	height: 155px;
}

.cell-image {
	height: 90px;
    width: 95%;
}

.ticket-name {
	padding-top: 15px;
}


/* 推荐结束 */


/* footer 开始 */

.footer {
    position: fixed;
    width: 100%;
    bottom: 0px;
    height: 52px;
    line-height: 52px;
    background-color: #ff8800;
    color: white;
    font-size: 18px;
}


/* footer 结束 */
.boxpricediv{
	background-color: red;
}
.ticketprice {
    color: #ff8800;
    height: 40px;
    line-height: 40px;
    margin-right: 5.4%;
}
.icon {
	font-size: 16px;
}
.ticketprice span:first-child {
	margin-right: 2px;
	margin-left: 2.89%;
	font-size: 13px;
}

.ticketprice span:nth-child(2) {
	font-size: 17px;
}
.ticketprice .sm{
	color: #808080;
    font-size: 13px;
        margin-right: 6px;
}
.ticketprice img{
    width: 6px;
    margin-top: 15px;
    /* height: 20px; */
}
/*================================================*/
/* 目的地产品 */
#ship_ticket {
	color: #00CC9C;
	border-bottom: 2px solid #00CC9C;
}
/* 目的地产品 开始 */
.m_mudidi_product{
	display: block;
	background: white;
}
.m_type_title {
	height: 40px;
	line-height: 40px;
}
.m_type_title span{
	width: 33.3%;
	font-size: 15px;
}

.m_contain_cells {
	width: 100%;
	margin-top: 5px;
}
.m_single_cell {
	background-color: white;
}
.m_cell {
	width: 90%;
	height: 80px;
	padding-top: 20px;
}
.m_cell_left {
	height: 80px;
}
.ticket_img {
	width: 76px;
	height: 55px;
}
.m_cell_right {
	width: 60%;
	height: 80px;
}
.m_cell_ticket_title {
	font-size: 14px;
}
.m_cell_ticket_price {
	font-size: 20px;
	color: orange;
}

/* 目的地产品 结束 */