* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}
body {margin:0;font-size:14px;color:#333333;background:#FFFFFF;}/*-webkit-user-select:none;*/
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0;padding:0;}
form {margin:0;}
td {font-size:14px;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#024893;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666 !important;}
.f_grey {color:#999999 !important;}
.f_price {color:#FF0000;}
.fb_gray,.fb_orange,.fb_red,.fb_blue,.fb_green {display:inline;padding:2px 6px;height:16px;line-height:16px;border-radius:6px;font-weight:normal;font-size:12px;}
.fb_gray {color:#666666;background:#F6F6F6;}
.fb_orange{color:#FF6600;background:#FDF7ED;}
.fb_red{color:#FF0000;background:#FEE9E9;}
.fb_blue {color:#0070C0;background:#ECF3FC;}
.fb_green{color:#57BE6A;background:#E2F0E8;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.cp {width:16px;padding:0 10px;}
.lh20 {line-height:200%;}
.px14 {font-size:14px !important;}
.px13 {font-size:13px !important;}
.px12 {font-size:12px !important;}
.dsn {display:none;}
.main {background:#F6F6F6;overflow:hidden;clear:both;}
.warn {padding:16px;line-height:16px;background:#FFFFDD;font-size:14px;}
.btns input {width:80px;float:right;margin:10px 10px 0 0;line-height:28px;font-size:14px;}
.img-circle,.avatar {border-radius:50%;}
.blank-10 {height:10px;clear:both;}
.blank-16 {height:16px;clear:both;}
.blank-20 {height:20px;clear:both;}
.blank-32 {height:32px;clear:both;}
.blank-36 {height:36px;clear:both;}
.blank-600 {height:600px;clear:both;}
.bd-t {border-top:#F0F0F0 1px solid;}
.bd-r {border-right:#F0F0F0 1px solid;}
.bd-b {border-bottom:#F0F0F0 1px solid;}
.bd-l {border-left:#F0F0F0 1px solid;}

.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:16px;width:100%;line-height:48px;border:none;border-radius:6px;text-align:center;-webkit-appearance:none;}
.btn {background:#FFFFFF;border:#E4E4E4 1px solid;color:#666666;}
.btn-green {background:#1AAD19;}
.btn-blue {background:#007AFF;}
.btn-orange {background:#FF8800;}
.btn-red {background:#E64340;}
.input-checkbox {width:24px;height:24px;background:url('icon-check.png') no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background:url('icon-checked.png') no-repeat;background-size:24px 24px;}

.head-bar-fix {height:48px;overflow:hidden;font-size:12px;text-align:center;clear:both;color:#D3D3D3;}
.head-bar-fix em {display:inline-block;width:24px;height:24px;line-height:24px;}
.head-bar-fix .rfd em {background:url('icon-rfd.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfu em {background:url('icon-rfu.png') no-repeat center 4px;background-size:24px 24px;}
.head-bar-fix .rfl em {background:url('spinner.gif') no-repeat center 6px;background-size:20px 20px;}
.head-bar {width:100%;height:48px;line-height:48px;overflow:hidden;background:#F7F7F7;border-bottom:#F0F0F0 1px solid;position:fixed;z-index:9;left:0;top:0;user-select:none;-webkit-user-select:none;}
.head-bar img {width:24px;height:24px;vertical-align:top;padding-top:12px;}
.head-bar span {font-size:16px;}
.head-bar-title {position:absolute;z-index:10;left:60px;right:60px;font-size:16px;font-weight:bold;text-align:center;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;user-select:none;-webkit-user-select:none;}
.head-bar-title input[type="search"] {box-sizing:border-box;width:100%;height:30px;line-height:30px;color:#8B8B8B;background:#EEEEEE url('ico-search.png') no-repeat 6px center;background-size:16px 16px;border:none;padding:0 28px;border-radius:4px;font-size:14px;-webkit-appearance:none;}
.head-bar-left {float:left;padding:0 0 0 16px;}
.head-bar-back {float:left;padding:0 0 0 10px;z-index:11;position:relative;}
.head-bar-back img {padding:12px 6px;}
.head-bar-right {float:right;padding:0 10px 0 0;z-index:11;position:relative;}
.head-bar-right img {padding:12px 6px;}
.head-tab {position:relative;z-index:10;width:180px;height:49px;left:50%;margin:0 0 0 -90px;}
.head-tab i {font-style:normal;font-weight:normal;font-size:10px;color:#FFFFFF;z-index:11;position:relative;display:block;width:20px;height:20px;line-height:20px;left:50%;margin:-34px 0 0 24px;background:#FF0000;border-radius:50%;text-align:center;}
.head-tab-on {width:50px;height:45px;float:left;margin:0 16px;border-bottom:#444444 4px solid;}
.head-tab-tb {width:50px;height:45px;float:left;margin:0 16px;}
.head-tab-tb b {color:#666666;}
.head-ico-left {width:16;height:16px;padding:6px;background:#FFFFFF;border:#EEEEEE 1px solid;border-radius:50%;position:fixed;z-index:8;left:10px;top:10px;opacity:0.6;}
.head-ico-right {width:16;height:16px;padding:6px;background:#FFFFFF;border:#EEEEEE 1px solid;border-radius:50%;position:fixed;z-index:8;right:10px;top:10px;opacity:0.6;}
.head-ico-left-wh {width:24;height:24px;padding:6px;position:fixed;z-index:8;left:10px;top:10px;}
.head-ico-right-wh {width:24;height:24px;padding:6px;position:fixed;z-index:8;right:10px;top:10px;}

.head-menu {padding:0 24px;}
.head-menu ul {line-height:48px;font-size:14px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.head-menu li {color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-weight:normal;}
.head-menu .on {color:#FF6600;font-weight:bold;}

.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#FFFFFF;border-top:#F0F0F0 1px solid;position:fixed;z-index:9;left:0;bottom:0;user-select:none;-webkit-user-select:none;}
.foot-bar li {width:20%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;color:#444444;}
.foot-bar i {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:6px;height:6px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar b {font-weight:normal;font-size:10px;color:#FFFFFF;z-index:10;position:relative;display:block;width:16px;height:16px;line-height:16px;left:50%;margin:-46px 0 0 6px;background:#FF0000;border-radius:50%;text-align:center;}
.foot-bar .icon-home {background:url('foot-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('foot-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('foot-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('foot-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('foot-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('foot-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-cart {background:url('foot-cart.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-cart-on {background:url('foot-cart-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message {background:url('foot-message.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-message-on {background:url('foot-message-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('foot-more.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('foot-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time {background:url('foot-time.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-time-on {background:url('foot-time-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar-txt {padding:8px 10px;}
.foot-bar-txt textarea {box-sizing:border-box;width:100%;height:32px;line-height:32px;padding:0 10px;background:#F6F6F6;border-radius:4px;border:none;font-size:14px;color:#999999;}

.foot-btn {width:100%;height:40px;overflow:hidden;position:fixed;z-index:8;bottom:6px;opacity:0.8;}
.foot-btn ul {height:40px;padding:0 16px;display:box;display:-moz-box;display:-webkit-box;}
.foot-btn li {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;padding:0 10px;}
.foot-btn li input,.foot-btn li div {height:38px;line-height:38px;border-radius:20px;font-size:16px;}
.foot-btn-b48 {bottom:48px;}

.gird-4,.gird-5 {text-align:center;padding:24px 0;overflow:hidden;}
.gird-4 img,.gird-5 img {margin:0 0 6px 0;}
.gird-4 span,.gird-5 span {display:block;font-size:14px;line-height:14px;}
.gird-4 li {width:25%;height:90px;float:left;}
.gird-5 li {width:20%;height:80px;float:left;}

.list-set {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:16px;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:16px;height:50px;line-height:50px;padding:0 36px 0 0;overflow:hidden;border-top:#F0F0F0 1px solid;background:url('list-set.png') no-repeat right center;background-size:23px 13px;}
.list-set .on {background:none;}
.list-set a {display:block;width:100%;height:50px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#444444;padding-left:10px;}
.list-set li:first-child div {border:none;}
.list-set input,.list-set select {border:#F0F0F0 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}
.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 1px solid;padding:0 16px;}
.list-img img {float:left;margin:12px 12px 12px 0;}
.list-img ul {margin:12px 0 0 0;}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.list-img .check {float:right;width:32px;height:30px;background:url('icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background:url('icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background:url('icon-sheet.png') no-repeat center center;background-size:20px 20px;}
.list-row3 {height:114px;}

.list-user {height:48px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:72px;right:16px;}
.list-user li {line-height:24px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:12px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;height:48px;line-height:48px;font-size:16px;padding-top:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="tel"],.list-inp input[type="number"],.list-inp input[type="email"],.list-inp input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:26px;border:#e3e3e3 1px solid;padding:12px 10px;border-radius:6px;font-size:16px;-webkit-appearance:none;}

.list-btn {padding:0 16px;}
.list-btn2 {padding:0 24px 16px 0;overflow:hidden;}
.list-btn2 div {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;padding-left:24px;}

.list-pay {background:#FFFFFF;border-top:#F0F0F0 1px solid;border-bottom:#F0F0F0 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#F0F0F0 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {width:100%;height:48px;overflow:hidden;background:#F6F6F6;font-size:13px;position:fixed;z-index:9;left:0;top:48px;user-select:none;-webkit-user-select:none;}
.list-menu ::-webkit-scrollbar {display:none;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {display:inline-block;height:48px;line-height:48px;padding:0 10px;float:left;vertical-align:middle;}
.list-menu i {display:inline-block;font-size:12px;font-style:normal;}
.list-menu .on {font-weight:bold;font-size:15px;}
.list-menu .on i {font-size:13px;}

.list-empty,.list-none {padding:28px 22px;height:16px;line-height:28px;color:#999999;font-size:14px;text-align:center;background:url('bg-none.png') no-repeat center 128px;background-size:128px 128px;}

.member-info {height:128px;background:#3A82F6;}
.member-info-avatar {width:96px;height:96px;text-align:center;float:left;}
.member-info-avatar img {width:64px;height:64px;border-radius:50%;margin-top:16px;}
.member-info-user {height:96px;float:left;}
.member-info-user p {color:#FFFFFF;font-size:18px;line-height:32px;margin:20px 0 0 0;}
.member-info-user b {color:#FFFFFF;font-size:12px;font-weight:normal;}
.member-info-icon {width:48px;height:48px;padding-top:24px;float:right;}

.member-stats {height:192px;background:#F7F7F7;border-radius:12px;position:relative;margin:-32px 10px 0 10px;}
.member-stats li {width:50%;padding:12px 0;float:left;text-align:center;font-size:12px;}
.member-stats li b {font-weight:normal;font-size:20px;display:block;padding:0 10px;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;}

.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#FFFFFF url('list-set.png') no-repeat right center;background-size:23px 13px;}
.order-t em {font-style:normal;float:right;font-size:12px;}
.order-t b {font-size:14px;}
.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#FFFFFF;}
.order-p input[type="text"] {width:50%;border:#F6F6F6 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {height:64px;padding:0 16px;overflow:hidden;text-align:right;border-bottom:#F6F6F6 16px solid;}
.order-b a {display:inline-block;width:72px;height:30px;line-height:30px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:16px;margin:16px 0 0 10px;font-size:12px;text-align:center;}

.adsign {position:absolute;z-index:5;width:36px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:normal;border:#FFFFFF 1px solid;border-radius:6px;color:#FFFFFF;margin:-26px 0 0 6px;background:#000000;opacity:0.6;}
.adname {display:inline-block;width:36px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:normal;border:#DDDDDD 1px solid;border-radius:6px;color:#DDDDDD;margin:0 6px 0 0;background:#FFFFFF;text-decoration:none;}
.adword table {background:#F6F6F6;}
.adword_tip {color:#999999;padding:8px 16px;font-size:12px;}
.sponsor {}
.share_icon {display:none;}
.limit {padding:0 16px;line-height:48px;font-size:12px;color:#999999;}


.title h1 { font-size:22px;line-height:26px;padding:28px 8px;margin:0; text-align:center;}
.info {font-size:14px;padding:0 10px 26px 20px;color:#666666;border-bottom:#F6F6F6 10px solid;}
.content {font-size:16px;line-height:180%;padding:10px 18px;}
.content img,.content table,.content video {max-width:100%;height:auto;}
.content a {color:#024893;}
.content h2 { font-size:18px; font-weight:500; }

.gongluecontent {font-size:16px;line-height:180%;padding:0px 24px 10px 24px;}
.gongluecontent img,.content table,.content video {max-width:100%;height:auto;}
.gongluecontent a {color:#024893;}
.gongluecontent h2 { font-size:18px; font-weight:600; }

.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:16px;line-height:32px;padding:64px 16px;text-align:center;}
.pages {height:36px;padding:24px 0 24px 6px;text-align:center;background:#F7F7F7;clear:both;}
.pages a {display:inline-block;height:34px;line-height:34px;background:#FFFFFF;border:#F0F0F0 1px solid;border-radius:4px;margin-right:6px;padding:0 12px;font-size:14px;text-align:center;}

.tool {padding:24px 0;text-align:center;border-top:#F6F6F6 10px solid;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;}
.tool div {flex:1;font-style:normal;font-size:12px;color:#666666;height:20px;line-height:20px;padding:30px 0 0 0;}
.tool b {font-weight:normal;}
.tool .like {background:url('tool-like.png') no-repeat center 0;background-size:24px 24px;}
.tool .liked {background:url('tool-like-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .hate {background:url('tool-hate.png') no-repeat center 0;background-size:24px 24px;}
.tool .hated {background:url('tool-hate-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .report {background:url('tool-report.png') no-repeat center 0;background-size:24px 24px;}
.tool .favorite {background:url('tool-favorite.png') no-repeat center 0;background-size:24px 24px;}
.tool .favorited {background:url('tool-favorite-on.png') no-repeat center 0;background-size:24px 24px;color:#FF6600;}
.tool .comment {background:url('tool-comment.png') no-repeat center 0;background-size:24px 24px;}
.tool .award {background:url('tool-award.png') no-repeat center 0;background-size:24px 24px;}
.tool .share {background:url('tool-share.png') no-repeat center 0;background-size:24px 24px;}

.back2top {width:36px;height:36px;position:fixed;z-index:20;right:20px;bottom:128px;background:#000000 url('back2top.png') no-repeat center center;background-size:24px 24px;display:none;opacity:0.5;}
.back2top a {display:block;width:100%;height:100%;}

.userinfo-v0,.userinfo-v1,.userinfo-v2 {position:absolute;display:block;width:16px;height:16px;background:#FFFFFF url('../../image/ico-v0-32.png') no-repeat center center;background-size:16px 16px;border-radius:50%;margin:48px 0 0 48px;}
.userinfo-v1 {background:#FFFFFF url('../../image/ico-v1-32.png') no-repeat center center;background-size:16px 16px;}
.userinfo-v2 {background:#FFFFFF url('../../image/ico-v2-32.png') no-repeat center center;background-size:16px 16px;}

.userinfo {padding:16px;border-bottom:#F6F6F6 1px solid;}
.userinfo img {width:56px;height:56px;border-radius:50%;float:left;margin-right:16px;}
.userinfo b {font-size:14px;}
.userinfo s {color:#999999;text-decoration:none;font-size:12px;}
.userinfo li {height:28px;line-height:28px;overflow:hidden;}
.userinfo .userinfo-v0,.userinfo .userinfo-v1,.userinfo .userinfo-v2 {margin:40px 0 0 40px;}

.follow0 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#FFFFFF url('../../image/ico-follow-32.png') no-repeat 10px center;background-size:16px 16px;border-radius:6px;cursor:pointer;float:right;}
.follow1 {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 32px;font-size:12px;text-align:center;border:#EEEEEE 1px solid;background:#EEEEEE url('../../image/ico-followed-32.png') no-repeat 10px center;background-size:16px 16px;color:#999999;border-radius:6px;cursor:pointer;float:right;}
.follow0 b,.follow1 b {font-weight:normal;}
.follow0 i,.follow1 i {font-weight:normal;font-style:normal;padding-left:6px;}

.contact {padding:0 16px;font-size:16px;line-height:200%;}
.contact h3 {font-size:16px;}
.contact-fw {margin:0 0 16px 0;padding:0;height:26px;line-height:26px;overflow:hidden;}
.contact-fw span {font-size:16px;}
.contact-vip {padding:8px 16px;background:url('contact-vip.png') no-repeat 0 center;background-size:100% auto;color:#DBB78B;border-radius:6px 0 6px 0;margin:0 0 16px 0;}
.contact-vip b {font-size:16px;}
.contact-vip span {float:right;font-size:14px;}
.contact-com {padding:8px 16px;background:#F6F6F6;border-radius:6px 0 6px 0;margin:0 0 16px 0;}
.contact-com b {font-size:14px;color:#666666;}
.contact-com span {float:right;font-size:14px;color:#999999;}
.contact-vd {width:100%;height:64px;overflow:hidden;margin:0 auto;text-align:center;box-sizing:border-box;font-size:12px;}
.contact-v1 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;background:#2BA245 url('contact-v1.png') no-repeat 30px center;background-size:16px 16px;border:#2BA245 1px solid;border-radius:6px 0 0 6px;color:#FFFFFF;}
.contact-v1 b {display:block;font-size:14px;line-height:24px;height:24px;overflow:hidden;}
.contact-v0 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;background:#EEEEEE;border:#EEEEEE 1px solid;border-radius:6px 0 0 6px;color:#666666;}
.contact-v0 b {display:block;font-size:14px;line-height:24px;height:24px;overflow:hidden;}
.contact-d1 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;border:#2BA245 1px solid;border-radius:0 6px 6px 0;color:#2BA245;}
.contact-d1 b {display:block;font-size:14px;line-height:24px;line-height:24px;height:24px;overflow:hidden;}
.contact-d0 {width:50%;height:64px;box-sizing:border-box;float:left;line-height:32px;border:#EEEEEE 1px solid;border-radius:0 6px 6px 0;color:#666666;}
.contact-d0 b {display:block;font-size:14px;line-height:24px;line-height:24px;height:24px;overflow:hidden;}

.album-list {overflow:hidden;border-bottom:#F6F6F6 1px solid;}
.album-list p {margin:0;border-bottom:#F6F6F6 1px solid;line-height:36px;padding:0 16px;}
.album-list p b {font-size:16px;}
.album-list p span {float:right;font-size:12px;color:#999999;}
.album-list div {max-height:324px;overflow-y:auto;}
.album-list li {height:36px;line-height:36px;overflow:hidden;padding:0 16px;font-size:14px;}
.album-list li i {float:right;font-size:12px;color:#999999;font-style:normal;}
.album-list li s {float:right;display:inline-block;width:8px;height:36px;background:#F6F6F6 url('../../image/ico-play.gif') no-repeat center center;background-size:8px 16px;}
.album-list .on {background:#F6F6F6;}

.ui-head {height:44px;line-height:44px;font-size:14px;padding:0 0 0 20px;background:#F6F6F6;}
.ui-head span {float:right;display:inline-block;font-size:12px;color:#666666;background:url('list-set.png') no-repeat right center;background-size:23px 13px;padding-right:28px;}
.ui-head i {display:inline-block;height:4px;width:30px;background:#FF6600;border-radius:2px;position:absolute;z-index:8;margin:40px 0 0 0;}

.ui-load {height:48px;line-height:48px;background:#FFFFFF;font-size:12px;text-align:center;display:none;}
.ui-load i {font-style:normal;display:inline-block;height:16px;line-height:16px;background:url('spinner.gif') no-repeat 0 center;background-size:16px 16px;padding:0 0 0 24px;color:#999999;}
.ui-load b {color:#D3D3D3;}

.ui-viewer {position:fixed;z-index:200;top:0;width:100%;height:10000px;background:#000000;color:#FFFFFF;display:none;}
.ui-viewer i {position:fixed;z-index:211;top:16px;left:16px;display:block;width:24px;height:24px;background:#333333 url('icon-cancel-wh.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;}
.ui-viewer b {position:fixed;z-index:211;top:16px;right:16px;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#FFFFFF;text-align:center;}
.ui-viewer p {position:fixed;z-index:211;bottom:0;left:0;padding:16px 24px;margin:0;background:#333333;font-size:12px;color:#FFFFFF;width:100%;display:none;}
.ui-viewer em {position:fixed;z-index:211;top:16px;left:50%;margin-left:-30px;font-size:12px;color:#F6F6F6;width:60px;height:22px;line-height:22px;background:#333333;border-radius:4px;font-style:normal;text-align:center;display:none;}
.ui-viewer li {float:left;}

.ui-album {background:#000000;color:#FFFFFF;}
.ui-album span,.ui-album pre {display:none;}
.ui-album strong {display:block;line-height:20px;padding:20px;font-size:12px;font-weight:normal;}
.ui-album li {float:left;}
.ui-album em {position:absolute;z-index:5;right:0;margin:48px 10px 0 0;display:inline-block;padding:4px 8px;background:#333333;border-radius:10px;font-size:10px;font-style:normal;color:#FFFFFF;text-align:center;opacity:0.5;}
.ui-album b {position:absolute;z-index:6;display:block;width:48px;height:48px;background:#FFFFFF url('../../image/video-play.png') no-repeat center center;background-size:48px 48px;left:50%;margin:80px 0 0 -28px;border-radius:50%;opacity:0.8;}
.ui-album p {position:absolute;z-index:7;width:100%;background:#000000;text-align:center;margin:0;padding:0;display:none;}
.ui-album i {position:absolute;z-index:8;display:block;width:24px;height:24px;background:#000000 url('icon-cancel-wh.png') no-repeat center center;background-size:16px 16px;border-radius:50%;font-size:10px;padding:0;right:0;margin:10px 10px 0 0;opacity:0.8;display:none;}

.ui-ico-none,.ui-ico-home,.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-link,.ui-ico-price,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-sort,.ui-ico-delete,.ui-ico-quote,.ui-ico-report {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 18px;}
.ui-ico-dianhua,.ui-ico-dizhi,.ui-ico-pingji {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 16px 0 18px; margin-bottom:10px;}
.ui-ico-time {background:url('ico-time.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-home {background:url('ico-home.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hits {background:url('ico-hits.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-comm {background:url('ico-comm.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-info {background:url('ico-info.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-play {background:url('ico-play.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-pics {background:url('ico-pics.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-down {background:url('ico-down.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-area {background:url('ico-area.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-user {background:url('ico-user.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-link {background:url('ico-link.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-price {color:#FF0000;padding:0;font-size:14px;}
.ui-ico-like {background:url('ico-like.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-liked {background:url('ico-like-on.png') no-repeat 0 center;background-size:14px 14px;color:#FF6600;}
.ui-ico-hate {background:url('ico-hate.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-hated {background:url('ico-hate-on.png') no-repeat 0 center;background-size:14px 14px;color:#FF6600;}
.ui-ico-sort {background:url('ico-sort.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-delete {background:url('ico-delete.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-quote {background:url('ico-quote.png') no-repeat 0 center;background-size:14px 14px;}
.ui-ico-report {background:url('ico-report.png') no-repeat 0 center;background-size:14px 14px;}

.ui-ico-dianhua {background:url('ico-dianhua.png') no-repeat 0 center;background-size:16px 16px;}
.ui-ico-dizhi {background:url('ico-dizhi.png') no-repeat 0 center;background-size:16px 16px;}
.ui-ico-pingji {background:url('ico-pingji.png') no-repeat 0 center;background-size:16px 16px;}

.ui-tool {padding:16px 6px;text-align:right;border-bottom:#F6F6F6 10px solid;}
.ui-main {background:#F6F6F6;padding:0 10px 0 0;overflow:hidden;clear:both;}

.ui-filter {padding:0 0 0 16px;height:48px;line-height:48px;background:#F6F6F6;}
.ui-filter b {display:inline-block;font-weight:normal;margin-right:16px;}
.ui-filter .on {color:#FF6600;}
.ui-filter i {display:inline-block;font-style:normal;padding:0 16px;}
.ui-filter-ord {background:url('filter-ord.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-dsc {background:url('filter-dsc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-asc {background:url('filter-asc.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-box {background:url('filter-box.png') no-repeat 0 center;background-size:12px 12px;}
.ui-filter-ckd {background:url('filter-ckd.png') no-repeat 0 center;background-size:12px 12px;color:#FF6600;}
.ui-filter-key {padding:0 16px 16px 16px;background:#F6F6F6;}
.ui-filter-key i {display:inline-block;font-style:normal;padding-right:16px;margin-right:16px;background:url('filter-del.png') no-repeat right center;background-size:12px 12px;}

.ui-list-img {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;float:left;}
.ui-list-img div {background:#FFFFFF;margin:0 0 10px 10px;border-radius:6px;overflow:hidden;}
.ui-list-img img {width:100%;border-radius:6px 6px 0 0;}
.ui-list-img strong {display:block;line-height:20px;height:40px;margin:10px;font-size:14px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img b {display:block;line-height:20px;height:20px;margin:10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-img .vip {background:url('icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-img p {margin:0;padding:6px 0 0 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}

.ui-list-txt {background:#FFFFFF;margin:0 0 10px 0;padding:10px;}
.ui-list-txt strong {display:block;line-height:20px;margin:10px;font-size:16px;font-weight:normal;}
.ui-list-txt p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-txt div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-list-mix {background:#FFFFFF;margin:0 0 10px 0;padding:10px;overflow:hidden;clear:both;}
.ui-list-mix img {float:left;margin-right:6px;width:30%;}
.ui-list-mix strong {display:block;line-height:20px;margin:2px 10px 10px 10px;font-size:16px;font-weight:normal;}
.ui-list-mix b {display:block;line-height:20px;height:20px;margin:0 10px;font-size:12px;font-weight:normal;color:#999999;overflow:hidden;text-overflow:ellipsis;}
.ui-list-mix .vip {background:url('icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-mix p {margin:0;padding:6px 0 6px 10px;height:16px;line-height:16px;font-size:12px;color:#999999;}
.ui-list-mix ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.ui-list-mix div {margin:0;padding:0 12px;line-height:24px;max-height:48px;overflow:hidden;color:#999999;}

.ui-fl {float:left;}
.ui-fr {float:right;}
.ui-ip {height:32px;line-height:32px;color:#999999;font-size:12px;padding:0 16px;}
.ui-ok {background:#FFFFFF url('icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#FFFFFF url('icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-tm {background:#FFFFFF url('icon-tm.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p,.ui-tm p {margin:0;font-size:20px;padding-bottom:44px;}
.ui-ok div,.ui-ko div,.ui-tm div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input,.ui-tm input {margin-bottom:16px;}

.ui-form-search {background:#F6F6F6;padding:10px 16px;}
.ui-form-search input[type="search"] {box-sizing:border-box;width:100%;height:32px;line-height:24px;border:none;border-radius:16px;font-size:14px;-webkit-appearance:none;background:#FFFFFF url('ico-search.png') no-repeat 10px center;background-size:16px 16px;padding:0 28px;}

.ui-form {background:#FFFFFF;padding:26px 24px 0 24px;overflow:hidden;}
.ui-form p {padding:10px 0;margin:10px 0 0 0;font-size:14px;clear:both;color:#181818;}
.ui-form div {line-height:24px;}
.ui-form i,.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;font-style:normal;}
.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}
.ui-form s {line-height:20px;font-size:12px;color:#999999;text-decoration:none;display:block;padding:6px 0 0 0;clear:both;}
.ui-form label {display:inline;margin:0 0 0 6px;font-size:14px;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:24px;border:#cbcccd 1px solid;padding:10px;border-radius:8px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#F0F0F0 1px solid;background:#FFFFFF;color:#333333;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#F0F0F0 1px solid;background:#FFFFFF;color:#333333;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#F0F0F0 1px solid !important;}
.ui-form input[type="checkbox"] {border:#F0F0F0 1px solid !important;}
.ui-form select {padding:0 26px 0 26px;color:#333333;font-size:14px;height:44px;line-height:44px;border-radius:8px;border:#cbcccd 1px solid;background:url('ico-fold.png') no-repeat 6px center;background-size:16px 16px;-webkit-appearance:none;}
.ui-form textarea {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:80px;line-height:24px;padding:6px;font-size:14px;border:#CDCDCD 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:100%;height:100%;min-width:80px;min-height:80px;}
.webuploader-pick-hover {}
.webuploader-pick-disable {opacity:0.6;pointer-events:none;}

.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin:0 16px 16px 0;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('icon-upload.png') no-repeat center center;background-size:24px 24px;margin:-38px 6px 0 0;}
.ui-form-scan {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('icon-scan.png') no-repeat center center;background-size:24px 24px;margin:-38px 6px 0 0;}
.ui-form-video {width:100%;height:148px;background:#DDDDDD url('../../image/play.png') no-repeat center center;background-size:48px 48px;margin:10px 0 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;border-top:#F0F0F0 1px solid;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}
.ui-editor-toolbar input {width:36px;height:36px;line-height:36px;cursor:pointer;border:none;background:url('../../image/spacer.png');position:absolute;opacity:0;}
.ui-editor-img {background:url('editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-bold {}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {border-bottom:#F0F0F0 1px solid;background:#FFFFFF;height:180px;padding:10px;font-size:16px;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#024893;}

.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;opacity:0.8;display:none;}
.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:3px 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:128px;font-size:14px;display:none;}
.ui-sheet {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;background:#F6F6F6;}
.ui-sheet div {background:#FFFFFF;border-top:#F0F0F0 1px solid;}
.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;border-top:#F0F0F0 1px solid;}
.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;font-weight:bold;margin:8px 0;background:#FFFFFF;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {display:block;width:100%;}
.ui-pop {position:fixed;z-index:99;top:36px;right:10px;width:128px;display:none;}
.ui-pop i {display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #333333;margin-left:108px;}
.ui-pop div {text-align:center;background:#333333;border-radius:4px;padding:10px;}
.ui-pop a {display:block;width:100%;height:44px;line-height:44px;color:#FFFFFF;font-size:16px;}
.ui-pop b {font-weight:normal;font-size:10px;color:#FFFFFF;display:inline-block;min-width:16px;height:16px;line-height:16px;margin:0 0 0 6px;background:#FF0000;border-radius:50%;text-align:center;}
.ui-widget {position:fixed;z-index:99;left:0;right:0;bottom:0;display:none;}
.ui-widget p {height:48px;line-height:48px;font-size:18px;font-weight:normal;padding:0 6px 0 16px;margin:0;background:#F7F7F7;border-radius:16px 16px 0 0;}
.ui-widget p i {width:48px;height:48px;float:right;background:url('icon-cancel.png') no-repeat center center;background-size:24px 24px;}
.ui-widget p s {display:block;width:64px;height:32px;line-height:32px;float:right;margin:8px 4px 0 0;background:#007AFF;color:#FFFFFF;border:none;border-radius:6px;font-size:14px;text-align:center;text-decoration:none;-webkit-appearance:none;}
.ui-widget p s:hover {background:#0569D5;}
.ui-widget div {background:#FFFFFF;}
.ui-frame {position:fixed;z-index:99;bottom:0;left:0;width:100%;background:#F6F6F6;display:none;}
.ui-frame p {height:48px;line-height:48px;margin:0;padding:0 16px;text-align:right;font-size:16px;}
.ui-side {position:fixed;z-index:99;top:0;right:0;width:256px;height:100%;background:#000000;display:none;}
.ui-icon-loading {background:url('../../image/spacer.png') no-repeat center center;background-size:40px 40px;border-radius:50%;display:none;}
:root {--sab: env(safe-area-inset-bottom);}

.citypic { text-align:center; }
.citypic img { max-width:100%; height:auto; }

.list-about { padding:16px 28px; background:#ffffff; }
.list-about h1 { font-size:22px; text-align:center; }.list-about p { line-height:28px; font-size:15px; }
.carlogo { text-align:center; }
.allcar { width:100%; height:560px; font-size:16px; display:block; padding-top:16px; background-color:#ffffff;} 
.allcar li{ float:left; width:25%; display:block; text-align:center; line-height:26px; color:#000;}.allcar li a.b:hover {color:#FF3300;}

.placecity { padding:10px 18px; }
.placecity h1 { font-size:22px; }
.placecity p { font-size:14px; line-height:26px; }

.allcity { width:86%; font-size:16px; background-color:#ffffff; margin-top:16px; margin-bottom:30px; float:left; padding-left:7%; padding-right:7%;}
.allcity h1 { font-size:16px; text-align:center; margin-bottom:18px; height:30px; width:100%; display:block; float:left; margin-top:16px;}
.allcity p { line-height:28px;}
.allcity li{ float:left; width:20%; display:block; text-align:center; line-height:26px; color:#000;}
.allcar li a.b:hover {color:#FF3300;}



.maplist { padding:0px 8px; clear:both;}
.maplist-on { margin:16px 0px 10px 0px; padding:0px 10px; }
.maplist-on a { font-size:14px; }
.maplist-to { width:100%;}
.maplist-to li { float:left; width:20%; text-align:center; line-height:23px; }
.maplist-to li a { font-size:12px;text-decoration:none;}
.maplist-world { margin-left:10px; margin-bottom:8px; line-height:20px; }
.maplist-world a { margin-right:8px; }
#mapDiv{width:100%;height:500px}
#allmap { width:100%;clear:both; height:396px; }
.allmapabout { padding:10px 22px;}
.allmapabout h1 { font-size:16px; clear:both; padding-top:30px; text-align:center;}
.allmapabout p { font-size:14px; line-height:28px; }

    #r-result {
        width:100%; float:left; height:100%;
        padding: 6px; 
        background-color: #fff;
        border-radius: .5rem;
        font-size: 12px;
        color: #666;
		margin-left:10px;
	}
	#r-result a { text-decoration:none; font-size:12px; }
	#searchResultPanel {border:1px solid #C0C0C0;width:218px;height:auto; display:none; }
	#suggestId { padding: 3px 0px 3px 6px; margin-left:5px; margin-left:2px; }
	.shuru { width:100%; margin-left:2px; }




.train {
    overflow-x: auto;
    white-space: nowrap; font-size:14px;
}

.train table {
    border-collapse: collapse;
	 width:100%;
	 margin-bottom:10px;
}


.train th,
td {
    border: 1px solid #ccc;
    padding: 6px 8px;
}


        #map { height:390px; }
		#tianditu-result { font-size:18px; height:58px; text-align:center; color:#F60; width:80%; margin:20px auto;background: #eff6ff;
        border-radius: 12px; padding:22px 12px; }
        #distance {
            padding: 10px;
            font-size: 16px;
            text-align: center;
        }
		/* 移动端输入容器样式 */
#input-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    width: 90%;
    max-width: 90%;
}

#input-container input {
    width: 90%;
    padding: 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 1rem;
    background-color: #f8f9fa;
    transition: all 0.2s ease;
    -webkit-appearance: none;
}

#input-container input:focus {
    border-color: #4a6cf7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1);
    background-color: white;
}

#input-container button {
    background: linear-gradient(135deg, #4a6cf7 0%, #8a3ffc 100%);
    color: white;
    border: none;
    padding: 1rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#input-container button:active {
    transform: scale(0.98);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

/* 移动端优化 */
@media (max-width: 480px) {
    #input-container {
        padding: 1rem;
    }
    
    #input-container input {
        padding: 0.8rem;
        font-size: 0.9rem;
    }
    
    #input-container button {
        padding: 0.9rem;
        font-size: 0.95rem;
    }
}


.express {
            max-width: 100%;
            margin: 20px auto;
            padding: 20px;
            background-color: white;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .express label {
            font-weight: bold;
            display: block;
            margin-bottom: 10px;
        }
        .express input[type="text"] {
            width: 100%;
            padding: 18px 15px 58px 18px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-sizing: border-box;
        }
        .express button {
            width: 100%;
            padding: 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .express button:hover {
            background-color: #0056b3;
        }
        .result {
            margin-top: 20px;
            padding: 20px;
            background-color: #f1f1f1;
            border-radius: 5px;
        }
/* 手机端优化 */
        @media (max-width: 600px) {
            .express {
                padding: 10px;
            }
            .express input[type="text"] {
                font-size: 16px;
            }
            .express button {
                font-size: 16px;
            }
            .result {
                font-size: 14px;
            }
        }


.express-list{
	width: 100%;
	margin:0 auto 50px;
	overflow: hidden;
	_width:870px;
}
.express-list a{
	text-decoration: none;
}
.express-list .hd{
	padding-top: 25px;
	margin-bottom: 25px;
	line-height: 30px;
	text-align: center;
}
.express-list .hd h1{
	font-weight: normal;
	font-size: 24px;
	color:#212121;
}

.express-list .box{
	margin-bottom: 10px;
}
.express-list .c-hd{
	background: #f8f8f8;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.express-list .c-hd span{
	display: inline-block;
    border-left: 3px solid #2095f2;
    padding-left: 10px;
}
.express-list .c-bd ul{
	overflow: hidden;
}
.express-list .c-bd li{
	float: left;
	width: 20%;
}
.express-list .bd .item{
	display: block;
	border: 1px solid #f0f0f0;
	padding:  10px;
	background: #fcfcfc;
	border-radius: 4px;
	margin:  0 4px 8px;
	font-size: 14px;
	overflow: hidden;
}
.express-list .bd .item:hover{
	background: #ffffff;
	border: 1px solid #1a6ded;
	cursor: pointer;
}
.express-list .bd .item img{
	float: left;
	height: 36px;
	margin: 2px 0;
}
.express-list .bd .item .name{
	display: block;
	margin-left: 45px;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.express-list .bd .item .phone{
	display: block;
	margin-left: 45px;
	font-size:  13px;
	color: #999;
}

@media screen and (max-width: 1023px){
	.express-list{
		width: auto;
	}
	.express-list .c-bd li{
		width: 25%;
	}
}
@media screen and (max-width: 800px){
	.express-list .c-bd li{
		width: 50%;
	}
}

.all { width:100%; padding-left:2%; padding-right:2%; }
.all h1 { font-size:20px; text-align:center; padding:20px 0px; }
.all ul {
            list-style-type: none;
            padding: 0; margin:0px; 
        }

.all li {
            border: 1px solid #F1F1F1;
            border-radius: 28px;
            padding: 16px 0px;
            text-align: center; width:44%; float:left; margin-left:2%; margin-right:2%; margin-bottom:12px;
        }

.all li a {
            text-decoration: none; font-size:16px;
            color: inherit;
            display: block;
        }

/* ========== 新增功能容器 ========== */
.all-100-new-features-container {
    margin: 15px 0;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ========== 发布按钮行样式 ========== */
.all-100-action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

.all-100-action-buttons .all-100-btn {
    flex: 1;
    padding: 12px 0;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease; color:#FFF; padding:28px 0px;
}

.all-100-btn-post {
    background-color: #1890ff;
    color: white;
}

.all-100-btn-post:hover {
    background-color: #40a9ff;
    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
}

.all-100-btn-request {
    background-color: #52c41a;
    color: white;
}

.all-100-btn-request:hover {
    background-color: #73d13d;
    box-shadow: 0 2px 8px rgba(82, 196, 26, 0.3);
}

/* ========== 分割线标题样式 ========== */
.all-100-section-title {
    font-size: 18px;
    color: #333;
    margin: 25px 0 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 500;
}

.all-100-section-title:before,
.all-100-section-title:after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e8e8e8);
    position: relative;
    vertical-align: middle;
}

.all-100-section-title:before {
    right: 15px;
    margin-left: -50%;
}

.all-100-section-title:after {
    left: 15px;
    margin-right: -50%;
}

.all-100-section-title span {
    padding: 0 15px;
    display: inline-block;
    position: relative;
}

/* ========== 六个内链模块样式 ========== */
.all-100-module-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

.all-100-module-item {
    background: #fff;
    border-radius: 8px;
    padding: 8px 10px 20px 10px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #f0f0f0;
}

.all-100-module-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #d9d9d9;
}

.all-100-module-icon {
    font-size: 28px;
    color: #1890ff;
    margin-bottom: 10px;
}

.all-100-module-title {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

/* ========== 仓库列表样式 ========== */
.all-100-warehouse-list {
    margin-top: 15px;
}

.all-100-list-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.all-100-list-item {
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s ease;
}

.all-100-list-item:last-child {
    border-bottom: none;
}

.all-100-list-item:hover {
    background-color: #fafafa;
}

.all-100-item-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    align-items: center;
}

.all-100-location {
    font-weight: bold;
    color: #333;
    font-size: 15px;
}

.all-100-price {
    color: #f5222d;
    font-weight: bold;
    font-size: 16px;
}

.all-100-item-details {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #888;
}

.all-100-view-more {
    display: block;
    text-align: center;
    padding: 12px;
    color: #1890ff;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.all-100-view-more:hover {
    color: #40a9ff;
    text-decoration: underline;
}

/* ========== 响应式调整 ========== */
@media (max-width: 360px) {
    .all-100-action-buttons .all-100-btn {
        font-size: 14px;
        padding: 10px 0;
    }
    
    .all-100-module-item {
        padding: 6px 8px 15px 8px;
    }
    
    .all-100-module-icon {
        font-size: 24px;
    }
    
    .all-100-section-title {
        font-size: 16px;
    }
}



/* ========== 海运栏目基础样式 ========== */
.shipping-100-container {
    margin: 15px 0;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

/* ========== 发布按钮行样式 ========== */
.shipping-100-action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    gap: 12px;
}

.shipping-100-action-buttons .shipping-100-btn {
    flex: 1;
    padding: 14px 0;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; color:#FFF; padding:28px 0px;
}

.shipping-100-btn-primary {
    background-color: #1a73e8;
    color: white;
}

.shipping-100-btn-primary:hover {
    background-color: #1765cc;
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.3);
}

.shipping-100-btn-secondary {
    background-color: #34a853;
    color: white;
}

.shipping-100-btn-secondary:hover {
    background-color: #2d9248;
    box-shadow: 0 2px 8px rgba(52, 168, 83, 0.3);
}

/* ========== 分割线标题样式 ========== */
.shipping-100-section-title {
    font-size: 18px;
    color: #1a73e8;
    margin: 30px 0 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 600;
}

.shipping-100-section-title:before,
.shipping-100-section-title:after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(26, 115, 232, 0.2));
    position: relative;
    vertical-align: middle;
}

.shipping-100-section-title:before {
    right: 15px;
    margin-left: -50%;
}

.shipping-100-section-title:after {
    left: 15px;
    margin-right: -50%;
}

.shipping-100-section-title span {
    padding: 0 15px;
    display: inline-block;
    position: relative;
}

/* ========== 热门航线列表样式 ========== */
.shipping-100-route-list {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.shipping-100-route-item {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.shipping-100-route-item:last-child {
    border-bottom: none;
}

.shipping-100-route-item:hover {
    background-color: #f8f9fa;
}

.shipping-100-route-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.shipping-100-route-name {
    font-weight: bold;
    color: #1a73e8;
    font-size: 16px;
}

.shipping-100-route-price {
    color: #ea4335;
    font-weight: bold;
    font-size: 16px;
}

.shipping-100-route-details {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #5f6368;
}

.shipping-100-port {
    flex: 2;
}

.shipping-100-duration,
.shipping-100-frequency {
    flex: 1;
    text-align: right;
    margin-left: 10px;
}

.shipping-100-view-more {
    display: block;
    text-align: center;
    padding: 14px;
    color: #1a73e8;
    font-size: 14px;
    margin-top: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 6px;
    background: #f8f9fa;
}

.shipping-100-view-more:hover {
    color: #1765cc;
    background: #f1f3f4;
    text-decoration: underline;
}

/* ========== 航运工具模块样式 ========== */
.shipping-100-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.shipping-100-tool-item {
    background: #fff;
    border-radius: 10px;
    padding: 8px 12px 20px 12px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #e0e0e0;
}

.shipping-100-tool-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #d2e3fc;
    background: #f8faff;
}

.shipping-100-tool-icon {
    font-size: 30px;
    color: #1a73e8;
    margin-bottom: 12px;
}

.shipping-100-tool-title {
    font-size: 14px;
    color: #202124;
    font-weight: 500;
}

/* ========== 响应式调整 ========== */
@media (max-width: 360px) {
    .shipping-100-action-buttons .shipping-100-btn {
        font-size: 14px;
        padding: 12px 0;
    }
    
    .shipping-100-tool-item {
        padding: 6px 8px 16px 8px;
    }
    
    .shipping-100-tool-icon {
        font-size: 26px;
    }
    
    .shipping-100-section-title {
        font-size: 16px;
    }
    
    .shipping-100-route-name,
    .shipping-100-route-price {
        font-size: 15px;
    }
}

/* ========== 陆运栏目基础样式 ========== */
.land-100-container {
    margin: 15px 0;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

/* ========== 分割线标题样式 ========== */
.land-100-section-title {
    font-size: 18px;
    color: #e67e22;
    margin: 30px 0 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 600;
}

.land-100-section-title:before,
.land-100-section-title:after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(230, 126, 34, 0.2));
    position: relative;
    vertical-align: middle;
}

.land-100-section-title:before {
    right: 15px;
    margin-left: -50%;
}

.land-100-section-title:after {
    left: 15px;
    margin-right: -50%;
}

.land-100-section-title span {
    padding: 0 15px;
    display: inline-block;
    position: relative;
}

/* ========== 核心服务模块样式 ========== */
.land-100-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.land-100-service-item {
    background: #fff;
    border-radius: 10px;
    padding: 18px 12px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #f0f0f0;
}

.land-100-service-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #fad7a0;
    background: #fef9e7;
}

.land-100-service-icon {
    font-size: 32px;
    color: #e67e22;
    margin-bottom: 10px;
}

.land-100-service-title {
    font-size: 15px;
    color: #e67e22;
    font-weight: 600;
    margin-bottom: 5px;
}

.land-100-service-desc {
    font-size: 12px;
    color: #7f8c8d;
}

/* ========== 热门线路列表样式 ========== */
.land-100-route-list {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.land-100-route-item {
    padding: 16px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s ease;
}

.land-100-route-item:last-child {
    border-bottom: none;
}

.land-100-route-item:hover {
    background-color: #fef5e7;
}

.land-100-route-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.land-100-route-name {
    font-weight: bold;
    color: #e67e22;
    font-size: 16px;
}

.land-100-route-price {
    color: #e74c3c;
    font-weight: bold;
    font-size: 16px;
}

.land-100-route-details {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #7f8c8d;
}

.land-100-distance,
.land-100-duration,
.land-100-frequency {
    flex: 1;
    text-align: left;
}

.land-100-frequency {
    text-align: right;
}

.land-100-view-more {
    display: block;
    text-align: center;
    padding: 14px;
    color: #e67e22;
    font-size: 14px;
    margin-top: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 6px;
    background: #fef5e7;
}

.land-100-view-more:hover {
    color: #d35400;
    background: #fae5d3;
    text-decoration: underline;
}

/* ========== 物流工具模块样式 ========== */
.land-100-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.land-100-tool-item {
    background: #fff;
    border-radius: 10px;
    padding: 8px 12px 20px 12px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #f0f0f0;
}

.land-100-tool-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #fad7a0;
    background: #fef9e7;
}

.land-100-tool-icon {
    font-size: 30px;
    color: #e67e22;
    margin-bottom: 12px;
}

.land-100-tool-title {
    font-size: 14px;
    color: #202124;
    font-weight: 500;
}

/* ========== 响应式调整 ========== */
@media (max-width: 360px) {
    .land-100-services-grid {
        gap: 12px;
    }
    
    .land-100-service-item {
        padding: 15px 8px;
    }
    
    .land-100-service-icon {
        font-size: 28px;
    }
    
    .land-100-section-title {
        font-size: 16px;
    }
    
    .land-100-route-name,
    .land-100-route-price {
        font-size: 15px;
    }
    
    .land-100-tool-icon {
        font-size: 26px;
    }
}


/* ========== 专线运输栏目基础样式 ========== */
.line-100-container {
    margin: 15px 0;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

/* ========== 分割线标题样式 ========== */
.line-100-section-title {
    font-size: 18px;
    color: #0260ed;
    margin: 30px 0 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 600;
}

.line-100-section-title:before,
.line-100-section-title:after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(52, 152, 219, 0.2));
    position: relative;
    vertical-align: middle;
}

.line-100-section-title:before {
    right: 15px;
    margin-left: -50%;
}

.line-100-section-title:after {
    left: 15px;
    margin-right: -50%;
}

.line-100-section-title span {
    padding: 0 15px;
    display: inline-block;
    position: relative;
}

/* ========== 发布专线区域样式 ========== */
.line-100-action-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 12px;
}

.line-100-action-buttons .line-100-btn {
    flex: 1;
    padding: 14px 0;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.line-100-btn-primary {
    background-color: #0260ed;
    color: white;
}

.line-100-btn-primary:hover {
    background-color: #0d53bc;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);
}

.line-100-btn-secondary {
    background-color: #2ecc71;
    color: white;
}

.line-100-btn-secondary:hover {
    background-color: #27ae60;
    box-shadow: 0 2px 8px rgba(46, 204, 113, 0.3);
}

.line-100-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 25px;
}

.line-100-feature-item {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 10px 5px;
    text-align: center;
    font-size: 12px;
    color: #0260ed;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.line-100-feature-item i {
    font-size: 18px;
    color: #0260ed;
}

/* ========== 热门专线列表样式 ========== */
.line-100-line-list {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    overflow: hidden;
}

.line-100-line-item {
    padding: 16px;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s ease;
}

.line-100-line-item:last-child {
    border-bottom: none;
}

.line-100-line-item:hover {
    background-color: #f8fbfe;
}

.line-100-line-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    align-items: center;
}

.line-100-line-name {
    font-weight: bold;
    color: #0260ed;
    font-size: 16px;
}

.line-100-line-tag {
    background: #e3f2fd;
    color: #1976d2;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.line-100-line-details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
}

.line-100-line-route {
    flex: 2;
}

.line-100-line-price {
    color: #e74c3c;
    font-weight: bold;
    text-align: right;
    flex: 1;
}

.line-100-line-footer {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #7f8c8d;
}

.line-100-line-vehicle,
.line-100-line-frequency,
.line-100-line-time {
    flex: 1;
}

.line-100-line-time {
    text-align: right;
}

.line-100-view-more {
    display: block;
    text-align: center;
    padding: 14px;
    color: #0260ed;
    font-size: 14px;
    margin-top: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 6px;
    background: #f8fbfe;
}

.line-100-view-more:hover {
    color: #0d53bc;
    background: #e3f2fd;
    text-decoration: underline;
}

/* ========== 专线服务工具模块样式 ========== */
.line-100-tools-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.line-100-tool-item {
    background: #fff;
    border-radius: 10px;
    padding: 8px 12px 20px 12px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid #f0f0f0;
}

.line-100-tool-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #bbdefb;
    background: #f8fbfe;
}

.line-100-tool-icon {
    font-size: 30px;
    color: #0260ed;
    margin-bottom: 8px;
}

.line-100-tool-title {
    font-size: 14px;
    color: #202124;
    font-weight: 500;
}

/* ========== 响应式调整 ========== */
@media (max-width: 480px) {
    .line-100-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .line-100-action-buttons .line-100-btn {
        font-size: 14px;
        padding: 12px 0;
    }
    
    .line-100-tool-item {
        padding: 6px 8px 12px 8px;
    }
    
    .line-100-tool-icon {
        font-size: 26px;
		margin-bottom: 6px;
    }
    
    .line-100-section-title {
        font-size: 16px;
    }
    
    .line-100-line-name {
        font-size: 15px;
    }
    
    .line-100-line-details {
        font-size: 13px;
    }
}




/* 运费计算器容器 */
.freight-calculator-container {
    max-width: 500px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}

/* 提示信息 */
.freight-calculator-tips {
    font-size: 12px;
    color: #666;
    margin: 20px 0 15px 0;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 5px;
    line-height: 1.5;
}

.freight-calculator-tips p {
    margin: 5px 0;
}

/* 标题样式 */
.freight-calculator-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

/* 表单组样式 */
.freight-calculator-form-group {
    margin-bottom: 15px;
}

/* 标签样式 */
.freight-calculator-label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

/* 输入框样式 */
.freight-calculator-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.freight-calculator-input:focus {
    border-color: #1890ff;
    outline: none;
}

/* 单选按钮组 */
.freight-calculator-radio-group {
    display: flex;
    gap: 15px;
    margin-top: 5px;
}

.freight-calculator-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.freight-calculator-radio input {
    margin-right: 5px;
}

.freight-calculator-radio-label {
    font-size: 14px;
    color: #333;
}

/* 复选框组 */
.freight-calculator-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 5px;
}

.freight-calculator-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.freight-calculator-checkbox input {
    margin-right: 5px;
}

.freight-calculator-checkbox-label {
    font-size: 14px;
    color: #333;
}

/* 计算按钮 */
.freight-calculator-button {
    width: 100%;
    background-color: #1890ff;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.3s;
}

.freight-calculator-button:hover {
    background-color: #40a9ff;
}

/* 结果区域 */
.freight-calculator-result {
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
    animation: fadeIn 0.3s ease;
}

.freight-calculator-result-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.freight-calculator-result-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
}

.freight-calculator-result-label {
    color: #666;
}

.freight-calculator-result-value {
    font-weight: 600;
    color: #1890ff;
}

/* 重量详情 */
.freight-calculator-weight-detail {
    font-size: 12px;
    color: #888;
    margin-top: -8px;
    margin-bottom: 10px;
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}



/* 海运运费计算器样式 - 添加前缀避免冲突 */
.ocean-freight-container {
    font-family: 'Arial', sans-serif;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
}

.ocean-freight-title {
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
}

.ocean-freight-form-group {
    margin-bottom: 15px;
}

.ocean-freight-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #34495e;
}

.ocean-freight-select, .ocean-freight-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.ocean-freight-radio-group {
    display: flex;
    gap: 15px;
}

.ocean-freight-radio-label {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.ocean-freight-button {
    width: 100%;
    padding: 12px;
    background-color: #0260ed;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.ocean-freight-button:hover {
    background-color: #0d53bc;
}

.ocean-freight-result {
    margin-top: 20px;
    padding: 15px;
    background-color: #e8f4fc;
    border-radius: 4px;
    border-left: 4px solid #0260ed;
}

.ocean-freight-result-title {
    color: #2c3e50;
    margin-top: 0;
    font-size: 18px;
}

.ocean-freight-result-content p {
    margin: 8px 0;
}

.ocean-freight-note {
    font-size: 12px;
    color: #7f8c8d;
    margin-top: 15px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .ocean-freight-container {
        padding: 15px;
    }
    
    .ocean-freight-title {
        font-size: 20px;
    }
    
    .ocean-freight-radio-group {
        flex-direction: column;
        gap: 8px;
    }
}



/* 物流市场移动版样式 - 使用mobile-sell前缀避免冲突 */
.mobile-sell-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    padding: 33px 15px 15px 15px;
    box-sizing: border-box;
}

/* 发布按钮样式 */
.mobile-sell-publish-btn-container {
    margin-top: 30px;
    text-align: center;
	margin-bottom:10px;
}

.mobile-sell-publish-btn {
    display: inline-block;
    padding: 12px 25px;
    background-color: #1890ff;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
    transition: all 0.3s ease;
}

.mobile-sell-publish-btn:hover {
    background-color: #40a9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}

/* 分割线带标题样式 */
.mobile-sell-divider-with-title {
    position: relative;
    margin: 25px 0;
    text-align: center;
}

.mobile-sell-divider-with-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee;
    z-index: 1;
}

.mobile-sell-section-title {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    background-color: white;
    z-index: 2;
}

.mobile-sell-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.mobile-sell-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
}

.mobile-sell-icon-box {
    width: 60px;
    height: 60px;
    background-color: #f8f9fa;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

.mobile-sell-nav-item:hover .mobile-sell-icon-box {
    background-color: #e9f5ff;
}

.mobile-sell-icon {
    font-size: 24px; text-align:center;
}

.mobile-sell-nav-text {
    font-size: 14px;
    font-weight: 500;
}

.mobile-sell-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-sell-info-item {
    border-bottom: 1px solid #f0f0f0;
}

.mobile-sell-info-item:last-child {
    border-bottom: none;
}

.mobile-sell-info-link {
    display: flex;
    justify-content: space-between;
    padding: 12px 5px;
    text-decoration: none;
    color: #333;
}

.mobile-sell-info-link:hover {
    background-color: #f9f9f9;
}

.mobile-sell-info-route,
.mobile-sell-info-location {
    font-size: 15px;
}

.mobile-sell-info-price {
    font-size: 15px;
    color: #ff6b00;
    font-weight: 500;
}

/* 响应式调整 */
@media (max-width: 360px) {
    .mobile-sell-nav-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    
    .mobile-sell-icon-box {
        width: 50px;
        height: 50px;
    }
    
    .mobile-sell-publish-btn {
        padding: 10px 20px;
        font-size: 15px;
    }
}




/* 物流招标页面样式 - 窄屏优化 */
.mobile-bid-container * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 主容器 */
.mobile-bid-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    padding: 12px;
    background-color: #f8f8f8;
    min-height: 100vh;
}

/* 标题栏 */
.mobile-bid-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding: 5px 5px 0 5px;
}

.mobile-bid-main-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* 发布按钮 - 固定在右上角 */
.mobile-bid-publish-btn {
    padding: 8px 16px;
    background-color: #ff6b00;
    color: white;
    border-radius: 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border: none;
    display: inline-block;
}

/* 招标列表 - 窄屏优化 */
.mobile-bid-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 15px;
}

.mobile-bid-item {
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.mobile-bid-item-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}

.mobile-bid-item-tag {
    padding: 2px 6px;
    background-color: #e6f7ff;
    color: #1890ff;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
}

.mobile-bid-item-time {
    font-size: 11px;
    color: #999;
}

.mobile-bid-item-title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobile-bid-item-info {
    margin-bottom: 12px;
}

.mobile-bid-info-row {
    display: flex;
    margin-bottom: 6px;
    font-size: 13px;
}

.mobile-bid-info-label {
    color: #666;
    min-width: 40px;
}

.mobile-bid-info-value {
    color: #333;
    flex: 1;
}

.mobile-bid-highlight {
    color: #ff6b00;
    font-weight: 500;
}

.mobile-bid-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    font-size: 12px;
}

.mobile-bid-item-company {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.mobile-bid-item-btn {
    padding: 6px 15px;
    background-color: #1890ff;
    color: white;
    border-radius: 9px;
    text-decoration: none;
    font-size: 14px;
    flex-shrink: 0;
}

/* 加载更多 */
.mobile-bid-load-more {
    text-align: center;
    margin-top: 15px;
}

.mobile-bid-load-btn {
    padding: 8px 16px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #666;
    font-size: 13px;
    cursor: pointer;
	width:80%; margin:10px auto;
}

/* 极窄屏适配 */
@media (max-width: 320px) {
    .mobile-bid-container {
        padding: 10px;
    }
    
    .mobile-bid-main-title {
        font-size: 18px;
    }
    
    .mobile-bid-publish-btn {
        padding: 5px 10px;
        font-size: 12px;
    }
    
    .mobile-bid-search-wrapper {
        height: 36px;
    }
    
    .mobile-bid-search-input {
        font-size: 13px;
    }
    
    .mobile-bid-search-submit {
        width: 50px;
        font-size: 13px;
    }
    
    .mobile-bid-filter-btn {
        padding: 5px 10px;
        font-size: 12px;
    }
}







/* 精致发布页面样式 */
.mobile-sell-publish-refined {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem;
    box-sizing: border-box;
    min-height: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-sell-refined-header {
    text-align: center;
    margin-bottom: 3rem;
}

.mobile-sell-refined-title {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.mobile-sell-refined-subtitle {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.mobile-sell-refined-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.mobile-sell-refined-card {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.mobile-sell-refined-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    transition: width 0.3s ease;
}

.supply-card::before {
    background: linear-gradient(to bottom, #40c057, #51cf66);
}

.demand-card::before {
    background: linear-gradient(to bottom, #339af0, #228be6);
}

.mobile-sell-refined-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.mobile-sell-refined-card:hover::before {
    width: 8px;
}

.mobile-sell-refined-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.supply-card .mobile-sell-refined-icon {
    background-color: rgba(64, 192, 87, 0.1);
    color: #40c057;
}

.demand-card .mobile-sell-refined-icon {
    background-color: rgba(51, 154, 240, 0.1);
    color: #339af0;
}

.mobile-sell-refined-content {
    flex: 1;
}

.mobile-sell-refined-label {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
}

.mobile-sell-refined-desc {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0;
}

.mobile-sell-refined-arrow {
    font-size: 1.5rem;
    color: #adb5bd;
    margin-left: 1rem;
    transition: transform 0.3s ease;
}

.mobile-sell-refined-card:hover .mobile-sell-refined-arrow {
    transform: translateX(5px);
    color: #495057;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .mobile-sell-publish-refined {
        padding: 1.5rem;
    }
    
    .mobile-sell-refined-columns {
        grid-template-columns: 1fr;
    }
    
    .mobile-sell-refined-card {
        padding: 1.25rem;
    }
    
    .mobile-sell-refined-icon {
        width: 56px;
        height: 56px;
        margin-right: 1rem;
    }
}


/* 物流软件栏目样式 */
.mobile-sell-software-container {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    max-width: 100%;
    margin: 0 auto;
    padding: 0rem 2rem 2rem 2rem;
    box-sizing: border-box;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-sell-software-header {
    text-align: center;
    margin-bottom: 3rem;
}

.mobile-sell-software-title {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.5rem;
    letter-spacing: 0.5px;
}

.mobile-sell-software-subtitle {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.mobile-sell-software-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.mobile-sell-software-card {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.mobile-sell-software-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    transition: width 0.3s ease;
}

.tms-card::before {
    background: linear-gradient(to bottom, #ff6b6b, #f06595);
}

.wms-card::before {
    background: linear-gradient(to bottom, #51cf66, #40c057);
}

.oms-card::before {
    background: linear-gradient(to bottom, #339af0, #228be6);
}

.erp-card::before {
    background: linear-gradient(to bottom, #9775fa, #845ef7);
}

.mobile-sell-software-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.mobile-sell-software-card:hover::before {
    width: 8px;
}

.mobile-sell-software-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.tms-card .mobile-sell-software-icon {
    background-color: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
}

.wms-card .mobile-sell-software-icon {
    background-color: rgba(81, 207, 102, 0.1);
    color: #51cf66;
}

.oms-card .mobile-sell-software-icon {
    background-color: rgba(51, 154, 240, 0.1);
    color: #339af0;
}

.erp-card .mobile-sell-software-icon {
    background-color: rgba(151, 117, 250, 0.1);
    color: #9775fa;
}

.mobile-sell-software-content {
    flex: 1;
}

.mobile-sell-software-label {
    font-size: 1.5rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
}

.mobile-sell-software-desc {
    font-size: 0.875rem;
    color: #6c757d;
    margin: 0;
}

.mobile-sell-software-arrow {
    font-size: 1.5rem;
    color: #adb5bd;
    margin-left: 1rem;
    transition: transform 0.3s ease;
}

.mobile-sell-software-card:hover .mobile-sell-software-arrow {
    transform: translateX(5px);
    color: #495057;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .mobile-sell-software-container {
        padding: 0rem 1.5rem 1.5rem 1.5rem;
    }
    
    .mobile-sell-software-grid {
        grid-template-columns: 1fr;
    }
    
    .mobile-sell-software-card {
        padding: 1.25rem;
    }
    
    .mobile-sell-software-icon {
        width: 56px;
        height: 56px;
        margin-right: 1rem;
    }
    
    .mobile-sell-software-label {
        font-size: 1.25rem;
    }
}

/* 移动版专属选项卡样式 - 前缀为.mobile-sell-tab- */
        .mobile-sell-tab-container {
            display: flex;
            overflow-x: auto;
            padding: 12px 10px;
			border-bottom:1px solid #f1f1f1;
            margin: 0px 0px 10px 0px;
            -webkit-overflow-scrolling: touch; /* 平滑滚动(iOS) */
        }
        
        .mobile-sell-tab-btn {
            flex: 1 0 auto;
            min-width: calc(16.666% - 10px);
            padding: 10px 3px;
            margin-right: 10px;
            background-color: #fafafa;
            border-radius: 6px;
            text-align: center;
            font-size: 13px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            white-space: nowrap;
            transition: all 0.2s ease;
            box-sizing: border-box;
        }
        
        .mobile-sell-tab-btn:last-child {
            margin-right: 0;
        }
        
        .mobile-sell-tab-btn:hover {
            background-color: #f0f0f0;
            border-color: #d0d0d0;
        }
        
        /* 小屏幕适配 */
        @media (max-width: 480px) {
            .mobile-sell-tab-btn {
                min-width: 18px;
                font-size: 12px;
                padding: 8px 2px;
            }
        }
		



/* 跨境页面专属样式 - 前缀为.mobile-transnational- */
        .mobile-transnational-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 15px;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: #333;
            background-color: #f9fafc;
            padding-bottom: 30px;
        }
        
        .mobile-transnational-header {
            text-align: center;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eaeef5;
        }
        
        .mobile-transnational-title {
            font-size: 22px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 8px;
        }
        
        .mobile-transnational-subtitle {
            font-size: 14px;
            color: #7f8c8d;
        }
        
        .mobile-transnational-card {
            background: white;
            border-radius: 8px;
            padding: 16px;
            margin-bottom: 15px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
        }
        
        .mobile-transnational-card-title {
            font-size: 16px;
            font-weight: 500;
            color: #34495e;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
        }
        
        .mobile-transnational-card-title:before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 16px;
            background: #0260ed;
            margin-right: 8px;
            border-radius: 2px;
        }
        
        .mobile-transnational-service-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-top: 15px;
        }
        
        .mobile-transnational-service-item {
            background: #f8fafd;
            border: 1px solid #eaeef5;
            border-radius: 6px;
            padding: 12px;
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .mobile-transnational-service-item:hover {
            background: #f0f7ff;
            border-color: #d0e3ff;
            transform: translateY(-2px);
        }
        
        .mobile-transnational-service-name {
            font-size: 14px;
            font-weight: 500;
            margin-top: 8px;
            color: #2c3e50;
        }
        
        .mobile-transnational-service-desc {
            font-size: 12px;
            color: #7f8c8d;
            margin-top: 4px;
        }
        
        .mobile-transnational-btn {
            display: block;
            width: 80%;
            padding: 28px 12px;
            background: linear-gradient(135deg, #0260ed, #0d53bc);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            margin: 20px auto;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .mobile-transnational-btn:hover {
            background: linear-gradient(135deg, #0d53bc, #0260ed);
            box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
        }
        
        /* 跨境资讯列表样式 */
        .mobile-transnational-news-section {
            margin-top: 25px;
        }
        
        .mobile-transnational-news-title {
            font-size: 18px;
            font-weight: 600;
            color: #2c3e50;
            padding-bottom: 10px;
            border-bottom: 1px solid #eaeef5;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .mobile-transnational-news-title:before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 16px;
            background: #e74c3c;
            margin-right: 8px;
            border-radius: 2px;
        }
        
        .mobile-transnational-news-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .mobile-transnational-news-item {
            padding: 12px 0;
            border-bottom: 1px dashed #eaeef5;
        }
        
        .mobile-transnational-news-item:last-child {
            border-bottom: none;
        }
        
        .mobile-transnational-news-link {
            display: flex;
            text-decoration: none;
            color: #34495e;
            transition: all 0.2s ease;
        }
        
        .mobile-transnational-news-link:hover {
            color: #0260ed;
        }
        
        .mobile-transnational-news-date {
            font-size: 12px;
            color: #95a5a6;
            min-width: 70px;
            margin-right: 10px;
        }
        
        .mobile-transnational-news-text {
            font-size: 14px;
            flex: 1;
        }
        
        /* 响应式调整 */
        @media (min-width: 768px) {
            .mobile-transnational-container {
                max-width: 750px;
                padding: 20px;
            }
            
            .mobile-transnational-service-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .mobile-transnational-news-item {
                padding: 15px 0;
            }
        }





/* 航空货运专属样式 - 前缀为.mobile-air- */
        .mobile-air-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 15px;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: #333;
            background-color: #f5f7fa;
            line-height: 1.5;
            padding-bottom: 30px;
        }
        
        .mobile-air-header {
            text-align: center;
            margin-bottom: 25px;
            position: relative;
        }
        
        .mobile-air-title {
            font-size: 24px;
            font-weight: 600;
            color: #1a3e72;
            margin-bottom: 8px;
            position: relative;
            display: inline-block;
        }
        
        .mobile-air-title:after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background: linear-gradient(90deg, #1a3e72, #3a7bd5);
            border-radius: 3px;
        }
        
        .mobile-air-subtitle {
            font-size: 14px;
            color: #6b7c93;
            margin-top: 15px;
        }
        
        /* 服务卡片 */
        .mobile-air-card {
            background: white;
            border-radius: 10px;
            padding: 18px;
            margin-bottom: 20px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.05);
            border-top: 3px solid #3a7bd5;
        }
        
        .mobile-air-card-title {
            font-size: 17px;
            font-weight: 600;
            color: #1a3e72;
            margin-bottom: 15px;
        }
        
        /* 特色服务区块 */
        .mobile-air-feature {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #e1e8f0;
        }
        
        .mobile-air-feature:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        
        .mobile-air-feature-icon {
            flex: 0 0 40px;
            height: 40px;
            background: #f0f5ff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            color: #3a7bd5;
            font-size: 18px;
        }
        
        .mobile-air-feature-content {
            flex: 1;
        }
        
        .mobile-air-feature-title {
            font-size: 15px;
            font-weight: 500;
            color: #1a3e72;
            margin-bottom: 5px;
        }
        
        .mobile-air-feature-desc {
            font-size: 13px;
            color: #6b7c93;
        }
        
        /* 优势列表 */
        .mobile-air-advantage-list {
            list-style: none;
            padding: 0;
            margin: 15px 0 0;
        }
        
        .mobile-air-advantage-item {
            position: relative;
            padding-left: 20px;
            margin-bottom: 10px;
            font-size: 14px;
            color: #4a5a72;
        }
        
        .mobile-air-advantage-item:before {
            content: "";
            position: absolute;
            left: 0;
            color: #3a7bd5;
            font-weight: bold;
        }
        
        /* 按钮样式 */
        .mobile-air-btn {
            display: block;
            width: 91%;
            padding: 14px;
            background: linear-gradient(135deg, #3a7bd5, #1a3e72);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 15px;
            font-weight: 500;
            text-align: center;
            margin: 25px 0;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .mobile-air-btn:hover {
            background: linear-gradient(135deg, #1a3e72, #3a7bd5);
            box-shadow: 0 5px 15px rgba(58,123,213,0.3);
        }
        
        /* 链接列表样式 */
        .mobile-air-link-section {
            margin-top: 20px;
        }
        
        .mobile-air-link-title {
            font-size: 17px;
            font-weight: 600;
            color: #1a3e72;
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid #e1e8f0;
        }
        
        .mobile-air-link-list {
            list-style: none;
            padding: 0;
            margin: 0;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .mobile-air-link-item {
            border-bottom: 1px solid #f0f4f9;
        }
        
        .mobile-air-link-item:last-child {
            border-bottom: none;
        }
        
        .mobile-air-link {
            display: block;
            padding: 14px 16px;
            color: #4a5a72;
            text-decoration: none;
            font-size: 15px;
            transition: all 0.2s;
            position: relative;
        }
        
        .mobile-air-link:hover {
            background-color: #f8fafd;
            color: #3a7bd5;
        }
        
        .mobile-air-link:after {
            content: "";
            position: absolute;
            right: 16px;
            color: #c1d1e0;
        }
        
        /* 响应式调整 */
        @media (min-width: 768px) {
            .mobile-air-container {
                max-width: 750px;
                padding: 25px;
            }
            
            .mobile-air-features {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .mobile-air-card {
                padding: 22px;
            }
        }
		
		
		
		
		
		

:root {
            --kuaidi-primary-color: #4361ee;
            --kuaidi-secondary-color: #3f37c9;
            --kuaidi-light-color: #f8f9fa;
            --kuaidi-dark-color: #212529;
            --kuaidi-success-color: #4cc9f0;
            --kuaidi-warning-color: #f72585;
        }

        .kuaidi-container {
            width: 100%;
            max-width: 600px;
			margin:10px auto;
            background: white;
            overflow: hidden;
            animation: kuaidi-fadeIn 0.5s ease-out;
        }
        
        @keyframes kuaidi-fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .kuaidi-header {
            background: #FFFFFF;
            color: #383838;
            padding: 25px 30px;
            text-align: center;
        }
        
        .kuaidi-header h2 {
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 5px;
        }
        
        .kuaidi-header p {
            font-weight: 300;
            opacity: 0.9;
            font-size: 14px;
        }
        .kuaidi-header p a { color:#383838; }
        .kuaidi-form-container {
            padding: 30px;
        }
        
        .kuaidi-input-group {
            margin-bottom: 25px;
            position: relative;
        }
        
        .kuaidi-input-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--kuaidi-dark-color);
            font-size: 14px;
        }
        
        .kuaidi-input-group input {
            width: 100%;
            padding: 15px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            font-size: 16px;
            transition: all 0.3s;
            background-color: #f8f9fa;
        }
        
        .kuaidi-input-group input:focus {
            outline: none;
            border-color: var(--kuaidi-primary-color);
            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
            background-color: white;
        }
        
        .kuaidi-btn {
            background: linear-gradient(to right, var(--kuaidi-primary-color), var(--kuaidi-secondary-color));
            color: white;
            border: none;
            padding: 15px;
            width: 100%;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .kuaidi-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        
        .kuaidi-btn:active {
            transform: translateY(0);
        }
        
        .kuaidi-result-container {
            margin-top: 30px;
            display: none;
            animation: kuaidi-fadeIn 0.5s ease-out;
        }
        
        .kuaidi-result-card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            border-left: 4px solid var(--kuaidi-primary-color);
        }
        
        .kuaidi-result-item {
            padding: 15px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .kuaidi-result-item:last-child {
            border-bottom: none;
        }
        
        .kuaidi-result-time {
            font-size: 13px;
            color: #666;
            margin-bottom: 5px;
        }
        
        .kuaidi-result-status {
            font-weight: 500;
            color: var(--kuaidi-dark-color);
        }
        
        .kuaidi-no-result {
            text-align: center;
            padding: 30px;
            color: #666;
        }
        
        .kuaidi-no-result i {
            font-size: 50px;
            color: var(--kuaidi-warning-color);
            margin-bottom: 15px;
            display: block;
        }
        
        .kuaidi-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            animation: kuaidi-fadeIn 0.3s ease-out;
        }
        
        .kuaidi-modal-content {
            background-color: white;
            padding: 30px;
            border-radius: 12px;
            width: 90%;
            max-width: 400px;
            text-align: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }
        
        .kuaidi-modal h3 {
            margin-bottom: 28px;
            color: var(--kuaidi-dark-color);
        }
        
        .kuaidi-modal p {
            margin-bottom: 25px;
            color: #666;
            line-height: 28px; font-size:16px;
        }
        
        .kuaidi-modal-btn {
            background: var(--kuaidi-primary-color);
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 6px;
            font-size: 15px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .kuaidi-modal-btn:hover {
            background: var(--kuaidi-secondary-color);
        }
        
        .kuaidi-official-link {
            color: var(--kuaidi-primary-color);
            text-decoration: none;
            font-weight: 500;
            display: inline-block;
            margin: 10px 0;
            font-size: 16px;
        }
        
        .kuaidi-official-link:hover {
            text-decoration: underline;
        }
        
        .kuaidi-loading {
            display: none;
            text-align: center;
            padding: 20px;
        }
        
        .kuaidi-spinner {
            width: 40px;
            height: 40px;
            margin: 0 auto 15px;
            border: 4px solid rgba(67, 97, 238, 0.2);
            border-radius: 50%;
            border-top-color: var(--kuaidi-primary-color);
            animation: kuaidi-spin 1s linear infinite;
        }
        
        @keyframes kuaidi-spin {
            100% { transform: rotate(360deg); }
        }

        /* 移动端优化 */
        @media (max-width: 480px) {
            .kuaidi-header {
                padding: 20px 15px;
            }
            
            .kuaidi-header h2 {
                font-size: 20px;
            }
            
            .kuaidi-header p {
                font-size: 13px;
            }
            
            .kuaidi-form-container {
                padding: 20px 15px;
            }
            
            .kuaidi-input-group input {
                width: 91%; margin:10px auto;
				padding: 18px 12px;
                font-size: 16px;
            }
            
            .kuaidi-btn {
                padding: 12px;
                font-size: 15px;
            }
            
            .kuaidi-modal-content {
                padding: 20px;
            }
        }
		
		
		



/* 港口页面专属样式 - 前缀为.mobile-port- */
        .mobile-port-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 15px;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: #333;
            background-color: #f5f7fa;
            line-height: 1.5;
        }
        
        .mobile-port-header {
            text-align: center;
            margin-bottom: 25px;
            position: relative;
        }
        
        .mobile-port-title {
            font-size: 24px;
            font-weight: 600;
            color: #0a4b78;
            margin-bottom: 8px;
            position: relative;
            display: inline-block;
        }
        
        .mobile-port-title:after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background: linear-gradient(90deg, #0a4b78, #1a7db6);
            border-radius: 3px;
        }
        
        .mobile-port-subtitle {
            font-size: 14px;
            color: #5a6d80;
            margin-top: 15px;
        }
        
        /* 服务卡片 */
        .mobile-port-card {
            background: white;
            border-radius: 10px;
            padding: 18px;
            margin-bottom: 20px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.05);
            border-left: 4px solid #1a7db6;
        }
        
        .mobile-port-card-title {
            font-size: 17px;
            font-weight: 600;
            color: #0a4b78;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .mobile-port-card-title i {
            margin-right: 8px;
            color: #1a7db6;
        }
        
        /* 港口服务网格 */
        .mobile-port-service-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-top: 10px;
        }
        
        .mobile-port-service-item {
            background: #f0f7fc;
            border: 1px solid #d0e3f0;
            border-radius: 6px;
            padding: 12px;
            transition: all 0.3s ease;
        }
        
        .mobile-port-service-item:hover {
            background: #e0f0fa;
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.08);
        }
        
        .mobile-port-service-name {
            font-size: 15px;
            font-weight: 500;
            color: #0a4b78;
            margin-bottom: 5px;
        }
        
        .mobile-port-service-desc {
            font-size: 12px;
            color: #5a6d80;
        }
        
        /* 港口特色 */
        .mobile-port-feature {
            display: flex;
            margin-bottom: 15px;
        }
        
        .mobile-port-feature-icon {
            flex: 0 0 36px;
            height: 36px;
            background: #e0f0fa;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            color: #1a7db6;
            font-size: 16px;
        }
        
        .mobile-port-feature-content {
            flex: 1;
        }
        
        .mobile-port-feature-title {
            font-size: 15px;
            font-weight: 500;
            color: #0a4b78;
            margin-bottom: 5px;
        }
        
        .mobile-port-feature-text {
            font-size: 13px;
            color: #5a6d80;
        }
        
        /* 按钮样式 */
        .mobile-port-btn {
            display: block;
            width: 80%;
            padding: 14px;
            background: linear-gradient(135deg, #1a7db6, #0a4b78);
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 15px;
            font-weight: 500;
            text-align: center;
            margin: 25px auto;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        
        .mobile-port-btn:hover {
            background: linear-gradient(135deg, #0a4b78, #1a7db6);
            box-shadow: 0 5px 15px rgba(26,125,182,0.3);
        }
        
        /* 港口列表 */
        .mobile-port-list-section {
            margin-top: 20px;
        }
        
        .mobile-port-list-title {
            font-size: 17px;
            font-weight: 600;
            color: #0a4b78;
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 1px solid #d0e3f0;
        }
        
        .mobile-port-list {
            list-style: none;
            padding: 0;
            margin: 0;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .mobile-port-list-item {
            border-bottom: 1px solid #f0f7fc;
        }
        
        .mobile-port-list-item:last-child {
            border-bottom: none;
        }
        
        .mobile-port-list-link {
            display: flex;
            padding: 14px 16px;
            color: #0a4b78;
            text-decoration: none;
            font-size: 15px;
            transition: all 0.2s;
            align-items: center;
        }
        
        .mobile-port-list-link:hover {
            background-color: #f0f7fc;
        }
        
        .mobile-port-list-badge {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: #e0f0fa;
            border-radius: 4px;
            color: #1a7db6;
            text-align: center;
            line-height: 24px;
            margin-right: 12px;
            font-size: 12px;
            font-weight: bold;
        }
        
        /* 大洲分类样式 */
        .mobile-port-continent-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-top: 15px;
        }
        
        .mobile-port-continent-item {
            background: white;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        
        .mobile-port-continent-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .mobile-port-continent-icon {
            font-size: 24px;
            margin-bottom: 8px;
            color: #1a7db6;
        }
        
        .mobile-port-continent-name {
            font-size: 15px;
            font-weight: 500;
            color: #0a4b78;
        }
        
        /* 响应式调整 */
        @media (min-width: 768px) {
            .mobile-port-container {
                max-width: 750px;
                padding: 25px;
            }
            
            .mobile-port-service-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .mobile-port-continent-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }





/* 搜索容器 */
.m-port-search-wrap {
    padding: 0 15px;
    margin: 20px 0 30px;
}

/* 搜索栏 - 现代极简风格 */
.m-port-search-bar {
    position: relative;
    display: flex;
    border: 1px solid #e0e3e9;
    border-radius: 28px;
    background: #fff;
    transition: all 0.3s;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.m-port-search-bar:focus-within {
    border-color: #1890ff;
    box-shadow: 0 2px 12px rgba(24, 144, 255, 0.2);
}

/* 搜索输入框 */
.m-port-search-input {
    flex: 1;
    height: 56px;
    padding: 15px 20px 0 20px;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #333;
    outline: none;
    border-radius: 28px 0 0 28px;
}

/* 搜索按钮 */
.m-port-search-submit {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-left: 1px solid #f0f0f0;
    border-radius: 0 28px 28px 0;
    cursor: pointer;
    transition: all 0.2s;
}

.m-port-search-submit:hover {
    background: #f9f9f9;
}

.m-port-search-icon {
    fill: #666;
}

.m-port-search-submit:hover .m-port-search-icon {
    fill: #1890ff;
}

/* 热门标签 */
.m-port-search-trending {
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding: 0 8px;
}

.m-port-trending-title {
    font-size: 13px;
    color: #999;
    margin-right: 8px;
}

.m-port-trending-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.m-port-tag {
    display: inline-block;
    padding: 4px 12px;
    font-size: 13px;
    color: #1890ff;
    background: #f0f9ff;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.2s;
}

.m-port-tag:hover {
    background: #d0e9ff;
    color: #096dd9;
}









/* 保留之前的所有CSS样式 */
    .shipping-tracking-container {
        font-family: 'Arial', sans-serif;
        max-width: 100%;
        margin: 20px auto;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .shipping-tracking-card {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        padding: 25px;
        margin-bottom: 20px;
    }
    
    .shipping-tracking-title {
        color: #2c3e50;
        font-size: 22px;
        margin: 0 0 5px 0;
        font-weight: 600;
    }
    
    .shipping-tracking-subtitle {
        color: #7f8c8d;
        font-size: 14px;
        margin: 0 0 20px 0;
    }
    
    .shipping-tracking-form {
        margin-bottom: 15px;
    }
    
    .shipping-tracking-input-group {
        display: flex;
        margin-bottom: 15px;
        gap: 10px;
    }
    
    .shipping-tracking-select {
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        min-width: 180px;
        background-color: #fff;
        cursor: pointer;
    }
    
    .shipping-tracking-input {
        flex: 1;
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        outline: none;
        transition: border-color 0.3s;
    }
    
    .shipping-tracking-input:focus,
    .shipping-tracking-select:focus {
        border-color: #0260ed;
    }
    
    .shipping-tracking-button {
        width: 100%;
        background: #0260ed;
        color: white;
        border: none;
        padding: 12px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        transition: background 0.3s;
        margin-top: 10px;
    }
    
    .shipping-tracking-button:hover {
        background: #0d53bc;
    }
    
    .shipping-tracking-options {
        display: flex;
        gap: 15px;
        margin-bottom: 15px;
    }
    
    .shipping-tracking-radio {
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 14px;
        color: #34495e;
    }
    
    .shipping-tracking-radio input {
        margin-right: 5px;
    }
    
    .shipping-tracking-note {
        margin-top: 20px;
        padding: 12px;
        background: #f8f9fa;
        border-radius: 4px;
        font-size: 13px;
        color: #6c757d;
        text-align: center;
        border: 1px solid #eee;
    }
    
    @media (max-width: 768px) {
        .shipping-tracking-input-group {
            flex-direction: column;
            gap: 10px;
        }
        
        .shipping-tracking-select,
        .shipping-tracking-input {
            width: 100%;
        }
    }
    
    @media (max-width: 480px) {
        .shipping-tracking-options {
            flex-direction: column;
            gap: 8px;
        }
        
        .shipping-tracking-card {
            padding: 20px 15px;
        }
    }
	







/* 移动版HS Code详情样式 - 带.hscode-前缀 */
.HS-code-table {
    font-family: 'Arial', 'Microsoft YaHei', sans-serif;
    color: #333;
    line-height: 1.5;
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

.HS-code-table h3 {
    color: #0d60e0;
    font-size: 17px;
    margin: 20px 0 12px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid #0d60e0;
}

.HS-code-table table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    font-size: 14px;
    word-break: break-word;
}

.HS-code-table table td {
    padding: 10px 8px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
}

.HS-code-table table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.HS-code-table table tr:hover {
    background-color: #f0f5ff;
}

.HS-code-table table td:first-child {
    width: 30%;
    font-weight: bold;
    color: #555;
    background-color: #f5f5f5;
}

.hscode-detail-code {
    font-size: 16px;
    font-weight: bold;
    color: #0d60e0;
    word-break: break-all;
}

.hscode-detail-name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
}

.hscode-detail-rate {
    font-weight: bold;
    white-space: nowrap;
}

.hscode-detail-rate.zero {
    color: #28a745;
}

.hscode-detail-rate.high {
    color: #dc3545;
}

/* 特殊表格样式 */
.HS-code-table .rcep-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.HS-code-table .rcep-table table {
    min-width: 500px;
}

.HS-code-table .rcep-table td:first-child {
    width: 50%;
}

.HS-code-table .chapter-table td:first-child {
    width: 20%;
}

/* 移动端特有优化 */
@media (max-width: 480px) {
    .HS-code-table {
        padding: 8px 0px 8px 0px;
    }
    
    .HS-code-table h3 {
        font-size: 16px;
        margin: 15px 0 10px 0;
    }
    
    .HS-code-table table {
        font-size: 13px;
    }
    
    .HS-code-table table td {
        padding: 8px 6px;
    }
    
    .HS-code-table table td:first-child {
        width: 35%;
    }
    
    .hscode-detail-code {
        font-size: 15px;
    }
    
    .hscode-detail-name {
        font-size: 14px;
    }
}





/* HS Code搜索专用样式 */
.hs-search-destoon {
    margin: 0px;
    padding: 15px;
    background: #f8f8f8;
    border-radius: 4px;
}

.hs-search-form {
    margin-bottom: 15px;
}

.hs-search-input-group {
    display: flex;
    margin-bottom: 10px;
}

.hs-search-input {
    flex: 1;
    padding: 18px 16px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    line-height: 22px;
    outline: none;
}

.hs-search-button {
    padding: 0 20px;
    background-color: #0d60e2;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    transition: background-color 0.3s;
}

.hs-search-button:hover {
    background-color: #c0392b;
}

.hs-search-advanced {
    text-align: right;
    font-size: 12px;
}

.hs-advanced-link {
    color: #999;
}

.hs-search-tags {
    font-size: 14px; padding-left:8px;
    color: #666;
}

.hs-search-tags a {
    margin: 0 8px;
    color: #0d60e2;
    text-decoration: none;
}

.hs-search-tags a:hover {
    text-decoration: underline;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .hs-search-input-group {
        flex-direction: column;
    }
    
    .hs-search-input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .hs-search-button {
        border-radius: 4px;
        width: 100%;
    }
    
    .hs-search-tags {
        display: flex;
        flex-wrap: wrap;
    }
    
    .hs-search-tags span {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .hs-search-tags a {
        margin: 0 8px 5px 0;
    }
}






/* 地铁城市 */
        .metro-city-container, 
        .metro-city-container * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-tap-highlight-color: transparent;
        }
        
        /* 全局样式 */
        .metro-city-body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f8f9fa;
            padding: 0;
            margin: 0;
            font-size: 15px;
        }
        
        .metro-city-container {
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
        
        /* 移动端顶部导航 */
        .metro-city-mobile-header {
            position: sticky;
            top: 0;
            z-index: 100;
            background: #0982FE;
            color: white;
            padding: 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }
        
        .metro-city-menu-btn {
            background: none;
            border: none;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
        }
        
        .metro-city-title {
            font-size: 1.3rem;
            font-weight: 600;
        }
        
        .metro-city-search-btn {
            background: none;
            border: none;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
        }
        
        /* 移动端导航菜单 */
        .metro-city-nav {
            position: fixed;
            top: 0;
            left: -100%;
            width: 80%;
            height: 100%;
            background: white;
            z-index: 200;
            padding: 20px;
            overflow-y: auto;
            transition: left 0.3s ease;
            box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
        }
        
        .metro-city-nav.open {
            left: 0;
        }
        
        .metro-city-nav-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .metro-city-close-nav {
            background: none;
            border: none;
            font-size: 1.5rem;
            color: #666;
            cursor: pointer;
        }
        
        .metro-city-nav-list {
            list-style: none;
        }
        
        .metro-city-nav-list li {
            margin-bottom: 15px;
        }
        
        .metro-city-nav-list a {
            color: #333;
            text-decoration: none;
            display: block;
            padding: 12px 15px;
            border-radius: 8px;
            background: #f5f7fa;
            font-weight: 500;
        }
        
        .metro-city-nav-list a:hover {
            background: #e8f3ff;
            color: #0982FE;
        }
        
        .metro-city-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 150;
            display: none;
        }
        
        /* 头部样式 */
        .metro-city-header {
            text-align: center;
            padding: 25px 15px;
            background: linear-gradient(135deg, #0982FE 0%, #0665cb 100%);
            color: white;
            margin-bottom: 15px;
        }
        
        .metro-city-main-title {
            font-size: 1.8rem;
            margin-bottom: 8px;
        }
        
        .metro-city-subtitle {
            font-size: 1rem;
            opacity: 0.9;
            font-weight: 300;
        }
        
        /* 卡片样式 */
        .metro-city-card {
            background: white;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            margin: 0 15px 20px;
        }
        
        .metro-city-card-title {
            color: #0982FE;
            font-size: 1.3rem;
            margin-bottom: 15px;
            padding-bottom: 12px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
        }
        
        .metro-city-card-title::before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 20px;
            background-color: #0982FE;
            margin-right: 10px;
            border-radius: 8px;
        }
        
        /* 内容样式 */
        .metro-city-content {
            line-height: 1.7;
        }
        
        .metro-city-content p {
            margin-bottom: 15px;
            text-align: justify;
        }
        
        /* 列表样式 */
        .metro-city-list {
            list-style: none;
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            margin-top: 15px;
        }
        
        .metro-city-list li {
            background-color: #f8f9fa;
            border-left: 4px solid #0982FE;
            padding: 12px 15px;
            border-radius: 6px;
            transition: all 0.3s ease;
        }
        
        .metro-city-list li:active {
            background-color: #e8f3ff;
            transform: scale(0.98);
        }
        
        .metro-city-list a {
            color: #333;
            text-decoration: none;
            display: flex;
            align-items: center;
            font-weight: 500;
        }
        
        .metro-city-list a:hover {
            color: #0982FE;
        }
        
        .metro-city-list a::before {
            content: ">";
            margin-right: 10px;
            color: #0982FE;
            font-weight: bold;
        }
        
        /* 页脚样式 */
        .metro-city-footer {
            text-align: center;
            margin: 30px 0 20px;
            padding: 15px;
            color: #666;
            font-size: 0.85rem;
            background: #f0f2f5;
            border-radius: 12px;
            margin: 20px 15px;
        }
        
        /* 返回顶部按钮 */
        .metro-city-back-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            background: #0982FE;
            color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            box-shadow: 0 3px 10px rgba(9, 130, 254, 0.3);
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 99;
        }
        
        .metro-city-back-to-top.show {
            opacity: 1;
        }
        
        /* 移动端优化 */
        @media (max-width: 480px) {
            .metro-city-body {
                font-size: 14px;
            }
            
            .metro-city-main-title {
                font-size: 1.6rem;
            }
            
            .metro-city-card {
                padding: 15px;
                margin: 0 10px 15px;
            }
            
            .metro-city-list {
                gap: 10px;
            }
            
            .metro-city-list li {
                padding: 10px 12px;
            }
        }
        
        /* 搜索框样式 */
        .metro-city-search-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: white;
            z-index: 250;
            padding: 15px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
            display: none;
        }
        
        .metro-city-search-box {
            display: flex;
            align-items: center;
        }
        
        .metro-city-search-input {
            flex: 1;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 1rem;
        }
        
        .metro-city-search-close {
            background: none;
            border: none;
            font-size: 1.2rem;
            margin-left: 10px;
            color: #666;
            cursor: pointer;
        }







		
		
		
 /* 城市列表专用样式 - 带.logistics-city-前缀 */

        /* 重置样式 */
        
        /* 页面容器 */
        .logistics-city-container {
            width: 90%;
            padding: 5%;
        }
        
        /* 标题样式 */
        .logistics-city-header {
            text-align: center;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #FF7713;
        }
        
        .logistics-city-header h1 {
            color: #333;
            font-size: 24px;
            margin-bottom: 10px;
            font-weight: 600;
        }
        
        .logistics-city-header p {
            color: #666;
            font-size: 14px;
            margin: 0 auto;
        }
        
        /* 服务介绍部分 */
        .logistics-city-service-intro {
            background-color: #f9f9f9;
            padding: 20px 15px;
            border-radius: 8px;
            margin-bottom: 25px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
        
        .logistics-city-service-title {
            color: #FF7713;
            font-size: 20px;
            margin-bottom: 15px;
            text-align: center;
            font-weight: 600;
        }
        
        .logistics-city-service-desc {
            color: #555;
            font-size: 14px;
            margin-bottom: 20px;
            text-align: center;
        }
        
        /* 优势展示 - 移动版改为单列 */
        .logistics-city-advantages {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 25px;
        }
        
        .logistics-city-advantage-item {
            background: white;
            padding: 20px 15px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            text-align: center;
        }
        
        .logistics-city-advantage-icon {
            font-size: 32px;
            color: #FF7713;
            margin-bottom: 10px;
        }
        
        .logistics-city-advantage-title {
            font-size: 16px;
            color: #333;
            margin-bottom: 8px;
            font-weight: 600;
        }
        
        .logistics-city-advantage-desc {
            font-size: 13px;
            color: #666;
        }
        
        /* 效果图列表 - 移动版改为单列 */
        .logistics-city-section-title {
            font-size: 22px;
            color: #333;
            text-align: center;
            margin: 30px 0 20px;
            position: relative;
            font-weight: 600;
        }
        
        .logistics-city-section-title:after {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background: #FF7713;
            margin: 10px auto 0;
        }
        
        .logistics-city-gallery {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .logistics-city-gallery-item {
            width: 100%;
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
        
        .logistics-city-gallery-img {
            position: relative;
            display: block;
            overflow: hidden;
            height: 180px;
        }
        
        .logistics-city-gallery-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .logistics-city-gallery-count {
            position: absolute;
            bottom: 8px;
            right: 8px;
            background-color: rgba(255, 119, 19, 0.9);
            color: white;
            padding: 2px 6px;
            border-radius: 10px;
            font-size: 11px;

            display: flex;
            align-items: center;
        }
        
        .logistics-city-gallery-count:before {
            content: ">";
            margin-right: 3px;
            font-size: 11px;
        }
        
        .logistics-city-gallery-info {
            padding: 12px;
        }
        
        .logistics-city-gallery-title {
            margin: 0;
            font-size: 15px;
            font-weight: 500;
        }
        
        .logistics-city-gallery-title a {
            color: #333;
            text-decoration: none;
        }
        
        /* 报价部分 */
        .logistics-city-quote-section {
            background-color: #FF7713;
            padding: 30px 15px;
            border-radius: 8px;
            text-align: center;
            margin-bottom: 30px;
            color: white;
        }
        
        .logistics-city-quote-title {
            font-size: 22px;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .logistics-city-quote-desc {
            font-size: 14px;
            margin-bottom: 20px;
        }
        
        .logistics-city-quote-btn {
            display: inline-block;
            background-color: white;
            color: #FF7713;
            padding: 10px 25px;
            border-radius: 25px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid white;
        }
        
        /* 特色标签 */
        .logistics-city-tag {
            display: inline-block;
            background-color: #FF7713;
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 11px;
            margin-top: 6px;
        }
        
        /* 移动端特定优化 */
        @media (min-width: 576px) {
            .logistics-city-container {
                padding: 20px;
            }
            
            .logistics-city-header h1 {
                font-size: 26px;
            }
            
            .logistics-city-service-title {
                font-size: 22px;
            }
            
            .logistics-city-section-title {
                font-size: 24px;
            }
        }
        
		
		
		
		
		
		
		


/* 移动版天气预报样式 - 搜索框和按钮协调性修复 */
.weather-city-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    min-height: 100vh;
}

.weather-city-header {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
}

.weather-city-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 8px;
}

.weather-city-description {
    font-size: 1rem;
    color: #7f8c8d;
    margin-bottom: 20px;
}

/* 完全修复搜索框和按钮不协调问题 */
.weather-city-search {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    align-items: center;
}

.weather-city-input {
    padding: 12px 15px;
    font-size: 1rem;
    border: 2px solid #0260ed;
    border-right: none;
    border-radius: 25px 0 0 25px;
    width: 100%;
    background: white;
    outline: none;
    height: 46px;
    box-sizing: border-box;
    line-height: 20px;
    margin: 0;
    -webkit-appearance: none;
}

.weather-city-button {
    padding: 10px 20px;
    font-size: 1rem;
    background: #0260ed;
    color: white;
    border: 2px solid #0260ed;
    border-radius: 0 25px 25px 0;
    cursor: pointer;
    transition: all 0.3s;
    height: 46px;
    box-sizing: border-box;
    line-height: 22px;
    white-space: nowrap;
    margin: 0;
    -webkit-appearance: none;
}

.weather-city-button:hover {
    background: #0d53bc;
    border-color: #0d53bc;
}

.weather-city-current {
    background: white;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.weather-city-location {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #2c3e50;
}

.weather-city-temp {
    font-size: 3rem;
    font-weight: 700;
    color: #0260ed;
    margin-bottom: 10px;
}

.weather-city-details {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 20px;
}

.weather-city-detail {
    flex: 1;
    min-width: 30%;
    margin: 5px;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 10px;
    text-align: center;
}

.weather-city-detail-title {
    font-size: 0.8rem;
    color: #7f8c8d;
    margin-bottom: 5px;
}

.weather-city-detail-value {
    font-size: 1.1rem;
    font-weight: 500;
    color: #2c3e50;
}

.weather-city-forecast {
    margin-bottom: 25px;
}

.weather-city-forecast-title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #2c3e50;
    text-align: center;
}

/* 垂直布局的7天预报 */
.weather-city-forecast-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weather-city-forecast-day {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.weather-city-forecast-date {
    font-size: 1rem;
    font-weight: 500;
    color: #2c3e50;
    flex: 1;
}

.weather-city-forecast-temp {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e74c3c;
    margin: 0 10px;
    flex: 0 0 auto;
}

.weather-city-forecast-desc {
    font-size: 0.9rem;
    color: #7f8c8d;
    text-align: right;
    flex: 1;
}

.weather-city-cities {
    background: white;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.weather-city-cities-title {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: #2c3e50;
    text-align: center;
}

.weather-city-cities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.weather-city-city-link {
    display: block;
    padding: 10px 5px;
    background: #f8f9fa;
    border-radius: 8px;
    text-align: center;
    color: #0260ed;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
    font-size: 0.9rem;
}

.weather-city-city-link:hover {
    background: #0260ed;
    color: white;
}

.weather-city-footer {
    text-align: center;
    padding: 15px;
    color: #7f8c8d;
    font-size: 0.8rem;
}

/* 加载动画 */
.weather-city-loading {
    display: none;
    text-align: center;
    margin: 20px 0;
}

.weather-city-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0260ed;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: weather-city-spin 1s linear infinite;
    margin: 0 auto 10px;
}

@keyframes weather-city-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 横屏适配 */
@media (min-width: 500px) and (max-width: 768px) {
    .weather-city-container {
        padding: 20px;
    }
    
    .weather-city-title {
        font-size: 2rem;
    }
    
    .weather-city-cities-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 小屏幕手机适配 */
@media (max-width: 340px) {
    .weather-city-input {
        width: 65%;
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    
    .weather-city-button {
        padding: 10px 15px;
        font-size: 0.9rem;
    }
    
    .weather-city-detail {
        min-width: 28%;
    }
    
    .weather-city-cities-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .weather-city-forecast-day {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    
    .weather-city-forecast-desc {
        text-align: center;
    }
}
.jingyu-AD { padding:20px 0px; background:#F1F1F1; margin:10px; color:#000000; font-size:18px; }
.mobile-ad-888 img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}



.z-city-news-list {
            background-color: #fff;
            padding: 8px;
        }
        
        .z-city-news-list h2 {
            font-size: 22px;
            color: #2c3e50;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #eaeaea;
            position: relative;
        }
        
        .z-city-news-list h2:after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 80px;
            height: 2px;
            background-color: #FF7713;
        }
        
        .z-city-news-list ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .z-city-news-list li {
            flex: 0 0 calc(98% - 8px);
            border-bottom: 1px dashed #eee;
        }
        
        .z-city-news-list li:last-child,
        .z-city-news-list li:nth-last-child(2) {
            border-bottom: none;
        }
        
        .z-city-news-list a {
            text-decoration: none;
            color: #34495e;
            font-size: 16px;
            display: block;
            padding: 8px 12px;
            border-radius: 4px;
            transition: all 0.3s ease;
            position: relative;
            padding-left: 20px;
        }
        
        .z-city-news-list a:before {
            content: '>';
            color: #FF7713;
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
        }
        
        .z-city-news-list a:hover {
            background-color: #F8F8F8;
            color: #000000;
            padding-left: 25px;
        }