/*-----------------------------------------------背景图调用----------------------------------------------------*/ /*-------------不循环-------------*/ #user_guide li,#ship_route .title h2,#enquiry_ew,#hotpri .hotpri_cx .tab,#annex ul .more,#annex ul .server,#Search .s_on,#Search .s_off,#Search_input .Leftbg,#Search_input .Rightbg,#Price .top p,#Price .top,#Price .bottom,#WorldPort .World .icon,#ShippingTrends .top,#ShippingTrends .top p,.NewFreightRate_list li a:hover,#ShippingPeople .top,#ShippingPeople .top p,#ShippingPeople .content .p1 .title .icon,#ShippingPeople .content .p2 .title .icon,#ShippingPeople .content .p3 .title .icon,#Tools .top,#Tools .top .icon,#Tools .content .p1 .title .icon,#BBS .top,#BBS .icon,#BBS .bottom .bbsbox .icon1,#BBS .bottom .bbsbox .icon2,#BBS .bottom .bbsbox .icon3,#BBS .bottom .bbsbox .icon4,#News .boxbg_a,#News .boxbg_c,#WorldPort .Introduction div p,.NewFreightRate_list .ipa,#WorldPort .Introduction .jchd,#Search_input .search_btn,#hy-search .title h2,#hy-search .search-content .search-btn input,.advisory-link li{ background-image:url(bg.png); background-repeat:no-repeat;} /*-------------循环-------------*/ #ship_route .title,.menu_line,.NewFreightRate_top,#hy-search .title{ background-image:url(bg2.gif);} div, ul, li, dl, dt, dd, table, td, input, select { font:12px "宋体"; color:#0457A3; } a { color:#049; text-decoration: none; } a:hover { color: #FF6600; text-decoration: underline; } .adimg { margin-top:6px; clear:both; }/*广告*/ .contentframe { width:960px; margin:0 auto; clear:both; overflow:hidden; } /*.............................搜索样式.............................*/ .InputK { width:180px;padding:1px 3px; border:1px solid #000;} #Search{ width:960px; margin:0 auto; clear:both; overflow:hidden; } #Search li{ float:left;} #Search .menu_c{position: relative;top:1px;} #Search .s_on{ width:116px; height:20px; background-position:-9px -332px; display:block;font-weight:bold; font-size:14px; text-align:center;color:#FFF; padding-top:7px; overflow:hidden;} #Search .s_off{ width:87px;height:19px; background-position:-13px -293px;display:block;text-align:center;font-size:14px;padding-top:7px;overflow:hidden;} #Search .s_fg{width:6px; height:27px;} .menu_line{ height:5px; background-position:-995px -378px; overflow:hidden;} /*..........内容模块一..........*/ #WorldPort{width:318px; margin-top:6px; float:left; overflow:hidden;} #WorldPort .World{} #WorldPort .World li{float:left; line-height:20px; line-height:20px;} #WorldPort .World .icon{ width:20px; height:20px; background-position:-120px -49px;} #WorldPort .World .title{ font-size:12px; font-weight:bold; color:#000;} #WorldPort .World .more{float:right;font-weight:bold; } #WorldPort .World .port{border-bottom:1px dashed #ccc; height:24px;} #WorldPort .World .port a{width:39px; height:18px; display:block; float:left; text-align:center;} #WorldPort .World .port a:hover{background:#2CA7D0; color:#fff;} #WorldPort .textad{ height:26px; padding-left:6px;} #WorldPort .textad li{float:left; line-height:28px;} #WorldPort .Introduction{float:left; width:158px;} #WorldPort .Introduction div{ float:left; width:24px;} #WorldPort .Introduction div p{ width:17px; height:58px; background-position:-73px -209px;} #WorldPort .Introduction div p span{ display:none;} #WorldPort .Introduction li{line-height:20px; } #WorldPort .Introduction .jchd{ background-position:-73px -209px; width:17px; height:58px;} #Imgad{ width:295px;margin-top:4px; float:left; overflow:hidden;} /*海运报价*/ #Price{width:318px; margin-top:10px; float:left;} #Price .top{ height:30px; background-position:-642px -434px; overflow:hidden;} #Price .top h3{ font-size:14px; color:#000; line-height:32px;} #Price .top p{ width:30px; height:30px; background-position:-78px -43px; float:left; } #Price .top h3 a{ color:#049;} #Price .top h3 a:hover{ color:#f60;} #Price .list{border-left:1px solid #DEE9EC;border-right:1px solid #DEE9EC; border-bottom:1px solid #DEE9EC;padding:18px 0 11px 10px; } #Price .list li{font-size:14px; text-align:left; line-height:26px; height:26px;} #Price .list li a{color:#0457A3;} /*航运动态*/ #ShippingTrends{width:318px; margin-top:10px; float:left;} #ShippingTrends .top{ height:30px; background-position:-642px -434px; overflow:hidden;} #ShippingTrends .top h3{ font-size:14px; color:#000; line-height:32px;} #ShippingTrends .top p{ width:30px; height:30px;background-position:-153px -42px; float:left; } #ShippingTrends .top h3 a{ color:#049;} #ShippingTrends .top h3 a:hover{ color:#f60;} #ShippingTrends .content{border-left:1px solid #DEE9EC;border-right:1px solid #DEE9EC; border-bottom:1px solid #DEE9EC;padding-top:4px;} #ShippingTrends .content h4{text-align:center; font-size:14px; padding:4px 0;} #ShippingTrends .content dd{line-height:22px; text-align:center;} #ShippingTrends .content dd a{color:#666;} #ShippingTrends .content .line{border-bottom:1px dashed #ccc;} #ShippingTrends .content .TrendsAD{padding-top:6px; text-align:center;} #ShippingTrends .content .list{ padding:3px 0 6px 6px!important; *padding:6px 0 6px 6px!important; *padding:6px 0 6px 6px;} #ShippingTrends .content .list li{font-size:14px; text-align:left; line-height:26px; height:26px;} #ShippingTrends .content .list li a{color:#0457A3;} /*最新海运运价*/ .NewFreightRate{width:634px; margin-top:10px;float:right;} .NewFreightRate_top{ height:28px; border:1px solid #BDE0F2; background-position:100% -337px;overflow:hidden; } .NewFreightRate_top h2{font-size:14px; color:#000; line-height:30px; padding-left:14px; float:left;} .NewFreightRate_top p{ float:left;line-height:33px; color:#666;} .NewFreightRate_top .more{float:right; padding-right:6px; font-weight:bold;} .NewFreightRate_content{ border-left:1px solid #DDDDE1;border-right:1px solid #DDDDE1;border-bottom:1px solid #DDDDE1;} .NewFreightRate_content ul{ margin:0px auto; width:620px;} .NewFreightRate_content li{ cursor:pointer; clear:both; border-bottom:1px dashed #ddd; height:30px; line-height:26px;} *html .NewFreightRate_content li{ cursor:pointer; clear:both; border-bottom:1px dashed #ddd; height:26px; line-height:26px;} *+html .NewFreightRate_content li{ cursor:pointer; clear:both; border-bottom:1px dashed #ddd; height:26px; line-height:26px;} .NewFreightRate_content p{float:left;} .NewFreightRate_content_bgc{background:#FCFCFC;} .NewFreightRate_title{font-weight:bold;padding-left:6px;line-height:26px;} .NewFreightRate_list li a{ color:#333; padding-left:6px; display:block; height:21px; padding-top:3px; width:620px;} .NewFreightRate_list li a:hover{ text-decoration:none; background-position:-2px -440px;color:#333; padding-left:6px;} .NewFreightRate_list li span{ display:block; float:left; font-size:14px; line-height:18px;} .NewFreightRate_list .ipa{width:190px; padding-left:14px; background-position:-988px -53px;} .NewFreightRate_list .ipb{width:100px;} .NewFreightRate_list .ipc{width:110px;} .NewFreightRate_list .ipd{width:110px;} .NewFreightRate_list .ipe{width:80px;} .NewFreightRate_listbg_on{ font-size:14px; background-position:-2px -440px;color:#333; padding-left:6px;} .NewFreightRate_listbg_off{font-size:14px;color:#333;padding-left:6px;} /*...................................................内容模块四...........................................*/ #ShippingPeople{width:318px; margin-top:10px; float:left; overflow:hidden;} #ShippingPeople .top{ height:25px; background-position:-163px -294px; overflow:hidden;} #ShippingPeople .top h3{ font-size:14px; color:#000; line-height:27px;} #ShippingPeople .top p{ width:32px; height:25px; background-position:-266px -45px; float:left; } #ShippingPeople .content{border:1px solid #DDDDE1;padding-top:4px;} #ShippingPeople .content .p1{ height:158px; border-bottom:1px solid #eee} #ShippingPeople .content .p1 .title{height:30px;} #ShippingPeople .content .p1 .title .icon{ width:30px; height:25px; background-position:-228px -18px; float:left; } #ShippingPeople .content .p1 .title h4{ font-size:12px; padding:8px 0 0 6px;} #ShippingPeople .content .p1 .img{ float:left; width:100px; padding-left:8px;} #ShippingPeople .content .p1 .nr{ float:left; } #ShippingPeople .content .p1 .nr li{ line-height:24px; width:204px;} #ShippingPeople .content .bgc{background:#F6FDFF;} #ShippingPeople .content .p2{ height:130px; border-bottom:1px solid #eee} #ShippingPeople .content .p2 .title{height:30px;} #ShippingPeople .content .p2 .title .icon{ width:30px; height:25px; background-position:-192px -18px; float:left; } #ShippingPeople .content .p2 .title h4{ font-size:12px; padding:8px 0 0 6px;} #ShippingPeople .content .p2 .nr{ padding-left:6px;} #ShippingPeople .content .p2 .nr li{ line-height:24px; font-size:14px;} #ShippingPeople .content .p3{ height:225px; } #ShippingPeople .content .p3 .title{height:30px;} #ShippingPeople .content .p3 .title .icon{ width:30px; height:25px;background-position:-230px -44px; float:left; } #ShippingPeople .content .p3 .title h4{ font-size:12px; padding:8px 0 0 6px;} #ShippingPeople .content .p3 .nr{ padding-left:6px;} #ShippingPeople .content .p3 .nr li{ line-height:24px;} /*内容模块四 右侧结构*/ #FreightTrends{ border:1px solid #DDDDE1; background:#FCFCFC; margin-top:10px; height:120px; clear:both;} #FreightTrends ul{border:1px solid #E7E7E7; background:#fff; margin:8px 10px; height:102px} #FreightTrends h4{ font-size:12px; padding:8px 0 0 8px;} #FreightTrends li{float:left; font-size:14px; line-height:26px; width:290px; padding-left:8px;} /*...................................................内容模块五...........................................*/ /*内容模块五 左侧结构*/ #Tools{width:318px; margin-top:10px; float:left; overflow:hidden;} #Tools .top{ height:25px; background-position:-163px -294px; overflow:hidden;} #Tools .top h3{ font-size:14px; color:#000; line-height:27px; float:left;} #Tools .top .more{float:right; padding-right:6px; line-height:27px;} #Tools .top .icon{ width:32px; height:25px; background-position:-263px -17px; float:left; } #Tools .content{border:1px solid #DDDDE1;padding-top:4px;} #Tools .content .p1{ height:129px; border-bottom:1px solid #eee} #Tools .content .p1 .title{height:34px;} #Tools .content .p1 .title .icon{ width:30px; height:25px; background-position:-300px -17px; float:left; } #Tools .content .p1 .title h4{ font-size:12px; padding:8px 0 0 6px;} #Tools .content .p1 .nr{ padding-left:6px;} #Tools .content .p1 .nr li{ float:left; padding-left:6px;} #Tools .content .p1 .nr li select{width:100px;} #Tools .content .p2{ height:118px; } #Tools .content .p2 {padding-left:10px; padding-top:6px;} #Tools .content .p2 li{float:left;width:72px; text-align:center; line-height:22px;} /*内容模块五 右侧结构*/ #News{float:right; width:632px; margin-top:10px; background:#FCFCFC; border:1px solid #eee;} #News .box{ width:612px; margin:8px auto; } #News .boxleft{ width:301px; float:left; } #News .boxbg_a{ width:301px; height:5px; background-position:-14px -427px; overflow:hidden;} #News .boxbg_b{ width:299px; border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7; background:#fff;} #News .boxbg_b ul{padding-left:10px;} #News .boxbg_b li{line-height:24px;} #News .leftimg{float:left; width:100px; padding-left:10px;} #News .boxbg_c{ width:301px; height:5px; background-position:-14px -432px; overflow:hidden;} #News .boxright{ width:301px;float:right; } #News .boxbg{ background:} /*...................................................内容模块六...........................................*/ #BBS{ margin-top:10px; } #BBS .top{ height:29px; background-position:-38px -170px; } #BBS .icon{ width:30px; background-position:-147px -13px; padding-left:10px; float:left;} #BBS .top li{height:29px; line-height:29px; font-size:14px; font-weight:bold; color:#000} #BBS .bottom{ border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#FCFCFC;} #BBS .bottom .bbsbox{width:228px; padding:10px 0 6px 0; margin-left:8px; float:left;} #BBS .bottom .bbsbox h4{font-size:12px; line-height:20px;} #BBS .bottom .bbsbox ul{padding-top:8px;} #BBS .bottom .bbsbox li{line-height:24px;} #BBS .bottom .bbsbox .icon1 { width:30px; height:16px; background-position:-74px -22px; padding-left:10px; float:left;} #BBS .bottom .bbsbox .icon2 { width:30px; height:16px; background-position:-32px -50px; padding-left:10px; float:left;} #BBS .bottom .bbsbox .icon3 { width:30px; height:16px; background-position:3px -49px;center no-repeat; padding-left:10px; float:left;} #BBS .bottom .bbsbox .icon4 { width:30px; height:16px; background-position:-108px -22px; center no-repeat; padding-left:10px; float:left;} /*-------------------------20080904 ----------修改-------------------------------*/ #user_guide{ border-bottom:1px dashed #ccc; height:35px; padding-top:5px;} #user_guide li{ width:72px; height:20px; padding-top:7px; text-align:center; background-position:-9px -369px; float:left; margin-left:6px;} #user_guide li a,a:hover{ color:#000;} #ship_route{float:right; width:632px; border:1px solid #39c; margin-top:5px;} #ship_route .title{ background-position:-3px -466px; height:30px;} #ship_route .title h2{ width:113px; height:22px; padding:7px 0 0 13px; float:left; font-size:14px; color:#fff; background-position:-604px -397px; margin-right:13px;} #ship_route .title .menu_tab{ padding-top:5px;} #ship_route .title .menu_tab li{ float:left; border:1px solid #39c; border-right:none; background:#D4EFFA; width:49px; height:23px; text-align:center; font-size:14px; line-height:23px; cursor:pointer;} #ship_route .title .menu_tab .other{ width:69px; border-right:1px solid #39c;} #ship_route .title .menu_tab .on{ border-bottom:1px solid #fff; background:#fff;} #ship_route .ship_route_con{ padding:6px 0 6px 8px;} #enquiry_ew{ background-position:-345px -64px; width:610px; height:102px; padding-left:8px;} #enquiry_ew h3{ font-size:12px; line-height:22px; color:#069;} #enquiry_ew h3 span{ font-weight:normal;} #enquiry_ew ul li{width:600px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:20px; padding:4px 0 2px 0} #enquiry_ew ul li span{ color:#f60;} #hotpri{} #hotpri h3{ font-size:12px; height:16px; line-height:18px;overflow:hidden; color:#069; background:#D4EFFA; margin-top:6px; padding-left:8px;} #hotpri h3 span{ font-weight:normal;} #hotpri ul{ border-bottom:1px solid #D4EFFA; height:20px; padding:9px 0 0px 0; clear:both;} #hotpri ul li{ float:left; padding-left:1px;color:#f60; white-space:nowrap; overflow:hidden;} #hotpri ul li span{ color:#999;} #hotpri .ftb_a{ color:#999; width:165px; padding-right:5px; font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #hotpri .ftb_a span{font-weight:normal;} #hotpri .ftb_a a{color:#f60;} #hotpri .ftb_a a:hover{ text-decoration:underline;} #hotpri .ftb_a a span{ color:#f90;} #hotpri .ftb_b{ width:120px; padding-right:3px;} #hotpri .ftb_c{ width:68px; } #hotpri .ftb_d{ width:43px;} #hotpri .ftb_d a{color:#f60; text-decoration:underline;} #hotpri .ftb_d a:hover{} #hotpri .ftb_e{ width:140px; font-weight:bold;} #hotpri .ftb_e a{color:#960;} #hotpri .ftb_e a:hover{ text-decoration:underline;} #hotpri .ftb_f{ width:65px; font-size:10px;; color:#999; font-family:Arial, Helvetica, sans-serif;} #hotpri .ftb_f span{ color:#f96;} #hotpri .hotpri_cx {height:25px; padding:4px 0 2px 0; clear:both;} #hotpri .hotpri_cx .tab{ background-position:-430px -397px; width:138px; height:17px; color:#fff; font-weight:bold; float:left; padding:5px 0 0 5px;} #hotpri .hotpri_cx .ports{ color:#09c; padding-top:5px;} #hotpri .hotpri_cx .ports a{ color:#09c;} #hotpri .hotpri_cx .ports a:hover{ color:#f60; text-decoration:underline;} #annex ul{ width:340px; margin:0 auto; padding-top:4px; height:28px;} #annex ul li{ float:left;width:137px; height:28px; padding:0 14px;} #annex ul li a{ color:#fff; width:105px; height:23px; padding:5px 0 0 32px; line-height:20px; display:block;} #annex ul li a:hover{ text-decoration:none;} #annex ul li span{ color:#FEFF97; font-weight:bold;} #annex ul .more{ background-position:-657px -19px; } #annex ul .server{ background-position:-496px -19px;} /*---20090201----*/ .column-l{ float:left; width:318px;} .column-r{ float:right; width:634px;} .column-c{ float:right; width:295px; margin-top:6px;} #advisory{ float:left; width:312px; padding-left:15px; height:318px; margin-top:6px; background:url(advisory.png); line-height:16px;} .advisory-link{ margin-top:81px; height:160px; overflow:hidden;} .advisory-link li{ float:left; height:16px; padding:8px 0 8px 20px; width:98px; background:url(advisory-i.gif) no-repeat 0px 5px; /*background-position:-979px -409px;*/} .advisory-link li a{ color:#06c; font-weight:bold; font-size:14px;} .advisory-link li a span{ color:#f60;} #hy-search{ border:1px solid #3398CC; margin-bottom:8px;} #hy-search .title{ background-position:-3px -466px; height:30px;} #hy-search .title h2{ width:79px; height:22px; padding:7px 0 0 13px; float:left; font-size:14px; color:#fff; background-position:-739px -397px; margin-right:13px;} #hy-search .title .menu_tab{ padding-top:5px;} #hy-search .title .menu_tab li{ float:left; border:1px solid #39c; border-right:none; background:#D4EFFA; width:50px; height:23px; text-align:center; font-size:12px; line-height:23px; cursor:pointer;} #hy-search .title .menu_tab .other{ width:69px; border-right:1px solid #39c;} #hy-search .title .menu_tab .on{ border-bottom:1px solid #fff; background:#fff;} #hy-search .search-content{ padding:6px 0 6px 8px; height:131px; overflow:hidden;} .s-a{ padding:20px 0 0 0;} .s-a li{ color:#086699; padding:6px 0 6px 20px; font-size:12px; font-weight:bold;} .s-a li input{ border:1px solid #68BCDE; width:181px; height:16px; padding:3px 0; margin-left:10px; background-position:-845px -397px;} .s-b{ padding-top:18px;} .s-b li{ color:#086699; padding:3px 0 3px 20px; height:20px; font-size:12px; font-weight:bold;} .s-b li .ipt-a{ width:82px; margin-left:3px; } .s-b li .ipt-b{ width:185px; margin-left:3px;} .s-b li .ipt-c{ padding:1px 0; width:180px; margin-left:3px;} #hy-search .search-content .search-btn{ width:93px; margin:4px auto;} #hy-search .search-content .search-btn input{ border:0; width:93px; height:28px; cursor:pointer; background-position:-845px -397px;} .ad-link{ clear:both; line-height:16px;/* padding:11px 5px 0px; */ padding:3px 0;}