/*flash*/
.flash-view {width: 100%;height: 380px;overflow: hidden;position: relative;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 380px;object-fit: cover;}
.swiper-pagination {margin-left: 200px;}
.swiper-pagination-bullet {width: 20px;height: 20px;transition: background-color 0.2s;transition: all 0.5s ease;text-align: center;line-height: 20px;font-size: 12px;color: #fff;opacity: 1;background: rgb(58 55 55 / 30%);}
.swiper-pagination-bullet-active {color: #fff;background: #0086f6;}
.swiper-pagination-bullet:hover{color: #fff;background: #2e9df8;transform: translateY(-5px);}

/*搜索*/
.search{position: relative; background-color: #fff; width: 1200px;margin: 0 auto;}
.search .search-box{width: 390px;height: 300px;position: absolute;top: -330px; left: 0; right: 0;z-index: 95;background-color: #fff; display: flex;flex-direction: column;border-radius: 10px;}
.search .search-box .row{display: flex;height: 45px; background-color: #eef1f6;border-radius: 10px 10px 0 0;position: relative;}
.search .search-box .row .item{width: 50%;font-size: 15px;text-align:center;font-weight: 400; color: #152030;line-height: 45px;user-select: none;}
.search .search-box .row-l{z-index: 91;}
.search .search-box .row-r{z-index: 91;}
.search .search-box .row .on{color: #0086f6;}
.search .search-box .side-wrap{width: 100%;height: 50px;overflow: hidden;position: absolute;bottom: 0;left: 0;border-radius: 10px 10px 0 0;}
.search .search-box .side-box{height: 100%;width: 100%; display: flex;position: absolute; left: -50px;}
.search .search-box .side-box::before{content: "";display: inline-block;width: 50px; height: 100%; background: url(/Themes/SanXiaTour/pic/tab_corner.png);background-size: 50px 50px;transform: rotateY(180deg);}
.search .search-box .side-box::after{content: "";display: inline-block;width: 50px; height: 100%;background: url(/Themes/SanXiaTour/pic/tab_corner.png);background-size: 50px 50px;}
.search .search-box .side-box .side{width: 50%;background-color: #fff;}
.search .search-box .side-box{transform: translateX(0%);transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.search .search-box .onr .side-box{transform: translateX(50%);transition: transform 0.3s;-webkit-transition: transform 0.3s;}

.search .card{padding: 20px 40px;padding-top: 35px;display: flex;flex-direction: column;}
.search .card .item{width: 100%;display: flex;flex-direction: row;font-size: 14px;align-items: center;border-bottom: 1px solid #eee;padding: 0 0 5px 5px;margin-bottom: 22px;}
.search .card .icon{font-size: 22px;width: 20%;color: #69798c;}
.search .card .con span{font-size: 14px;color: #152030;font-weight: 500;}
.search .card .port .con{flex: 1;display: flex;align-items: center;font-size: 22px;cursor: pointer;}
.search .card .port .fx{color: #bbb;font-size: 34px;padding: 0 5%;height: 35px;line-height: 46px;}
.search .card .date{margin-bottom: 24px;}
.search .card .date .con{cursor: pointer;flex: 1;}
.search .card .date .icon{font-size: 18px;}
.search .card .date .week{font-weight: normal; font-size: 14px;padding-left: 10px;}
.search .sub{width: 90%;color: #fff;font-weight: 500; font-size: 15px;margin: 0 auto;border-radius: 20px;height: 35px; line-height: 35px; text-align: center;  cursor: pointer;}
.search .sub{background-color: #0076f5;background: linear-gradient(to left, #0076f5 0%, #00a7fa 100%);user-select: none;}

.search .rmhx{height: 30px;font-size: 12px; margin-top: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: flex;justify-content: flex-start;align-items: center;}
.search .rm-tit{color: #304659;}
.search .rm-con{display: flex;flex-direction:row;flex-wrap: nowrap;}
.search .rmhx a{color: #69798c;font-size: 12px;margin-right: 10px; display: flex;justify-content: center;align-items: center;background: #fff9ef;display: inline-block;padding: 5px 5px;border-radius: 5px;}
.search .rmhx a i{color: red;font-size: 16px;margin:0 2px;}
.search .rmhx a i.f70{color: #f70;}
.search .rmhx a:hover{color: #0086f6;}
.search .rmhx a:hover i{color: #0086f6;}

.search .card .yname{display: flex;border: 1px solid #eee;height: 35px;line-height: 35px;border-radius: 10px;margin-top: 12px;}
.search .card .yname i{width: 15%;max-width: 60px; text-align: center;font-size: 22px;color: #ccc;}
.search .card .yname .kw{flex: 1;position: relative;}
.search .card .yname input{width: 100%;box-sizing: border-box; border: none;outline: none;font-size: 14px;color: #555;}
.search .card .yname .ysub{width: 30%;max-width: 120px;height: 37px; line-height: 37px; color: #fff;font-size: 16px;text-align: center;border-radius: 0 11px 11px 0;border: 1px solid #fff;border-left: none; margin: -2px -1px 0 0; background-color: #f70; background: linear-gradient(90deg,#ffa50a 0,#f70 100%);cursor: pointer;}
.search .card .yname .ysub{background-color: #0076f5;background: linear-gradient(to left, #0076f5 0%, #00a7fa 100%);}
.search .card .yname .tips{position:absolute;display: flex;flex-direction: column;width: 100%;background-color: #fff;top: 36px;left: 0;border: 1px solid #eee;border-top: 0; border-radius: 0 0 5px 5px;padding-bottom: 10px;}
.search .card .yname .tips a{color: #0086f6;border-bottom: 1px dashed #eee;font-size: 13px;font-weight:400; padding:0 10px;transition: all 0.3s ease;}
.search .card .yname .tips a i{font-size: 16px;color: #0086f6;margin-right:5px;}
.search .card .yname .tips a:hover{background:#F5F6F9;transform: translateY(-5px);}

.search .card .hot{margin-top: 15px;}
.search .card .hot .tit{font-size: 14px;color: #304659;}
.search .card .hot .tit i{font-size: 18px;color: #d81e06;padding-right: 5px;}
.search .card .hotc{display: flex;flex-wrap: wrap;margin-top: 15px;justify-content: space-between;}
.search .card .hotc a{box-sizing: border-box; width: 31.0%;height: 30px; line-height: 30px; border-radius: 20px;border: 1px solid #eee;background: #F5F6F9;text-align: center;margin: 0 5px 10px 0;font-size: 12px;color: #152030;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search .card .hotc a:hover{background: linear-gradient(97.79deg, #edf4ff 9.39%, #f2f6ff 50.46%, #eeebff 91.53%);color: #0086f6;}
/*航向*/
.search .card .port .con .dir-arrow{display: inline-block;width: 45px;margin: 0 5px; border-bottom: 1px solid #a7a7a7;position: relative;}
.search .card .port .con .dir-arrow::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #a7a7a7;border-bottom-color: #a7a7a7;position: absolute;right: 0px;bottom: 0px;}
.search .card .port .con .dir-arrow.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #a7a7a7;border-top-color: #a7a7a7;position: absolute;left: 0px;bottom: -4px;}
        
/*特价*/
.tijia{width: 1200px;background: #fff;margin: 0 auto;margin-top: 20px;padding: 10px 10px 30px 10px;border-radius: 8px;}
.tijia .tit{color: #0086f6;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.tijia .tit h2{color: #f50;font-size: 18px;font-weight: 600;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.tijia .tit h2::before{content: "";border-radius: 10px;background: #f50;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.tijia .tit .more{font-size: 14px;color: #304659;}
.tijia .tit .more:hover{color: #0086f6;}

.tijia-body{margin-top: 20px;}
.tijia-body ul{display: flex;justify-content: start;flex-wrap: wrap;}
.tijia-body li{font-size: 12px; width: 280px;overflow: hidden; line-height: 22px;color: #152030; margin: 0 6px; overflow: hidden;border: 1px solid #f7f7f7;box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, .06);padding: 10px 15px;border-radius: 5px;transition: all 0.3s ease;}
.tijia-body li:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);transform: translateY(-5px);}
.tijia-body li a:hover{text-decoration: none;}
.tijia-body li img{width: 250px; height: 250px; overflow: hidden;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.tijia-body li img:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition-duration: .8s;}
.tijia-body li .yname{font-size: 14px;line-height: 22px;font-weight: 600;color: #152030;}
.tijia-body li .ydate{color: #304659;height: 22px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tijia-body li .ydate i{font-size: 12px;margin-right: 2px;font-weight: 400;}
.tijia-body li .price{text-align: right;color: #ff0000;font-size: 12px;}
.tijia-body li .price .num{font-size: 18px;}
.tijia-body li .price .fh{font-size: 12px;font-style: normal;}
.tijia-body li .price .qi{font-size: 10px;}
.tijia-body li .port{margin-top: 5px; font-size: 12px;color: #304659;display: flex;justify-content: start;align-items: center;}
.tijia-body li .port .dd{font-size: 13px;margin-right: 2px;color: #4dabf7;}
.tijia-body li .port .dir-arrow{display: inline-block;width: 20px;margin: 0 2px; border-bottom: 1px solid #a7a7a7;position: relative;}
.tijia-body li .port .dir-arrow::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #a7a7a7;border-bottom-color: #a7a7a7;position: absolute;right: 0px;bottom: 0px;}
.tijia-body li .port .dir-arrow.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #a7a7a7;border-top-color: #a7a7a7;position: absolute;left: 0px;bottom: -4px;}
        
/*三峡游轮航线*/
.yacht-port{width: 1200px;background: #fff;margin: 0 auto;margin-top: 20px;padding: 10px;border-radius: 8px;}
.yacht-port .ptit{color: #0086f6;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.yacht-port .ptit h2{color: #0086f6;font-size: 18px;font-weight: 600;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.yacht-port .ptit h2::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.yacht-portbody{display: flex;gap: 15px;padding: 15px;}
.port-card{min-height: 380px; flex: 1;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);transition: all 0.4s ease;display: flex;flex-direction: column;}
.port-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);flex: 1.2;}
.port-card {animation: fadeInUp 0.5s ease forwards;opacity: 0;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);} to {opacity: 1;transform: translateY(0);}}
.port-card:nth-child(1) { animation-delay: 0.1s; }
.port-card:nth-child(2) { animation-delay: 0.2s; }
.port-card:nth-child(3) { animation-delay: 0.3s; }
.port-card:nth-child(4) { animation-delay: 0.4s; }
.port-card .port-info{position: relative;height: 140px;}
.port-card .port-img{width: 100%;height: 140px;object-fit: cover;transition: transform 0.6s ease;}
.port-card .name-wrap{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding: 10px;color: white}
.port-card .pname{font-size: 18px;font-weight: 600;margin-bottom: 3px;}
.port-card .ename{font-size: 12px;opacity: 0.9;}

.port-route{padding: 0 15px;}
.port-route .rtit{font-size: 14px;color: #1a3a5f;margin-bottom: 10px;padding: 10px 0; display: flex;align-items: center;border-bottom: 1px solid #eee;}
.port-route .rtit i{color: #4dabf7;margin-right: 5px;font-size: 16px;}
.port-route .rlist{display: flex;flex-direction: column;gap: 10px;}
.port-route .rlist a{display: flex;background: #f0f7ff;border-radius: 6px;padding: 8px;transition: all 0.3s ease;cursor: pointer;}
.port-route .rlist a:hover {background: #e1f0ff;transform: translateY(-5px);}
.port-route .rlist a .route-icon{width: 32px;height: 32px;background: #4dabf7;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 12px;color: white;}
.port-route .rlist a .route-icon i{font-size: 14px;}
.port-route .rlist a .route-info{flex: 1;}
.port-route .rlist .rname{font-size: 13px;font-weight: 600;color: #1a3a5f;margin-bottom: 2px;display: flex;justify-content: space-between;}
.port-route .rlist .rname p{display: flex;justify-content: center;align-items: center;}
.port-route .rlist .rname em{display:inline-block;min-width: 40px;height: 18px;line-height: 18px; padding: 0 5px; color: #fff;font-style: normal;font-size: 12px;font-weight: 400;text-align: center;background: linear-gradient(90deg, #FF9038 0%, #F54336 100%);border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 2px;border-bottom-right-radius: 8px;}
.yacht-port .rlist .rname em.tj{background: linear-gradient(90deg, #86c793 0%, #3cbd56 100%)}
.port-route .rlist .route-info .desc{font-size: 11px;color: #6c8bb7;display: flex;justify-content: space-between;}
.port-route .rlist .route-info .price{text-align: right;color: #ff0000;font-size: 12px;}
.port-route .rlist .route-info .price .num{font-size: 13px;}
.port-route .rlist .route-info .price .fh{font-size: 10px;font-style: normal;}
.port-route .rlist .route-info .price .qi{font-size: 10px;}
.port-route .rlist .dir-arrow{display: inline-block;width: 20px;margin: 0 5px; border-bottom: 1px solid #1a3a5f;position: relative;}
.port-route .rlist .dir-arrow::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #1a3a5f;border-bottom-color: #1a3a5f;position: absolute;right: 0px;bottom: 0px;}
.port-route .rlist .dir-arrow.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #1a3a5f;border-top-color: #1a3a5f;position: absolute;left: 0px;bottom: -4px;}
    
        
/*游轮系列*/
.brand{width: 1200px;background: #fff;margin: 0 auto;margin-top: 20px;padding: 10px 10px 30px 10px;border-radius: 8px;}
.brand .tit{color: #0086f6;font-size: 16px;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.brand .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.brand .tit h2{display: inline;font-size: 18px;font-weight: 600;}

.brand-nav{margin-top: 15px;}
.brand-nav ul{display: flex;justify-content: start;align-items: center;}
.brand-nav li{width: 110px;height: 62px; border:1px solid #efefef; margin-right: 15px;border-radius: 5px;background:#fff;overflow: hidden;transition: all 0.3s ease;}
.brand-nav li.on{border: 2px solid #0086f6;color: #0086f6;}
.brand-nav li:hover{text-decoration: none;border: 2px solid #0086f6;transform: translateY(-3px);}
.brand-nav li.on a{color: #0086f6;font-weight: 500;}
.brand-nav li a{display: inline-block;width: 100%;height: 100%; background: #f8f8f8;display: flex;flex-direction: column;justify-content: space-between; align-items: center;color: #152030;}
.brand-nav li a img{height: 35px;overflow: hidden;}
.brand-nav li a span{font-size: 12px;background: #e5f2fe;display: inline-block;width: 100%;text-align: center;padding: 5px;}
.brand-nav li a i{color: #0086f6;font-size: 32px;}
.brand-nav li:hover a span{color: #0086f6;}

.brand-body{margin-top: 25px;}
.brand-body ul{display: flex;justify-content: start;flex-wrap: wrap;}
.brand-body li{font-size: 12px; width: 280px;overflow: hidden; line-height: 22px;color: #152030; margin: 0 6px; overflow: hidden;border: 1px solid #f7f7f7;box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, .06);padding: 10px 15px;border-radius: 5px;transition: all 0.3s ease;}
.brand-body li:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);transform: translateY(-5px);}
.brand-body li a:hover{text-decoration: none;}
.brand-body li img{width: 250px; height: 250px; overflow: hidden;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.brand-body li img:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition-duration: .8s;}
.brand-body li .yname{font-size: 14px;line-height: 22px;font-weight: 600;color: #152030;}
.brand-body li .ydate{color: #304659;height: 22px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.brand-body li .ydate i{font-size: 12px;margin-right: 2px;font-weight: 400;}
.brand-body li .price{text-align: right;color: #ff0000;font-size: 12px;}
.brand-body li .price .num{font-size: 18px;}
.brand-body li .price .fh{font-size: 12px;font-style: normal;}
.brand-body li .price .qi{font-size: 10px;}
.brand-body .more-br{border-top: 0px;height: 30px;}
.brand-body .more{display: block; width: 220px;padding: 5px 8px 5px 20px;border-radius: 20px; margin: 0 auto;margin-top: 20px;text-align: center;font-size: 14px; background: #0086f6;color: #fff;margin-bottom: -50px;}
.brand-body .more i{font-size: 22px;vertical-align: middle;}

/*船期表*/
.yachtdate{width: 1200px;box-sizing: border-box;background: #fff;margin: 0 auto; margin-top: 20px;padding: 20px 15px 40px 15px;border-radius: 8px;}
.yachtdate .tit{color: #0086f6;font-size: 16px;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.yachtdate .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.yachtdate .tit h2{display: inline;font-size: 18px;font-weight: 600;}
        
.ydate-wrap{margin-top: 15px;}
.ydate-wrap .head{height: 45px;color: #152030;display: flex;justify-content: space-between;align-items: center;font-size: 14px;padding: 0 20px;border-radius: 10px 10px 0 0; color: #fff; background-image: -webkit-gradient(linear,left top,right top,from(#29e),to(#06d));background-image: linear-gradient(to right,#29e,#06d);}
.ydate-wrap .head .port{width: 40%;display: flex;align-items: center;}
.ydate-wrap .head .port .stit{font-weight: 500;}
.ydate-wrap .head .port .port-val{background: #fff;color: #152030;font-size: 14px; width: 220px;height: 35px;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;border-radius: 5px;cursor: pointer;}
.ydate-wrap .head .port-val span{padding-left: 20px;display:flex;justify-content: center;align-items: center;}
.ydate-wrap .head .port-val .dir-arrow-d{display: inline-block;width: 30px;border-bottom: 1px solid #a7a7a7;position: relative;margin: 0 5px;}
.ydate-wrap .head .port-val .dir-arrow-d::after{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-left-color: #a7a7a7;border-bottom-color: #a7a7a7;position: absolute;right: 0px;bottom: 0px;}
.ydate-wrap .head .port-val .dir-arrow-d.wf::before{content: '';display: inline-block;width: 0;height: 0;border: 2px solid rgba(255, 255, 255, 0);border-right-color: #a7a7a7;border-top-color: #a7a7a7;position: absolute;left: 0px;bottom: -4px;}
.ydate-wrap .head .port-val .down{font-size: 28px;}

.ydate-wrap .head .year-month{width: 30%;overflow: hidden;display: flex;border: 1px solid #eee;height: 30px;border-radius: 20px; justify-content: space-between;align-items: center;background: #fff;}
.ydate-wrap .head .month-val{margin: 0 20px;color: #152030;}
.ydate-wrap .head .year-month .up,.ydate-wrap .head .year-month .down{height: 32px;display: flex;justify-content: center;align-items:center;background: #eee;padding: 0 10px;color: #152030;cursor: pointer;}
.ydate-wrap .head .year-month .up{border-radius: 20px 0 0 20px; margin-left: -2px;}
.ydate-wrap .head .year-month .down{border-radius: 0 20px 20px 0;margin-right: -2px;}
.ydate-wrap .head .year-month i{font-size: 16px;}

.ydate-wrap .week ul{color: #bbb;display: flex;flex-wrap:wrap;justify-content: space-between;text-align: center;}
.ydate-wrap .week ul li{flex: 1; display: flex;justify-content: center;font-size: 14px;padding: 5px 0;}
.ydate-wrap .week ul li:first-child{color: #bbb;}
.ydate-wrap .week ul li:last-child{color: #bbb;}

.ydate-wrap .ydate-body{display: flex;justify-content: flex-start;flex-wrap: wrap;border-left: 1px solid #eee;border-bottom: 1px solid #eee;}
.ydate-wrap .ydate-body .day{color: #69798c;width: 14.2%;height: 85px;padding: 5px; box-sizing: border-box;border-top: 1px solid #eee;border-right: 1px solid #eee;position: relative;}
.ydate-wrap .ydate-body .day .num{font-size: 16px;text-align: right;}
.ydate-wrap .ydate-body .route a{display: flex;flex-wrap: wrap;justify-content: space-between; line-height: 18px;}
.ydate-wrap .ydate-body .route a:hover{text-decoration: none;color: #0086f6;}
.ydate-wrap .ydate-body .route .yname{flex: 1;height: 18px;line-height: 18px;color: #152030;font-size: 12px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ydate-wrap .ydate-body .route .price{width: 50px; color: #ff0000;font-size: 12px;text-align: right;}
.ydate-wrap .ydate-body .route .price .fh{font-style: normal;font-size: 10px;}
.ydate-wrap .ydate-body .route .price .qi{font-style: normal;font-size: 10px;}
.ydate-wrap .ydate-body .route .yname:hover{text-decoration: none;color: #0086f6;}
.ydate-wrap .ydate-body .route .more{display:block;text-align: center; color: #bbb;font-size: 12px;cursor: pointer;}
.ydate-wrap .ydate-body .route .more i{font-size: 12px;}
/*弹出层*/
.ydate-wrap .route-box{display: none;width: 480px; background: #fff; position: absolute;top: 84px;left: 0px;z-index: 99;border: 1px solid #0086f6;border-radius: 8px;box-shadow: 0px 2px 3px #ccc;}
.ydate-wrap .route-box .rtit{background: #0086f6;height: 35px;position: relative;border-radius: 6px 6px 0px 0px;}
.ydate-wrap .route-box .rtit span{font-size: 14px; color: #fff;padding: 10px;line-height: 35px;font-weight: 600;}
.ydate-wrap .route-box .rtit .gu{position: absolute;top: -25px; left: 50px;font-size: 42px;color: #0086f6;}
.ydate-wrap .route-box .rbody{height: 260px;margin-bottom: 20px; overflow-y: scroll;overflow-x: hidden;}
.ydate-wrap .route-box .rbody a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;height: 35px; line-height: 35px;padding: 0 20px 0 10px; border-bottom: 1px solid #f7f7f7;transition: all 0.3s ease;}
.ydate-wrap .route-box .rbody a:hover{text-decoration: none;color: #0086f6;background: #F5F6F9;transform: translateY(-3px);}
.ydate-wrap .route-box .rbody .yname{flex: 1;height: 18px;line-height: 18px;color: #152030;font-size: 14px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ydate-wrap .route-box .rbody .yname:hover{color: #0086f6;}
.ydate-wrap .route-box .rbody .price{width: 60px; color: #ff0000;font-size: 14px;text-align: right;}
.ydate-wrap .route-box .rbody .price .fh{font-style: normal;font-size: 10px;}
.ydate-wrap .ydate-body .day:hover .route-box{display: block;}

.ydate-wrap .route-box .rbody a dfn{width: 15px;height: 15px;line-height: 15px;background: #99aeca;text-align: center;margin-right: 5px;color: #fff;border-radius: 3px;}
.ydate-wrap .route-box .rbody a:nth-child(1) dfn{background: #f63b2e;}
.ydate-wrap .route-box .rbody a:nth-child(2) dfn{background: #f50;}
.ydate-wrap .route-box .rbody a:nth-child(3) dfn{background: #f60;}
.ydate-wrap .route-box .rbody a:nth-child(4) dfn{background: #ff8b26;}
.ydate-wrap .route-box .rbody a:nth-child(5) dfn{background: #ffb63e;}
.ydate-wrap .route-box .rbody a:nth-child(6) dfn{background: #99aeca;}

.ydate-wrap .route-box .rbody .not-data{text-align: center;color: #ccc;padding: 5px 10px;}
/*右弹出层*/
.ydate-wrap .dayr .route-box{left: auto; right: 0px;}
.ydate-wrap .dayr .route-box .rtit .gu{left: auto;right: 60px;}

/*三峡游轮航线*/
.route-view{width: 1200px;background: #fff;margin: 0 auto;margin-top: 20px;padding: 10px;border-radius: 8px;}
.route-view .rtit{color: #0086f6;font-size: 16px;display: flex;justify-content: space-between;align-items: center;}
.route-view .rtit h2{color: #0086f6;font-size: 18px;font-weight: 600;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.route-view .rtit h2::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.route-view .route-body{display: flex;justify-content: start;padding: 10px 0;}
.route-view .left-body{width: 290px;position: relative;}
.route-view .left-body img{width: 290px;height: 550px;overflow: hidden;}
.route-view .left-body .port{width: 290px;padding: 10px; position: absolute;bottom: 20px;left: 0;color: #fff;}
.route-view .left-body .port ul{width: 100%; display: flex;gap: 10px;flex-wrap: wrap; flex-direction: row;align-items: center;}
.route-view .left-body .port li{width: 130px; height: 28px;padding: 6px;margin-bottom: 5px;text-shadow: rgba(0, 0, 0, .4) 0 0 2px;display: flex;justify-content: start;align-items: center; border-radius: 5px;background-color: rgba(255, 255, 255, .4);transition: all 0.3s ease;}
.route-view .left-body .port li:hover {transform: translateX(-8px);}
.route-view .left-body .port li i{font-size: 12px;margin: 0 12px 0 0;width: 18px;height: 18px;border-radius: 10px;font-weight: 400; background: #f8b74d;text-align: center;}
.route-view .left-body .port li a{color: #fff;font-size: 12px;font-weight: 400;}
.route-view .left-body .port li:nth-child(1) i{background: #f63b2e;}
.route-view .left-body .port li:nth-child(2) i{background: #f65232;}
.route-view .left-body .port li:nth-child(3) i{background: #f76937;}
.route-view .left-body .port li:nth-child(4) i{background: #f7803c;}
.route-view .left-body .port li:nth-child(5) i{background: #f79742;}
.route-view .left-body .port li:nth-child(6) i{background: #f8b74d;}

.route-view .right-body{flex: 1;padding:0 10px;color: #152030;}
.route-view .right-body ul{display: flex;flex-wrap: wrap; justify-content: start;gap: 12px;}
.route-view .right-body ul li{width: 207px; border: 2px solid #eee;padding: 10px;line-height: 22px;border-radius: 5px;transition: all 0.3s ease;}
.route-view .right-body ul li:hover{box-shadow: 0px 4px 16px 1px rgba(0,0,0,.12);transform: translateY(-5px);}
.route-view .right-body ul li a{color: #152030;font-size: 12px;}
.route-view .right-body li img{width: 185px;height: 145px; overflow: hidden;transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.route-view .right-body li img:hover{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);transition-duration: .8s;}
.route-view .right-body li .yname{font-size: 14px;line-height: 22px;font-weight: 600;color: #152030;}
.route-view .right-body li .rname{font-size: 12px;width: 185px;height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.route-view .right-body li .rname i{color: #4dabf7;margin-right: 5px;font-size: 16px;}
.route-view .right-body li .ydate{color: #304659;width: 185px; height: 22px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.route-view .right-body li .ydate i{font-size: 12px;margin-right: 5px;font-weight: 400;}
.route-view .right-body li .price{text-align: right;color: #ff0000;font-size: 12px;}
.route-view .right-body li .price .num{font-size: 16px;}
.route-view .right-body li .price .fh{font-size: 12px;font-style: normal;}
.route-view .right-body li .price .qi{font-size: 10px;}
        
/* 三峡游轮资讯 */
.ainfo{width: 1200px;color: #152030; background: #fff;margin: 0 auto; margin-top: 20px;padding: 20px 15px 30px 15px;border-radius: 8px;display: flex;justify-content: space-between;}
.ainfo .tit{color: #0086f6;font-size: 16px;height: 30px;line-height: 30px;display: flex;justify-content: start;align-items: center;}
.ainfo .tit::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}
.ainfo .tit h2{display: inline;font-size: 18px;font-weight: 600;}
.ainfo .article{width: 690px;}
.ainfo .article{padding: 10px 10px;border-right: 1px solid #eee;margin-right: 10px;}

.a-body ul{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.a-body ul li{width: 46%;margin: 10px 0px; border-bottom: 1px dotted #f7f7f7; display: flex;justify-content: start;flex-wrap: wrap;align-items: center; font-size: 14px;color: #152030;}
.a-body ul li a{flex: 1;color: #152030;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a-body ul li i{color: #0084ff;font-size: 28px;display: flex;justify-content: flex-start;}
.a-body ul li span{color: #ccc;margin-left: 5px;}
.a-body ul li a:hover{color: #0084ff;}
.a-body .more{float: right;color: #152030;}
.a-body .more:hover{color: #0084ff;}
        
.ainfo .gb{flex: 1;}
.gb-body ul li{margin: 15px 0;font-size: 12px;display: flex;align-items: center;}
.gb-body ul li span{font-size: 14px;width: 90px;text-align: right;}
.gb-body ul li input{height: 30px;line-height: 30px;padding: 15px 10px; border: 2px solid #e1e9f5;transition: border-color 0.3s ease;border-radius: 5px;font-size: 12px;}
.gb-body ul li .iw1{width: 180px; }
.gb-body ul li .iw2{width: 230px; }
.gb-body ul li textarea{flex: 1;margin-right: 20px;padding: 10px;border: 2px solid #e1e9f5;border-radius: 5px;font-size: 12px;}
.gb-body ul li input:focus,.gb-body ul li textarea:focus{outline: none;border-color: #5dabf5;}
.gb-body .code{width: 110px;}
.gb-body .codediv div{display: flex;justify-content: center;align-items: center;}
.gb-body .codediv img{height: 30px;margin-left: 10px;}
.gb-body .sub{width: 55%;margin: 0 auto;margin-top: 25px; border-radius: 20px;height: 35px; line-height: 35px; text-align: center; color: #fff;font-size: 14px;background: #0086f6;}