@charset "utf-8";

/* 签证首页 ******************************************************************************/
.wrapper{position:relative;padding-top:25px;padding-bottom:50px;background:#fafcff}
/* 背景图片 */
.visa-banner{position:relative;width:100%;height:auto;background-position:center;background-size:cover;background-repeat:no-repeat}
/* 搜索框架 */
.visa-banner .row{height:100%}
.visa-searchbox{position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.visa-searchbox .search{position:relative;z-index:999;padding:25px 0;width:100%}
/* 头部 */
.visa-searchbox .search .search-top{position:relative;height:45px;display:flex;align-items:center}
.visa-searchbox .search .search-top:after{content:"";width:210px;height:50px;border-radius:4px 4px 0 0;background:#fff;-webkit-transform:perspective(20px) rotateX(3deg);transform:perspective(20px) rotateX(3deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;position:absolute;left:0;bottom:0;z-index:0}
.visa-searchbox .search .search-top .search-title{display:flex;align-items:center;padding:5px 10px 0;width:100%;position:relative;z-index:1}
.visa-searchbox h1{color:#000;font-weight:400;font-size:20px;margin-left:5px}
/* 搜索表单 */
.visa-searchbox .search .search-box{background-color:#fff;padding:10px 15px;border-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex}
.visa-searchbox .s-input,.visa-searchbox .s-submit{display:flex;height:40px;outline:0;border:1px solid #ccc;background:#fff;color:#333;font-size:15px;border-radius:0}
.visa-searchbox .s-input{padding-left:.5rem;width:calc(100% - 40px);border-right:0}
.visa-searchbox .s-submit{width:40px;cursor:pointer;font-size:20px;border-left:0;align-items:center;justify-content:center;color:#999}
/* 热门搜索列表 */
.visa-searchbox .hot_list{position:relative;background-color:#fff;padding:5px 15px;width:100%;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.visa-searchbox .hot_list a{display:inline-block;margin-right:5px;margin-bottom:5px;width:auto;color:#666;text-align:center;font-size:11px;background-color:#f1f1f1;padding:2.5px 5px;border-radius:3px}
.visa-searchbox .hot_list a:hover{color:#0da3fa}
/* 数字 */
.visa-searchbox .counter_box{margin-top:10px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}
.visa-searchbox .counter_list{text-align:center;background-color:#fafafa;border-radius:3px;flex:0 0 auto;align-items:center;margin-right:5px;text-decoration:none;width:35%;display:flex;padding:10px 5px;flex-direction:column}
.visa-searchbox .counter_list span{font-weight:600}
.visa-searchbox .counter_list .counter{background-image:linear-gradient(45deg,#f3d482,#b88703);color:#f9b90a;color:transparent;font-weight:600;font-size:2rem;-webkit-background-clip:text}
.visa-searchbox .counter_list .unit{font-size:1rem;color:#c29317;font-style:normal}
.visa-searchbox .counter_list .note{display:block;font-weight:400;color:#666}

/* 热门签证国家列表 */
.visa-hot-country{padding-top:30px;padding-bottom:30px;width:100%;background-color:#fafcff}
.visa-hot-country h2{color:#333;text-align:center;font-weight:400;font-size:1.75rem;margin-bottom:30px}
/* 列表 */
.visa-hot-country-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%;margin-top:15px}
.visa-hot-country-list .list-item{width:100%;height:auto;position:relative;background:#fff;box-shadow:0 0 0 1px rgba(35,35,35,.1);margin-bottom:10px;display:flex;flex-direction:column;border-radius:3px}
.list-item .poto{width:100%;height:auto;position:relative}
.list-item .poto img{width:100%;height:auto;display:block;object-fit:cover;border-top-left-radius:3px;border-top-right-radius:3px}
.list-item .poto .countrypic{position:absolute;bottom:-25px;left:5px;width:50px;transition:all .2s ease 0s;border-radius:5px;background-color:#fafcff;min-height:47px}
.list-item .poto .countrypic img{width:100%;height:auto;box-shadow:2px 2px 8px 0 rgba(0,0,0,.1);border-radius:5px}
/* 标题 */
.list-item .title{font-size:20px;width:100%;text-align:right;line-height:1;background-color:#fafafa;padding:10px 15px}
.list-item .title em{font-size:11px;display:block;color:#999;margin-top:5px;font-style:normal;font-family:Arial,Helvetica,sans-serif}
.list-item:hover .title{color:#3592e2}
/* 签证列表 */
.list-item .list{margin:0;padding:10px 5px 0;list-style:none}
.list-item .list li{margin-bottom:.5rem;padding-bottom:.5rem;line-height:1.2;position:relative;display:flex;align-items:flex-start;border-bottom:1px dashed #eee;flex-direction:column}
.list-item .list li:last-child{border-bottom:1px solid #eee}
.list-item .list li a{display:-webkit-box;overflow:hidden;max-height:2.2rem;color:#666;text-overflow:ellipsis;line-height:1.1rem;transition:all .3s ease 0s;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}
.list-item .list li span{display:block;font-size:12px;color:#e04508}
/* 更多按钮 */
.list-item .more{position:relative;text-align:center;padding:0 5px}
.list-item .more a{display:block;padding:5px 0;background-color:#e3eff8;border-radius:2px;color:#34573c7a;width:100%;font-size:16px;margin-bottom:5px}
.list-item .more a .fa{margin-left:5px}

/* 全部签证国家列表 */
.visa-all-country{padding-top:30px;padding-bottom:30px;width:100%;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat}
.visa-all-country h2{color:#333;text-align:center;font-weight:400;font-size:1.75rem;margin-bottom:30px}
/* TAB切换内容 */
.category-tab{position:relative}
.category-tab .cd-tabs{position:relative;width:100%}
.category-tab .no-cssgradients .cd-tabs::after{display:none}
.category-tab .cd-tabs nav{-webkit-overflow-scrolling:touch}
.category-tab .cd-tabs-navigation{padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2.5px;width:100%;margin-bottom:0}
.category-tab .cd-tabs-navigation li{list-style:none}
.category-tab .cd-tabs-navigation a{position:relative;display:block;padding:10px 10px;width:auto;color:#666;font-weight:400;font-size:16px;border:1px solid #eee;border-top:0;background-color:#fafcff;text-align:center;line-height:1.2}
.category-tab .cd-tabs-navigation a::before{position:absolute;top:-5px;left:0;display:inline-block;width:100%;height:5px;background-color:#c3cdd8;content:"";border-top-left-radius:2px;border-top-right-radius:2px}
.category-tab .cd-tabs-navigation a:hover{color:#00CC88}
.category-tab .cd-tabs-navigation a.selected{background-color:#fff;color:#00CC88;border-bottom:1px solid #fff}
.category-tab .cd-tabs-navigation a.selected::before,.category-tab .cd-tabs-navigation a:hover::before{position:absolute;top:-5px;left:-1px;display:inline-block;width:calc(100% + 2px);height:5px;background-color:#00CC88;content:""}
.category-tab .cd-tabs-content{margin:0;padding:15px;background:#fff;border:1px solid #eee;border-radius:0;margin-top:-1px}
.category-tab .cd-tabs-content li{display:none}
.category-tab .cd-tabs-content li.selected{display:block;-webkit-animation:cd-fade-in .5s;-moz-animation:cd-fade-in .5s;animation:cd-fade-in .5s}
.category-tab .cd-tabs-content li a{display:inline-block;margin-bottom:5px;padding:5px 10px;background-color:#fff;color:#333;border-radius:2px;border:1px solid #cfcec3;font-size:14px}
.category-tab .cd-tabs-content li .current,.cd-tabs-content li a:hover{background:#00CC88;border:1px solid #00CC88;color:#fff}

/* 签证流程 */
.visa-liucheng{padding-top:30px;padding-bottom:30px;width:100%;background-color:#fafcff}
.visa-liucheng h2{color:#333;text-align:center;font-weight:400;font-size:1.75rem;margin-bottom:30px}
.visa-liucheng ul{margin-top:25px;margin-bottom:0;padding:0 0 15px;display:flex;width:100%;-webkit-overflow-scrolling:touch;overflow-x:auto}
.visa-liucheng li{position:relative;list-style:none;display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:15px 0;box-shadow:0 0 0 1px rgba(0,0,0,.04);border-radius:5px;width:35%;margin-right:10px;flex-shrink:0;transition:all .2s ease 0s}
.visa-liucheng span{display:block}
.visa-liucheng .icon{width:65px;height:65px;border-radius:65px;background-color:#a7935c;color:#fff;text-align:center;display:flex;align-items:center}
.visa-liucheng .icon .fa{font-size:2rem;width:100%}
.visa-liucheng .title{margin-top:15px;margin-bottom:10px;text-align:center;font-size:16px;color:#666;line-height:1.4}
.visa-liucheng .note{text-align:center;width:90%;line-height:1.4;color:#666;font-size:12px}

/* 签证攻略 */
.visa-news{padding-top:15px;padding-bottom:15px;width:100%;background-color:#fff}
.visa-news .visa-news-box{padding:0;display:flex;width:100%;flex-direction:column}
.visa-news .special_column{position:relative;background:#fff;border:1px solid #eee;margin-bottom: 10px;}
.visa-news .special_column .title{font-weight:700;color:#054883;font-size:15px;padding:10px 15px;background-color: #fafafa;border-bottom:1px solid #eee}
.visa-news .special_column .title img{margin-right:5px}
.visa-news .special_column .column_content{padding:10px 15px}
.visa-news .special_column ul{margin:0;padding:0;list-style:none}
.visa-news .special_column li{margin-bottom:.5rem;line-height:1.5}
.visa-news .special_column li:last-child{margin-bottom:0}
.visa-news .special_column li a{color:#666;font-size:14px}
.visa-news .special_column li a:hover{color:#00CC88}


/* 签证列表页 ******************************************************************************/
/* 筛选头部 */
.header-nav__filtrate{top:50px;position:fixed;left:0;right:0;z-index:9998;background:#f8f9fa;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;align-items:center;justify-content:center;height:50px;box-shadow:0 0 6px 0 rgba(0,0,0,.08);border-top:1px solid #f1f1f1;}
.header-nav__filtrate .header-nav__item{position:relative;font-size:16px;color:#333;cursor:pointer;text-align:center;font-weight:700;border-right:1px solid #e9e9e9}
.header-nav__filtrate .header-nav__item:last-child{border:none}
.header-nav__filtrate .header-nav__item span{display:flex;align-items:center;justify-content:center}
.header-nav__filtrate .header-nav__item span::after{content:"\f0d7";font-family:FontAwesome;color:#666;margin-left:5px;font-size:11px}
/* .header-nav__filtrate #dest-item span::after{content:"\f041"} */
.header-nav__filtrate #filter-item span::after{content:"\f1de"}
/* .header-nav__filtrate #sort-item span::after{content:"\f0dc"} */
.header-nav__filtrate .active{color:#00CC88}
.header-nav__filtrate .active span::after{color:#00CC88}
/* 签证区域 */
.dest-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
.dest-list{overflow-y:auto;background:#fff}
.dest-list .bd,.dest-list .hd{position:absolute;top:0;bottom:0;overflow-y:auto}
.dest-list .hd{width:120px;left:0;background:#f2f6f9}
.dest-list .bd{right:0;left:120px;background:#fff}
.dest-list .hd ul{padding:0;margin:0;overflow-y:hidden}
.dest-list .bd ul{padding:0 10px;margin:0;overflow-y:auto}
.dest-list .bd ul li,.dest-list .hd ul li{list-style-type:none}
.dest-list .hd li{color:#333;height:45px;line-height:45px;padding:0 5px;position:relative;border-left:4px solid #f2f6f9;font-size:14px;font-weight:700}
.dest-list .hd li.active{border-left:4px solid #e66904;background:#fff}
.dest-list .bd{position:absolute;top:0;right:0;bottom:0;left:112px;overflow-y:auto;background:#fff}
.dest-list .bd li{color:#666;height:40px;line-height:40px;padding:0 5px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px}
.dest-list .bd li.active{color:#00CC88}
.dest-list .bd li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;margin-right:5px;font-size:12px}
.control-block{margin-top:15px}
.control-block .filter-page__cancel{display:block;color:#fff;width:100px;height:35px;line-height:35px;text-align:center;border-radius:2px;margin-left:5px;background-color:#424242}
.control-block .filter-page__cancel::after{content:"\f00d";font-family:FontAwesome;margin-left:5px}
/* 签发城市 */
.sort-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
.sort-group{overflow-y:auto;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);column-gap:15px;width:100%;padding:15px;margin:0}
.sort-group li{list-style-type:none;color:#666;height:35px;line-height:35px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px}
.sort-group li.active{color:#00CC88}
.sort-group li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;margin-right:5px;font-size:12px}
/*筛选*/
.filter-page{position:fixed;top:100px;right:0;bottom:0;left:0;display:none;z-index:9997;height:calc(100% - 100px);background-color:#fafcff;overflow-y:auto}
.filter-group{overflow-y:auto;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);column-gap:15px;width:100%;padding:15px;margin:0}
.filter-group li{list-style-type:none;color:#666;height:35px;line-height:35px;position:relative;border-bottom:1px solid #e5e5e5;font-size:13px}
.filter-group li.active{color:#00CC88}
.filter-group li.active::before{content:"\f14a";font-family:FontAwesome;color:#00CC88;margin-right:5px;font-size:12px}

/* 头部介绍 */
.visa-list-banner{padding-top:45px}
.visa-list-banner .bannerbox{position:relative;height:auto;display:flex;justify-content:center;align-items:flex-start;background-position:center;background-size:cover;background-repeat:no-repeat;margin:0 -15px;padding:20px 0}
.visa-list-banner .bannerbox .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-color:#023a6acc}
.visa-list-banner .bannerbox .content{position:relative;z-index:100;width:100%;display:flex;padding:0 15px;flex-direction:column}
.visa-list-banner .bannerbox .content .title{display:flex;align-items:center;flex-direction:row;width:100%}
.visa-list-banner .bannerbox .content .title .flag{margin-right:10px}
.visa-list-banner .bannerbox .content .title .flag img{width:60px;height:auto;border-radius:6px}
.visa-list-banner .bannerbox .content .title h1{font-weight:bold;font-size:16px;color:#fff}
.visa-list-banner .bannerbox .content .title h1 em{font-style:normal;font-size:11px;color:#eee;display:block;margin-top:2px}
.visa-list-banner .bannerbox .content .note{font-weight:400;font-size:13px;color:#eee;line-height:1.4;border-top:1px solid #f2f4f526;margin-top:10px;padding-top:10px}
.visa-list-banner .bannerbox .content .note p{margin-bottom:10px}
.visa-list-banner .bannerbox .content .note .toggleButton{background-color:#4caf50;color:#fff;padding:8px 15px;text-align:center;text-decoration:none;display:block;font-size:12px;margin:0 auto;cursor:pointer;border:none;border-radius:10px}

/* 签证列表 */
.st-list-content{padding-top:15px;margin:0 -15px}
.visa-list{margin:0;padding:0}
.visa-list li{margin:0 0 10px;padding:15px 15px 10px;list-style:none;background:#fff}
.visa-list li a{display:block;overflow:hidden;display:flex}
.visa-list li a .picture{margin-right:10px;width:120px;position:relative}
.visa-list li a .picture img{width:100%;border-radius:2px}
.visa-list li a .picture .type{display:block;position:absolute;background-color:rgba(230,105,4,.8);color:#fff;border-bottom-right-radius:6px;padding:2.5px 7.5px;top:0;left:0;font-size:11px;border-top-left-radius:0}
.visa-list li a .content{width:calc(100% - 130px)}
.visa-list li a .content span{display:block}
.visa-list li a .content .title{color:#333;font-size:15px;line-height:1.3}
.visa-list li a .content .attribute{margin-top:.25rem;margin-bottom:0;display:grid;grid-template-columns:repeat(1,1fr);gap:0;width:100%}
.visa-list li a .content .attribute em{display:block;font-style:normal;font-size:12px;color:#666}
.visa-list li a .content .w100{grid-template-columns:repeat(1,1fr)}
/* 价格 */
.visa-list li a .price-box{width:auto;margin-left:auto;display:flex;flex-direction:column;font-size:12px;color:#999;align-items:flex-end}
.visa-list li a .price-box .price i{font-style:normal;color:#f70439;font-weight:700}
.visa-list li a .price-box .price strong{font-style:normal;color:#f70439;font-weight:400;font-size:15px;margin-right:2px}
/* 预订按钮 */
.visa-list li a .price-box .book{display:block;margin-top:.5rem;width:110px;height:35px;color:#fff;text-align:center;font-size:14px;line-height:35px;background-image:linear-gradient(90deg,#00CC88 0,#0388fc 100%)}
.visa-list li a .price-box .book .fa{margin-left:5px;color:#fff;transition:all .5s ease 0s}
.visa-list li a .price-box .book:hover{background-image:linear-gradient(90deg,#0d81ec,#045aaa)}
/* 列表没有内容 */
.hide{display:none}
.no-result-content{display:flex;align-items:center;background-color:#fff;padding:30px 15px;width:100%;justify-content:center;flex-direction:column}
.no-result-content img{display:block;margin-bottom:10px}
.no-result-content .no-content-txt{color:#333;font-size:14px}