/* nav */
.nav-tit{padding: 10px 5px; display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;}
.nav-tit h1,.nav-tit h2,.nav-tit h3{height: 30px;line-height: 30px;font-size: 16px;color: #152030;font-weight: 500;display: flex;justify-content: start;align-items: center;}
.nav-tit .more{font-size: 14px; color: #69798c;display: flex;align-items: center;}
.nav-tit .more i{font-size: 12px;margin-right: 5px;}
.nav-tit h1::before,.nav-tit h2::before,.nav-tit h3::before{content: "";border-radius: 10px;background: #0086f6;display: inline-block;height: 100%;width: 5px;margin:0 10px 0 1px;}

/*banner*/
.banner-view{margin: 50px auto 0 auto;position: relative;box-sizing: border-box;}
.banner-view::after{content: "";width: 100%; height: 65px;position: absolute;bottom: 0;left: 0;background: linear-gradient(0deg, #f6f8fa 4.75%, hsla(0, 0%, 97%, 0));}
.banner-view .banner-con img{width: 100%;}

/*搜索*/
.search{position: relative;width: 90%;margin:0 5%;margin-top: -45px;top: 22%; left: 0; right: 0;padding: 0 0 10px 0;border-radius: 10px;}
.search .search-box{background-color: #fff; display: flex;flex-direction: column;border-radius: 10px;box-sizing: border-box;box-shadow: 1px 1px 3px #ccc;}
.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: #006ff6;}
.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/SanXiaTourMobile/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/SanXiaTourMobile/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: 18px 22px;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: 24px;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: 20px;}
.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 .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{margin: 5px;border-bottom: 1px dashed #eee;color: #555;font-size: 12px;}

.search .card .hot{margin-top: 15px;}
.search .card .hot .tit{font-size: 14px;color: #304659;}
.search .card .hot .tit i{font-size: 22px;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-color: #eee;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 .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;}
        
/*游轮系列*/
.brand{width: 100%;padding: 5px 15px;box-sizing: border-box;-webkit-box-sizing: border-box;margin: 10px auto 0 auto;}
.brand-wrap{border-radius: 10px;background-color: #fff;}
.brand-wrap .brand-body{display: flex;flex-wrap: wrap;}
.brand-wrap .brand-body a{color: #152030;width: 25%; display: flex;flex-direction: column;justify-content:center;align-items: center;margin-bottom: 12px;box-sizing: border-box;}
.brand-wrap .brand-body a img,.brand-wrap .brand-body a i{height: 40px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.brand-wrap .brand-body a img{transition: transform .3s ease 0s;-o-object-fit: cover;object-fit: cover;}
.brand-wrap .brand-body a i{font-size: 32px;}
.brand-wrap .brand-body a span{width: 100%;font-size: 12px;font-weight: 500; text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brand-wrap .brand-body .more i{color: #006ff6;}
.brand-wrap .brand-body a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition-duration: .8s;}

/*特价游轮*/
.tijia{margin: 10px 12px 20px 12px;background: #fff;border-radius: 8px;overflow: hidden;}
.tijia-body{display: flex;padding-bottom: 20px;background: url(/Themes/SanXiaTourMobile/pic/mapbg.png) no-repeat 10% / cover;}
.tijia-body ul{overflow-x: scroll;display: flex;flex-wrap: nowrap;}
.tijia-body li .item{width: 210px; margin:10px 15px;padding: 10px; border-radius: 8px;background: #fff; overflow: hidden;box-shadow: 0px 2px 5px #ccc;display: flex; flex-direction: column;transition: all 0.3s ease;}
.tijia-body li .item:nth-child(1){margin-left: 10px;}
.tijia-body li .item:hover{transform: translateY(-5px);}
.tijia-body li img{width: 190px;height: 160px; overflow: hidden;border-radius: 5px;}
.tijia-body li .info{padding: 10px 0 0 0;background: #fff;line-height: 22px;}
.tijia-body li .yname{color: #152030;}
.tijia-body li .yname,.hot .wrap-wrap li .rname{font-weight: 500; text-align: left;font-size: 14px;color: #304659;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tijia-body li .rname{color: #304659;font-size: 12px;}
.tijia-body li .rname i{font-size: 13px;margin-right: 3px;}
.tijia-body li .ydate{color: #304659;font-size: 12px;}
.tijia-body li .ydate i{font-size: 12px;margin-right: 3px;}
.tijia-body li .order-p{height: 40px; display:flex;flex-wrap: nowrap; justify-content: space-between;align-items: center;}
.tijia-body li .order-p .order{color: #fff;border-radius: 20px;padding: 1px 12px;background:linear-gradient(to right, #f40, #f70);}
.tijia-body li .price{text-align: right;color: #ff0000;font-size: 12px;}
.tijia-body li .price .num{font-size: 16px;}
.tijia-body li .price .qi{font-size: 12px;}

/*三峡游轮航线*/
.yacht-port{margin: 10px 12px 20px 12px;background: #fff;border-radius: 8px;overflow: hidden;}
.yacht-port .ptit{padding: 10px 5px;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-port .rlist{display: flex;flex-direction: row;flex-wrap: wrap; gap: 10px;padding: 10px 20px 20px 20px;}
.yacht-port .rlist a{width: 100%; display: flex;background: #f0f7ff;border-radius: 6px;padding: 10px 10px;transition: all 0.3s ease;cursor: pointer;}
.yacht-port .rlist a:hover {background: #e1f0ff;transform: translateX(-10px);}
.yacht-port .rlist a .route-icon{width: 40px;height: 40px;background: #4dabf7;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 10px;color: white;}
.yacht-port .rlist a .route-icon i{font-size: 16px;}
.yacht-port .rlist a .route-info{flex: 1;}
.yacht-port .rlist .rname{font-size: 14px;font-weight: 500;color: #1a3a5f;margin-bottom: 5px;display: flex;justify-content: space-between;}
.yacht-port .rlist .rname p{display: flex;justify-content: center;align-items: center;}
.yacht-port .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%)}
.yacht-port .rlist .route-info .desc{font-size: 12px;color: #6c8bb7;display: flex;justify-content: space-between;}
.yacht-port .rlist .route-info .price{text-align: right;color: #ff0000;font-size: 12px;}
.yacht-port .rlist .route-info .price .num{font-size: 13px;}
.yacht-port .rlist .route-info .price .fh{font-size: 10px;font-style: normal;}
.yacht-port .rlist .route-info .price .qi{font-size: 10px;}
.yacht-port .rlist .dir-arrow{display: inline-block;width: 25px;margin: 0 5px; border-bottom: 1px solid #1a3a5f;position: relative;}
.yacht-port .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;}
.yacht-port .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;}
    

/*游轮列表*/
.qlist{margin: 10px 12px 20px 12px;background: #fff;border-radius: 8px;}
.qlist ul{display: flex;flex-direction: column;justify-content: start;align-items: center;}
.qlist ul li{width: 88%; margin: 15px 20px;box-shadow: 0px 2px 5px #ccc;border-radius: 8px;overflow: hidden;transition: all 0.3s ease;}
.qlist ul li:hover{transform: translateY(-5px);}
.qlist ul li .tinfo{position: relative;}
.qlist ul li .tinfo img{width: 100%;height: 65vmin; overflow: hidden;}
.qlist ul li .tinfo .pars{position: absolute;bottom: 0;background: #fff;opacity: 0.8;width: 100%;height: 50px; display: flex;flex-direction: row;justify-content:flex-start; flex-wrap: wrap;}
.qlist ul li .tinfo .pars .item{width: 25%;color: #304659;font-size: 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.qlist ul li .tinfo .pars .item span:nth-child(1){font-size: 12px;color: #304659;}
.qlist ul li .tinfo .pars .item span:nth-child(2){font-size: 12px;color: #69798c;}
.qlist ul li .tinfo .cname{position: absolute;top: 0;left: 0;font-weight: 400;font-size: 14px;color: #fff;background: linear-gradient(90deg, #47f1fc, #46b1ff);border-radius: 0 0 10px 0;height: 25px;padding: 0 15px;display: flex;justify-content: center;align-items: center;}
.qlist ul li .yinfo{background: #fff;padding: 10px 10px;line-height: 24px;font-size: 14px;}
.qlist ul li .yinfo .yname{color: #152030;font-size: 14px; font-weight: 500;}
.qlist ul li .yinfo .rname{color: #69798c;font-size: 12px;}
.qlist ul li .yinfo .tj{color: #f70;font-size: 12px;}
.qlist ul li .yinfo .ydate{color: #69798c;font-size: 12px;}
.qlist ul li .yinfo .ydate i{font-size: 12px;margin-right: 3px;}
.qlist ul li .yinfo .sl{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.qlist ul li .yinfo .order-p{height: 40px; display:flex;flex-wrap: nowrap; justify-content: space-between;align-items: center;}
.qlist ul li .yinfo .order-p .order{font-size: 12px; color: #fff;border-radius: 20px;padding: 1px 12px;background:linear-gradient(to right, #f40, #f70);}
.qlist ul li .yinfo .price{text-align: right;color: #ff0000;font-size: 12px;}
.qlist ul li .yinfo .price .num{font-size: 16px;}
.qlist ul li .yinfo .price .qi{font-size: 12px;}

/*文章列表*/
.article{margin: 10px 12px 20px 12px;background: #fff;border-radius: 8px;}
.article .a-body{display: flex;flex-wrap: wrap;padding: 10px;}
.article .a-body a{font-size: 12px;color:#152030;width: 30%;height: 30px;line-height: 30px;text-align: center;border: 1px solid #eee;border-radius: 8px;margin: 2% 1.3%;}