< type="text/css"> .gotop.p-cell .func .wf-opt.nav-2 a.tlist_5 li.p-cell .pic-overflow.doc-hd .nav-r .login.login1.doc-hd .nav-r .regist.doc-hd .nav-sub .arrow.doc-hd .ico a { background: url(/webcontrols/_header/css/img/pic_ilike.png?v=20130110) no-repeat; _background: url(/webcontrols/_header/css/img/pic_ilike.gif?v=20130110) no-repeat; } htmldivbodyh1h2h3h4h5h6ulollidldtddpblockquotepreforminputtextareafieldsettablethtd { margin: 0; padding: 0; } p { text-indent: 0em; } ulol { list-: none; } img { border: none; vertical-align: top; } .doc-hd-outer { background: #545652; width: 100%; z-index: 100; text-align: left; min-width: 1000px; } .doc-hd { height: 35px; width: 948px; margin: 0 auto; margin-bottom: 0px; background: none; position: relative; z-index: 999; } .doc-hd .logo { float: left; width: 100px; height: 35px; margin-right: 15px; } .nav-1 { float: left; font-size: 14px; margin: 0; } .nav-1 li { float: left; _display: inline; } .nav-1 a { color: #fff; padding: 0 13px; display: inline-block; height: 35px; line-height: 35px; _height: 33px; _line-height: 33px; cursor: pointer; _zoom: 1; } .nav-1 a:visited { color: #fff; } .nav-1 a:active { color: #000; } .nav-1 .cur a.nav-1 .mypagebox-hover a { text-decoration: none; color: #fff; background-color: #fff; opacity: .98; filter: alpha(opacity=98); padding: 0 12px; border-width: 0 1px; height: 39px; line-height: 35px; border: 1px solid #333; } .nav-1 .interestbox-hover a { text-decoration: none; color: #fff; background-color: #fff; opacity: .98; filter: alpha(opacity=98); padding: 0 12px; border-width: 0 1px; height: 34px; _height: 34px; line-height: 34px; _line-height: 34px; border: 1px solid #333; } .nav-1 .interestbox-hover a:hover { color: #000; } .nav-1 .interestbox-hover a:active { color: #000; } .nav-1 .interestbox-hover a:visited { color: #000; } .nav-1 a:hover { text-decoration: none; color: #000; background-color: #333; opacity: .98; filter: alpha(opacity=98); padding: 0 12px; border-width: 0 1px; height: 34px; _height: 34px; line-height: 34px; _line-height: 34px; background: #fff; border-top: 1px #000 solid; border-right: 1px #000 solid; border-left: 1px #000 solid; } .nav-1 .interestbox-hover { color: #000; background-color: #fff; height: 34px; } .nav-1 .interestbox-hover a { color: #000; background-color: #fff; _height: 31px; _line-height: 33px; } .nav-1 span { display: inline-block; _zoom: 1; text-align: center; } .nav-1 a:hover.nav-1 .cur a { height: 34px; line-height: 34px; _height: 34px; _line-height: 34px; } .nav-1 .interestbox-hover a:hover.nav-1 .mypagebox-hover a:hover { height: 33px; line-height: 34px; _line-height: 33px; } .nav-1 .interestbox.nav-1 .mypagebox { position: relative; } .nav-1 .interest.nav-1 .mypage { padding-right: 15px; background: url(/webcontrols/_header/css/img/nav_icon_new.png?v=20130110) no-repeat; _background: url(/webcontrols/_header/css/img/nav_icon_new.gif) no-repeat; background-position: right 16px; _background-position: right -1795px; } .nav-1 .cur .interest.nav-1 .cur .mypage { _background-position: right -2086px; } .nav-1 .interestbox-hover .interest.nav-1 .mypagebox-hover .mypage { background-position: right -12px; _background-position: right -12px; } .nav-1 .interest-group { position: absolute; left: 0; top: 34px; width: 744px; display: none; zoom: 1; } .nav-1 .mypage-list { position: absolute; left: 0; top: 41px; zoom: 1; background: url(img/nav_sub_bg.png?v=20130110) repeat 0 0; _background: #333; border: 1px solid #262626; border-width: 0 1px 1px 1px; display: none; } .nav-1 .mypagebox .mypage-list .mypage-item { border: 0; display: block; width: 65px; padding: 0 15px; height: 26px; line-height: 26px; color: #ccc; font-size: 12px; } .nav-1 .mypagebox-hover .mypage-item:hover.nav-1 .mypage-list .on { background-color: #222; color: #fff; height: 26px; line-height: 26px; } .nav-1 .interestbox-hover .interest-group.nav-1 .mypagebox-hover .mypage-list { display: block; } .nav-1 .interest-row { float: left; /*background:url(img/nav_sub_bg.png?v=20130110) repeat 0 0;*/ _background: #333; border: 1px solid #262626; border-width: 0 1px 1px 0; border-right: 1px solid #ddd; } .nav-1 .interest-group .row-first { border-left-width: 1px; } .nav-1 .interestbox .interest-group .interest-item { border: 0; display: block; width: 75px; padding: 0 15px; height: 26px; line-height: 26px; color: #666; font-size: 14px; background-color: #fafafa; font-family: "宋体"; } .nav-1 .interestbox-hover a.interest-item:hover.nav-1 .interest-group .on { background-color: #222; color: #fff; border: 0; display: block; width: 75px; padding: 0 15px; height: 26px; line-height: 26px; } .nav-1 .interest-group .new { background: url(/webcontrols/_header/images/new2.gif) no-repeat 92% center; } .nav-1 .interest-group .hot { background: url(img/HOT.gif?v=20130110) no-repeat 92% center; } .nav-1 i { width: 0px; height: 4px; display: block; zoom: 1; overflow: hidden; display: none; } .nav-1 .last span { background: none; } .nav-1 .cur i { display: none; } .doc-hd .guide-icon.doc-hd .info-icon.doc-hd .plug-icon.doc-hd .mobile-icon.doc-hd .msg-icon.doc-hd .tool a.doc-hd .invitation a.doc-hd .weibo01 a.doc-hd .boke a.doc-hd .activities a.doc-hd .friend a.doc-hd .help a.doc-hd .signature a.doc-hd .daydayup a.doc-hd .about a.doc-hd .weibo a.doc-hd .upload a.doc-hd .my a.doc-hd .setting a.doc-hd .logout a.doc-hd .dotask a.doc-hd .dotask a.doc-hd .homepage a.doc-hd .webmap a.doc-hd .bbsmap a.doc-hd .phone a.doc-hd .ipad a.doc-hd .renzheng a.doc-hd .lucky a.doc-hd .customerservice a.doc-hd .help01 a.doc-hd .dynamic a.doc-hd .sendphoto a.doc-hd .transaction a.doc-hd .personalletter a.doc-hd .remind a.doc-hd .messageforme a { background: url(/webcontrols/_header/css/img/nav_icon_new.png?v=20130110) no-repeat; _background: url(/webcontrols/_header/css/img/nav_icon_new.gif?v=20130110) no-repeat; } .doc-hd .nav-r { float: right; } .doc-hd .nav-r .u-item { float: left; position: relative; z-index: 998; display: block; padding: 5px 1px 5px; } .doc-hd .nav-r a.a-list { width: 28px; height: 24px; background: url(/webcontrols/_header/css/img/nav_icon_new.png?v=20130110) no-repeat; _background: url(/webcontrols/_header/css/img/nav_icon_new.gif?v=20130110) no-repeat; background-position: 15px -638px; padding: 0 13px 0 6px; float: left; } .doc-hd .umenu-user { position: relative; } .doc-hd .umenu-user .tx-clip { position: absolute; width: 23px; height: 23px; z-index: 1; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=truesizingMethod=scalesrc="/resource/css/img/tx_clip_nav.png?v=20130110"); } .doc-hd .nav-sub { position: absolute; right: -1px; _right: -2px; top: 33px; top: 34px 9; border: 1px solid #262626; background: #fff; opacity: .98; filter: alpha(opacity=98); z-index: 9999; display: none; border-top: 0; } .doc-hd .sub-2 { width: 90px; } .doc-hd .nav-sub .arrow { background-position: right -985px; width: 60px; position: absolute; top: -15px; right: -1px; height: 0; overflow: hidden; padding-top: 15px; display: none; } .doc-hd .nav-sub .last { border: none; } .doc-hd .nav-sub ul { border-bottom: 1px solid #DEDEDE; } .doc-hd .nav-sub li a { padding-left: 30px; text-align: left; text-decoration: none; } .doc-hd .nav-r .guide-icon.doc-hd .nav-r .info-icon.doc-hd .nav-r .plug-icon.doc-hd .nav-r .mobile-icon { display: block; width: 24px; height: 24px; } .u-msg .msg-icon { display: block; width: 24px; height: 24px; background-position: 0 -58px; } .doc-hd .nav-r .plug-icon { background-position: 3px -581px; _background-position: 7px -1745px; } .doc-hd .nav-r .msg-icon { background-position: 1px -556px; _background-position: 5px -1423px; } .doc-hd .nav-r .info-icon { background-position: 3px -609px; _background-position: 6px -1770px; } .doc-hd .nav-sub a { color: #999; display: block; padding: 2px 10px 0 0; height: 26px; line-height: 26px; width: 50px; } .doc-hd .nav-sub li.my a { background-position: 4px -681px; _background-position: 4px -1450px; overflow: hidden; } .doc-hd .nav-sub li.my a:hover { background-position: 4px -801px; _background-position: 4px -1570px; } .doc-hd .nav-sub li.setting a { background-position: 7px -741px; _background-position: 7px -1510px; } .doc-hd .nav-sub li.setting a:hover { background-position: 7px -861px; _background-position: 7px -1630px; } .doc-hd .nav-sub li.logout a { background-position: 4px -771px; _background-position: 2px -1536px; } .doc-hd .nav-sub li.logout a:hover { background-position: 4px -891px; _background-position: 2px -1656px; } .doc-hd .nav-sub li.upload a { background-position: 7px -442px; _background-position: 7px -1688px; } .doc-hd .nav-sub li.upload a:hover { background-position: 7px -234px; _background-position: 7px -1714px; } .doc-hd .nav-sub li.invitation a { background-position: 7px -2441px; _background-position: 7px -2441px; } .doc-hd .nav-sub li.invitation a:hover { background-position: 7px -2593px; _background-position: 7px -2593px; } .doc-hd .nav-sub li.weibo01 a { background-position: 5px -2473px; _background-position: 5px -2472px; } .doc-hd .nav-sub li.weibo01 a:hover { background-position: 5px -2622px; _background-position: 5px -2621px; } .doc-hd .nav-sub li.boke a { background-position: 5px -2505px; _background-position: 5px -2505px; } .doc-hd .nav-sub li.boke a:hover { background-position: 5px -2653px; _background-position: 5px -2653px; } .doc-hd .nav-sub li.activities a { background-position: 6px -2563px; _background-position: 6px -2563px; } .doc-hd .nav-sub li.activities a:hover { background-position: 6px -2715px; _background-position: 6px -2715px; } .doc-hd .nav-sub li.friend a { background-position: 5px -2536px; _background-position: 5px -2536px; } .doc-hd .nav-sub li.friend a:hover { background-position: 5px -2688px; _background-position: 5px -2688px; } .doc-hd .nav-sub li.tool a { background-position: 4px -2789px; _background-position: 4px -2789px; } .doc-hd .nav-sub li.tool a:hover { background-position: 4px -3100px; _background-position: 4px -3100px; } .doc-hd .nav-sub li.help a { background-position: 5px -288px; _background-position: 5px -1054px; } .doc-hd .nav-sub li.help a:hover { background-position: 5px -81px; _background-position: 5px -1238px; } .doc-hd .nav-sub li.signature a { background-position: 5px -317px; _background-position: 5px -1084px; } .doc-hd .nav-sub li.signature a:hover { background-position: 5px -110px; _background-position: 5px -1268px; } .doc-hd .nav-sub li.daydayup a { background-position: 5px -347px; _background-position: 5px -1115px; } .doc-hd .nav-sub li.daydayup a:hover { background-position: 5px -140px; _background-position: 5px -1299px; } .doc-hd .nav-sub li.about a { background-position: 5px -382px; _background-position: 5px -1146px; } .doc-hd .nav-sub li.about a:hover { background-position: 5px -174px; _background-position: 5px -1330px; } .doc-hd .nav-sub li.weibo a { background-position: 5px -412px; _background-position: 5px -1176px; } .doc-hd .nav-sub li.weibo a:hover { background-position: 5px -204px; _background-position: 5px -1360px; } .doc-hd .nav-sub li.overtask a { background-position: 5px -1959px; _background-position: 5px -2006px; } .doc-hd .nav-sub li.dotask a { background-position: 4px -2789px; _background-position: 4px -2789px; } .doc-hd .nav-sub li.dotask a:hover { background-position: 4px -3100px; _background-position: 4px -3100px; } .doc-hd .nav-sub li.homepage a { background-position: 4px -2821px; _background-position: 4px -2821px; } .doc-hd .nav-sub li.homepage a:hover { background-position: 4px -3132px; _background-position: 4px -3132px; } .doc-hd .nav-sub li.webmap a { background-position: 5px -260px; _background-position: 5px -260px; } .doc-hd .nav-sub li.webmap a:hover { background-position: 5px -52px; _background-position: 5px -52px; } .doc-hd .nav-sub li.bbsmap a { background-position: 5px -260px; _background-position: 5px -260px; } .doc-hd .nav-sub li.bbsmap a:hover { background-position: 5px -52px; _background-position: 5px -52px; } .doc-hd .nav-sub li.phone a { background-position: 4px -2851px; _background-position: 4px -2851px; } .doc-hd .nav-sub li.phone a:hover { background-position: 4px -3162px; _background-position: 4px -3162px; } .doc-hd .nav-sub li.ipad a { background-position: 4px -2880px; _background-position: 4px -2880px; } .doc-hd .nav-sub li.ipad a:hover { background-position: 4px -3191px; _background-position: 4px -3191px; } .doc-hd .nav-sub li.renzheng a { background-position: 4px -2911px; _background-position: 4px -2911px; } .doc-hd .nav-sub li.renzheng a:hover { background-position: 4px -3222px; _background-position: 4px -3222px; } .doc-hd .nav-sub li.lucky a { background-position: 4px -2943px; _background-position: 4px -2943px; } .doc-hd .nav-sub li.lucky a:hover { background-position: 4px -3254px; _background-position: 4px -3254px; } .doc-hd .nav-sub li.customerservice a { background-position: 4px -2975px; _background-position: 4px -2975px; } .doc-hd .nav-sub li.customerservice a:hover { background-position: 4px -3286px; _background-position: 4px -3286px; } .doc-hd .nav-sub li.help01 a { background-position: 4px -3009px; _background-position: 4px -3009px; } .doc-hd .nav-sub li.help01 a:hover { background-position: 4px -3320px; _background-position: 4px -3320px; } .doc-hd .nav-sub li.dynamic a { background-position: 4px -3529px; _background-position: 4px -3529px; } .doc-hd .nav-sub li.dynamic a:hover { background-position: 4px -3732px; _background-position: 4px -3732px; } .doc-hd .nav-sub li.sendphoto a { background-position: 4px -3468px; _background-position: 4px -3468px; } .doc-hd .nav-sub li.sendphoto a:hover { background-position: 4px -3671px; _background-position: 4px -3671px; } .doc-hd .nav-sub li.transaction a { background-position: 4px -3500px; _background-position: 4px -3500px; } .doc-hd .nav-sub li.transaction a:hover { background-position: 4px -3702px; _background-position: 4px -3702px; } .doc-hd .nav-sub li.personalletter a { background-position: 4px -3438px; _background-position: 4px -3438px; } .doc-hd .nav-sub li.personalletter a:hover { background-position: 4px -3640px; _background-position: 4px -3640px; } .doc-hd .nav-sub li.remind a { background-position: 4px -3405px; _background-position: 4px -3405px; } .doc-hd .nav-sub li.remind a:hover { background-position: 4px -3608px; _background-position: 4px -3608px; } .doc-hd .nav-sub li.messageforme a { background-position: 4px -3373px; _background-position: 4px -3373px; } .doc-hd .nav-sub li.messageforme a:hover { background-position: 4px -3575px; _background-position: 4px -3575px; } .nav-search-module { float: right; margin: 5px 10px 0 0; } .hd-search { position: relative; width: 197px; height: 20px; padding: 2px 0px 2px 3px; _padding: 2px 30px 0px 3px; background-color: #fafafa; background: url(/webcontrols/_header/css/img/nav-search01.png?v=20130111) no-repeat 0 0; /*_background: url(/webcontrols/_header/css/img/nav-search.gif?v=20130110) no-repeat 0 0;*/ } .hd-search-text { width: 117px; height: 16px; padding: 2px 5px 2px 0; border: none; background: transparent; float: left; } a:focusinput { outline: 0; } .hd-search-submit { width: 29px; height: 25px; border: none; background: transparent; cursor: pointer; float: right; } .hd-search-sugg { display: none; position: absolute; z-index: 10; top: 24px; left: 0; width: 158px; border: 1px solid #222; background: #333; opacity: .98; filter: alpha(opacity=98); } .hd-search-sugg .sugg-item-hover { background: #222; color: white; text-decoration: none; } .hd-search-sugg .sugg-item { display: block; height: 26px; line-height: 26px; padding: 0 5px; color: #999; text-decoration: none; word-wrap: keep-all; } .hd-search-sugg .sugg-item-hover { color: white; } .hd-search-sugg .sugg-item { line-height: 26px; color: #999; } .hd-search-sugg .sugg-item .hd-sugg-kw { color: #0987AB; max-width: 60px; overflow: hidden; } .hd-search-sugg .sugg-item { display: block; height: 26px; line-height: 26px; padding: 0 5px; color: #999; text-decoration: none; word-wrap: keep-all; } #nav_msg_link { position: relative; padding-left: 8px; padding-right: 8px; } .doc-hd .nav-sub ul { border-bottom: 1px solid #DEDEDE; } .doc-hd .sub-1 { width: 90px; } .doc-hd .nav-sub { width: 90px; } .doc-hd .sub-3 { width: 90px; } .doc-hd .nav-sub a:hover { text-decoration: none; background-color: #222; color: white; } .doc-hd .nav-r a.login.doc-hd .nav-r a.login1.doc-hd .nav-r a.regist { text-decoration: none; text-align: center; font-size: 14px; padding: 0; width: 80px; height: 28px; line-height: 26px; float: left; margin-top: 4px; } .doc-hd .nav-r a.regist { background-position: 0 -1529px; color: #efefef; margin-right: 7px; _background-position: 0 -1640px; } .doc-hd .nav-r a.regist:hover { background-position: 0 -1566px; color: #fff; background-position: 0 -1566px; } .doc-hd .nav-r a.regist:active { background-position: 0 -1602px; background-position: 0 -1713px; } .doc-hd .nav-r a.login1 { background-position: -88px -1529px; color: #404040; background-position: -88px -1640px; } .doc-hd .nav-r a.login1:hover { background-position: -88px -1566px; color: #303030; background-position: -88px -1677px; } .doc-hd .nav-r a.login1:active { background-position: -88px -1602px; background-position: -88px -1713px; } #sub-search { _display: inline; float: right; margin: 10px 10px 0 0; width: 191px; height: 24px; } .sub-search-key { float: left; padding: 3px; width: 115px; height: 16px; line-height: 16px; border: 1px solid #E0E0E0; background-position: 0 -146px; } .sub-serach-switch { background: none; position: relative; float: left; width: 44px; line-height: 21px; text-indent: 5px; background-position: 0 -146px; color: #979797; z-index: 1; border: 0px solid #000; _border: 0px solid #000; } .sub-serach-switch dt { cursor: pointer; background: url(/static/images/icon_common.png) no-repeat 4px -536px; } .sub-serach-switch dd { display: none; position: absolute; top: 21px; left: -2px; width: 44px; background: #FFF; border: 1px solid #000; border-top: 0 none; } .sub-serach-switch dd a.serach-switch dd a:visited { display: block; color: #979797; } .sub-serach-switch dd a:hover { color: #fff; background: #000; text-decoration: none; } .sub-search-btn { float: left; padding-top: 24px; width: 24px; height: 0; background-position: -52px -178px; overflow: hidden; } .sub-search-btn:hover { background-position: -76px -178px; } #sub-search.focus .sub-search-key#sub-search.focus .sub-serach-switch { border-color: #7DBDE2; } .doc-hd .umenu-userguide { position: relative; } .doc-hd .nav-r .guide-icon { background-position: 3px -3071px; _background-position: 3px -3071px; } .doc-hd .u-hover .guide-icon { background-position: 3px -2761px; _background-position: 3px -2761px; } .doc-hd .nav-r .u-hover { background: #fff; opacity: .98; border: 1px solid #232323; border-bottom: 0; padding: 5px 0 5px; } .doc-hd .u-hover .msg-icon { background-position: 1px -385px; width: 24px; height: 23px; } .doc-hd .u-hover .plug-icon { background-position: 2px -409px; width: 24px; height: 23px; } .doc-hd .u-hover .info-icon { background-position: 2px -437px; width: 24px; height: 23px; } .doc-hd .u-hover a.a-list { background-position: 15px -662px; } #doc_hd .popo-mod { position: fixed; _position: absolute; top: 42px; right: 50%; margin-right: -490px; width: 200px; text-align: left; z-index: 999; } /*=S 布局 */ .layout { margin: 0 auto; width: 1000px; } .close { position: absolute; top: 4px; right: 10px; padding-top: 15px; width: 15px; height: 0; background: url(/static/images/icon_common.png) no-repeat 4px 4px; overflow: hidden; z-index: 9; } .close:hover { background-position: 4px -32px; } /*=S 布局 */ /*=S 下拉 */ #doc_hd .layout { position: relative; } /* popo-mod */ .popo-mod { position: absolute; width: 110px; background: #FFFCE9; color: #666; } .popo-rim { margin: 0 1px; height: 0; border-top: 1px solid #edddab; overflow: hidden; } .popo-bd { position: relative; padding: 6px 8px; _height: 18px; border: 1px solid #edddab; border-width: 0 1px; line-height: 18px; font-size: 12px; } .popo-mod .close { right: 5px; } /*=S 文字 */ .color6 { color: #666; } /* 灰色 */ /*=S 链接 */ .link0 a.link0 a:visited { color: #0657B2; } /* 蓝色 -> 橙色 */ /* 活动下拉css */ .hot-activities { padding: 10px 0 0 0; overflow: hidden; width: 302px; font-size: 12px; background: #fff; } .hot-activities .tit { width: 280px; float: left; margin: 0 0 15px 10px; height: 20px; line-height: 20px; } .hot-activities .tit .hot-tit { float: left; font-weight: 600; } .hot-activities .tit .iwtbh { float: right; } .hot-activities .tit .iwtbh a { color: #666666; text-decoration: none; border: 0; height: 20px; line-height: 20px; padding: 0; } .hot-activities .tit .iwtbh a:hover { color: #f50; line-height: 20px; height: 20px; } .hot-activities .activities-list { float: left; padding-left: 10px; width: 292px; } .activities-list .activities-box { float: left; margin: 0 10px 10px 0; width: 136px; } .activities-list .activities-text { float: left; margin: 5px 0 0 0; color: #333; height: 35px; overflow: hidden; } .activities-list .activities-text a { color: #333; text-decoration: none; line-height: 20px; border: 0; padding: 0; height: 35px; line-height: 20px; } .activities-list .activities-text a:hover { line-height: 20px; border: 0; padding: 0; height: 35px; line-height: 20px; color: #f50; } .activities-list .activities-text a:visited { color: #333; } .hot-activities .much-activities { background: #E6e6e6; float: left; width: 302px; height: 30px; margin: 6px 0 0 0; } .hot-activities .text-activities-much { float: right; margin: 8px 8px 0 0; border: 0; padding: 0; background: none; } .hot-activities .text-activities-much a { color: #666; text-decoration: none; border: 0; padding: 0; background: none; height: 20px; line-height: 20px; } .hot-activities .text-activities-much a:hover { color: #f50; text-decoration: none; border: 0; padding: 0; background: none; height: 20px; line-height: 20px; } .hot-activities .text-activities-much a:visited { color: #333; } .activities-list .activities-img a { padding: 0; border: 0; height: 90px; width: 136px; } .activities-list .activities-img { padding: 0; border: 0; height: 90px; width: 136px; } .activities-list .activities-img img { padding: 0; border: 0; height: 90px; width: 136px; } .activities-list .activities-img a:hover { padding: 0; border: 0; height: 90px; width: 136px; } /*交易下拉css样式开始*/ .hot-trading { padding: 10px 0 0 0; overflow: hidden; width: 302px; font-size: 12px; background: #fff; } .hot-trading .tit { width: 280px; float: left; margin: 0 0 15px 10px; height: 20px; line-height: 20px; } .hot-trading .tit .hot-tit { float: left; font-weight: 600; } .hot-trading .tit .iwtbh { float: right; } .hot-trading .tit .iwtbh a { color: #666666; text-decoration: none; border: 0; height: 20px; line-height: 20px; padding: 0; } .hot-trading .tit .iwtbh a:hover { color: #f50; line-height: 20px; height: 20px; } .hot-trading .trading-list { float: left; padding-left: 10px; width: 292px; } .hot-trading .much-trading { background: #E6e6e6; float: left; width: 302px; height: 30px; margin: 6px 0 0 0; } .hot-trading .text-trading-much { float: right; margin: 6px 8px 0 0; border: 0; padding: 0; background: none; } .hot-trading .text-trading-much a { color: #666; text-decoration: none; border: 0; padding: 0; background: none; height: 20px; line-height: 20px; } .hot-trading .text-trading-much a:hover { color: #f50; text-decoration: none; border: 0; padding: 0; background: none; height: 20px; line-height: 20px; } .hot-trading .text-trading-much a:visited { color: #333; } .trading-list .trading-box { float: left; margin: 0 10px 10px 0; width: 136px; } .trading-list .trading-text { float: left; color: #333; height: 65px; overflow: hidden; } .trading-list .trading-text a { color: #333; text-decoration: none; line-height: 20px; border: 0; padding: 0; height: 35px; line-height: 20px; } .trading-list .trading-text a:hover { line-height: 20px; border: 0; padding: 0; height: 35px; line-height: 20px; color: #f50; } .trading-list .trading-text a:visited { } .trading-list .trading-img a { padding: 0; border: 0; height: 90px; width: 136px; } .trading-list .trading-img { padding: 0; border: 0; height: 90px; width: 136px; overflow: hidden; } .trading-list .trading-img img { padding: 0; border: 0; width: 136px; } .trading-list .trading-img a:hover { padding: 0; border: 0; height: 90px; width: 136px; } .price { float: left; } del { text-decoration: line-through; line-height: 20px; } .imgbox-item-caption-top { padding: 3px 5px; font-size: 12px; width: 126px; height: 20px; } .imgbox-item-caption-meta-top { color: #CCC; position: relative; width: 70px; float: right; margin: 0; } .imgbox-item-caption-meta-top cite { float: right; font: 400 18px "微软雅黑"; line-height: 20px; color: #f50; } /* 自动完成 */ .autocomplete { position: relative; float: left; width: 122px; left: 0; top: 0; } .sub-autocomplete-switch { float: left; line-height: 21px; text-indent: 5px; background-position: 0 -146px; color: #979797; z-index: 1; border: 1px solid #000; _border: 1px solid #000; display: none; position: absolute; left: -3px; top: 21px; width: 122px; background: #FFF; border-top: 0 none; } .sub-autocomplete-switch a { display: block; color: #979797; text-decoration: none; width: 122px; overflow: hidden; white-space: nowrap; } .sub-autocomplete-switch .current { color: #fff; background: #000; text-decoration: none; } .sub-autocomplete-switch a:hover { color: #fff; background: #000; text-decoration: none; } .items li a { float: left; color: #fff; line-height: 35px; margin: 0 14px 0 0; text-decoration: none; font-size: 14px; } .items li { float: left; } < type="text/css"> /* bbsnav css */ .headerbg { background: #f4f4f4; border-bottom: 1px solid #e5e5e5; } #bbsNav { width: 1000px; height: 70px; margin: 0px auto 0px auto; background: #f4f4f4; } #bbsNav .logo { width: 165px; height: 45px; margin: 12px 50px 0px 0px; float: left; display: inline; position: relative; } #bbsNav .logo .bnt { width: 163px; height: 45px; background: url(/webcontrols/_header/images/bbs-logo.png) no-repeat 0px 0px; display: block; text-decoration: none; } #bbsNav .map { position: absolute; width: 76px; height: 20px; margin: 0px auto 0px auto; float: left; top: 10px; left: 110px; } #bbsNav .map .bnt { width: 70px; height: 19px; /*background:url(images/cnoolBbs-map.gif) no-repeat 0px 0px;*/ display: block; text-decoration: none; font-size: 14px; } #bbsNav .map .bnt:hover { /*background:url(images/cnoolBbs-map.gif) no-repeat 0px -19px;*/ color: #f50; } #bbsNav .nav_box01 { width: 120px; height: 44px; float: left; margin: 14px auto 0px auto; } #bbsNav .nav_box02 { width: 160px; height: 44px; float: left; margin: 14px auto 0px auto; } #bbsNav .nav_box03 { width: 74px; height: 44px; float: left; margin: 14px auto 0px auto; } #bbsNav .nav_box04 { width: 143px; height: 44px; float: left; margin: 14px auto 0px auto; } #bbsNav .line { width: 15px; height: 48px; float: left; margin: 10px auto 0px auto; background: url(/webcontrols/_header/images/cnoolBbs-nav-bg.png) no-repeat -1010px 0px; } #bbsNav .serviceIcon { width: 46px; height: 40px; margin: 14px auto 0px auto; float: left; } #bbsNav .serviceIcon .bnt { width: 36px; height: 40px; background: url(/webcontrols/_header/images/cnoolBbs-icon-bg.png) no-repeat 0px 0px; display: block; text-decoration: none; } #bbsNav .serviceIcon .bnt:hover { background: url(/webcontrols/_header/images/cnoolBbs-icon-bg.png) no-repeat -56px 0px; } /* bbsnav css */ /*list*/ UL.nav_list { clear: both; } UL.nav_list LI { height: 22px; line-height: 18px; font-size: 14px; text-align: left; float: left; } UL.nav_list LI a:hover { background: #ff9900; color: #FFFFFF; text-decoration: none; padding-top: 2px; } UL.nav_list01 LI { width: 40px; } UL.nav_list02 LI { width: 68px; } /*list*/ < type="text/css"> .cnoolHome-tuiguang-second-line { width: 1000px; height: 33px; margin: 5px auto 0px auto; overflow: hidden; BACKGROUND: #f4f4f4; border: 1px solid #e5e5e5; } .cnoolHome-tuiguang-second-line .common-right { height: 33px; line-height: 33px; padding-left: 14px; float: right; overflow: hidden; text-align: left; color: #666666; } .cnoolHome-tuiguang-second-line .common-left { height: 33px; line-height: 33px; padding-left: 14px; float: left; overflow: hidden; text-align: left; } .cnoolHome-tuiguang-second-line .dayweather { width: 170px; } .cnoolHome-tuiguang-second-line .popularize { width: 610px; } .cnoolHome-tuiguang-second-line .todaydate { width: 190px; } .cnoolHome-tuiguang-second-line .ad { width: 350px; } .cnoolHome-tuiguang-second-line .popularize li { float: left; padding: 0 12px 0 0; } .cnoolHome-tuiguang-second-line .popularize a { color: #333; text-decoration: none; } .cnoolHome-tuiguang-second-line .popularize a:hover { color: #f50; text-decoration: none; } .cnoolHome-tuiguang-second-line .dayweather .s1 { margin: 0px 0px 0px 0px; display: inline; } .cnoolHome-tuiguang-second-line .dayweather .icon { margin: 6px 3px 0px 0px; _margin: 10px 3px 0px 0px; FLOAT: left; display: inline; } < type="text/css"> body { background: url(/admin/cms/images/cnool_bbs_bg01.jpg) #FAFEFF no-repeat center 106px; } /*body { background: url(https://www.cnool.net/images/cnool_bbs_bg_newyear.png?v=0.1.1.02492) #FAFEFF no-repeat center 0px; }*/ .guoqing_banner { width: 1000px; height: 60px; margin: 0px auto; overflow: hidden; } .guoqing_banner .shiliu01 { width: 300px; height: 60px; float: left; } .guoqing_banner .shiliu02 { width: 180px; height: 60px; float: left; } .guoqing_banner .shiliu03 { width: 130px; height: 60px; float: left; } <> .mainbody-cercle { width: 1169px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; margin: 0 auto 20px; overflow: hidden; } .mainbody-cercle .img-content { padding: 0px; width: 1168px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; } .mainbody-cercle .img-content .hd { font: normal 14px/20px "微软雅黑"; margin: 0 0 0px 0; background:url('/static/images/cercleBottomLine.png') bottom center no-repeat; } .mainbody-cercle .img-content .hd .fl { padding: 20px 0 0 20px; color:#888; } .mainbody-cercle .img-content .hd h3.fl { font-size: 20px; margin: 0 0 0 6px; color: #ec8a10; } <> .footer-bg { width: 100%; background: #fff; font-size: 12px; } #footer { clear: both; margin: 10px auto 0; width: 1170px; padding: 10px 0 20px; text-align: center; line-height: 20px; color: #999; border: 0px solid #fff; } .cnool-footer a.cnool-footer a:visited { color: #999; } bodytextarea { font: 400 12px/1.5 Simsun,Arial; color: black; } .cnoolBottom-box01 { width: 1170px; padding-top: 15px; margin: 4px auto 0px auto; height: 100px; border-top: #FF9B00 2px solid; text-align: center; line-height: 24px; } .cnoolBottom-box02 { width: 622px; margin: 0px auto 0px auto; height: 100px; text-align: center; line-height: 25px; padding-left: 110px; } .images-left { float: left; height: 75px; border: 1px solid #e7e7e7; border-width: 1px 0 1px 1px; } .images-left-one { margin: 5px 5px 0 5px; } .images-right { float: left; border: 1px solid #e7e7e7; height: 75px; } .sub-list a.sub-list a:visited { color: #333; } <> .fixedBottom { position: fixed; left: 50%; bottom: -35px; transform: translate(-50%,-50%); z-index: 999; width: 1170px; height: 70px } <> .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }