@charset "utf-8";

.content {display: block; font-size:14px; line-height: 30px; margin:0px 0px 8px 0px;}
/*.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 0px 8px 10px; font-weight: normal;}
.exclusive-con2 {color:#fc4c02; font-weight: bold;}
.exclusive-con2 a {text-decoration: underline; color:#fc4c02;}
.exclusive-con2 a:hover {text-decoration: none;}
.txt-sp {color:#e60012; font-weight: bold;}
.txt-sp2 {color:#e60012; font-weight: bold; font-size:21px;}
.exclusive {background:#fceaec; border:1px solid #faccd1; padding:10px; font-weight: bold; float:left; margin:30px 0px; clear: both;}
.exclusive-title {background: #e60012; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive p {display: block; font-size:21px; line-height: 36px; text-align: center; margin:25px 0px 10px 0px;}
.exclusive a {text-decoration: underline;}
.exclusive a:hover {text-decoration: none;}*/

.txt-sp {color:#e60012; font-weight: bold;}

.txt-title {display: block; font-size:18px; margin:0px 0px 8px 10px; padding-top:40px; color:#eb6100;}
.seat img {margin:0 auto; display: block; width:30px;}

.txt-note {font-size:13px; color:#535353;}

.stroke {margin:15px 0px;}
.route {margin:5px 0px; line-height: 24px;}
.route-title {color:#eb6100; padding:5px 0px 5px 0px; margin:8px 0px; font-weight: bold; font-size:18px; line-height: 30px;}

.couponcode {background: #ffe5de; padding:15px; text-align: center; word-break: break-word; width:25%; margin:10px 10px 25px 10px; float:left;}
.couponcode p {line-height: 27px; padding: 5px 0px;}
.code-sp {font-size:20px; font-weight: bold; color:#fc4c02;}
.code-txt {font-size:18px; font-weight: bold; color:#bf7a67;}
.code-btn {margin:5px; display: block;}
.code-btn2 {margin:5px;}
.code-btn a,.code-btn2 a {font-size:18px; font-weight: bold; background: #bf7a67; color:#ffffff; padding:6px; border-radius: 8px; -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3); -webkit-box-shadow:2px 2px rgba(153 153 188 / 50%); box-shadow:2px 2px rgba(153 153 188 / 50%);}
.code-btn a:hover,.code-btn2 a:hover {background:#ac6b5a;}

.main-box table {border: 1px solid #e2e2e2; text-align: center; margin:10px 0px; line-height: 24px;}
.main-box table td {padding:8px; border: 1px solid #e2e2e2; vertical-align: middle;}
.bg-table {background: #e5e5e5;}

/*
.route ul {margin:12px 0px; width:100%;}
.route ul li {width:100%; display: block; border-bottom:1px dotted #cccccc; padding:5px 0px;}
.route ul li a:hover {color:#589c54;}
.list {width:100%; position: relative;}*/


.text-list {text-indent: -14px; padding-left:14px;}
.text-list2 {text-indent: -70px; padding-left:70px;}
.text-list3 {padding-left:70px;}
.text-list3-1 {text-indent: -15px; padding-left:15px;}
.product ul {display: block; margin:5px; padding-bottom: 10px; }
.product li {display: block; border-bottom: #C5C5C5 1px dashed;}
.product li a {display: block; overflow: hidden; padding:10px 10px 5px 10px; }
.product li a:hover { background-color: #f6f6f6;}
.product li p {display: block;}
.product li p span {display: block; font-size:13px; color: #00a5ff;}
.product li p em {font-size:18px; font-weight: bold; font-style: normal;}

.left {float:left; display:inline-block; width: 100%;}
.right {float:right;}
.txt_l {width: auto; color: #292929;}
.txt_r {width: auto; text-align:right;}
.txt_r span.price {color:#db2228;}

.btn-go {display: block;text-align: center;margin: 10px 0px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;clear:both;}
.btn-go a {
    display: block;
    background:#bf7a67;
    padding:10px;
    color:#ffffff;
    -moz-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    -webkit-box-shadow:2px 2px rgba(20%,20%,40%,0.3);
    box-shadow:2px 2px rgba(20%,20%,40%,0.3);
}
.btn-go a:hover {
    background: #ac6b5a;  
}

.notice-sp {font-size:13px; line-height: 21px; font-weight: bold; color:#666666;}
.notice-disc li {color:#898989; list-style:none; }
.list-icon {text-indent: -6px; padding-left:9px;}

.promotion-pic {float:left; width:98%; height:100%; padding:5px 5px 10px 5px; background:#ffffff; margin-top:10px; margin-bottom:10px; margin-left:2px;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;}
.promotion-pic .picture {width:32%; float:left; padding:6px 4px 0px 4px;}

/*.route {width:93%; margin:0 auto;}
.route li {float:left; width:100%; color:#333333; font-size:16px;}
.route li a {display: block; text-decoration: none; width:100%; background: #fceaec; padding:20px 6px; line-height: 14px; }
.route li a:hover {display: block; width:100%; background:#ffffff;}
.list-route {border-bottom:1px dotted #cccccc; display: block; line-height: 24px; width:100%;}
.route-tt {width:50%; float:left;}
.route-place {width:50%; float:left;}
.route-price {width:50%; color:#e60012; font-weight: bold; float:left; text-align: right;}

.tour {float:left; width:100%;}
.tour-list {padding:5px; float:left; margin:8px; border-bottom:1px dotted #cccccc;}
.tour-list ul {width:45%; float:right; line-height: 24px;}
.tour-list ul li {font-size:15px; color:#333333;}
.tour-list a {width:100%; display: block; background: #fceaec;}
.tour-list:hover {display: block; background:#ffffff;}
.tour-img {width:50%; float:left; background:#f9b0b8; padding:6px;}
.tour-img img {float:left; width:100%; }
.tour-tt {color:#03529d; font-size:21px; font-weight: bold;}
.tour-price {color:#e60012; font-weight: bold; font-size:21px; padding: 0px 3px;}
.btn-order {background:#f9b0b8; color:#ffffff; text-align: center; padding:5px; font-size:16px; margin-top:10px;}
*/
.exclusive {padding:0px 10px; display: table;align-items: center; width:95%; margin:15px 0px;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.exclusive-title {color:#751a57; padding:10px 0px; font-weight: bold; font-size:15px;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}

.name {float:left; width:45%; text-align: left;}
.price {float:right; width:55%; text-align: right;}
.exclusive .product-tkt1 li {width:31%; float:left; margin:5px 7px; background: #e8e8e8;}
.exclusive .product-tkt1 li a {display: block; float:left; padding:10px; width:90%;}
.exclusive .product-tkt2 li {float:left; width:18%; margin:4px 6px; background: #e8e8e8;}
.exclusive .product-tkt2 li a {display: block; padding:10px; text-align: center;}
.exclusive .product-tkt1 li a:hover,.exclusive .product-tkt2 li a:hover {display: block; background:#ffe5de;}
.exclusive strong {color:#ff0000; padding:0px 3px;}

.homestay-introduction {display: inline-flex; border-bottom: 1px solid #d5d5d5; width:100%;}
.homestay-title {text-align: left; width: 60%; padding:20px 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float:right;}
.homestay-tt {font-size:19px; color: #ff5300;text-align: left;/*border-bottom:1px dotted #eb6100; border-top:1px dotted #eb6100;*/line-height: 26px;}
.homestay-tt2 {display: block;}
.homestay-con {font-size: 13px;color: #333333; font-weight:bold; line-height:21px; text-align: left; width:100%; float:right; margin: 6px 0px;}
.homestay-consp {font-weight: bold; color:#0d3c0a;}

.promotion-pic {width: 70%; height:100%; padding:5px 5px 0px 0px;}
.promotion-pic img {width:100%; height:100%; margin:0 auto;max-width: 330px;}


.special-title {
    float: left;
    width: 100%;
    padding: 7px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff;
    margin: 30px 0 0 0;
    /*border-top-left-radius: 25px;
    border-top-right-radius: 25px;*/
    border-radius:25px;
    background: #751a57;
}

@media screen and (max-width: 960px) {
.exclusive .product-tkt1 {margin-left:30px;}
.exclusive .product-tkt1 li {float:left; width:94%; margin:8px 5px; background: #e8e8e8;}
.exclusive .product-tkt1 li a {display: block; float:left; padding:10px; width:95%;}
/*.exclusive .product-tkt2 li {float:left; width:47%; margin:5px 6px; background: #e8e8e8;}   */
.exclusive .product-tkt2 {margin-left:30px;}
.exclusive .product-tkt2 li {float:left; width:46%; margin:5px 5px; background: #e8e8e8;} 
}

@media screen and (max-width: 768px) {
.left,.right{ float:none;}
.product li a {display: block; overflow: hidden; padding:5px; }
.txt_r {width: auto; text-align:center; margin-top:5px;}
}

@media screen and (max-width: 565px) {
.exclusive .product-tkt1 {margin-left:16px;}
.exclusive .product-tkt1 li {float:left; width:93%; margin:8px 6px; background: #e8e8e8;}
.exclusive .product-tkt2 {margin-left:16px;}
.exclusive .product-tkt2 li {float:left; width:45%; margin:5px 6px; background: #e8e8e8;} 
}

@media screen and (max-width: 500px) {
/*.exclusive .product-tkt2 li {float:left; width:45%; margin:5px 7px; background: #e8e8e8;}      */
}

@media screen and (max-width: 450px) {
.exclusive .product-tkt1 li {float:left; width:94%; margin:8px 6px; background: #e8e8e8;}
.exclusive .product-tkt1 li a {display: block; float:left; padding:10px; width:92%;}
}

@media screen and (max-width: 415px) {
.txt-break {display: block;}
}

@media screen and (max-width: 400px) {
.exclusive .product-tkt1 {margin-left:0px;}
.exclusive .product-tkt2 {margin-left:0px;}
/*.exclusive .product-tkt1 li a {display: block; float:left; padding:10px; width:92%;}*/
}

@media screen and (max-width: 335px) {
.exclusive .product-tkt1 li {float:left; width:92%; margin:8px 6px; background: #e8e8e8;}
.exclusive .product-tkt1 li a {display: block; float:left; padding:10px; width:89%;}
.exclusive .product-tkt2 li {float:left; width:43%; margin:5px 6px; background: #e8e8e8;}
/*.exclusive .product-tkt2 li {float:left; width:46%; margin:5px 5px; background: #e8e8e8;} */     
}
    
@media screen and (max-width: 600px) {
    .promotion-pic {display: none;}
    .homestay-title {width: 95%;}
    .homestay-tt {text-align: center; font-size:22px;}
}
/*
@media screen and (max-width: 500px) {
.exclusive .product-tkt1 li {float:left; width:90%; margin:8px 5px; background: #e8e8e8; padding:10px;}
}
*/

@media screen and (max-width: 450px) {
.card-price {display:block; padding-left: 13px; font-size: 14px;}
}
@media screen and (max-width: 560px) {
.route li a {display: block; text-decoration: none; width:100%; background: #fceaec; padding:10px 6px; line-height: 24px; }
.route-tt {width:100%; float:left;}
.route-place {width:100%; float:left;}
.route-price {width:100%; color:#e60012; font-weight: bold; text-align: left; float:none;}
    
.tour-list ul {width:100%; margin:8px 0px;}
.tour-img {width:97%;}
.code-btn {margin:0px 5px; display: block;}
}