@charset "utf-8";
/* CSS Document */
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;font: 12px/1.2 Microsoft Yahei,PingFang SC,Helvetica,Arial,Hiragino Sans GB,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased;}
a, html { color: #111e36;}
div {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, button, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, textarea, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
body{margin:0; padding:0;color:#31424e; background: #f5f5f5;-webkit-text-size-adjust:none; }
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top;-webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:13px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a {color:#2D313E;text-decoration: none;}
a:hover {color: #03a9f4;text-decoration: none;}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden; content:""}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.line-dotted {border-top: 1px #ccc dotted;height: 0;line-height: 0; font-size: 0;overflow: auto; margin: 5px 0; padding: 0;width: 100%;}
.bg-white{background-color:#fff; position: relative; }
.bg-gray{background-color:#f5f5f5; position: relative; }
.fn-left {float:left !important;}
.fn-right {float:right !important;} 
.textC{text-align:center}
.orbui-radius{border: 0px solid #eee;border-radius: 5px;overflow:hidden;box-shadow: 0 1px 3px rgb(27 95 160 / 10%);}
.el-1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.el-2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.el-3{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.box-shadow {box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06); }
/*wrapper*/
#wrapper {position: relative;margin:0px auto;max-width:768px;min-height:500px;padding-top: 50px;overflow:hidden; }
.mainWrap {position: relative;min-height:600px;}
.container{position: relative;padding:0px 0px;clear: both;}
.m-cruise-top {position: relative;display: flex; flex-direction: column;}
.m-cruise-body {display: flex;justify-content: space-between;flex-direction: column;gap: 15px;}
.flex-section {position: relative;border-radius:10px;}
.flex-section .section-wrap {padding: 15px 15px;display: flex;flex-direction: column;gap: 15px;}
.flex-section .section-content {padding: 0px; border-radius:10px;}
.bg-grad-blue {width: 100%;min-height: 100vh;box-sizing: border-box;background: linear-gradient(to bottom, #03A9F4, #fff);top: 0;left: 0;z-index: 1000;padding-top: 4rem;}
/*===m-cruise-header===*/
.m-cruise-header {background: #fff;position: fixed;top:0;z-index:9999;width: 100%;max-width: 768px;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.m-cruise-header .flex-wrap {padding: 10px 10px; display: flex;justify-content: space-between;align-items: center;}
.m-cruise-header .logo-slogan {height: 40px; line-height: 1.3; display: flex;align-items: center;}
.m-cruise-header .logo-slogan .logo {position: relative;display: block;margin-right: 10px;padding-right:10px;height: 34px;}
.m-cruise-header .logo-slogan .logo::after {content: "";position: absolute;top: 3px;right: 0;display: block;width: 1px;height: 28px;background-color: #9E9E9E;}
.m-cruise-header .logo-slogan .logo img{height: 100%;}
.m-cruise-header .logo-slogan .slogan {line-height: 18px;font-size: 14px;color: #666;}
.m-cruise-header .logo-slogan .slogan span{display: block;}
.m-cruise-header .search-map {}
.m-cruise-header .search-map a {display: inline-block;}
.m-cruise-header .search-map a:hover {color: #03a9f4;}
.m-cruise-header .search-map .search-btn {margin-right: 0px;}
.m-cruise-header .search-map .search-btn .icon-search i {display: inline-block;}
.m-cruise-header .search-map .search-btn .icon-search:before{font-size: 26px;}
.m-cruise-header .search-map .menu-btn{cursor: pointer}
.m-cruise-header .search-map .menu-btn .icon-menu:before{font-size: 26px;}
/*m-cruise-nav*/
.m-cruise-nav { position: relative;height: 40px;line-height: 40px;background: #0c74d9; color: #fff; z-index: 7; }
.m-cruise-nav .cruise-nav-wrap {display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.m-cruise-nav a { color: #fff; }
.m-cruise-nav.fixed { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; }

/*===m-cruise-header===*/
.m-header {background: #fff;position: fixed;top:0;z-index:9999;width: 100%;max-width: 768px;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.m-header .flex-wrap {height:30px;padding: 10px 10px; display: flex;justify-content: space-between;align-items: center;}
.m-header .flex-logo {height: 30px; line-height: 1.3; display: flex;align-items: center;}
.m-header .flex-logo .logo {position: relative;display: block;margin-right: 6px;padding-right:6px;height: 30px;}
.m-header .flex-logo .logo::after {content: "";position: absolute;top: 3px;right: 0;display: block;width: 1px;height: 24px;background-color: #DADADA;}
.m-header .flex-logo .logo img{height: 100%;}
.m-header .flex-call {display: flex;flex-direction: column;line-height: 1.2;font-size: 12px;text-align: left;}
.m-header .flex-call .title {color: #666;}
.m-header .flex-call .tel {font-size: 14px;display: flex;color: #FF5722;}
.m-header .flex-call .icon-tel {display: block;width: 16px;height: 16px;float: left;background: url(../images/icon/icon-tel.png) 0 0px no-repeat; background-size: 14px;}
.m-header .flex-menu {}
.m-header .flex-menu .menu-btn{cursor: pointer}
.m-header .flex-menu .menu-btn .icon-menu {color:#03A9F4;}
.m-header .flex-menu .menu-btn .icon-menu:before {font-size: 26px;}
.m-header .flex-link {}
.m-header .flex-link i {font-size: 24px; color  #0088ff;}
.m-header .flex-midd {padding: 5px 15px;width: -webkit-calc(100% - 100px);height: 24px;line-height: 24px;text-align: center;background: #f5f5f5;border-radius: 50px;overflow: hidden;}
.m-header .flex-midd span {display: block;width: 100%;font-size: 16px;font-weight:bold; color #0088ff;overflow: hidden;}
 /*=======m-footer======*/
.m-cruise-footer {margin-top: 10px;padding:0px 0px;background: #fff;}
.m-cruise-footer .container {padding:0px 0px;}
.m-cruise-footer .footer-nav {display: flex;justify-content: center;flex-direction: row;gap: 15px;line-height: 50px;font-size: 16px;background:#03a9f4;color: #999;}
.m-cruise-footer .footer-nav a{color: #fff;}
.m-cruise-footer .footer-bottom{font-size: 14px;text-align: center;padding:15px 0;line-height: 1.75;}
.m-cruise-footer .footer-bottom p,
.m-cruise-footer .footer-bottom a{color: #999;}
.m-cruise-footer .footer-bottom .back{font-size: 14px;}
.m-cruise-footer .footer-bottom .copy{font-size: 12px;}
/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height:36px;clear:both; font-size: 14px;}
.pageLink a,.list_page a {margin:0px 5px;padding: 8px 12px 8px;border:1px solid #eee;background:#fff;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2;background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;border-radius: 6px;overflow: hidden;}
.pageLink b{margin:0px 5px;padding: 8px 12px 8px;border:1px solid #00a0e2;background:#00a0e2; color:#FFF;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages{margin: 0px auto;line-height:30px;text-align:center;font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 5px;padding: 5px 10px 5px;border: 1px solid #00a0e2;background:#fff;text-align:center;text-decoration:none; border-radius: 6px;overflow: hidden;}
.epages a:hover{border:#fff 1px solid;background:#fff;text-decoration:none;color:#00a0e2;}
.epages input{margin-bottom:0px;border:0px solid #0096A5;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 5px;padding: 5px 10px 5px;border: 1px solid #00a0e2; background:#00a0e2;color:#FFF;text-align:center;text-decoration:none;border-radius: 6px;}

/*crumb*/
.crumbs {position: relative;padding: 10px 10px;line-height: 20px;font-size: 14px;color: #999;overflow: hidden;}
.crumbs .crumbs-bread {float: left;display: inline;}
.crumbs .crumbs-bread a {color: #999;}

/*========= 焦点图 =========*/
.m-swipe {width:100%;position: relative;max-height 300px;overflow: hidden; -webkit-transform: translateZ(0);background: #ffffff;}
.m-swipe {width:100%;position: relative;overflow: hidden; visibility: hidden; height: 300px;}
.m-swipe .swipe-wrap { overflow: hidden; position: relative;}
.m-swipe .swipe-wrap > div { float:left; width:100%;max-height: 300px; position: relative; }
.m-swipe div a{display:block;height: 300px;}
.m-swipe div img { width:100%;height: 100%; margin-top:0px;}
.mod-wap-swipe .carousel_abs {padding-right: 5.5%;position: absolute;display: block;height: 50px;line-height: 50px;bottom: 0;left: 0;right: 0;font-size: 16px;color: #fff;text-align: center; -webkit-transform: translateZ(0); z-index: 1; text-shadow: 1px 1px 1px #000;background-color: rgba(0,0,0,0);background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9)); }
.m-swipe .carousel_abs em {padding:0 30px 0px 10px;display: block; overflow: hidden; text-shadow: 1px 1px 1px rgba(0,0,0,.65); text-overflow:ellipsis; white-space: nowrap;}
.m-swipe .swipe-point{position:absolute;width: 120px;height: auto;left: -webkit-calc(50% - 60px);bottom: 10px;}
.m-swipe .swipe-point #position{width: 100%;text-align: center;display: flex;justify-content: center;gap: 5px;}
.m-swipe .swipe-point #position li{display:block;width:12px;height: 12px;border: #eee solid 1px;background-color: rgb(0 0 0 / 50%);border-radius: 15px;cursor: pointer;}
.m-swipe .swipe-point #position li.on { display: block; background-color:rgb(255 152 0 / 62%);}

/*titleA*/
.titleA {display: flex;flex-direction: row;align-items: center;justify-content: space-between;line-height: 1;}
.titleA .title {display: flex;align-items: center;font-size: 20px;color: #1974d0;font-weight: 500;}
.titleA .title i {min-width: 22px;height: 20px;margin-right: 5px;}
.titleA .more {display: flex;font-size: 16px;}
.titleA .more i {width: 14px;height: 16px;}
/*titleC*/
.titleC {margin: 0px 0;line-height: 1;display: flex;justify-content: center;align-items: center;}
.titleC .bar-back {width: 50px; height: 2px;}
.titleC .bar-content {padding: 0 10px;display: flex;font-size: 22px;font-weight: 500;}
.titleC .bar-content i {margin-right: 5px;width: 22px;height:auto;}
.titleC .bar-l {background: linear-gradient(90deg, rgba(238, 238, 238, 0) 5%, #03A9F4 100%);}
.titleC .bar-r {background: linear-gradient(270deg, rgba(238, 238, 238, 0) 5%, #03A9F4 100%);}
/*artTitle*/
.artTitle {position: relative;font-size: 16px;font-weight: normal;color: #8a8a8a;text-align: center;margin-bottom:0px;}
.artTitle::before {content: '';display: block;width: 100%;height: 0;border-bottom: 1px solid #f0f0f0;position: absolute;left: 0;right: 0;top: 50%;}
.artTitle span {display: inline-block;padding: 0 30px;background-color: #fff;position: relative;}
/*titleA*/
.icon-ylpp {background: url(../images/icon/icon-sylpp.png) no-repeat center center / contain;}
.icon-ylwd {background: url(../images/icon/icon-sylwd.png) no-repeat center center / contain;}
.icon-yltj {background: url(../images/icon/icon-syltj.png) no-repeat center center / contain;}
.icon-sale {background: url(../images/icon/icon-ssale.png) no-repeat center center / contain;}
.icon-cfrq {background: url(../images/icon/icon-sdate.png) no-repeat center center / contain;}
.icon-xcts {background: url(../images/icon/icon-sxghx.png) no-repeat center center / contain;}
.icon-xghx {background: url(../images/icon/icon-sxghx.png) no-repeat center center / contain;}
.icon-xcjs {background: url(../images/icon/icon-sxcjs.png) no-repeat center center / contain;}
.icon-fysm {background: url(../images/icon/icon-sfysm.png) no-repeat center center / contain;}
.icon-ydxz {background: url(../images/icon/icon-sydxz.png) no-repeat center center / contain;}
.icon-tggz {background: url(../images/icon/icon-stggz.png) no-repeat center center / contain;}
.icon-yldp {background: url(../images/icon/icon-syldp.png) no-repeat center center / contain;}
.icon-ylss {background: url(../images/icon/icon-sylss.png) no-repeat center center / contain;}
.icon-ylfx {background: url(../images/icon/icon-sylfx.png) no-repeat center center / contain;}
.icon-more {background: url(../images/icon/icon-more.png) no-repeat center center / contain;}
.icon-city {padding-left: 15px;background: url(../images/icon/icon-address.png) 0 0px no-repeat;}

/*star-new*/
.star-new {background-image:url("../images/icon-star.png");display:inline-block;height:18px;margin:0;position:relative;width:90px;z-index:10;}
.star-new span {background-image:url("../images/icon-star.png");background-repeat:no-repeat;background-position:0 -20px;display:inline-block;height:18px;left:0;position:absolute;top:0;width:90px;z-index:11}
.star-new .star-0 {width:0}
.star-new .star-1 {width:18px}
.star-new .star-2 {width:36px}
.star-new .star-3 {width:55px}
.star-new .star-4 {width:71px}
.star-new .star-5 {width:90px}
/*tips-tag*/
.tips-patch{position: absolute;top: 10px;left: 10px;z-index: 9;padding: 0px 10px;line-height: 26px;display: flex;align-items: center;align-items: center;background: linear-gradient(314deg, #FF5722, #FF9800);border-radius: 20px 0 20px 20px;}
.tips-patch span{margin-left: 0px;font-size: 14px;color: #fff;font-weight: normal;}
.tips-patch i{font-size: 14px;color: #fff;}
/*promo-tags*/
.tips-tags {position:absolute; top:0;left:0; z-index: 9;height:22px;line-height:22px; padding-left:6px; padding-right:2px; background:#F60; font-size:12px; text-align:center; color:#FFF;}
.tips-tags .triangle {position:absolute;top:0;right:-16px;width:0;height:0;border-top:22px solid #F60;border-right:16px solid transparent;border-bottom:0;border-left:0;}
/*product-tags*/
.prod-tags {margin:0px 0;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content: flex-start;gap: 3px;}
.prod-tags span{padding: 0 6px;height: 20px;line-height: 20px;font-size: 12px;color: #409eff;background-color: rgba(0, 163, 223, .1);border-radius: 15px; box-sizing: border-box;align-items: center;display: flex;lex-direction: row;}
.prod-tags .promo {color: #ff5722;background-color: rgb(255 87 34 / .1);}
.prod-tags .holiday {border-color: #409eff;}
/*price-wrap*/
.el-price {color:#607d8b;font-size:14px;display: flex;align-items: flex-end;}
.el-price em {margin:0 0px;font-size: 18px;font-weight: 500;color:#ff5722;}
.el-price b {font-size:22px;font-weight: 500;font-family cursive;}
.el-price i {font-weight: 500;}
/*sale-tag*/
.sale-tag {height: 20px; line-height: 20px;background: #FDF0EC;border-radius: 20px; padding: 0 8px;text-align: center;color: #ED6E45;font-size: 12px;}
/*list-more*/
.list-more {display: flex;flex-direction: row;justify-content: center; align-items: center;margin-top: 0px;}
.list-more a {padding: 0 15px;line-height: 30px;border: 1px solid #0099ff;font-size: 14px;color: #0099ff;cursor: pointer;background-color: #fff;text-align: center;transition: all .2s;border-radius: 4px;}


/*========= article-content =========*/
.article-content {display: block; margin: 0px 0;padding:10px 10px;font-size: 14px;color: #555;line-height: 1.7;letter-spacing: 1px;overflow: hidden;border-radius: 6px;} 
.article-content p {display:block;margin: 10px 0; clear:both; overflow:visible;word-break:break-all;text-align: justify;}
.article-content a {color:#2970A6;border-bottom:1px dotted #2970A6;}
.article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.article-content img {max-width: 100%;height:auto !important; margin:0px auto; vertical-align: middle; border:0}
.article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.article-content .keylink:hover{color:#ff0000;} 
.article-content strong {font-weight:bold;} 
.article-content h2,
.article-content h3,
.article-content h4{margin: 15px 0;padding-bottom: 10px;font-size: 16px;font-weight:700;border-bottom: 1px #eee solid;} 
.article-content pre,
.article-content blockquote{margin-top: 15px; padding: 10px 10px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;color: #FF5722;} 
.article-content pre ,
.article-content blockquote p {margin: 0px 0;} 
.article-content pre {white-space: pre-wrap;}
.article-content table{max-width:100%; min-width:60%;margin:20px auto; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.article-content table tr:nth-child(2n){ background-color: #fafafa;}
.article-content table th,table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding: 8px;border: 1px solid #ddd;}
.article-content table thead tr{background-color: #f8f8f8;}
.article-content table thead th{text-align: center;font-weight:700; background: #eee;}
.article-content table tbody th{text-align: center;font-weight:500;}
.article-content table tbody p {text-align:center;}
.article-content ul,
.article-content ol{margin:10px 10px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.article-content ol{list-style: decimal;}
.article-content ul li {color: #03A9F4;}
.article-content ul li,
.article-content ol li {margin: 0 15px;line-height 200%;}
.article-content ul li { padding:0px 0px; list-style: disc;}
.article-content ul li + li {border-top: 0px #eee dashed;}
.article-content ul li p {margin: 0;}
.article-content.itinerary-content {line-height: 30px;font-size: 15px;}
.article-content.itinerary-content p{margin: 10px 0;}
.article-content.itinerary-content blockquote p {margin: 0px 0;} 
.article-content.itinerary-content ul {font-size: 14px;color: #777;}
/*.article-content.itinerary-content h3{position:relative;padding-left: 30px;}
.article-content.itinerary-content h3:before{position: absolute;content: "D1";display: inline-block;position: absolute;left: 0;}*/
.article-content.item-txt{padding-top:10px;line-height: 30px;letter-spacing: 1px;color: #2e3f59;font-weight: 400;}
.article-content.item-txt p {display:block; margin: 5px 0;}
.article-content.item-txt h3 {position: relative;margin: 15px 0px;padding-left:20px; padding-bottom: 0px;line-height: 20px;font-size: 16px;font-weight: bold;color: #03A9F4;border-bottom: 0px solid #e5e5e5;}
.article-content.item-txt h3 + h3{margin-top: 20px;}
.article-content.item-txt h3:before {content: "©";display: inline-block;position: absolute;left: 0;top: 1px;padding: 0px 0px 0px;width: 20px;height: 20px;line-height: 20px;font-size: 16px;text-align: center;color: #fff;border-radius: 3px;font-weight: normal;color: #03A9F4;}


/*detail-bottom*/
.detail-fix-bottom {position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 9px;background: #fff;box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.06);z-index: 4;}
.detail-bottom {padding: 9px 12px 0 8px;display: flex;white-space: nowrap;justify-content: center;align-items: center;}
.detail-bottom .bottom-use {display: block;width: -webkit-calc(20% - 10px);text-align: center;}
.detail-bottom .bottom-use .use-icon {display: block;margin: 0 auto;width: 20px;height: 20px;}
.detail-bottom .bottom-use .tel {background: url(../images/icon-stel.png) no-repeat center center / contain;}
.detail-bottom .bottom-use .use-desc {margin-top: 9px;font-size: 11px;color: #222222;opacity: 0.8;}
.detail-bottom .bottom-use .kefu {background: url(../images/icon-skefu.png) no-repeat center center / contain;}
.detail-bottom .bottom-use .not-clct {background: url(../images/icon-sxing.png) no-repeat center center / contain;}
.detail-bottom .bottom-button {display: block;width: -webkit-calc(40% - 10px);flex: 1;margin-left: 12px;max-width: 271px;height: 44px;border-radius: 22px;background-image: linear-gradient(270deg, #ff671a, #ff9004);text-align: center;line-height:44px;font-size: 18px;color: #fff;font-weight: 600;}

/*bottom-fuwu*/
.bottom-fix-fuwu {position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.06);z-index: 4;}
.bottom-fuwu {padding: 9px 10px;display: flex;white-space: nowrap;justify-content: center;align-items: center;}
.bottom-fuwu .use-item {display: block;width: -webkit-calc(23% - 10px);text-align: center; display: flex;flex-direction: column;gap: 5px;}
.bottom-fuwu .use-item .use-icon {display: block;margin: 0 auto;width: 20px;height: 20px;}
.bottom-fuwu .use-item .use-tel {background: url(../images/icon/icon-stel.png) no-repeat center center / contain;}
.bottom-fuwu .use-item .use-desc {font-size: 11px;opacity: 0.8;}
.bottom-fuwu .use-item .use-kefu {background: url(../images/icon/icon-skefu.png) no-repeat center center / contain;}
.bottom-fuwu .use-item .use-coll {background: url(../images/icon/icon-sxing.png) no-repeat center center / contain;}
.bottom-fuwu .use-button {display: block;width: -webkit-calc(30% - 10px);flex: 1;margin-left: 12px;height: 40px;line-height:40px;border-radius: 22px;background-image: linear-gradient(270deg, #ff671a, #ff9004);text-align: center;font-size: 16px;color: #fff;font-weight: 600;}
/*overlay*/
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index:9999;display:none;}
.popup {position: absolute;top: 15%;left: 0%;transform: translate(-0%, -0%);background: #fff;width: -webkit-calc(100% - 30px);padding: 15px;text-align: center;border-radius: 10px;}
.close {position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;background-color: #ccc;color: #fff;font-size: 14px;text-align: center;cursor: pointer;}
/*order-form*/
.order-form {padding:0px 0px;min-height: 500px;overflow: hidden;background-color: rgb(255 255 255 / 70%);border-radius: 10px;}
.order-form dl {width:100%;line-height: 30px; font-size: 14px;}
.order-form dl dt { position: absolute;top: 0;left: 0; float: left;width: 70px;display: inline-block;text-align: right;}
.order-form dl dt em {padding-right:0px;color: #fa4a4a;}
.order-form dl dd {width:100%;}
.order-form dl dd input {padding: 9px 6px;width: 100%;border-radius: 4px;font-size: 14px;transition: 0.3s;color: #bdbdbd;box-sizing: border-box;} 

.order-form .order-form-wrap {display: flex;flex-direction: column;;border-radius: 10px;overflow: hidden;gap: 15px;}
.order-form .order-form-header {margin-bottom: 15px;padding:0px;display: flex;flex-direction: column;align-items: center;gap: 6px;}
.order-form .order-form-header .title {position: relative;font-size: 16px;font-weight: 600;}
.order-form .order-form-header .txt {position: relative;width: 100%;text-align: center;}
.order-form .order-form-header .txt span {line-height: 22px;letter-spacing: 2px;font-size: 14px; color: #91999f;}
.order-form .order-form-info {width:100%;}
.order-form .order-form-title {padding-bottom: 10px;margin-top: 0px;margin-bottom: 15px;border-bottom: 1px dashed #dbdbdb; text-align: left;font-weight: bold;}
.order-form .order-form-content {display: flex; flex-wrap: wrap;gap: 10px;}
.order-form .order-form-item {position: relative;width: -webkit-calc(100% - 70px);padding-left: 70px;color: #999;}
.order-form .order-form-item .form-input i {position: absolute;right: 5px;max-width: 40px;margin: 0 0px;}
.order-form .order-form-item .form-input {position: relative;width 100%;overflow: hidden;display: flex;gap: 10px;}
.order-form .order-form-item .form-input input{padding:0 5px; width: 100%;border-radius: 2px;background #f8f8f8;text-indent: 0px;color: #666;}
.order-form .order-form-item .form-input input.tit {font-size: 14px;font-weight:500;}
.order-form .order-form-item .form-input span input{width: -webkit-calc(100% - 40px); width: 100%;} 
.order-form .order-form-item .bg-gray {background: #f8f8f8;}
.order-form .order-form-item .el-price {color: #FF5722 !important;}
.order-form .order-form-item.half {width: 50%;width: -webkit-calc(50% - 75px);float: left;}
.order-form .order-form-item.penum {width:100%;}
.order-form .order-form-item.penum .form-input span {position: relative;float: left;display: block;width:50%;width: -webkit-calc(50% - 32px);background-color #f6f6f6;display: flex;flex-direction: row;align-items: center;}
.order-form .order-form-item.penum .form-input span em { }
.order-form .order-form-item.message textarea{ width:100%; height:60px; line-height:20px;background: #f8f8f8;padding:5px 5px; font-size:14px; color:#666; vertical-align:top; border-radius: 3px;}
.order-form .order-form-item .captcha {height: 26px;}
.order-form .order-form-item .captcha input{width: 160px;height: 30px;background: #f8f8f8;}
.order-form .order-form-item .captcha #fbKeyImg {width:70px;}
.order-form .order-form-item .form-input .fbkey {width:161px;margin-right:5px;}
.order-form .order-form-item.form-tip {padding-left: 0px;font-size: 12px;color: #ff3e00;text-align: left;}
/* order-submit */
.order-submit{padding-bottom:0px;}
.order-submit input,.order-form .order-btn {width 181px;margin:0 auto;padding: 0px 40px;line-height: 40px; display:inline-block; background-color:#0099ff; border-radius:30px; font-size:16px; color:#fff !important; cursor: pointer;}
.order-submit input:hover,.order-form .order-btnB:hover { background-color:#ff9600; }