/* 最外层的容器 */
.lxq a:link { text-decoration: none; color: #fff; font-size: 14px; }
.jd_container { width: 100%; max-width: 960px; margin: 0 auto; }
.header { height: 60px; background: #fff; position: relative; width: 100%; padding-left: 42px; padding-right: 40px; display: table; }
.header-btn { position: absolute; top: 8px; left: 0; width: 44px; height: 44px; background: url(../../Images/Mobile/menu-icon.png)no-repeat; background-size: 100% 100%; }
.header-btn1 { position: absolute; top: 6px; right: 4px; width: 44px; height: 44px; background: url(../../Images/Mobile/menu-icon.png)no-repeat; background-size: 100% 100%; }

.header-fh { position: absolute; top: 7px; left: 4px; width: 44px; height: 44px; background: url(../../Images/Mobile/back-icon.png)no-repeat; background-size: 100% 100%; }

.header_title { width: 100%; line-height: 18px; height: 60px; font-size: 14px; text-align: center; display: table-cell; vertical-align: middle; font-weight: bold; color: #000; }

.header-img { width: 25px; height: 25px; background: url(../../Images/Mobile/tel.png)no-repeat; background-size: 20px 20px; position: absolute; top: 20px; right: 25%; }


.header_login { position: absolute; line-height: 60px; right: 8px; font-size: 16px; top: 0; }

.banner { width: 100%; }
.banner img { display: block; height: 192px; }

/* contect */
.contect { width: 100%; margin-top: 10px; }
.contect li { width: 50%; border-right: 1px solid #ddd; height: 60px; float: left; padding: 10px 20px; }
.contect li a { width: 100%; height: 40px; background: #1f7ef4; display: block; text-align: center; line-height: 40px; color: #fff; }
.contect li:last-child { border-right: none; }

/* mail */
.mail { padding: 10px; width: 100%; }
.mail .content { width: 100%; border-bottom: 1px solid #ddd; padding: 10px; background: #fff; position: relative; }
.mail .content .h { font-weight: normal; font-size: 16px; }
.mail .content .hp { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #ff0000; line-height: 18px; }
.mail .content .hp::before { content: ''; position: absolute; left: -23px; top: 0; background: url(../../Images/Mobile/hp.png)no-repeat; background-size: 18px 18px; width: 20px; height: 20px; }

.mail .content .wz { padding-top: 10px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size: 12px; }

.mail .content .gd { margin-bottom: 0; text-align: right; }
.mail .connect_us { width: 100%; background: #fff; padding: 10px; line-height: 24px; }

/* lxq */
.lxq { width: 100%; height: 40px; text-align: center; line-height: 40px; background: #1f7ef4; position: fixed; bottom: 0; color: #fff; }
.nav { width: 100%; /* height: 40px; */ background: #fff; }
.nav li { text-align: center; display: inline-block; margin: 0 6px; line-height: 20px; }
.nav li a { color: #333; font-size: 14px; }


.lxqm_1 { padding: 10px; }
.lxqm_2 { background: #fff; width: 100%; }

/* 酒店详情 */
.jdxq { width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.jdxq dl { display: box; display: -webkit-box; }
.jdxq dt { width: 150px; margin: 5px 5px 0 5px; }
.jdxq dt img { width: 150px; max-he; height: 100px; }
.jdxq dd { width: 100%; position: relative; /* padding-top: 10px; */ box-flex: 1; -webkit-box-flex: 1; padding-right: 10px; }
.jdxq dd .h { font-weight: normal; font-size: 14px; }
.jdxq dd .hp { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #ff0000; line-height: 18px; }
.jdxq dd .hp::before { content: ''; position: absolute; left: -23px; top: 0; background: url(../../Images/Mobile/hp.png)no-repeat; background-size: 18px 18px; width: 20px; height: 20px; }

.jdxq dd .wz { padding-top: 5px; li; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size: 12px; }

.jdxq dd .gd { margin-top: 10px; float: right; }
.lxqm_2 .connect_us { width: 100%; background: #fff; padding: 10px; line-height: 24px; }
.connect_us p { padding-left: 5em; text-indent: -5em; font-size: 12px; }
.jdxq_2 { width: 100%; }
.jdxq_2 h3 { background: #ddd; padding: 8px 2px; line-height: 20px; font-weight: normal; width: 100%; margin: 0; }
.jdxq_2 h3 span { font-size: 12px; }
.jdxq_3 { }
.jdxq_2 h3 span.jd_2 { width: 70px; height: 40px; background: #fff; border-top: 2px solid #f76905; text-align: center; display: block; font-size: 16px; }
.jdxq_2 h3 span.jd_3 { color: #ff6412; text-align: center; display: block; }
.jdxq_4 { height: 40px; border-bottom: 1px solid #ddd; }
.jdxq_4 .p_1 { float: left; width: 50%; border-right: 1px solid #ddd; height: 40px; }
.jdxq_4 .p_2 { float: left; width: 50%; }
.rz_1, .rz_2, .rz_3 { float: left; line-height: 40px; height: 40px; overflow: hidden; }
.jdxq_4 .rz_1 { margin-left: 5%; width: 30%; text-align: center; }
.jdxq_4 .rz_2 { margin-left: 5%; width: 60%; text-align: left; color: #ff6412; font-weight: bold; }
.jdxq_4 .rz_3 { transform: rotate(180deg); margin-top: -15px; }

.jdxq_5 { min-height: 40px; border-top: 1px solid #ddd; padding: 5px 5px 0px; position: relative; }
.jdxq_5 p { }

.jdxq_5 .pt_1 { font-size: 14px; float: left; width: 100%; }
.jdxq_5 .pt_2 { font-size: 12px; color: #c37f7e; padding: 5px 0; float: left; width: 55%; }
.jdxq_5 .pt_3 { font-size: 12px; float: left; width: 100%; }
.jdxq_5 .pt_4 { font-size: 12px; color: #f80000; margin-right: 0px; width: 36%; }

.jdxq_5 .pt_5 { color: #ff6412; font-weight: bold; padding: 5px 0; float: left; margin-left: 6px; width: 40%; }
.jdxq_5 .p3 { text-align: left; right: 3%; width: 70%; float: none; line-height: 24px; }
.jdxq_5 .p4 { width: 68px; position: absolute; right: 6px; top: 0px; float: none; padding-top: 8px; height: 32px; }
.jdxq_5 .p4 .guee { color: green; font-size: 12px; line-height: 26px; }
.jdxq_5 .p4 a { width: 38px; height: 24px; line-height: 24px; background: #ff6412; display: block; text-align: center; line-height: 24px; color: #fff; float: right; }
.jdxq_5 .p5 { margin-right: 68px; }
/* 订单提交 */
.ddxq_title { height: 40px; background: #ddd; line-height: 40px; }
.ddxq_title span { margin: 0 8px; font-size: 12px; }
.ddxq_title span em { color: #f00; font-size: 12px; }
.ddxq_list ul { position: relative; }
.ddxq_list li { border-bottom: 1px solid #ddd; }

.ddxq_list .list_1 { position: absolute; right: 0; width: 36px; text-align: left; /* float: right; */ color: red; }
.ddxq_list_2 { line-height: 20px; padding: 10px 8px; font-size: 12px; padding-left: 8px; po; }
.ddxq_list .list_3 { display: box; display: -webkit-box; padding-right: 10px; /* height: 50px; */ padding-top: 10px; padding-bottom: 10px; }
.ddxq_list .list_3 .w_p { width: 80px; text-align: right; /* line-height: 30px; */ margin-right: 10px; font-size: 12px; line-height: 28px; }
.ddxq_list .list_3 .i_p { box-flex: 1; -webkit-box-flex: 1; width: 100%; font-size: 12px; line-height: 16px; }
.input_1 { width: 100%; height: 28px; line-height: 30px; padding-left: 5px; border: 1px solid #ddd; }
.ddxq_list .list_4 { line-height: 22px; padding: 10px; color: #f00; font-size: 12px; }
.ddxq_list .list_5 { height: 50px; background: #ddd; margin: 10px 10px 0; display: -webkit-box; display: box; }

.ddxq_list .list_5 .zje_1 { line-height: 50px; padding-left: 10px; width: 200px; font-size: 12px; }
.ddxq_list .list_5 .zje_1 em { font-size: 20px; color: #ff6412; }
.ddxq_list .list_5 .zje_2 { box-flex: 1; -webkit-box-flex: 1; width: 100%; padding-top: 10px; padding-right: 10px; }
.ddxq_list .list_5 .zje_2 a { width: 76px; height: 30px; background: #ff6412; line-height: 30px; text-align: center; color: #fff; display: block; float: right; font-size: 14px; }

/* 订单详情 */
.ddxqy { padding: 10px; line-height: 24px; background: #ddd; }
.ddxqy .p_a { font-size: 18px; color: #ff6412; }
.lh_30 { line-height: 30px; }
.title_xq { text-align: left; font-size: 18px; color: #0331bb; }

@media screen and (max-width: 320px) {
    .header-img { right: 21%; }
}

@media screen and (max-width: 375px) {
    .jdxq dd .hp { display: none; }
}

.contect { height: 60px; }
.nav .clearfix { text-align: center; font-size: 0; padding-top: 10px; }
.nav .clearfix li { font-size: 14px; }