* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;} body {margin:0;font-size:12px;color:#333333;background:#F6F6F6;} form,input,select,textarea,td,th {font-size:12px;} input,textarea,select {padding:6px;} img {border:none;} ul li {list-style-type:none;} ol li {list-style-type:decimal;} ul,form {margin:0;padding:0;} a:link,a:visited,a:active {color:#333333;text-decoration:none;} a:hover {color:#FF3300;} /* links */ a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;} a.w:hover {color:#F4F3F2;} a.b:link,a.b:visited,a.b:active {color:#024893;text-decoration:none;} a.b:hover {color:#FF3300;} a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;} a.g:hover {color:#FF3300;} /* common */ .m {margin:auto;width:1220px;background:#FFFFFF;clear:both;overflow:hidden;} .mbg {background:#F6F6F6;} .m100 {width:100%;min-width:1220px;background:#ffffff;overflow:hidden;} .m0 {width:100%;min-width:1220px;background:#F6F6F6;overflow:hidden;} .m0 .m {background:#F6F6F6;} .m1 {background:#FFFFFF url('bg-line.png') repeat-y 960px 0;overflow:hidden;} .m1l {width:960px;float:left;} .m1r {width:250px;float:right;} .m2 {background:#FFFFFF url('bg-line.png') repeat-y 960px 0;overflow:hidden;} .m2l {width:960px;float:left;} .m2r {width:250px;float:right;} .m3 {background:#FFFFFF url('bg-line.png') repeat-y 890px 0;overflow:hidden;} .m3l {width:890px;float:left;} .m3r {width:320px;float:right;} .m5 {background:#FFFFFF url('bg-line-2.png') repeat-y 240px 0;overflow:hidden;} .m5l {width:240px;float:left;margin-right:10px;} .m5m {width:640px;float:left;} .m5r {width:320px;float:right;} .head {width:100%;height:36px;background:#F8F8F8;border-bottom:#E5E5E5 1px solid;position:fixed;z-index:919;left:0;} .head_m {margin:auto;width:1220px;padding:9px 0 0 0;color:#666666;} .head_s {height:37px;} .head_t {margin-left:4px;} .head_t b {display:inline-block;font-weight:normal;height:14px;line-height:14px;border-radius:10px;background:#FA5A57;color:#FFFFFF;padding:0 4px;font-size:12px;} .head_l li {float:left;margin:0 10px 0 0;} .head_r {float:right;} .head_r img {position:relative;margin:-2px 6px 0 0;} .h_location {background:url('ico-location.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_fav {background:url('ico-fav.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_desktop {background:url('ico-desktop.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_mobile {background:url('ico-mobile.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_cart {background:url('ico-cart.png') no-repeat 0 center;padding:0 6px 0 20px;} .h_qrcode {background:url('ico-qrcode.png') no-repeat 0 center;padding:0 6px 0 20px;} .fixon {width:100%;height:80px;background:#FFFFFF;position:fixed;z-index:919;left:0;top:36px;box-shadow:0 0 10px #DDDDDD;display:none;} .logo {width:230px;height:80px;overflow:hidden;float:left;} .logo img {margin:12px 0 0 10px;height:60px;} .search-inp {float:left;width:432px;height:36px;margin:20px 0;border:#DDDDDD 2px solid;border-right:none;border-radius:16px 0 0 16px;} .search-inp input {width:320px;height:24px;line-height:24px;border:none;margin:0 10px;padding:6px 6px 6px 24px;background:#FFFFFF url('ico-search.png') no-repeat 0 center;font-size:14px;outline:none;} .search-mod {float:left;width:132px;height:36px;margin:20px 0;border:#DDDDDD 2px solid;border-right:none;border-left:none;background:#F6F6F6;} .search-mod input {width:100px;height:36px;line-height:36px;border:none;padding:0 24px 0 0;background:#F6F6F6 url('ico-arrd.png') no-repeat right center;text-align:right;color:#666666;font-size:14px;outline:none;cursor:pointer;} .search-adv {float:left;width:30px;height:40px;line-height:40px;overflow:hidden;margin:20px 0;background:#FFFFFF url('ico-hot.png') no-repeat right center;cursor:pointer;} .search-hot {float:left;width:290px;padding:0 10px 0 0;height:40px;line-height:40px;overflow:hidden;margin:20px 0;} .search-hot a {color:#666666;padding-left:10px;} .search-hot a:hover {color:#FF6600;} .search-btn {float:left;width:88px;height:36px;margin:20px 0;background:#0679D4;border:#0679D4 2px solid;border-radius:0 16px 16px 0;} .search-btn input {width:72px;height:36px;line-height:36px;padding:0;margin:0 0 0 8px;border:none;background:#0679D4;color:#FFFFFF;font-size:16px;outline:none;cursor:pointer;} #search-mod {z-index:999;position:absolute;width:564px;overflow:hidden;margin:-38px 0 0 -434px;font-size:14px;line-height:32px;color:#666666;background:#FFFFFF;border:#F6F6F6 1px solid;border-radius:10px 0 10px 10px;border-top:none;display:none;} #search-mod p {padding:4px 10px 4px 36px;margin:0 0 2px 0;background:#F6F6F6 url('ico-cate.png') no-repeat 12px center;font-size:12px;cursor:pointer;} #search-mod i {float:right;display:block;width:24px;height:16px;background:#F6F6F6 url('ico-close.png') no-repeat right center;margin-top:8px;} #search-mod i:hover {background:#F6F6F6 url('ico-close-on.png') no-repeat right center;} #search-mod li {color:#666666;text-align:center;width:20%;float:left;cursor:pointer;} #search-mod li:hover {color:#FF6600;background:#F6F6F6;border-radius:10px;} #search-tip {z-index:998;position:absolute;width:564px;overflow:hidden;margin:1px 0 0 -2px;font-size:14px;color:#666666;background:#FFFFFF;border:#DDDDDD 1px solid;border-radius:10px 0 10px 10px;display:none;} .search-tip li {height:36px;line-height:36px;overflow:hidden;background:#FFFFFF url('ico-search.png') no-repeat 12px center;padding:0 16px 0 34px;cursor:pointer;} .search-tip li:hover {background:#F6F6F6 url('ico-search.png') no-repeat 12px center;color:#FF6600;} .search-tip li span {font-size:12px;color:#999999;float:right;} #search-rec {z-index:997;position:absolute;width:564px;overflow:hidden;margin:1px 0 0 -2px;font-size:14px;color:#666666;background:#FFFFFF;border:#DDDDDD 1px solid;border-radius:10px 0 10px 10px;display:none;} .search-rec {padding:0 12px;} .search-rec p {padding:0 0 0 24px;margin:0;height:48px;line-height:48px;overflow:hidden;} .search-rec .rec {background:url('ico-time.png') no-repeat 0 center;} .search-rec .hot {background:url('ico-hot.png') no-repeat 0 center;} .search-rec i {float:right;font-style:normal;} .search-rec span {display:inline-block;padding:6px 12px;margin:0 12px 12px 0;background:#F6F6F6;border-radius:10px;font-size:12px;cursor:pointer;} .search-rec span:hover {background:#0679D4;color:#FFFFFF;} #search-cls {z-index:996;position:absolute;width:24px;height:24px;margin:6px 0 0 -32px;background:url('ico-cls.png') no-repeat center center;display:none;cursor:pointer;} #search-cls:hover {background:url('ico-cls-on.png') no-repeat center center;} /* menu */ .menu {height:50px;line-height:50px;background:#0679D4;letter-spacing:1px;font-size:18px;overflow:hidden;} .menu li {float:left;} .menu .menuon {background:#00599C;margin-left:-2px;} .menu a:link,.menu a:visited,.menu a:active {display:inline-block;height:50px;color:#F6F6F6;padding:0 22px;} .menu a:hover {background:#FFFFFF;} .foot {color:#666666;text-align:center;line-height:32px;padding:0 16px 16px 16px;} .foot_page {padding:16px 16px 0 16px;text-align:center;height:32px;line-height:32px;overflow:hidden;color:#666666;} #powered {padding:6px 0 24px 0;} /* layout */ .m_l {width:884px;} .m_r {width:300px;} .m_n {width:16px;} .m_l_1 {width:1004px;} .m_r_1 {width:180px;} /* left */ .left_box {border:#EEEEEE 1px solid;} .left_head {border-bottom:#EEEEEE 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;} .left_head strong {font-size:16px;} .left_head em {font-style:normal;color:#666666;} /* box */ .box_head {border-bottom:#F6F6F6 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 16px;} .box_head strong {font-size:16px;display:block;} .box_head em {font-style:normal;color:#666666;} .box_body {padding:10px;} .box_body li {height:32px;line-height:32px;overflow:hidden;} .tab_head {border:#EEEEEE 1px solid;border-bottom:none;height:31px;line-height:31px;font-size:14px;overflow:hidden;background:#EEEEEE;font-weight:bold;} .tab_1 {float:left;padding:0 15px 0 15px;border-right:#EEEEEE 1px solid;cursor:pointer;font-weight:normal;} .tab_2 {float:left;padding:0 15px 0 15px;border-right:#EEEEEE 1px solid;cursor:pointer;background:#FFFFFF;} .tab_1_1 {border-bottom:#EEEEEE 1px solid;cursor:pointer;} .tab_1_2 {border:#EEEEEE 1px solid;border-bottom:none;cursor:pointer;font-weight:bold;} .tab_head_2 {height:27px;background:#EEEEEE;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;text-align:center;padding-left:12px;} .tab_2_1 {float:left;width:80px;height:27px;line-height:31px;overflow:hidden;background:url('tab_2_1.gif') no-repeat 6px right;cursor:pointer;} .tab_2_1 span {color:#333333;} .tab_body_2 {border:#EEEEEE 1px solid;border-top:none;} .li_dot li {background:url('li_dot.gif') no-repeat 5px 10px;padding:0 10px 0 12px;} /* pages */ .pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;clear:both;} .pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#EEEEEE 1px solid;padding:6px;text-decoration:none;margin-right:6px;} .pages a:hover {background:#0679D4;border:#0679D4 1px solid;color:#FFFFFF;padding:6px;text-decoration:none;} .pages strong {background:#0679D4;border:#0679D4 1px solid;padding:6px;color:#FFFFFF;margin-right:6px;} .pages_inp {width:32px;border:#EEEEEE 1px solid;color:#666666;padding:4px;text-align:center;} .pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:4px 6px;background:#FF6600;font-weight:bold;font-size:12px;} .pages label {background:#FFFFFF;border:#EEEEEE 1px solid;color:#666666;padding:6px 6px;} .pages label em {color:red;font-weight:bold;font-style:normal;} .pages label span {font-weight:bold;} .pages cite {font-style:normal;} /* table */ .tb {width:100%;} .tb th {background:#EEEEEE;} .tb td {border-bottom:#F6F6F6 1px solid;} .tb tr:hover {background:#F2F2F2;} .tf {width:100%;} .tf td {border-top:#F0F0F0 1px solid;} .tf tr:hover {background:#F4F4F4;} .tf .tl {width:100px;text-align:right;} .btns {padding:20px 20px 20px 150px;} .avatar {border-radius:50%;} .thumb {padding:6px 0;} .thumb img {border:#EEEEEE 1px solid;padding:2px;} .thumb li {height:22px;line-height:22px;overflow:hidden;} .thumbml ul {margin:10px 0 15px 0;} .imb img {border:#EEEEEE 1px solid;padding:3px;} /* album */ #mid_pos {position:absolute;} #mid_div {width:400px;height:300px;cursor:crosshair;border:#EEEEEE 1px solid;background:#F2F2F2;} #zoomer {width:160px;height:120px;background:#FFFFFF url('ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);} #big_div {width:560px;height:420px;border:#EEEEEE 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;} #big_pic {position:absolute;} .tbs {width:414px;height:56px;margin:20px 0;} .tbs img {cursor:pointer;} .tbsl {width:32px;height:56px;float:left;} .tbsr {width:20px;height:56px;float:left;} .tbsm {width:350px;height:56px;float:left;overflow:hidden;} .ab_zoom {width:30px;height:30px;background:url('ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:270px 0 0 -30px;} .ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-150px 0 0 176px;} .ab_play:hover {background:#FFFFFF url('ab-play-on.png') no-repeat center center;cursor:pointer;} .ab_hide {width:30px;height:30px;background:url('ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-300px 0 0 370px;display:none;} .ab_hide:hover {background:url('ab-hide-on.png') no-repeat center center;cursor:pointer;} .ab_video {width:400px;height:300px;border:#000000 1px solid;background:#000000;position:absolute;z-index:10;margin:-302px 0 0 0;display:none;} .ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:50px;height:50px;} .ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;} /* ads */ .adsign {position:absolute;z-index:5;width:36px !important;height:18px !important;line-height:18px !important;text-align:center;font-size:12px;font-weight:normal;border:#FFFFFF 1px solid;border-radius:6px;color:#FFFFFF;margin:-26px 0 0 6px !important;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_tip {color:#999999;border-bottom:#EEEEEE 1px solid;padding:8px 16px 8px 32px;background:url('arrow_up.gif') no-repeat 10px 8px;} .sponsor {} /* basic */ .f_l {float:left;} .f_r {float:right;} .t_l {text-align:left;} .t_r {text-align:right;} .t_c {text-align:center;} .f_b {font-weight:bold;} .f_n {font-weight:normal;} .f_white {color:white;} .f_gray {color:#666666;} .f_grey {color:#999999;} .f_orange {color:#FF6600;} .f_red {color:#FF0000;} .f_blue {color:#003EAA;} .f_green {color:#57BE6A;} .f_dblue {color:#024893;} .f_price {font-weight:bold;font-family:Arial;color:#E4393C;} .fb_gray,.fb_orange,.fb_red,.fb_blue,.fb_green {display:inline;padding:2px 6px;height:16px;line-height:16px;border-radius:6px;} .fb_gray {color:#666666;background:#F6F6F6;} .fb_orange{color:#FF6600;background:#FDF7ED;} .fb_red{color:#FF0000;background:#FEE9E9;} .fb_blue {color:#003EAA;background:#ECF3FC;} .fb_green{color:#57BE6A;background:#E2F0E8;} .px12 {font-size:12px;} .px14 {font-size:14px;} .px16 {font-size:16px;} .px18 {font-size:18px;} .bd-t {border-top:#EEEEEE 1px solid;} .bd-b {border-bottom:#EEEEEE 1px solid;} .b10 {height:10px;} .b16 {height:16px;} .b20 {height:20px;} .b24 {height:24px;} .b32 {height:32px;} .pd3 {padding:3px;} .pd5 {padding:5px;} .pd10 {padding:10px;} .pd15 {padding:15px;} .pd20 {padding:20px;} .lh18 {line-height:180%;} .ls1 {letter-spacing:1px;} .c_p {cursor:pointer;} .c_b {clear:both;} .o_h {overflow:hidden;} .dsn {display:none;} .absm {vertical-align:middle;} .btn_s {background:#2388FA;color:#FFFFFF;border:none;padding:2px;letter-spacing:1px;} .btn_r {background:#D7D7D7;color:#666666;border:none;padding:2px;letter-spacing:1px;} .bd {border:#CAD9EA 1px solid;} .highlight {color:red;} .jt {color:#003278;cursor:pointer;} .np {padding:20px 30px 20px 50px;line-height:25px;} .lazy {background:#FAFAFA url('loading.gif') no-repeat center center;} .slide {background:#FAFAFA;overflow:hidden;} .btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:100px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;} .btn{background:#FFFFFF;border:#EEEEEE 1px solid;color:#333333;} .btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;} .btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;} .btn-green:hover{background:#179B16;border:#159014 1px solid;} .btn-blue{background:#0679D4;border:#1E74D0 1px solid;color:#FFFFFF;} .btn-blue:hover{background:#0569D5;} .btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;} .btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;} .btn-act {font-size:16px;width:148px;height:36px;line-height:36px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;background:#FF6600;border:#FF2200 1px solid;color:#FFFFFF;} .btn-act:hover {background:#F22D00;} /* position */ .pos {padding:10px 10px 10px 32px;height:100%;line-height:24px;background:#FFFFFF url('ico-nav.png') no-repeat 10px 13px;font-size:12px;} .nav {padding:10px 10px 10px 32px;height:100%;line-height:24px;background:#F6F6F6 url('ico-nav.png') no-repeat 10px 13px;font-size:12px;} .nav div {float:right;} .nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;} .nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;} .nav s {display:inline-block;width:16px;height:16px;background:url('ico-cls.png') no-repeat center center;margin:4px 0 0 8px;position:absolute;} .nav s:hover {background:url('ico-cls-on.png') no-repeat center center;} .nav-b {background:#FFFFFF url('ico-nav.png') no-repeat 10px 13px;} .nvs {margin:-3px -8px 0 0;} .nvs input {width:318px;border:#EEEEEE 1px solid;border-radius:12px;padding:4px 8px 4px 32px;font-size:14px;background:#FFFFFF url('ico-search.png') no-repeat 6px center;outline:none;color:#444444;} .nvs s {display:none;} .nvs:hover s{display:inline-block;width:48px;height:28px;line-height:28px;text-align:center;background:#0679D4;color:#FFFFFF;position:absolute;text-decoration:none;margin:0 0 0 -48px;border-radius:0 12px 12px 0;cursor:pointer;} /*.side input:hover {width:180px;}*/ /* show */ .title {line-height:88px;text-align:center;font-weight:bold;font-size:38px;padding:16px;margin:0; color:#000000;} .title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:16px;border-bottom:#EEEEEE 1px solid;} .info {padding:16px;background:#F6F6F6;margin:0 16px;} .introduce {margin:16px;padding:16px;line-height:180%;font-size:16px;background:#F6F6F6;border-left:#EEEEEE 2px solid;} .content {font-size:16px;line-height:200%;padding:16px 32px;} .content p {text-indent:2em; margin-bottom:12px;} .gongluecontent {font-size:16px;line-height:200%;padding:16px 32px;} .gongluecontent p {text-indent:2em;} .gongluecontent h2 { font-size:20px; font-weight:600 } .content a:link,.content a:visited,.content a:active {color:#024893;text-decoration:none;} .content a:hover {color:#FF6600;text-decoration:none;} .property {border:#EEEEEE 1px solid;background:#F6F6F6;padding:10px;margin:0 16px;overflow:hidden;} .property li {float:left;width:30%;height:32px;line-height:32px;overflow:hidden;} .detail {background:url('arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;} .related {padding:10px 16px;line-height:32px;} .related li { width:44%; float:left; padding-left:2%; } .related li a { font-size:16px; padding:6px 0px; margin-bottom:16px; } .related a {font-size:14px;} .keylink {font-weight:normal;} .tags {padding:16px 16px 0 32px;overflow:hidden;font-size:14px;} .tags a {display:inline-block;padding:4px 12px;border:#EEEEEE 1px solid;border-radius:16px;margin:0 16px 24px 0;} .tags a:hover {background:#F6F6F6;} #comment_main div {height:100px;background:url('loading.gif') no-repeat center center;} .tool {padding:24px 0;text-align:center;border-top:#EEEEEE 1px solid;} .tool i {font-style:normal;font-size:14px;color:#555555;display:inline-block;height:24px;line-height:24px;padding:0 28px;cursor:pointer;} .tool b {font-weight:normal;font-size:12px;} .tool .like {background:url('tool-like.png') no-repeat 0 center;} .tool .liked,.tool .like:hover {background:url('tool-like-on.png') no-repeat 0 center;color:#FF6600;} .tool .hate {background:url('tool-hate.png') no-repeat 0 center;} .tool .hated,.tool .hate:hover {background:url('tool-hate-on.png') no-repeat 0 center;color:#FF6600;} .tool .report {background:url('tool-report.png') no-repeat 0 center;} .tool .report:hover {background:url('tool-report-on.png') no-repeat 0 center;color:#FF6600;} .tool .favorite {background:url('tool-favorite.png') no-repeat 0 center;} .tool .favorited,.tool .favorite:hover {background:url('tool-favorite-on.png') no-repeat 0 center;color:#FF6600;} .tool .comment {background:url('tool-comment.png') no-repeat 0 center;} .tool .comment:hover {background:url('tool-comment-on.png') no-repeat 0 center;color:#FF6600;} .tool .award {background:url('tool-award.png') no-repeat 0 center;} .tool .award:hover {background:url('tool-award-on.png') no-repeat 0 center;color:#FF6600;} .tool .share {background:url('tool-share.png') no-repeat 0 center;} .tool .share:hover {background:url('tool-share-on.png') no-repeat 0 center;color:#FF6600;} /* search */ .fsearch {padding:5px 0 10px 15px;margin:1px 1px 0 1px;background:#F5FAFE url('fsearch_bg.gif') repeat-x;} .sch {padding:15px 20px 5px 20px;margin-bottom:10px;} .sch p {padding:10px 10px 10px 10px;font-size:13px;margin:0;} .sch_find {border-top:#EEEEEE 1px solid;border-bottom:#EEEEEE 1px solid;margin:5px 0 5px 0;padding:5px 0 5px 5px;font-weight:bold;} .sch_site li {background:url('ico_search.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;} .sch_relate li {background:url('arrow_up.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;} .rank_list {background:url('rank_list.gif') no-repeat;} .rank_list li {height:23px;line-height:23px;overflow:hidden;padding:0 16px 0 36px;} .ppt {padding:1px 15px 1px 35px;line-height:25px;} .ppt_l {width:60px;font-weight:bold;} .ppt_r {color:#DFDFDF;} .ppt span {padding:1px;background:#2E6AB1;border:#1D589E 1px solid;color:#FFFFFF;} /* sell && buy && company */ .category {padding:10px 20px 5px 15px;} .category p {padding:5px 0 5px 0;margin:0;} .category div {padding:0 20px 0 20px;} .about {border:#2786C6 1px solid;background:#F2F2F2;padding:8px;margin:15px 15px 0 15px;} .about li {padding:5px 0 5px 5px;} .about li span {display:block;width:100px;float:left;color:#1B4C7A;} .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.png') no-repeat 10px center;border-radius:6px;cursor:pointer;float:right;} .follow0:hover {background:#F6F6F6 url('../../image/ico-followed.png') no-repeat 10px center;} .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.png') no-repeat 10px center;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;} .userinfo {padding:16px;border-bottom:#F2F2F2 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;} .userinfo li {height:28px;line-height:28px;overflow:hidden;} .userinfo-v0,.userinfo-v1,.userinfo-v2 {position:absolute;display:block;width:16px;height:16px;background:#FFFFFF url('../../image/ico-v0.png') no-repeat center center;border-radius:50%;margin:40px 0 0 40px;} .userinfo-v1 {background:#FFFFFF url('../../image/ico-v1.png') no-repeat center center;} .userinfo-v2 {background:#FFFFFF url('../../image/ico-v2.png') no-repeat center center;} .usercard {padding:16px;width:320px;height:160px;background:#FFFFFF;box-shadow:0 0 10px #DDDDDD;border-radius:6px;position:fixed;} .usercard img {width:64px;height:64px;border-radius:50%;float:left;margin-right:16px;} .usercard b {font-size:14px;} .usercard s {color:#999999;text-decoration:none;} .usercard li {height:28px;line-height:28px;overflow:hidden;} .usercard .userinfo-v0,.usercard .userinfo-v1,.usercard .userinfo-v2 {margin:48px 0 0 48px;} .usercard-stats {height:64px;margin:24px 12px;} .usercard-stats li {width:96px;float:left;font-size:14px;height:64px;line-height:32px;text-align:center;} .usercard-stats div {height:64px;border-left:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;} .usercard-stats i {font-style:normal;display:block;} .usercard-stats span {color:#999999;} #destoon-card {width:360px;max-height:420px;overflow-y:auto;background:#FFFFFF url('../../image/load.gif') no-repeat center center;box-shadow:0 0 6px #DDDDDD;border-radius:12px;position:fixed;z-index:1020;display:none;} .card-list {height:72px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#F0F0F0 1px solid;padding:0 16px 0 12px;} .card-list img {float:left;margin:12px 12px 0 0;} .card-list ul {margin:12px 0;} .card-list li {height:24px;line-height:24px;overflow:hidden;} .card-list strong {display:block;width:100%;} .card-list em {float:right;color:#FFFFFF;font-style:normal;background:#FA5A57;border-radius:10px;color:#FFFFFF;font-size:12px;display:inline-block;height:14px;line-height:14px;padding:0 4px;} .card-list i {color:#F23030;font-style:normal;float:right;} .card-list span {color:#666666;} .card-info {padding:0 24px 16px 24px;overflow:hidden;background:#FFFFFF;} .card-info li {width:156px;height:32px;line-height:32px;overflow:hidden;color:#666666;float:left;} .card-more {line-height:48px;text-align:center;background:#FFFFFF;font-size:14px;} .card-none {padding:128px 0;text-align:center;background:#FFFFFF;font-size:14px;color:#999999;} .contact-td {width:320px;border-left:#EEEEEE 1px solid;} .contact-body {padding:16px 24px;} .contact-body h3 {margin:0 0 16px 0;padding:0;font-size:14px;height:24px;line-height:24px;overflow:hidden;} .contact-body li {height:36px;line-height:36px;overflow:hidden;padding-left: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;color:#DBB78B;border-radius:6px 0 6px 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;} .contact-com b {font-size:14px;color:#666666;} .contact-com span {float:right;font-size:14px;color:#999999;} .contact-vd {width:272px;height:64px;padding:16px 0;overflow:hidden;margin:0 auto;text-align:center;} .contact-v1 {width:134px;height:64px;float:left;line-height:32px;background:#2BA245 url('contact-v1.png') no-repeat 30px 8px;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:134px;height:64px;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:134px;height:64px;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:134px;height:64px;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;} .contact-ol {color:#2BA245;font-size:16px;} .contact-fl {color:#999999;font-size:16px;} .contact-im {padding:10px 12px;} .contact-im img {padding:6px;} .contact-im img:hover {background:#EEEEEE;border-radius:4px;} .contact-btn {width:272px;height:48px;overflow:hidden;padding:8px 0;margin:0 auto;} .contact-btn span {display:block;width:120px;height:32px;line-height:32px;background:#EEEEEE;border-radius:16px;text-align:center;float:left;margin:0 8px;} .contact-btn span:hover {background:#0679D4;color:#FFFFFF;} .contact-tip {background:#F6F6F6;padding:6px 16px;line-height:24px;border-radius:6px;} .contact_body {padding:10px;margin:0 10px 0 0;} .contact_body li {line-height:24px;padding:6px 10px;} .contact_body li span {color:#666666;padding:0 8px 0 0;} .type {height:31px;line-height:31px;overflow:hidden;border-top:#EEEEEE 1px solid;background:#EEEEEE;padding-left:35px;} a.type_1:link,a.type_1:visited,a.type_1:active,a.type_1:hover {float:left;display:block;padding:0 15px 0 15px;background:#FFFFFF;color:#000000;font-weight:bold;} a.type_2:link,a.type_2:visited,a.type_2:active {float:left;display:block;padding:0 15px 0 15px;border-right:#E2F0FB 1px solid;} a.type_2:hover {background:#258CFF;color:#FFFFFF;} .img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#EEEEEE 1px solid;background:#FFFFFF;} .vote {padding:10px;} .vote div {font-weight:bold;} .vote li {padding:6px 0;} .vote li label {cursor:pointer;} .vote p {margin:12px 6px;} .sort {line-height:24px;padding:8px 0;overflow:hidden;} .sort-f {border-bottom:#F2F2F2 1px solid;padding:10px 0 10px 0;overflow:hidden;} .sort-k {width:84px;padding-left:24px;font-weight:bold;font-size:14px;float:left;overflow:hidden;} .sort-v {width:840px;float:left;overflow:hidden;} .sort-v li {float:left;padding:0 8px;margin:0 6px 0 0;} .sort-v .on {background:#EEEEEE;border-radius:6px;} .sort-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;} .sort-v b {padding:0 20px;} .sf {line-height:32px;padding:24px 0 0 0;font-size:14px;overflow:hidden;} .sf-k {width:104px;padding-left:64px;font-weight:bold;float:left;overflow:hidden;} .sf-v {width:780px;float:left;overflow:hidden;} .sf-v b {padding:0 24px;} .sf-v input, .sf-v select {padding:6px;} .sf-v .kw {width:480px;height:24px;line-height:24px;border:#666666 1px solid;padding:6px 6px 6px 32px;border-radius:6px;background:#FFFFFF url('ico-search.png') no-repeat 10px center;font-size:14px;outline:none;} .sf-v .btn-blue {padding:0;line-height:30px;width:96px;margin:0 20px 32px 0;border-radius:16px;} .list {} .list:hover {background:#F2F2F2;} .list div img {border:#EEEEEE 1px solid;} .list table {width:100%;border-bottom:#EEEEEE 1px solid;} .list td {padding:10px 0;} .list h3 {font-size:14px;margin:0;height:22px;overflow:hidden;} .list li {line-height:30px;} .list strong {font-size:14px;} .user-info {height:64px;padding:16px;background:#EEEEEE;border-radius:0 0 10px 10px;} .user-info img {width:64px;height:64px;border-radius:50%;float:left;margin-right:20px;} .user-info ul {float:right;width:195px;margin-top:4px;} .user-info li {height:28px;line-height:28px;overflow:hidden;} .user-info strong {font-size:16px;} .user-info em {font-size:12px;font-style:normal;float:right;padding-right:20px;} .user-info i {font-style:normal;color:#999999;padding:0 6px;} .head-txt {padding:0 16px;height:48px;line-height:48px;overflow:hidden;border-bottom:#EEEEEE 1px solid;margin-bottom:10px;clear:both;} .head-txt strong {font-size:18px;} .head-txt b {font-size:16px;font-weight:normal;} .head-txt div {float:right;font-size:14px;color:#999999;} .head-txt span {float:right;font-size:14px;color:#999999;} .head-txt span a {color:#999999;} .head-txt i {color:#999999;font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;} .head-sub {padding:10px 16px;line-height:28px;border-bottom:#F2F2F2 1px solid;margin-bottom:10px;clear:both;} .head-sub strong {font-size:18px;} .head-sub b {font-size:16px;font-weight:normal;} .head-sub span {float:right;font-size:14px;color:#999999;} .head-sub span a {color:#999999;} .head-sub i {color:#999999;font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;} .list-none {padding:128px 0;font-size:14px;color:#999999;text-align:center;} .list-thumb {padding:10px;overflow:hidden;} .list-thumb img {border:#EEEEEE 1px solid;padding:2px;} .list-thumb li {height:48px;line-height:24px;overflow:hidden;padding:10px;text-align:left;} .list-thumb td {text-align:center;} .list-thumb td:hover {background:#F6F6F6;} .list-img {overflow:hidden;padding:10px 0 0 20px;} .list-img ul {margin:10px 24px 16px 6px;} .list-img li {height:40px;line-height:20px;overflow:hidden;font-size:12px;} .list-img p {margin:10px 10px 0 6px;} .list0 {overflow:hidden;} .list0 div {width:200px;float:left;} .list0 img:hover {border-left:#FFFFFF 1px solid;} .list1 {overflow:hidden;padding-top:20px;} .list1 div {width:188px;float:left;} .list1 img:hover {border-left:#FFFFFF 1px solid;} .list-txt {padding:0 24px 16px 16px;} .list-txt li {height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('li_dot.gif') no-repeat 4px center;padding-left:12px;} .list-txt em {font-size:12px;color:#999999;padding-left:16px;font-style:normal;float:right;} .list-txt .f_r {font-size:12px;color:#999999;padding-left:16px;} .list-rank {padding:0 16px 10px 16px;} .list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;} .list-rank .f_r {float:right;font-size:12px;color:#999999;padding-left:16px;} .list-rank em {font-size:26px;font-style:normal;color:#F34540;padding-right:10px;font-family:Georgia;} .list-rank i {font-size:18px;font-style:normal;color:#999999;padding-right:14px;font-family:Georgia;} .list-cate {padding:10px 20px;} .list-cate:after {content:"";display:block;clear:both;} .list-cate td {width:400px;font-size:14px;padding:10px 10px 20px 10px;} .list-cate td:hover {background:#F6F6F6;border-radius:10px;} .list-cate p {margin:0 0 10px 0;} .list-cate li {float:left;line-height:32px;} .list-cate em {font-style:normal;color:#EEEEEE;padding:0 10px;} .list-cate i {font-style:normal;color:#EEEEEE;padding:0 10px;} .list-cate2 {padding:0 10px 10px 10px;overflow:hidden;} .list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;} .list-cate2 li:hover {background:#F6F6F6;border-radius:6px;} .list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;} .list-area {width:860px;padding:10px 0 10px 20px;overflow:hidden;} .list-area li {width:80px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#EEEEEE 1px solid; margin-bottom:10px; margin-right:10px;border-radius:6px;} .list-area li:hover {border:#FF6600 1px solid;} .list-area4 {padding:0 10px 10px 10px;overflow:hidden;} .list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;} .list-area4 li:hover {background:#F6F6F6;border-radius:6px;} .tab-head {} .tab-head ul {border-bottom:#F6F6F6 1px solid;height:32px;padding-left:16px;} .tab-head li {border-bottom:#F6F6F6 1px solid;display:inline-block;height:32px;line-height:32px;margin-right:16px;float:left;font-size:14px;} .tab-head .on {border-bottom:#0679D4 3px solid;height:30px;line-height:32px;} .tab-head .on span {color:#0679D4;} /* side */ .side ul {margin:10px;} .side em {font-size:12px;font-style:normal;color:#999999;} .side a {width:90%;display:block;font-size:16px;} .side input {width:140px;border:#EEEEEE 1px solid;border-radius:8px;padding:8px 8px 8px 26px;font-size:14px;background:#FFFFFF url('ico-search.png') no-repeat 6px center;outline:none;margin:16px 16px 16px 32px;} .side input:hover {width:180px;} .side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;} .side_li:hover {background:#F2F2F2;border-radius:10px;} .side_on {line-height:48px;height:48px;background:#F6F6F6;padding-left:32px;overflow:hidden;border-radius:10px;} .warn {padding:30px 100px 30px 200px;} .warn div {padding:5px 0 0 60px;background:url('warn.gif') no-repeat;font-size:14px;line-height:200%;} .warn h1 {font-size:16px;margin:0;} .guest_warn {padding:2px 0 2px 0;text-align:center;margin:0 130px 15px 130px;background:#FFF5D8;border:#FF7300 1px solid;} .back2top {width:50px;height:50px;position:fixed;left:50%;margin-left:660px;bottom:100px;cursor:pointer;display:none;opacity:0.8;} .back2top a {display:block;width:100%;height:100%;background:#CCCCCC url('../../image/back2top.png') no-repeat center center;border-radius:50%;} .back2top a:hover {background-color:#666666;} .ui-fr {float:right;} .ui-ip {height:32px;line-height:32px;color:#999999;font-size:12px;padding:0 16px;} .ui-ok {background:#FFFFFF url('../../member/ok.png') no-repeat center 64px;padding:148px 0 48px 0;text-align:center;} .ui-ko {background:#FFFFFF url('../../member/ko.png') no-repeat center 64px;padding:148px 0 48px 0;text-align:center;} .ui-tm {background:#FFFFFF url('../../member/tm.png') no-repeat center 64px;padding:148px 0 48px 0;text-align:center;} .ui-ok p,.ui-ko p,.ui-tm p {margin:0;font-size:22px;padding-bottom:44px;} .ui-ok div,.ui-ko div,.ui-tm div {font-size:16px;color:#999999;padding-bottom:48px;} .ui-ok input,.ui-ko input,.ui-tm input {width:188px;height:40px;line-height:40px;margin:0 auto 24px auto;} .ui-icon-sort,.ui-icon-area,.ui-icon-rank,.ui-icon-rec,.ui-icon-new {display:inline-block;height:24px;line-height:24px;padding:0 10px 0 30px;} .ui-icon-sort {background:url('icon-sort.png') no-repeat 0 center;} .ui-icon-area {background:url('icon-area.png') no-repeat 0 center;} .ui-icon-rank {background:url('icon-rank.png') no-repeat 0 center;} .ui-icon-rec {background:url('icon-rec.png') no-repeat 0 center;} .ui-icon-new {background:url('icon-new.png') no-repeat 0 center;} .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-none,.ui-ico-sort,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-mail,.ui-ico-mob,.ui-ico-tel,.ui-ico-favor,.ui-ico-delete,.ui-ico-quote,.ui-ico-report,.ui-ico-price {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 20px;} .ui-ico-dizhi,.ui-ico-dianhua,.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 10px 0 20px;} .ui-ico-time {background:url('ico-time.png') no-repeat 0 center;} .ui-ico-hits {background:url('ico-hits.png') no-repeat 0 center;} .ui-ico-info {background:url('ico-info.png') no-repeat 0 center;} .ui-ico-play {background:url('ico-play.png') no-repeat 0 center;} .ui-ico-pics {background:url('ico-pics.png') no-repeat 0 center;} .ui-ico-down {background:url('ico-down.png') no-repeat 0 center;} .ui-ico-area {background:url('ico-area.png') no-repeat 0 center;} .ui-ico-user {background:url('ico-user.png') no-repeat 0 center;} .ui-ico-mail {background:url('ico-mail.png') no-repeat 0 center;} .ui-ico-mob {background:url('ico-mob.png') no-repeat 0 center;} .ui-ico-tel {background:url('ico-tel.png') no-repeat 0 center;} .ui-ico-dizhi {background:url('ico-dizhi.png') no-repeat 0 center;} .ui-ico-dianhua {background:url('ico-dianhua.png') no-repeat 0 center;} .ui-ico-pingji {background:url('ico-pingji.png') no-repeat 0 center;} .ui-ico-comm {background:url('ico-comm.png') no-repeat 0 center;cursor:pointer;} .ui-ico-comm:hover {background:url('ico-comm-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-like {background:url('ico-like.png') no-repeat 0 center;cursor:pointer;} .ui-ico-liked,.ui-ico-like:hover {background:url('ico-like-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-hate {background:url('ico-hate.png') no-repeat 0 center;cursor:pointer;} .ui-ico-hated,.ui-ico-hate:hover {background:url('ico-hate-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-sort {background:url('ico-sort.png') no-repeat 0 center;cursor:pointer;} .ui-ico-sort:hover {background:url('ico-sort-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-favor {background:url('ico-favor.png') no-repeat 0 center;cursor:pointer;} .ui-ico-favor:hover {background:url('ico-favor-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-delete {background:url('ico-delete.png') no-repeat 0 center;cursor:pointer;} .ui-ico-delete:hover {background:url('ico-delete-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-quote {background:url('ico-quote.png') no-repeat 0 center;cursor:pointer;} .ui-ico-quote:hover {background:url('ico-quote-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-report {background:url('ico-report.png') no-repeat 0 center;cursor:pointer;} .ui-ico-report:hover {background:url('ico-report-on.png') no-repeat 0 center;color:#FF6600;} .ui-ico-price {color:#FF0000;padding:0;font-size:14px;} .ui-toast {height:48px;line-height:48px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:40%;left:48%;font-size:16px;} .zi { width:100%; clear:both; } .zi h2 { width:118px; line-height:121px; float:left; font-size:58px; background: url(/zidian/img/18.png) no-repeat; text-align:center; } .ziyi { width:468px; float:left; padding-top:30px; padding-left:28px; } .pinyin { width:32.3%; float:left; border-bottom:#F6F6F6 2px solid; margin-right:1%; padding:10px 0px; } .bushou { width:32.3%; float:left; border-bottom:#F6F6F6 2px solid; margin-right:1%; padding:10px 0px; } .bihua { width:32.3%; float:left; border-bottom:#F6F6F6 2px solid; margin-right:1%; padding:10px 0px; margin-bottom:10px; } .bishun { width:100%; border-bottom:#F6F6F6 2px solid; padding:10px 0px; } /* 行距 begin*/ .blank{height:10px;line-height:10px;clear:both;font-size:0} .blank-small{height:20px;line-height:20px;clear:both;font-size:0} .blank-middle{height:30px;line-height:30px;clear:both;font-size:0} .blank-big{height:50px;line-height:50px;clear:both;font-size:0} .blank-large{height:80px;line-height:80px;clear:both;font-size:0} /* 行距 end*/ .list-about { padding:16px 36px; } .list-about h1 { font-size:22px; text-align:center; }.list-about p { line-height:33px; font-size:16px; } #placemap{ height:298px; text-align:center; } .carname { padding:20px; font-size:16px; line-height:28px; } .carname h1 { font-size:22px; text-align:center; } .carlogo { text-align:center; } .listlogo { text-align:center; } .allcar { font-size:16px; display:block; border-top:1px solid #e2e2e2; padding-top:26px; padding-left:28px; padding-right:18px; } .allcar li{ float:left; width:10%; display:block; padding:6px 10px ;}.allcar li a.b:hover {color:#FF3300;} .hot-news-list { background: #FAFAFA; border-radius: 8px; padding: 20px; } .hot-news-list ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 0; padding: 0; list-style: none; } .hot-news-list li { margin: 0; } .hot-news-list a { display: block; padding: 16px 15px; background: white; border-radius: 6px; text-decoration: none; color: #333; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.4; transition: all 0.3s ease; } .hot-news-list a:hover { background: #ffffff; border-color: #ccc; transform: translateY(-2px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .placecity { padding:10px 20px; } .placecity h1 { font-size:26px; } .placecity p { font-size:14px; line-height:28px; } #allmap { height:558px; } .allmap { padding:18px 28px; } .allmap h1{ font-size:22px; } .allmap p { font-size:14px; line-height:30px; } #r-result { z-index: 999; width: auto; padding: 6px; margin-left: 2rem; position: fixed; top: 15rem; background-color: #fff; border-radius: .25rem; font-size: 12px; color: #666; box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5); } #r-result a { text-decoration:none; font-size:12px; } #searchResultPanel {margin-top: 50px;border:1px solid #C0C0C0;width:218px;height:auto; display:none; } #suggestId { padding: 3.6px 0px; margin-left:5px; } .shuru { margin-left:5px; } #article table { width:100%; text-align:center; margin-bottom:10px; padding:12px;box-shadow: 0 0 15px #f1f1f1; } .thead { font-weight:bold; color:#000000; } #content h2 { font-size:18px; margin-left:28px;} #content h3 { font-size:18px; margin-left:28px;} .allcity { padding:30px; margin-bottom:360px; } .allcity li { display:block; width:10%; float:left; line-height:36px; font-size:16px; text-align:center; } .index-list { margin-bottom:30px; } .index-list h2 { border-bottom:1px solid #F6F6F6; padding-bottom:16px; } .index-list li { line-height:31px; } .index-list-01 { width:31%; float:left; font-size:16px; padding-left:2%;} .index-list-02 { width:31%; float:left; font-size:16px; padding-left:2%;} .index-list-03 { width:31%; float:left; font-size:16px; padding-left:2%;} #map { height: 668px; width: 100%; } #map-300 { height: 300px; width: 100%; } .city-about { font-size:16px; line-height:28px; width:91%; margin:30px auto; } #tianditu-result { font-size:26px; height:58px; text-align:center; color:#F60; width:80%; margin:20px auto;background: #eff6ff; border-radius: 12px; padding:22px 0px 0px 0px;} #distance { margin-top: 20px; font-size: 18px; font-weight: bold; } .map-kuang { text-align:center; } .map-kuang input { width: 98px; padding: 5px; margin: 10px; } button { padding: 5px 10px; margin: 10px; cursor: pointer; } .express { max-width: 1180px; margin: 20px auto; padding: 20px; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .express h1 { font-size:36px; line-height:66px; text-align:center; } .express label { font-weight: bold; display: block; margin-bottom: 10px; } .express input[type="text"] { width: 96%; margin:0 auto; padding: 20px 10px; margin-bottom: 20px; border: 1px solid #ccc; font-size:16px; border-radius: 8px; } .express button { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 8px; cursor: pointer; } .express button:hover { background-color: #0056b3; } .result { margin-top: 20px; padding: 20px; background-color: #f1f1f1; border-radius: 8px; } .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: 8px; } .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: 2px solid #f0f0f0; padding: 10px; background: #ffffff; border-radius: 4px; margin: 0 4px 8px; font-size: 14px; overflow: hidden; } .express-list .bd .item:hover{ background: #ffffff; border: 2px solid #003a9b; 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%; } } :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; border-radius: 16px; 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: linear-gradient(to right, var(--kuaidi-primary-color), var(--kuaidi-secondary-color)); color: white; 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:#FFF; } .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: 91%; 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: 15px; color: var(--kuaidi-dark-color); } .kuaidi-modal p { margin-bottom: 25px; color: #666; font-size: 15px; line-height: 1.5; } .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 { padding: 12px; font-size: 15px; } .kuaidi-btn { padding: 12px; font-size: 15px; } .kuaidi-modal-content { padding: 20px; } } /* 运费计算器容器 */ .freight-calculator-container { max-width: 600px; margin: 20px auto; padding: 20px; background: #fff; 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: 91%; background-color: #1890ff; color: white; border: none; padding: 12px; border-radius: 6px; font-size: 16px; font-weight: 500; cursor: pointer; margin-top: 10px; margin-left:5%; 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: #333333; 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 #3498db; } .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; } } /* 保留之前的所有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: #3498db; } .shipping-tracking-button { width: 100%; background: #3498db; 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: #2980b9; } .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.6; max-width: 1000px; margin: 0 auto; padding: 15px; } .HS-code-table h3 { color: #0d60e0; font-size: 18px; margin: 25px 0 15px 0; padding-bottom: 8px; border-bottom: 2px solid #0d60e0; } .HS-code-table table { width: 100%; border-collapse: collapse; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .HS-code-table table td { padding: 12px 15px; 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: 25%; font-weight: bold; color: #555; background-color: #f5f5f5; } .hscode-detail-code { font-size: 18px; font-weight: bold; color: #0d60e0; } .hscode-detail-name { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .hscode-detail-rate { font-weight: bold; } .hscode-detail-rate.zero { color: #28a745; } .hscode-detail-rate.high { color: #dc3545; } .hscode-detail-note { font-size: 12px; color: #666; margin-top: 5px; } /* 响应式设计 */ @media (max-width: 768px) { .HS-code-table { padding: 10px; } .HS-code-table h3 { font-size: 16px; margin: 20px 0 12px 0; } .HS-code-table table td { padding: 8px 10px; font-size: 14px; } .HS-code-table table td:first-child { width: 30%; } } /* 特殊表格样式 */ .HS-code-table .rcep-table td:first-child { width: 50%; } .HS-code-table .chapter-table td:first-child { width: 15%; } /* 优化后的HS搜索UI样式 */ .hs-optimized-container { max-width: 1220px; margin: 0px auto; padding-top:18px; } .hs-search-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding: 30px; border: 1px solid #e6e6e6; } .hs-search-title { font-size: 24px; color: #333; margin-bottom: 8px; font-weight: 600; text-align: center; } .hs-search-subtitle { font-size: 15px; color: #666; text-align: center; margin-bottom: 25px; } .hs-optimized-form { margin: 0 auto; max-width: 800px; } .hs-input-wrapper { display: flex; height: 52px; margin-bottom: 20px; position: relative; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 6px; overflow: hidden; } .hs-optimized-input { flex: 1; padding: 15px 20px; border: none; outline: none; font-size: 16px; color: #333; background: #fff; } .hs-optimized-input::placeholder { color: #999; } .hs-optimized-btn { padding: 0px 30px; background: linear-gradient(135deg, #e4393c, #c81623); color: #fff; border: none; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .hs-optimized-btn:hover { background: linear-gradient(135deg, #c81623, #a8121d); transform: translateY(-1px); } .hs-search-icon { width: 18px; height: 18px; fill: currentColor; margin-right: 8px; } .hs-hot-queries { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .hs-hot-title { font-size: 14px; color: #666; white-space: nowrap; } .hs-tag-container { display: flex; flex-wrap: wrap; gap: 8px; } .hs-query-tag { padding: 6px 14px; background: #f5f5f5; color: #555; border-radius: 16px; font-size: 13px; text-decoration: none; transition: all 0.2s; } .hs-query-tag:hover { background: #e4393c; color: #fff; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(228, 57, 60, 0.3); } /* 响应式设计 */ @media (max-width: 768px) { .hs-search-card { padding: 20px; } .hs-input-wrapper { flex-direction: column; height: auto; box-shadow: none; } .hs-optimized-input { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; } .hs-optimized-btn { width: 100%; border-radius: 6px; padding: 12px; } .hs-hot-queries { flex-direction: column; align-items: flex-start; } .hs-tag-container { margin-top: 8px; } } /* HS编码列表样式 - 与搜索框风格统一 */ .hs-list-results { margin-top: 30px; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); padding: 25px; border: 1px solid #e6e6e6; } .hs-list-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; } .hs-list-title { font-size: 20px; color: #333; font-weight: 600; margin: 0; } .hs-list-count { font-size: 14px; color: #666; } .hs-list-count span { color: #e4393c; font-weight: 500; } .hs-list-items { list-style: none; padding: 0; margin: 0; } .hs-list-item { padding: 15px 0; border-bottom: 1px solid #f5f5f5; transition: background-color 0.2s; } .hs-list-item:last-child { border-bottom: none; } .hs-list-item:hover { background-color: #fafafa; } .hs-item-link { display: flex; align-items: center; text-decoration: none; color: #333; padding: 8px 10px; border-radius: 4px; transition: all 0.2s; } .hs-item-link:hover { color: #e4393c; background-color: #fff9f9; } .hs-code { display: inline-block; min-width: 163px; padding: 5px 8px; background-color: #f0f0f0; border-radius: 4px; color: #e4393c; font-weight: 500; font-family: Consolas, Monaco, monospace; margin-right: 15px; text-align: center; font-size: 18px; } .hs-desc { flex: 1; font-size: 15px; line-height: 1.5; } .hs-pagination { display: flex; justify-content: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; } .hs-page-prev, .hs-page-next, .hs-page-number { padding: 8px 15px; margin: 0 5px; border: 1px solid #ddd; border-radius: 4px; color: #666; text-decoration: none; transition: all 0.3s; font-size: 14px; } .hs-page-number.active { background-color: #e4393c; color: #fff; border-color: #e4393c; } .hs-page-prev:hover, .hs-page-next:hover, .hs-page-number:hover:not(.active) { background-color: #f5f5f5; color: #333; } .hscode-list li { margin-bottom:10px; } /* 响应式设计 */ @media (max-width: 768px) { .hs-list-header { flex-direction: column; align-items: flex-start; } .hs-list-count { margin-top: 10px; } .hs-item-link { flex-direction: column; align-items: flex-start; } .hs-code { margin-right: 0; margin-bottom: 8px; align-self: flex-start; } .hs-pagination { flex-wrap: wrap; } .hs-page-prev, .hs-page-next, .hs-page-number { margin-bottom: 8px; } } .map-city-list { font-family: 'Helvetica Neue', Arial, sans-serif; max-width: 1000px; margin: 0 auto; padding: 5px 0; } .map-city-list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .map-city-list li { margin: 0; } .map-city-list a { display: block; padding: 5px 5px; color: #333; text-decoration: none; font-size: 12px; border-radius: 5px; } .map-city-list a:hover { background-color: #f5f5f5; border-color: #ccc; } @media (max-width: 768px) { .map-city-list ul { gap: 10px; } .map-city-list a { padding: 6px 12px; font-size: 14px; } } #300-map { height:300px; } .jingyu-AD { padding:30px 0px; font-size:26px; } .ad01{ text-align:center; } /* 重置样式 */ .metro-city-container, .metro-city-container * { box-sizing: border-box; margin: 0; padding: 0; } /* 全局样式 */ .metro-city-body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; background-color: #f8f9fa; padding: 0; margin: 0; } .metro-city-container { max-width: 1260px; margin: 0 auto; padding: 20px; } /* 头部样式 */ .metro-city-header { text-align: center; padding: 30px 0; color: #0982FE; background:#ffffff; border-radius: 10px; margin-bottom: 30px; } .metro-city-title { font-size: 2.5rem; margin-bottom: 10px; } .metro-city-subtitle { font-size: 1.2rem; opacity: 0.9; font-weight: 300; } /* 卡片样式 */ .metro-city-card { background: white; border-radius: 10px; padding: 25px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .metro-city-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } .metro-city-card-title { color: #0982FE; font-size: 1.8rem; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; display: flex; align-items: center; } .metro-city-card-title::before { content: ""; display: inline-block; width: 8px; height: 25px; background-color: #0982FE; margin-right: 12px; border-radius: 10px; } /* 内容样式 */ .metro-city-content { font-size: 1.05rem; line-height: 1.8; } .metro-city-content p { margin-bottom: 15px; text-align: justify; } /* 列表样式 */ .metro-city-list { list-style: none; display: grid; gap: 15px; margin-top: 20px; } .metro-city-list li { background-color: #f8f9fa; border-left: 4px solid #0982FE; padding: 16px 15px; border-radius: 4px; transition: all 0.3s ease; width:48%; margin-right:1.5%;float:left; font-size:14px; margin-bottom:10px; } .metro-city-list li:hover { background-color: #e8f3ff; transform: translateX(5px); } .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-list-all { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; margin-top: 20px; } .metro-city-list-all li { background-color: #f8f9fa; border-left: 4px solid #0982FE; padding: 12px 15px; border-radius: 4px; transition: all 0.3s ease; font-size:16px; } .metro-city-list-all li:hover { background-color: #e8f3ff; transform: translateX(5px); } .metro-city-list-all a { color: #333; text-decoration: none; display: flex; align-items: center; font-weight: 500; } .metro-city-list-all a:hover { color: #0982FE; } .metro-city-list-all a::before { content: ">"; margin-right: 10px; color: #0982FE; font-weight: bold; } /* 响应式设计 */ @media (max-width: 768px) { .metro-city-container { padding: 15px; } .metro-city-title { font-size: 2rem; } .metro-city-card { padding: 20px; } .metro-city-list { grid-template-columns: 1fr; } } /* 页脚样式 */ .metro-city-footer { text-align: center; margin-top: 40px; padding: 20px; color: #666; font-size: 0.9rem; } /* 物流城市 */ .logistics-city-container { max-width: 1200px; margin: 0 auto; padding: 20px; } /* 标题样式 */ .logistics-city-header { text-align: center; padding-bottom: 20px; border-bottom: 2px solid #0253D8; } .logistics-city-header h1 { color: #333; font-size: 32px; margin-bottom: 15px; } .logistics-city-header p { color: #666; font-size: 18px; max-width: 800px; margin: 0 auto; } /* 服务介绍部分 */ .logistics-city-service-intro { background-color: #f9f9f9; padding: 40px; border-radius: 8px; margin-bottom: 40px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); } .logistics-city-service-title { color: #0253D8; font-size: 24px; margin-bottom: 20px; text-align: center; } .logistics-city-service-desc { color: #555; font-size: 16px; margin-bottom: 30px; text-align: center; } /* 优势展示 */ .logistics-city-advantages { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-bottom: 40px; } .logistics-city-advantage-item { flex: 1; min-width: 250px; background: white; padding: 25px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); text-align: center; transition: transform 0.3s ease; } .logistics-city-advantage-item:hover { transform: translateY(-5px); } .logistics-city-advantage-icon { font-size: 40px; color: #0253D8; margin-bottom: 15px; } .logistics-city-advantage-title { font-size: 18px; color: #333; margin-bottom: 10px; } .logistics-city-advantage-desc { font-size: 14px; color: #666; } /* 效果图列表 */ .logistics-city-section-title { font-size: 26px; color: #333; text-align: center; margin: 50px 0 30px; position: relative; } .logistics-city-section-title:after { content: ""; display: block; width: 80px; height: 3px; background: #0253D8; margin: 15px auto 0; } .logistics-city-gallery { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-bottom: 50px; } .logistics-city-gallery-item { width: calc(33.333% - 20px); background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom: 20px; } .logistics-city-gallery-item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(255, 119, 19, 0.2); } .logistics-city-gallery-img { position: relative; display: block; overflow: hidden; height: 200px; } .logistics-city-gallery-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .logistics-city-gallery-item:hover .logistics-city-gallery-img img { transform: scale(1.05); } .logistics-city-gallery-count { position: absolute; bottom: 10px; right: 10px; background-color: rgba(255, 119, 19, 0.8); color: white; padding: 3px 8px; border-radius: 12px; font-size: 12px; display: flex; align-items: center; } .logistics-city-gallery-count:before { content: ""; margin-right: 4px; font-size: 12px; } .logistics-city-gallery-info { padding: 15px; } .logistics-city-gallery-title { margin: 0; font-size: 16px; } .logistics-city-gallery-title a { color: #333; text-decoration: none; transition: color 0.3s ease; } .logistics-city-gallery-title a:hover { color: #0253D8; } /* 报价部分 */ .logistics-city-quote-section { background-color: #0253D8; padding: 50px 20px; border-radius: 8px; text-align: center; margin-bottom: 40px; color: white; } .logistics-city-quote-title { font-size: 28px; margin-bottom: 20px; } .logistics-city-quote-desc { font-size: 16px; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .logistics-city-quote-btn { display: inline-block; background-color: white; color: #0253D8; padding: 12px 30px; border-radius: 30px; font-size: 18px; font-weight: bold; text-decoration: none; transition: all 0.3s ease; border: 2px solid white; } .logistics-city-quote-btn:hover { background-color: transparent; color: white; } /* 响应式设计 */ @media (max-width: 992px) { .logistics-city-gallery-item { width: calc(50% - 15px); } .logistics-city-advantage-item { min-width: calc(50% - 20px); } } @media (max-width: 576px) { .logistics-city-gallery-item, .logistics-city-advantage-item { width: 100%; } .logistics-city-header h1 { font-size: 26px; } .logistics-city-service-intro { padding: 25px 15px; } } /* 特色标签 */ .logistics-city-tag { display: inline-block; background-color: #0253D8; color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px; margin-top: 8px; } /* 重置输入框样式以解决冲突 */ .weather-city-container input.weather-city-input, .weather-city-container input[type="text"].weather-city-input { padding: 15px 20px !important; font-size: 1.1rem !important; border: 2px solid #3498db !important; border-radius: 30px 0 0 30px !important; width: 300px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; background: white !important; color: #333 !important; font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; outline: none !important; margin: 0 !important; box-sizing: border-box !important; line-height: normal !important; height: auto !important; vertical-align: top !important; } .weather-city-container button.weather-city-button, .weather-city-container button[type="button"].weather-city-button { padding: 15px 25px !important; font-size: 1.1rem !important; background: #3498db !important; color: white !important; border: 2px solid #3498db !important; border-radius: 0 30px 30px 0 !important; cursor: pointer !important; transition: background 0.3s !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; outline: none !important; margin: 0 !important; box-sizing: border-box !important; line-height: normal !important; height: auto !important; vertical-align: top !important; font-weight: 500 !important; } .weather-city-container button.weather-city-button:hover { background: #2980b9 !important; border-color: #2980b9 !important; } .weather-city-container { max-width: 1200px; margin: 0 auto; font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #333; min-height: 100vh; } .weather-city-header { text-align: center; margin-bottom: 30px; } .weather-city-title { font-size: 2.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 10px; } .weather-city-description { font-size: 1.2rem; color: #34495e; margin-bottom: 30px; } .weather-city-search { display: flex; justify-content: center; margin-bottom: 30px; } .weather-city-input { padding: 15px 20px; font-size: 1.1rem; border: none; border-radius: 30px 0 0 30px; width: 300px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .weather-city-button { padding: 15px 25px; font-size: 1.1rem; background: #0066cc; color: white; border: none; border-radius: 0 30px 30px 0; cursor: pointer; transition: background 0.3s; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .weather-city-button:hover { background: #2980b9; } .weather-city-current { background: white; border-radius: 15px; padding: 30px; margin-bottom: 30px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); text-align: center; } .weather-city-location { font-size: 2rem; font-weight: 500; margin-bottom: 20px; color: #2c3e50; } .weather-city-temp { font-size: 4rem; font-weight: 700; color: #0066cc; margin-bottom: 20px; } .weather-city-details { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 30px; } .weather-city-detail { flex: 1; min-width: 150px; margin: 10px; padding: 15px; background: #f8f9fa; border-radius: 10px; text-align: center; } .weather-city-detail-title { font-size: 0.9rem; color: #7f8c8d; margin-bottom: 5px; } .weather-city-detail-value { font-size: 1.5rem; font-weight: 500; color: #2c3e50; } .weather-city-forecast { margin-bottom: 40px; } .weather-city-forecast-title { font-size: 1.8rem; font-weight: 500; margin-bottom: 20px; color: #2c3e50; text-align: center; } .weather-city-forecast-container { display: flex; overflow-x: auto; gap: 15px; padding: 10px 5px; } .weather-city-forecast-day { flex: 0 0 auto; width: 9.8%; background: white; border-radius: 15px; padding: 20px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .weather-city-forecast-date { font-size: 1.1rem; font-weight: 500; margin-bottom: 10px; color: #2c3e50; } .weather-city-forecast-temp { font-size: 2rem; font-weight: 700; color: #e74c3c; margin: 10px 0; } .weather-city-forecast-desc { font-size: 1rem; color: #7f8c8d; } .weather-city-cities { background: white; border-radius: 15px; padding: 30px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .weather-city-cities-title { font-size: 1.8rem; font-weight: 500; margin-bottom: 20px; color: #2c3e50; text-align: center; } .weather-city-cities-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; } .weather-city-city-link { display: block; padding: 15px; background: #f8f9fa; border-radius: 10px; text-align: center; color: #0066cc; text-decoration: none; font-weight: 500; transition: all 0.3s; } .weather-city-city-link:hover { background: #0066cc; color: white; transform: translateY(-3px); } .weather-city-footer { text-align: center; margin-top: 40px; padding: 20px; color: #7f8c8d; font-size: 0.9rem; } /* 响应式设计 */ @media (max-width: 768px) { .weather-city-title { font-size: 2rem; } .weather-city-input { width: 200px; } .weather-city-temp { font-size: 3rem; } .weather-city-forecast-day { width: 120px; } } @media (max-width: 480px) { .weather-city-container { padding: 10px; } .weather-city-title { font-size: 1.8rem; } .weather-city-description { font-size: 1rem; } .weather-city-input { width: 150px; padding: 12px 15px; } .weather-city-button { padding: 12px 20px; } .weather-city-current { padding: 20px; } .weather-city-location { font-size: 1.5rem; } .weather-city-temp { font-size: 2.5rem; } .weather-city-detail { min-width: 120px; } .weather-city-forecast-day { width: 100px; padding: 15px; } .weather-city-forecast-temp { font-size: 1.5rem; } } /* 加载动画 */ .weather-city-loading { display: none; text-align: center; margin: 30px 0; } .weather-city-spinner { border: 5px solid #f3f3f3; border-top: 5px solid #0066cc; border-radius: 50%; width: 50px; height: 50px; animation: weather-city-spin 1s linear infinite; margin: 0 auto; } @keyframes weather-city-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }