@charset "utf-8";

/*全屏横幅*/
.bcly-container {
    background-image: url(/Public/Tours/images/car/bcly_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 457px;
}
@media (max-width: 768px) {
    .bcly-container {
        height: 350px;
    }
}
@media (max-width: 480px) {
    .bcly-container {
        height: 250px;
    }
}

/*流程*/
.liucheng{ width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
.liuchengOn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.iconBox{ display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; margin: 10px 5px; position: relative; }
.iconBox img{ width: 68px; height: 80px; object-fit: contain; margin-bottom: 10px; transition: transform 0.3s ease;}
.iconBox p{ font-size: 16px; font-weight: 500; color: #333; margin: 0; line-height: 1.4;}
.iconLine{ height: 2px; background-color: #ddd; flex-grow: 1; margin: 0 10px; position: relative;}
.iconBox:first-child .iconLine { display: none; }
.iconBox:last-child .iconLine { display: none; }
@media (max-width: 768px) {
    .liucheng {
        padding: 0 10px; /* 减少容器内边距 */
    }

    .liuchengOn {
        padding: 20px 15px; /* 减小内边距 */
    }

    .iconBox {
        margin: 0 5px; /* 减小步骤间外边距 */
    }

    .iconBox img {
        width: 50px;  /* 减小图标尺寸 */
        height: 50px;
        margin-bottom: 8px; /* 减小图标与文字间距 */
    }

    .iconBox p {
        font-size: 14px; /* 减小字体 */
    }

    .iconLine {
        height: 1.5px; /* 连接线稍细 */
        margin: 0 8px;  /* 连接线间距稍小 */
    }
}

.content{background:url(/Public/Tours/images/car/di-bg.png) no-repeat;padding-top:30px;background-position: center right;background-size: cover; }

        /* 定制表单样式 */
        .pusher-form { max-width: 900px; margin: 0 auto; padding: 20px; }
        .pusher-form h1 { text-align: center; font-size: 24px; color: #00b0dd; margin-bottom: 20px; }
        .form-line { height: 2px; background: linear-gradient(to right, transparent, #ff6b6b, transparent); margin: 20px auto; max-width: 400px; }
        .diytour ul { padding: 0; margin: 0; list-style: none; }
        .diytour li { margin-bottom: 20px; }
        .bdbt { font-size: 16px; font-weight: bold; color: #555; margin-bottom: 5px; display: block; }
        .bdtxt {
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            font-family: inherit;
            box-sizing: border-box;
            transition: all 0.3s ease;
            width: 100%;
        }
        .bdtxt:focus { border-color: #ff6b6b; outline: none; box-shadow: 0 0 5px rgba(255, 107, 107, 0.3); }
        textarea.bdtxt { resize: vertical; }
        .code {
            display: inline-block;
            padding: 5px 10px;
            background: #f0f0f0;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin: 0 10px;
            cursor: pointer;
            color: #00a6f1;
            font-size: 20px;
            font-weight: bold;
        }
        .hm { color: #ff6b6b; text-decoration: none; font-size: 14px; }
        .hm:hover { text-decoration: underline; }
        .bdtj-btn {
            background-color: #ff6b6b;
            color: white;
            border: none;
            padding: 14px 30px;
            border-radius: 4px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
        }
        .bdtj-btn:hover { background-color: #ff5252; transform: translateY(-2px); }
        
        /* 移动端样式 (<=768px) */
        @media (max-width: 768px) {
            .content{padding-top:10px;}
            .pusher-form h1 { font-size: 20px; }
            .form-line { max-width: 250px; }
            .diytour li:nth-child(8) .bdbt + div { float: none; width: 100% !important; }
            .bdtj-btn { padding: 12px; font-size: 16px; }
        }
        
        /* 电脑端样式 (>768px) */
        @media (min-width: 769px) {
            .pusher-form { padding: 30px; }
            .pusher-form h1 { font-size: 28px; margin-bottom: 30px; }
            .diytour ul li:nth-child(8) .bdbt + div {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 0px);
            }
            .code, .hm { vertical-align: middle; }
            .diytour li:nth-child(9) { display: flex; align-items: center; }
            .diytour li:nth-child(9) .bdbt { width: 120px; margin-bottom: 0; }
            .diytour li:nth-child(9) > input { margin-right: 10px; }
                }
/*表单样式end*/


.photobox{ width: 100%; padding-bottom: 40px; background: #F5F7FA; border-bottom: 1px solid #DDD; }
/*主体部分*/
.main{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
/*left*/
.carlt{ width: 790px; margin:20px 0 0 5px; height: auto; float: left; overflow: hidden;}

/*right*/
.carrt{width:388px; height:auto; border:1px solid #E5E5E5; border-top: 0; margin-top: 20px; _display:inline; float:right; overflow:hidden;}
.carrt h3{padding:4px 15px; height:30px; font:700 16px/30px "微软雅黑", Arial, "宋体"; background:#F5F4F4; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}
/*车型报价*/
.bc_cxbj{width:100%; height:auto; margin: 5px 0; overflow:hidden;}
.bc_cxbj li{padding:10px 5px 10px 10px; font: 100 14px/22px "微软雅黑", Arial, "宋体"; border-bottom: 1px #ccc dotted; overflow:hidden;}
.bc_cxbj li:last-child{border-bottom:none;}
.bc_cxbj .listimg {float: left; margin: 5px 8px 5px 0;}
.bc_cxbj .listimg img {width: 200px;height: 120px;border-radius: 5px;}
.bc_cxbj .listp {float: left;line-height:24px;}
.bc_cxbj .listp .bt{color:#FB3930;font-size: 15px;font-weight: bold;}
.bc_cxbj .listp .num{color:#FB3930;}
.bc_cxbj .listp i{font-size: 10px;}
/*温馨提示*/
.bc_wxts{width:100%; height:auto; overflow:hidden;}
.bc_wxts li{padding:10px 5px 5px 10px; font: 100 14px/22px "微软雅黑", Arial, "宋体"; overflow:hidden;}
/*线路推荐*/
.bc_xltj{width:100%; height:auto; background-color:#fef8fa; overflow:hidden;}
.bc_xltj .rtimg {float: right; margin: 15px 5px 5px 5px;}

.th_line{width:178px; height:auto; padding:0 30px; overflow:hidden;}
.th_line li{width:178px; padding:15px 0; line-height:22px; border-bottom:1px solid #E5E5E5; overflow:hidden;}
.th_line li img{display:block; width:178px; height:135px; margin-bottom:8px;}
.th_line li a{color:#0063DC;}
.th_line li a:hover{color:#f60;}
.th_line li p{ height:30px; line-height:30px;}
.th_line li p span{color:#FF2900; font:400 14px/30px Verdana, Arial, "宋体";  vertical-align:middle;}
.th_line li p s{color:#999; font-family:Verdana, Arial, "宋体"; margin-left:10px;}

/*最新攻略*/
.hot_search{width:168px; padding: 0 15px;}
.hot_search li{height: 30px; line-height:30px; padding: 5px 0; border-bottom: 1px solid #EEE; background: url(../images/dot.gif) no-repeat left center; overflow: hidden;}
.hot_search li a{margin-left: 8px; color:#555;}
.hot_search li.borno{border: 0;}