@charset "utf-8";

.content {display: block; font-size:15px; line-height: 30px; margin:0px 0px 8px 0px;}
.txt-sp {color:#e60012; font-weight: bold;}
.exclusive {/* padding:10px; */font-weight: bold;/* margin:25px 0px;display: table;*/align-items: center;}
.exclusive-con {display: block; font-size:15px; line-height: 24px; margin:0px 15px 8px 20px; font-weight: normal; clear: both;}
.exclusive-title {background: #008852; color:#ffffff; padding:8px; margin-left:-11px; margin-top:-10px; position: absolute;}
.exclusive-bigtitle {display: block; padding-left:10px; margin:40px 15px 10px 10px; font-size:21px; line-height: 36px;}
.txt-title {float:left; display: block; text-align: left; color:#43803f;} 
.txt-sp {color:#e60012; font-weight: bold; float:right; display: block; font-size:15px; line-height: 24px;}
.txt-sp em {font-size:36px; font-style: normal;}
.txt-small {font-size:12px;}
.txt-tt {color:#e60012; font-weight: bold;}

.couponcode {background: #ebfae5; padding:15px; text-align: center; word-break: break-word;}
.couponcode p {line-height: 24px; padding: 5px 0px;}
.code-sp {font-size:36px; font-weight: bold; color:#fc4c02; line-height: 40px;}
.code-sp2 {font-size:24px;}
.code-txt {font-size:24px; font-weight: bold; color:#589c54; display: block;}
.code-btn {display: block;}
.code-btn a {font-size:24px; font-weight: bold; background: #589c54; 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 {background:#166b6b;}

.text-list {text-indent: -14px; padding-left:12px;}
.line-bar {clear: both; display: block; border-bottom:1px dotted #b4d3a7; padding:0px 10px; margin:0px 15px 8px 20px;}

.stroke {margin:25px 0px;}
.route {margin:35px 0px; line-height: 24px;}
.route-title {color:#005eb8; background: #e1f6fe; border-radius: 5px; padding:5px 0px 5px 10px; margin:8px 0px; font-weight: bold; font-size:18px;}
.route-tt {display: block; color:#008852; font-weight: bold; margin:12px 0px 0px 0px;}
.route-tt span {border:1px solid #008852; padding:5px;}
.route-txt {color:#005eb8; font-weight: bold; font-size:15px; line-height: 24px; margin:4px 0px;}
.route ul {margin:12px 0px;}
.route ul li {width:100%; display: block; border-bottom:1px dotted #cccccc; padding:5px 0px;}
.route ul li a:hover {color:#008852;}
.text-list {text-indent: -12px; padding-left:12px;}

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

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


.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:#008852;
    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);
    max-width: 195px;
}
.btn-go a:hover {
    background: #04a565;  
}

@media screen and (max-width: 600px) {
.homestay-title {text-align: left; margin:5px;}
.homestay-tt {font-size:21px; text-align: left; /*border:1px dotted #eb6100; background:#ecf8e6;*/ border-top:0px; border-bottom:0px; border-radius:0px; padding:0px; line-height:30px;}
}

@media screen and (max-width: 385px) {
.homestay-title {text-align: center; margin:22px 5px;} 
.homestay-tt {font-size:16px;text-align: center;padding:10px 6px;}
}


/*20211028新增*/
ul.type-link-block {
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    margin: 20px auto;
    width: 100%;
}

.type-link-block a {
    display: inline-block;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color:#333333;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.type-link-block a:hover {
    background: #eeeeee;
}

.type-link-block li {
    border-right: 1px solid #d5d5d5;
    width: 25%;
}

.type-link-block li:last-child {
    border-right: 0;
}

.type-link-block img {
    width: 100%;
    max-width: 50px;
    margin: 0 auto 10px auto;
}

.type-link-block span {
    width: 100%;
    clear: both;
    display: inline-block;
    line-height: 20px;
}

.special-title {
    width: 100%;
    background: url(../images/special_title_bk.png) no-repeat center;
    padding: 10px 0;
    text-align: center;
    font-size: 21px;
    line-height: 32px;
    font-weight: bold;
    color: #136643;
    margin: 30px 0 0 0;
    display: block;
}

@media screen and (max-width: 600px) {
    .homestay-title {
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 0;
    }
    .promotion-pic {
        display: none;
    }

    .homestay-introduction,.exclusive {
        width: 100%;
    }

    .homestay-con {
        text-align: center;
    }

    .btn-go a {
        display: inline-block;
    }
}

@media screen and (max-width: 485px) {
    ul.type-link-block {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .type-link-block li {
        border:0;
        width: 26%;
    }

    .type-link-block a:hover {
        background:transparent;
    }
}

@media screen and (max-width: 320px) {
    .type-link-block li {
        width: 100%;
        border-bottom: 1px solid #d5d5d5;
        text-align: center;
    }
    .type-link-block li:last-child {
        border-bottom: 0;
    }

    .type-link-block img {
        width: 100%;
        max-width: 30px;
        margin: 0 10px 0 auto;
    }

    .type-link-block a {
        width: 106px;
        text-align: left;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }
}