/*TABLE OF CONTENTS global font link layout public declare public module public component */ /*-------------------------------------@global--------------------------------------*/ html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a,img, th,td,form, fieldset, iframe, object, pre, code, legend, blockquote{margin:0; padding:0; border:0; outline:0} ol, ul{list-style:none} :focus{outline:0} strong{font-weight:bold} address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;} /*form*/ form label{cursor:pointer} input, button, textarea{font-family:inherit; font-size:100%} /*table*/ table{border-collapse:separate;} caption, th, td{/*text-align:left; */font-weight:normal} /*-------------------------------------end @global-----------------------------------*/ /*-------------------------------------@font-----------------------------------*/ h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%} .f11{font-size:11px} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14.8px} .f16{font-size:16px} .Color0, a.Color0, a.Color0:hover{color:#fff}/*white*/ .Color1, a.Color1, a.Color1:hover{color:#000}/*black*/ .Color2, a.Color2, a.Color2:hover{color:#6666cc}/*little blue*/ .Color3, a.Color3, a.Color3:hover{color:#03f}/*deep blue*/ .Color4, a.Color4, a.Color4:hover{color:#cc0000}/*little red*/ .Color5, a.Color5, a.Color5:hover{color:#601111}/*gray red*/ .Color6, a.Color6, a.Color6:hover{color:#ccc}/*little gray*/ .Color7, a.Color7, a.Color7:hover{color:#999}/*deep gray*/ .Color8, a.Color8, a.Color8:hover{color:#F00}/*red*/ .Color9, a.Color9, a.Color9:hover{color:#E51313}/*classic red*/ .Color10, a.Color10, a.Color10:hover{color:Green}/*classic green*/ /*-------------------------------------end @font-----------------------------------*/ /*--------------------------------@link-----------------------------------------*/ a:link, a:visited, a:hover, a:active{color:#333; text-decoration:none} a.B:link, a.B:visited{padding:2px 1px 0 1px; color:#6666cc; text-decoration:none} a.B:hover, a.B:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none} a.BB:link, a.BB:visited{padding:2px 1px 0 1px; color:#6666cc; text-decoration:none; font-weight:bold; font-size:14px;} a.BB:hover, a.BB:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none; font-weight:bold; font-size:14px;} a.BL:link, a.BL:visited{padding:2px 1px 0 1px; color:#6666cc; text-decoration:underline} a.BL:hover, a.BL:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none} a.BH:link, a.BH:visited, a.BH:hover, a.BH:active{padding:2px 1px 0 1px; color:#FFF; background:#6666cc; text-decoration:none} a.W:link, a.W:visited{padding:2px 1px 0 1px; color:#fff; text-decoration:none} a.W:hover, a.W:active{padding:2px 1px 0 1px; color:#6666cc; text-decoration:none} a.WL:link, a.WL:visited{padding:2px 1px 0 1px; color:#fff; text-decoration:underline} a.WL:hover, a.WL:active{padding:2px 1px 0 1px; color:#6666cc; text-decoration:underline} a.G:link, a.G:visited{padding:2px 1px 0 1px;color:#999; text-decoration:none; font-weight:normal; } a.G:hover, a.G:active{padding:2px 1px 0 1px; color:#FFF; background:#999; text-decoration:none; font-weight:normal; } a.GL:link, a.GL:visited{padding:2px 1px 0 1px;color:#999; text-decoration:underline; font-weight:normal; } a.GL:hover, a.GL:active{padding:2px 1px 0 1px; color:#FFF; background:#999; text-decoration:underline; font-weight:normal;} a.R:link, a.R:visited {color:#cc0000;text-decoration:none;} a.R:hover, a.R:active {background:#cc0000 none repeat scroll 0 0;color:#FFFFFF;padding-top:3px;text-decoration:none;} a.RL:link, a.RL:visited {color:#cc0000;text-decoration:underline;} a.RL:hover, a.RL:active {background:#cc0000 none repeat scroll 0 0;color:#FFFFFF;padding-top:3px;text-decoration:underline;} a.BLACK:link, a.BLACK:visited{padding:2px 1px 0 1px; color:#4B4B4B; text-decoration:none} a.BLACK:hover, a.BLACK:active{padding:2px 1px 0 1px; color:#FFFFFF; background:#4B4B4B; text-decoration:none} /*--------------------------------end @link-----------------------------------------*/ /*---------------------------------------@layout-------------------------------------*/ /* Row register here*/ .header_s:after, .footer_s:after, .main_s:after, .header_w:after, .footer_w:after, .main_w:after, .section_w:after, .nav_w:after, .box:after, .header:after, .footer:after, .main:after, .section:after,section_s:after {content:"\0020"; display:block; height:0; clear:both} .header_s, .footer_s, .main_s, .header_w, .footer_w, .main_w, .nav_w, .box, .header, .footer, .main, .section_w,.section,section_s{zoom:1} .section{margin:0 auto;} .main_s,.section_s,.main_w,.section_w{ font-size:13px;} .nav_w,.nav_s{ font-family:Verdana;} /* colunm register here*/ .content_a, .aside_a, .content_b, .aside_b, .content_c, .aside_c, .content_d, .aside_d, .col{display:inline; overflow:hidden} /* s:778 */ .header_s, .footer_s, .main_s,.section_s{margin:0 auto; width:778px} /* w:960 */ .header_w, .footer_w, .main_w,.section_w,.nav_w{margin:0 auto; width:960px} /* footer */ .footer_s,.footer_w{ margin-top:10px; border-top:1px solid #000; padding:5px 0px 30px 0px;} .footer_s p,.footer_w p{ line-height:22px; } .footer_s .copyright,.footer_w .copyright{height:22px;padding:0px 5px 0 0;} .footer_s .tip,.footer_w .tip{padding:0px 5px 0 0;color:#999} .footer_s .sitemap,.footer_w .sitemap{ float:right; margin-top:2px} .footer_s .sitemap li,.footer_w .sitemap li{ float:left; padding:0 3px 0 0;} /* a:700 * 240 */ .content_a{width:700px; float:left} .aside_a{width:240px; margin-left:20px; float:left} /* b:240 * 710 */ .content_b{width:710px; float:left;margin-right:10px;} .aside_b{width:240px; float:left} /* c:610 * 150 */ .content_c{width:610px; float:left;margin-right:10px;} .aside_c{ float:right;} /* d:580 * 185 */ .content_d{width:580px; float:left;margin-right:10px;} .aside_d{width:185px; float:right;} /* e:740 * 200 */ .content_e{width:740px; float:left;margin-right:20px;} .aside_e{width:200px; float:left} /*---------------------------------------end @layout-------------------------------------*/ /*---------------------------------------@declare -------------------------------------*/ body{color:#ffffff; background:#8e0001;font:12px/1.5 Arial,Helvetica,sans-serif} .star10,.star20,.star30,.star40,.star45,.star50,.good,.bad,.mstar1,.mstar2,.mstar3,.mstar4,.mstar5,.mstar6,.mstar7,.mstar8,.mstar9,.mstar10,.mstar11,.mstar12,.newpic, .sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50, .iarrowBtm,.ireview,.ifavorite,.imobile,.ipromo,.ihelp,.iface1,.ishop,.icityTone,.inoface,.ipic { background-image:url('img/g.remark.ver1.gif');background-repeat:no-repeat;} .Pages a.PrevPage,.Pages a.NextPage,.hdNav a.noMail,.hdNav a.manage,.fnTip,.itop, .know,.fnTip .know:hover,.hdSub li.fn strong,.More,.sehSelectUI div span,.sehSelectUI div span,.sehSelectUI div a,.iadd,.isehbtn { background:url('img/g.comm.gif') no-repeat;} .newpic,.sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50, .star10,.star20,.star30,.star40,.star45,.star50,.star60,a.btnMore,span.btnMore,.itop,.inoface,.ipic,.iadd,.isehbtn {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative; font-size:0px;} .hdFn .fn li,.hdNav,.hdNav .tab,.hdNav .sform,.hdNav fieldset,.hdNav fieldset button,.hdNav .tab li.on a strong,.hdNav .tab li.on a,.hdNav .tab li a:hover,.hdNav .tab li a:hover strong,.hdNav .tab li.mark,.hdSub,.hdFn .fn li a.manage,.hdSub li.arrow, .hdNav .inp,.hdNav .inp .select,.hdNav .inp .select .value,.hdNav .inp .search .text,.hdNav .inp .search button,.hdNav .tag,.hdNav .tab li a .arrow { background:url('img/g.header.ver2.png') no-repeat;} .DialogButtons .btn{background:url(c.btn.png) no-repeat;} .sehBox dl:after,.hdFn:after,.hdNav:after,.hdNav .tab:after,.hdSub .list:after,.hdSub:after,.hdNav fieldset:after {content:"\0020"; display:block; height:0; clear:both} .sehBox dl,.hdFn,.hdNav,.hdNav .tab,.hdSub .list,.hdNav fieldset,.hdSub,.hdFn .fn li a {zoom:1} /*---------------------------------------end @declare -------------------------------------*/ /*-------------------------------------------------@component -----------------------------------------------*/ /* global (first char uppercase) */ .Pos{position:relative; zoom:1} .Hide{display:none} .Invisible{visibility:hidden; position:absolute;} .Clear{ clear:both} .Fixfloat{ overflow:hidden; _display:inline-block} .Nowrap{white-space:nowrap; overflow:hidden} .Break{word-break:break-all; overflow:hidden} .Right{ float:right} .Left{ float:left} .Star{ color:#f00;} .Btn_s:link, .Btn_s:visited{border:1px solid #f93; padding:0 4px; background:#ffc; color:#6666cc} .Doing{line-height:30px;text-align:center;color:#cc0000;} .More{ background-position:0 -813px;font-size:13px; float:right;padding:1px 0 0 5px; cursor:pointer;} .More span{background-position:right -864px;font-size:13px;color:#ff6633; float:left; height:22px;line-height:21px;overflow:hidden; padding-right:5px;} /* img list for ul*/ .imgList{text-align:center} .imgList li{float:left; display:inline; overflow:hidden; width:120px; height:90px; padding:0 10px 20px 0} .imgList img{display:block; margin:0 auto 3px} /* det list for ul*/ .detList{ text-align:left} .detList li{ clear:both; zoom:1; overflow:hidden; padding:0 0 10px 60px;} .detList li .img{float:left; display:inline;margin:2px 0 0 -60px;} /* dianping list for dl */ .contList{clear:both;font-size:13px} .contList dt{background:#f7f7f7; padding-right:5px} .contList cite{font:normal 13px/1.8 Arial; padding-left:5px; zoom:1;} .contList .contList-avatar{background:#fff; float:left; width:60px; _margin-right:-3px; text-align:center;} .contList .ruImg{ padding:5px; vertical-align:middle;} .contList dt span{font:13px/1.8 arial;} .contList .bn{float:right; margin-top:3px} .contList-fn, .contList-info,.contList-tag, .contList dd{overflow:hidden; _display:inline-block} .contList dd address{color:#999; padding-top:5px} .contList-info,.contList-fn,.contList-con,.contList-tag{padding-top:5px} .contList-fn li, .contList-info li{float:left; padding-right:8px} .contList-tag li{float:left; margin-right:10px} /* rankTable */ .rankTable{ text-align:center; width:100%;} .rankTable td,.rankTable th{ padding:3px 0;} /* .rankTable tr.head{ background:#f93} */ .rankTable tr.alt{ background:#F7F7F7} .rankTable td.shopname{ text-align:left} /* quote */ .quote{ border:1px solid #aaa; margin:14px 12px 20px} .quote cite{ display:block; text-indent:12px; line-height:2;} .quote blockquote{ overflow:hidden; margin:0; padding:6px 12px} .fnTip{ background:#FFF0E1; padding:6px 5px; margin:2px 0; position:relative;zoom:1;} .fnTip .know{ background-color:#fff; background-position:42px -406px; border:#FFCC66 1px solid; color:#336699; padding:2px 3px;width:50px; font-size:12px; display:block; position:absolute; right:2px; top:4px;} .fnTip .know:hover{ background-color:#ffc;background-position:42px -406px;} /* pager */ .Pages{clear:both;padding:5px;text-align:right;font-size:12px;float:right;} .Pages a.PageLink:Link,a.PageLink:Visited,a.PageLink:Active{background:#fff;float:left;margin-left:2px;padding:4px 6px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5;} .Pages a.PageLink:Hover{padding:4px 6px;color:#FFF;background:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5;} .Pages a.PrevPage:Link,a.PrevPage:Visited,a.PrevPage:Active{float:left;margin-left:2px;padding:4px 5px 4px 14px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#fff; background-position:5px -274px;} .Pages a.PrevPage:Hover{padding:4px 5px 4px 14px;color:#fff;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#6666cc; background-position:-5px -124px;} .Pages a.NextPage:Link,a.NextPage:Visited,a.NextPage:Active{float:left;margin-left:2px;padding:4px 14px 4px 5px;line-height:100%;font-weight:normal;color:#6666cc;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#fff; background-position:45px -234px;} .Pages a.NextPage:Hover{padding:4px 14px 4px 5px;color:#fff;text-decoration:none;font-size:12px;border:1px solid #cbdbe5; background-color:#6666cc; background-position:35px -84px;} .Pages span.PageSel{float:left;padding:2px 8px;background:#6666cc;color:#fff;font-weight:bold;margin-left:2px;} .Pages span.PageMore{float:left;padding:2px 8px;} .star10{ background-position:0 -320px; width:16px; height:16px;} .star20{ background-position:0 -280px; width:30px; height:16px;} .star30{ background-position:0 -240px; width:44px; height:16px;} .star40{ background-position:0 -200px; width:58px; height:16px;} .star45{ background-position:-200px -760px; width:72px; height:16px;} .star50{ background-position:0 -160px; width:72px; height:16px;} .star60{ background:url(img/ul60.gif) no-repeat; width:17px; height:14px;} .sstar0,.sstar5,.sstar10,.sstar20,.sstar30,.sstar35,.sstar40,.sstar45,.sstar50 {width:80px; height:16px;} .sstar0{ background-position:-199px -680px; } .sstar5{ background-position:-200px -560px; } .sstar10{ background-position:-200px -520px; } .sstar20{ background-position:-200px -480px;} .sstar30{ background-position:-200px -440px;} .sstar35{ background-position:-200px -400px;} .sstar40{ background-position:-200px -360px;} .sstar45{ background-position:-200px -320px;} .sstar50{ background-position:-200px -280px;} .good{ background-position:0 -400px; width:19px; height:19px; float:left;} .bad{ background-position:0 -440px; width:19px; height:19px;float:left;} .mstar1,.mstar2,.mstar3,.mstar4,.mstar5,.mstar6,.mstar7,.mstar8,.mstar9,.mstar10,.mstar11,.mstar12{ width:62px;height:24px;display:block; margin:1px 0; zoom:0;} .mstar1{background-position:0 -480px; } .mstar2{background-position:0 -520px; } .mstar3{background-position:0 -560px; } .mstar4{background-position:0 -600px; } .mstar5{background-position:0 -640px; } .mstar6{background-position:0 -680px; } .mstar7{background-position:0 -720px; } .mstar8{background-position:0 -760px; } .mstar9{background-position:0 -800px; } .mstar10{background-position:0 -840px; } .mstar11{background-position:0 -880px; } .mstar12{background-position:0 -920px; } .newpic{ width:22px; height:11px;background-position:0 -360px;} .itop{width:35px; height:15px;background-position:0 0;} .inoface{ width:48px; height:48px; background-position:0 0;} .ipic{width:16px; height:14px; background-position:0 -75px;margin-right:3px;} .iadd{height:12px; width:12px;background-position:0 -480px;margin-right:3px;} .isehbtn{ background-position:0 10px; width:50px; height:27px; background-position:0 -991px;} .sehBtn{ width:30px; height:30px; display:block; position:absolute; top:0; left:0;} /*------------------------------------------------- end @component -----------------------------------------------*/ /*-------------------------------------------------@module -----------------------------------------------*/ /* header */ .hdLine{background:#f93; padding:1px 10px;} .hdLine{zoom:0;} .hdFn{padding:6px 0 5px; font-size:13px;} .hdFn .logo{ float:left;} .hdFn address{ float:left; margin:10px 0 0 25px;} .hdFn .fn{ float:right;margin-top:10px;} .hdFn .on a{font-weight:bold;} .hdFn .fn span{ color:#999;} .hdFn .fn li{ float:left; display:inline; padding-left:6px; margin-left:5px; background-position:0 -356px} .hdFn .fn li.first{ background:none;} .hdFn .fn li em{ color:#c00; font-weight:bold; margin-left:2px;} .hdFn .fn li a.newMail{ padding-right:15px; background:url(img/icn_newmail.gif) right 4px no-repeat;} .hdFn .fn li a.newMail:hover{background-color:#66C;color:#fff;text-decoration:none;} .hdFn .fn li a.manage{ padding-right:12px; background-position:right -433px;} .hdFn .fn li a.manage:hover{ background-position:right -473px;background-color:#66C;color:#fff;text-decoration:none;} .hdNav{ background-position:0 -40px; background-repeat:repeat-x; position:relative;*line-height:1.6;font-size:13px;} .hdNav .tab,.hdNav .tag{background-position:0 0; padding-left:5px; height:38px; overflow:hidden; float:left;} .hdNav .tab li,.hdNav .tag li{ float:left;} .hdNav .tab li a,.hdNav .tag a{color:#900;display:block; padding:0 0 0 15px;} .hdNav .tab li a strong{ display:block; padding:8px 15px 10px 0;text-shadow:#fff 1px 1px 1px;} .hdNav .tab li a .arrow{background-position:right -635px;*background-position:right -637px; padding-right:10px;} .hdNav .tag{background-position:right -80px; float:right; padding-right:5px;} .hdNav .tag a{padding:0 6px 0 0;} .hdNav .tag a:hover{ text-decoration:underline;} .hdNav .tag li a strong{display:block; padding:8px 0 10px 8px;text-shadow:#fff 1px 1px 1px;} .hdNav .tab li.on a,.hdNav .tab li a:hover { background-position:0 -240px; } .hdNav .tab li.on a strong,.hdNav .tab li a:hover strong {background-position:right -280px; color:#c33;} .hdNav .tab li.mark{ background-position:0 -120px; padding-left:7px; margin-left:5px;} .hdNav .tab li a.chlList{ cursor:default;} .hdNav .sform{ position:absolute;right:0px; top:0;background-position:right -80px;height:38px; width:306px; } .hdNav .sform fieldset{background-position:0 -158px; padding:2px 5px 0px 33px;height:38px; } .hdNav .sform fieldset input{ height:15px;width:215px; padding:2px 0;*padding:3px 0 2px;margin-top:5px; border:none;border-color:transparent; font-size:13px;color:#999; float:left; font-size:13px; } .hdNav .sform fieldset button{ width:53px; height:29px; background-position:right -200px; border:none; padding:0;text-indent:-9999px; float:right;} .hdNav .inp,.hdNav .inp .select,.hdNav .inp .search { float:left;} .hdNav .inp{background-position:0 -40px;height:33px; padding:4px 0 0 50px;} .hdNav .inp .select{display:inline; padding-right:24px;background-position:right -560px;} .hdNav .inp .select .value{ float:left;background-position:0 -520px;width:58px; height:26px;padding:5px 0 0 10px;cursor:default;-moz-user-select:none;} .hdNav .inp .select .list{ display:none;} .hdNav .inp .search{ position:relative;} .hdNav .inp .search .text{background-position:0 -520px; float:left; height:26px; width:195px; padding:5px 0px 0px 30px;} .hdNav .inp .search .text input{height:15px;width:170px;border:none;border-color:transparent; font-size:12px;color:#999; float:left;padding-left:4px;} .hdNav .inp .search .text input.on{color:#000;} .hdNav .inp .search button{background-position:0 -600px; height:30px; width:50px; border:0; padding:0;} .hdSub{ border:1px solid #ccc; border-top:none; background-position:right -320px; background-repeat:repeat-x; background-color:#feefbb;padding-left:5px; font-size:0; } .hdSub li{float:left; padding:3px 0 3px 15px; display:inline; font-size:12px;} .hdSub li a,.hdSub li a:link,.hdSub li a:visited,.hdSub li a:hover,.hdSub li a:active{ color:#666;} .hdSub li a,.hdSub li.fn strong,.hdSub li.fn em{float:left; padding:2px 0;*padding:4px 0 0;} .hdSub li a:hover{ text-decoration:underline;} .hdSub li a img{ padding-top:3px;} .hdSub li.fn{float:right; padding:3px 7px 3px 8px;} .hdSub li.fn strong{background-position:0 -475px; padding-left:16px;} .hdSub li.fn a{ color:#66c;float:none;} .hdSub li.fn a:hover{text-decoration:underline;} .hdSub li.arrow{padding-right:12px; background-position:right -387px;} .hdSub .myGroupsBtn{margin-right: 10px; float:right; display:inline;} .flotPl{ position:absolute; visibility:hidden; background:#fff; padding:3px 6px 5px 6px;background:#fff;margin-top:2px;border:#000 solid 1px;left:0;} .flotPl a{display:block;margin-bottom:1px;width:auto;} .Pl_cate,.Pl_hMGm {background:#fff;border:1px solid #000000;padding:3px 6px 5px 6px;position:absolute;visibility:hidden;margin-top:1px; left:0;} .Pl_cate a,.Pl_hMGm a {display:block;margin-bottom:1px;width:auto;} .hdCityMenu{ border:#000 1px solid;width:380px;position:absolute; visibility:hidden; } .hdCityMenu dl,.hdCityMenu dd,.hdCityMenu dd ul{ overflow:hidden;_display:inline-block} .hdCityMenu dl{background:#efefef;} .hdCityMenu dt{ float:left;padding:5px 5px 26px; font-weight:bold;} .hdCityMenu dd{ border-bottom:#ccc 1px dashed;padding:0 0 5px;background:#fff} .hdCityMenu strong{ float:right;} .hdCityMenu dd ul li{padding:5px 5px 0; float:left; width:41px;white-space:nowrap;} .hdCityMenu .fn dt{color:#efefef;} .hdCityMenu .fn dt,.hdCityMenu .fn dd{ padding:0 5px 5px; border:none;} .hdCatM1c {position:absolute; visibility:hidden; top:23px; left:1px; background:#FFF9D7; border:solid 1px #B59B54; margin:0; padding:0; height:auto; width:88px;} .hdCatM1c a:link,.hdCatM1c a:visited,.hdCatM1c a:hover,.hdCatM1c a:active{display:block; padding:3px 2px 3px 8px; text-decoration:none; zoom:1; color:#333; background:#FFF9D7} .hdCatM1c a:hover{background:#efefef} .hdCatM1c a.selected{background:#efefef} .hdCatM2c {position:absolute;visibility:hidden; top:23px; left:1px; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:auto; width:88px;} .hdCatM2c a:link,.hdCatM2c a:visited,.hdCatM2c a:hover,.hdCatM2c a:active{display:block; padding:3px 2px 3px 8px; text-decoration:none; zoom:1; color:#333; background:#fff} .hdCatM2c a:hover{background:#efefef} .hdCatM2c a.selected{background:#efefef} /* aside box for dl markup*/ .asideBox{ border:#ccc 1px solid; margin-bottom:10px} .asideBox dt{background:#efefef; padding:3px 10px; color:#cc0000; font-size:13px} .asideBox dd{padding:10px 0 5px 10px} /*listBox*/ .listBox{ border-bottom:1px solid #ccc; font-size:13px; padding:10px 0;} .listBox h3{ color:#c00; font-weight:bold; padding-bottom:3px; zoom:1; overflow:hidden;} .listBox .con{ padding-left:5px;} /* rank box for dl markup*/ .rankBox{ border:2px solid #FFE8D9; width:226px;} .rankBox dt{background:#FFE8D9; text-align:center; color:#cc0000; font:bold 14px/1.6 arial;} .rankBox dd{ padding:0} .rankBox dd p{background:#FFE8D9; text-align:right; padding:4px 5px 3px 0; font:12px arial;} /* tag box */ .tagBox{ border-bottom:1px dotted #bcbcbc} .tagBox h2{border-bottom:1px dotted #bcbcbc; color:#cc0000; font-size:14.8px} .tagBox dt{color:#cc0000; font-size:13px} .tagBox dd{padding:5px 0} .tagBox dd table td{padding:0 5px} /*search categroy*/ .sehBox{} .hasBorder{ border:1px solid #FB9F78; padding:8px 0 2px 8px; margin-bottom:12px;} .sehBox dl{margin-bottom:5px;} .sehBox dl dt{float:left; margin-right:2px; *padding-top:2px;} .sehBox dl dd{ width:800px; float:left;} .sehBox dl dd ul{ overflow:hidden; _display:inline-block; } .sehBox dl dd ul li{ float:left;display:inline; margin-right:7px; line-height:20px;} .sehBox dl dd ul li.top{ position:relative;} .sehBox dl dd ul li span{ color:#999;} .sehBox dl dd ul li a,.sehBox dl dd ul li strong,.sehBox dl dd ul li span{ white-space:nowrap;} .sehBox .sub{ border:1px solid #C5C5C5; background:#FFFAE4; padding:2px 4px;} .sehBox .cate{ padding-bottom:3px;} .iarrowBtm{ width:10px; height:7px; position:absolute;top:17px; left:41%; background-position:-200px -40px;} /* search list */ .searchList{width:auto} .searchList .sort{background:#f93; padding:5px 2px;} .searchList .sort a, .searchList .sort span{padding-left:5px} .searchList dt{position:relative; zoom:1; text-align:right; padding:5px 0px; border-top:2px #ff9f24 solid; height:1.5em;border-bottom:1px dashed #999999;} .searchList dt .listFn{position:absolute; top:0px; overflow:hidden;_display:inline-block;} .searchList dt .listFn *{ float:left;} .searchList dt .listFn span,.searchList dt .listFn strong{ padding-top:6px; margin-right:10px;} .searchList dt .typer strong{ margin-right:20px;} .searchList dt .listFn span{ *padding-top:5px;} .searchList dt .listFn a.B,.searchList dt .listFn a.BL{ margin:4px 10px 0px 0px;} .searchList dt .listFn strong a.B,.searchList dt .listFn strong a.B:link,.searchList dt .listFn strong a.B:visited,.searchList dt .listFn strong a.B:hover,.searchList dt .listFn strong a.B:active { margin:0; padding:0; background:none; color:#333;} .searchList dt span.typel{left:2px;} .searchList dt span.typer{ right:0;} .searchList dt a{padding-right:10px} .searchList dt strong,.searchList dt em a { background:url(img/arrowtop.gif) center top no-repeat; padding-top:5px;float:left;} .searchList dd{ zoom:1; padding:10px 0 20px;background:#fff; position:relative; _height:70px; min-height:70px;} .searchList .detial{ font:13px/1.5 arial; margin-bottom:10px;} .searchList .shopname{ padding:0 0 3px; height:21px; } .searchList .mapMark{ position:relative; top:2px; left:1px;} .searchList .shopname .tip{color:#999;} .searchList .shopname a{font-size:14px; font-weight:bold;} .searchList .remark{width:211px;float:right} .searchList .remark li{ clear:both;padding-left:26px;padding-top:3px;} .searchList .remark li.grade{ float:left; font-weight:bold; padding-left:0px;} .searchList .grade span{ float:left; width:30px; text-align:center; white-space:nowrap;margin-left:18px;} .searchList .review{ margin:10px 0;} .searchList .fn{ position:absolute; bottom:0px;width:100%;border-bottom:1px dashed #999999; text-align:center; height:21px;} .searchList .fn *{ display:none;} .searchList .fnon{ position:absolute; bottom:0px;background:#DBE5EC; width:100%;border-bottom:1px solid #84ADFC;text-align:center;height:20px;padding-top:2px;} .rateBox{padding: 15px 30px;} .rateBox li{float:left;margin: 0 5px;border:1px solid #D9D9DB;border-top: 0;border-left: 0;} .rateBox li a.send, .rateBox li a.send:hover{background-position: 5px 3px;background-repeat: no-repeat;color:#0065CD;width:65px;height:21px;border:1px solid #ACB9C1;background-color:#D2E4FC;display:block;padding: 8px 0 0 35px;line-height:13px;font-size:13px;} .rateBox li a.send:hover{background-color:#B9D3F6} .rateBox_noPop{padding: 5px;} .favoriteBox{margin:10px 0 30px 15px;} .favoriteBox p{margin:8px;} /*follownote module*/ #followNote,#followNoteAdd{ padding:10px;clear:both;} #noteTitle,#noteAddTitle{color:#C51100;font-size:14.8px;font-weight:bold; padding-bottom:5px} #followNote .contList{ padding-bottom:20px;} #followNote .contList-avatar{ width:70px; text-align:left} #followNote .contList-avatar img{border:1px solid #ccc;} #followNote .contList-fn { color:#999} #followNote .contList-fn .confirm,#followNote .loading{ padding:1px 5px; color:#cc0000; font-size:12px; background:#FFFFCC; border:1px solid #CCCCCC; display:none;} #followNote .loading{ display:inline;} #noteAddTitle{ width:70px; float:left; display:inline;} #noteAddBody{ float:left; display:inline;} #noteAddText{ width:480px; height:180px;} #noteAddEmo{ height:35px; overflow:hidden; zoom:1;} #noteAddEmo p{ float:left;padding:3px 12px 2px 2px; cursor:pointer; font-family:Arial} #noteAdderror,.noteError{ display:none;} /* ajax login & reg module */ .regLoginContent{width:400px;padding-bottom:20px;height:400px;} .regLoginContent .rlTip{color:#aaa;} .regLoginContent .tabs{font-family:Arial,"Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif;font-size:13px;padding:10px;} .regLoginContent .tabs h3{font-size:14px;color:#333;} .regLoginContent .tabs .tabNavigation{list-style:none;margin:0;padding:5px 0 0 4px;border-bottom:1px solid #aaa;height:23px;width:365px;} .regLoginContent .tabNavigation:after {display:block;clear:both;content: " ";} .regLoginContent .tabNavigation li {float: left;margin: 0 0 0 1px;min-width: 84px; /* be nice to Opera */width:84px;} .regLoginContent .tabNavigation a.nosel{color: #6665CB;display:block;padding: 7px 10px 0px 10px !important;padding-top:6px;font-size:12px;margin: 1px 0 0;font-weight: bold;line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap;outline: 0;} .regLoginContent .tabNavigation a.selected{position: relative;margin-top: 0;background:#fff;top:0px !important; top:1px;height:16px;color:#000;border-top:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;} .regLoginContent .mxitem {clear:both;padding:0px 0 0px 10px;} .regLoginContent .mxitem .mxsubtitle{float:left;padding:5px;text-align:right;width:100px;} .regLoginContent .mxitem .mxsubtitles{float:left;padding:5px;text-align:right;width:90px;} .regLoginContent .mxitem .mxinput{padding:5px !important;padding:0px 5px 5px 5px;} .regLoginContent .mxitem .Info{font-size:12px; color:#333;} .regLoginContent .mxitem .regvaliinfo{font-size:12px; color:#C51100;display:none;height:15px;padding-left:90px !important;padding-left:0px;height:16px;} .regLoginContent .mxitem .fv-err{font-size:12px;padding-left:0px;height:16px;} .regLoginContent .mxitem .fv-def{font-size:12px;padding-left:0px;height:16px;} .regLoginContent .mxitem .fv-ok{font-size:12px;padding-left:0px;height:16px;} .regLoginContent .mxitemcenter{padding-left:90px;} .regLoginContent .loadingmsg{background:#fff url(/s/css/img/spinner.gif) no-repeat scroll 105px center;color:#444;font-size:14px;text-align:center;width:100%;padding:130px 0px;} .regLoginContent .tabs .tbt{text-align:right;width:90px;} .regLoginContent .tabs tr{height:23px;} .regLoginContent .tabs tr.vali{vertical-align:top;height:27px;} .regLoginContent .tabs #loginimg{position:relative;top:6px;margin-right:5px;} .regLoginContent .tabs #regimg{position:relative;top:6px;margin-right:5px;} /* btnMore */ span.btnMore, a.btnMore, a.btnMore:link,a.btnMore:visited a.btnMore:hover,a.btnMore:active {background:url(/static/img/dm_arr.gif) no-repeat scroll 0 5px;padding-left:8px;text-decoration:underline;cursor:pointer; font-size:13px; color:#999;} /*AW new style*/ a.GoogleLinkG:link, a.GoogleLinkG:visited, a.GoogleLinkG:hover, a.GoogleLinkG:active{ color:#666; display:block;} .DPAD .DPADSubject a.BL{ font-size:13px;} .DPAD .DPADDesc a.GoogleLinkG{ font-size:12px;} .DPAD .DPADURL a.GoogleLinkG{ font-size:10px;} /*new style end*/ /*------------------------------------------------- end @module -----------------------------------------------*/ /*------------------------------------------------- @dp UI -----------------------------------------------*/ /*mbox*/ #mbox-window{background-color:#69ae54; overflow:visible; padding:3px; position:absolute; text-align:left} #mbox-btn-close{background:transparent url(dpui.gif) no-repeat 0 0; border:1px solid #ccdeac; height:15px; width:15px;position:absolute; right:10px; top:12px; } #mbox-btn-close:hover{ border:solid 1px #547f13;} .mbox-loading{background-image:url(/img/spinner.gif); background-position:center; background-repeat:no-repeat} #mbox-content{background-color:#ccdeac; clear:both; width:100%; height:100%; overflow:hidden;} .mbox-content-image{overflow:visible} .mbox-content-image img{display:block} .mbox-content-iframe{overflow:visible} /*prompt*/ #dp-Box{border:3px solid #000; background:#fff} #dp-closehandle{ width:15px; height:15px; position:absolute; right:6px; top:6px;border:solid 1px #eee; background:url(dpui.gif) no-repeat;} #dp-closehandle:hover{ border:solid 1px #000;} #dp-title{} #dp-InBox{} #dp-control{ text-align:center;} #dp-control input,#dp-control button{ vertical-align:middle;} /*default theme*/ .DialogTitle{ height:15px; padding:10px; background:#eee; color:#cc0000; font:bold 14.8px arial;} .DialogContent{color:#000000;font-size:12px;line-height:18px;margin:25px 20px 15px; color:#547f13;} .DialogButtons{margin:10px;text-align:center;} .DialogButtons input,.DialogButtons button{margin:0 5px;} .DialogButtons .btn{border:0; width:77px; height:30px; overflow:hidden; cursor:pointer;} .DialogButtons .regBtn{} .DialogButtons .loginBtn{background-position:-80px 0;} .DialogButtons .cancelBtn{background-position:-160px 0;} .DialogButtons .comfirmBtn{background-position:-240px 0;} /*mtabs*/ .mtabList a,.mtabList span{ background:url(img/dpui.gif) no-repeat;} .mtabList{ border-bottom:3px solid #f94; zoom:1; overflow:hidden;} .mtabList li{ float:left;margin-right:2px;text-align:center; } .mtabList a{float:left;padding-left:15px; background-position:0 0; text-decoration:none;} .mtabList a span{font-size:13px; display:block; line-height:25px;padding-right:15px;background-position:100% 0;cursor:pointer;} .mtabList li.active a{background-position:0 -25px;} .mtabList li.active a span{background-position:100% -25px;} .mtabPanel{clear:both; overflow:hidden;zoom:1;display:none; } .mtabPanel.active{ display:block} /*mcalendar*/ .mcalendar{font-size:12px; width:171px; height:197px; background:url(/s/img/cal_bg.png) no-repeat; padding:10px 0px 0px 12px} .mcalendar ul{list-style:none; width:147px; margin:0px; padding:0px; clear:left} .mcalendar ul li{float:left; width:21px; height:19px; text-align:center; cursor:pointer} .mcalendar ul li a:link{display:block; width:21px; height:19px; color:#000; text-decoration:none} .mcalendar ul li a:hover{color:#f94; text-decoration:underline} .mcalendar a.mcalendar_selected:link{height:21px; cursor:pointer; color:#f94; text-decoration:none} .mcalendar li.mcalendar_invalid{} .mcalendar li.mcalendar_outrange{color:#333; height:20px; padding-top:1px} .mcalendar li.mcalendar_week{color:#f94; height:auto; padding:2px 0 1px 0} .mcalendar li.mcalendar_today{height:21px; width:63px; display:block} .mcalendar li.mcalendar_today a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000} .mcalendar li.mcalendar_today a:hover{color:#f94} .mcalendar li.mcalendar_month{height:21px; width:63px; display:block} .mcalendar li.mcalendar_month a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000} .mcalendar li.mcalendar_month a:hover{color:#f94} .mcalendar li.mcalendar_year{height:21px; width:63px; display:block} .mcalendar li.mcalendar_year a:link{width:63px; display:block; height:18px; padding-top:3px; color:#000} .mcalendar li.mcalendar_year a:hover{color:#f94} .mcalendar li.mcalendar_logo{background:transparent; color:#079ddd} /*Carousel*/ .carousel_shop{position:relative; width:580px;padding:12px 50px; border:1px solid #ccc; background:#F0EFEF;margin-bottom:10px;} .carousel_shop .previous{ position:absolute; cursor:pointer; width:30px; height:115px; left:0; top:0px; background:url(/s/css/img/prv1.gif) no-repeat;} .carousel_shop .next{position:absolute; cursor:pointer; width:30px; height:115px; right:0; top:0px; background:url(/s/css/img/nxt1.gif) no-repeat;} .carousel_shop .unable{ background-position:-30px 0; cursor:default} .carousel_shop .clip{ position:relative; width:580px; height:91px; overflow:hidden;} .carousel_shop .cont{position:absolute; top:0; width:1720px} .carousel_shop .cont li{ overflow:hidden; float:left; width:116px;background:#F0EFEF; padding:0; margin:0; border:0} .carousel_shop .cont li.sitem{ background:#656565;} .carousel_shop .cont li p{ padding:8px;} .carousel_dp{position:relative; width:508px; padding:8px 30px; background:url(/s/css/img/dp_s_bg.gif) no-repeat 0 0;margin-bottom:10px;} .carousel_dp .previous{ position:absolute; cursor:pointer; width:26px; height:106px; left:0; top:8px; background:url(/s/css/img/dp_pre.gif) no-repeat;} .carousel_dp .next{position:absolute; cursor:pointer; width:26px; height:106px; right:0; top:8px; background:url(/s/css/img/dp_nxt.gif) no-repeat;} .carousel_dp .unable{ background-position:-26px 0; cursor:default} .carousel_dp .clip{ position:relative; width:508px; height:106px; overflow:hidden;} .carousel_dp .cont{position:absolute; top:0; width:17200px;} .carousel_dp .cont li{ overflow:hidden; float:left; width:127px;background:#fff; padding:0; margin:0; border:0} .carousel_dp .cont li img{ padding:0 10px;} .carousel_dp .cont li p{ text-align:center; overflow:hidden} .carousel_none .previous,.carousel_none .next{display:none;} .carousel_none .clip{background:url(/s/css/img/dp_s_bg.gif) no-repeat; float:left; padding-left:30px} .carousel_none .cont{ padding:8px 30px 8px 0; background:url(/s/css/img/dp_s_bg.gif) no-repeat 100% 0; float:left;} .carousel_none .cont li{ overflow:hidden; float:left; width:127px; height:106px;background:#fff; padding:0; margin:0; border:0} .carousel_none .cont li img{ padding:0 10px;} .carousel_none .cont li p{ text-align:center; overflow:hidden} /*minput*/ /* Radios Checkboxes */ .minputRadiobox{background:transparent url(img/dpui.gif) no-repeat left top; vertical-align:middle; overflow:hidden; height:14px; width:15px; display:block; font-size:0} .minputCheckbox{background:transparent url(img/dpui.gif) no-repeat left top; vertical-align:middle; overflow:hidden; height:13px; width:14px; display:block; font-size:0} .minputChecked{background-position:left bottom} .minputHidden{display:none} /* Selects */ .minputWrapper{position:relative; height:19px} .minputWrapper div span{float:left; color:#336699; height:19px; font:12px/19px arial; padding:0px 3px; overflow:hidden;background:url(img/dpui.gif) no-repeat 0 0} .minputWrapper div a{ float:left; width:21px; height:19px; background:url(img/dpui.gif) no-repeat 0 -20px} .minputWrapper ul{position:absolute; top:18px; left:0; background:#fff; border:solid 1px #CCC; margin:0; padding:0; height:150px; overflow-y:auto; overflow-x:hidden} .minputWrapper ul a{display:block; padding:5px; text-decoration:none; zoom:1; color:#09C; background:#fff} .minputWrapper ul a:hover{background:#E1F5FF} .minputWrapper ul a.selected{background:#EDEDED} /*autocomplete*/ .autocompleter{ border:1px solid windowframe; background:#fff; line-height:25px;} .autocompleter li{padding:0 7px;} .ac_select{ background:highlight; color:HighlightText} .ac_close{ text-align:right; cursor:pointer; font-size:12px} /*tagSelector*/ .tagdiv{line-height:16px;margin:3px 0 5px 0;} .tagtitle{color:#999;margin-right:6px;} .taglist a{padding:2px 1px 0 1px; text-decoration:none;margin-right:4px; color:#fff;} .taglist a:link, .taglist a:visited{color:#66c;} .taglist a:hover, .taglist a:active{color:#FFF;background:#66c;} .taglist a.tagon,.taglist a.tagon:link,.taglist a.tagon:visited,.taglist a.tagon:active{color:#fff;background:#6666cc;} /*fv*/ .fv-def{ color:#404;visibility:hidden;} .fv-ok{ color:Green} .fv-err{ color:#cc0000} .fv-bang{ background:#cc0000} .textareaError{color:#cc0000} /*star rating*/ .starRating,.rating .wp {display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;*margin-right:3px;vertical-align:middle;position:relative; font-size:0px;} .starRating,.starRating li:hover,.starRating .s1-on,.starRating .s2-on,.starRating .s3-on,.starRating .s4-on,.starRating .s5-on { background-image:url(img/g.remark.ver1.gif); background-repeat:repeat-x;height:16px;z-index:1;} .rating{height:32px;z-index:0; background-position:0 bottom;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius: 3px;} .rating label{ font-size:13px;vertical-align:middle; margin-right:8px; zoom:1;} .rating .wp{ padding:6px 8px 5px; background:#FEF5C4; border:1px solid #f93;} .starRating{ width:80px;background-position:-199px -680px;} .starRating li{ position:absolute; text-indent:-9999px;cursor:pointer; width:16px;height:16px; z-index:2; } .starRating .s1{left:0;} .starRating .s2{left:16px;} .starRating .s3{left:32px;} .starRating .s4{left:48px;} .starRating .s5{left:64px;} .starRating .data{ display:none;} .starRating .info,.starRating li.info:hover{ font-weight:bold; right:-215px; top:-2px; text-indent:0; width:200px; font-size:13px; background:none; cursor:default;color:#666} .starRating .hover,.starRating li.hover:hover{color:#f63} .starRating .error,.starRating li.error:hover{color:#c00} .starRating .s1:hover,.starRating .s1-on {background-position:-200px -520px;width:16px;left:0;} .starRating .s2:hover,.starRating .s2-on {background-position:-200px -480px;width:32px;left:0;} .starRating .s3:hover,.starRating .s3-on {background-position:-200px -440px;width:48px;left:0;} .starRating .s4:hover,.starRating .s4-on {background-position:-200px -360px;width:64px;left:0;} .starRating .s5:hover,.starRating .s5-on {background-position:-200px -280px;width:80px;left:0;} /*head nav*/ .header_header{ width:1000px; position:relative; background: url(../images/logo_mini_bg.gif); height:30px;} a.logo,a.logo:hover{ background: url(../images/logo_mini.gif) no-repeat; width:90px; height:30px; display:block; } .co{ background: url(../images/logo_mini_co.gif) no-repeat; position:absolute; right:0; top:0px; width:9px; height:30px;} .top_nav{ color:#DBCCA5;position:absolute; top:5px; left:100px; padding-top:3px;} .top_nav a{ color:#FFF; text-decoration:none;} .top_nav a:hover{ color:#FFF; background:none; text-decoration:underline;} .flotPl { border:1px solid #000; width:75px;padding:3px 0px 5px 0px; position:absolute; margin-top:2px; left:0; visibility:hidden; background:#fff;} .flotPl a{ display:block; margin-bottom:1px; width:auto; line-height:20px;} a.WX:link, a.WX:visited{padding:2px 1px 0 1px; font-size:12px; color:#FFFFFF; text-decoration:underline ; font-weight:bold} a.WX:hover, a.WX:active{padding:2px 1px 0 1px; font-size:12px; color:#FFFFFF; text-decoration:none ;font-weight:bold} a.RX:link, a.RX:visited{padding:2px 1px 0 1px; font-size:12px; color:#BE0203; text-decoration:underline ; font-weight:bold} a.RX:hover, a.RX:active{padding:2px 1px 0 1px; font-size:12px; color:#BE0203; text-decoration:none ;font-weight:bold} a.RR:link, a.RR:visited{padding:2px 1px 0 1px; font-size:12px; color:#BE0203; text-decoration:underline ; } a.RR:hover, a.RR:active{padding:2px 1px 0 1px; font-size:12px; color:#BE0203; text-decoration:none ;} #box{width:1000px; margin: 0px auto;} #box .content{width:1000px; height:651px; text-align:center;} #box .sub_content{width:960px;background:#8e0001; margin:0 auto} #box .sub_content .sub_top{width:960px;height:545px; float:left} #box .sub_content .sub_top .left{width:191px;height:545px; float:left} #box .sub_content .sub_top .left .logo_bg{width:191px;height:154px; background:url(../images/logo.jpg) no-repeat; float:left; position:relative} #box .sub_content .sub_top .left .logo_bg .name{ width:150px; height:22px; position: absolute; left: 26px; top: 81px; } #box .sub_content .sub_top .left .logo_bg .chenji{ width:150px; height:22px; position: absolute; left: 26px; top: 103px; } #box .sub_content .sub_top .left .logo_bg .fxydl{ width:150px; height:24px; position: absolute; left: 26px; top: 125px; } #box .sub_content .sub_top .left .logo_text{width:191px;height:391px; background:url(../images/left_text.jpg) no-repeat; float:left; position:relative} #box .sub_content .sub_top .left .logo_text .hdbb{ width:65px; height:30px; position:absolute; color:#c35300; font-size:14px; font-weight:bold; left: 72px; top: 5px; line-height:30px; } #box .sub_content .sub_top .left .logo_text .hdbb_content{ width:143px; height:130px; position:absolute; left: 30px; top: 36px; line-height:17px; } #box .sub_content .sub_top .left .logo_text .hphy{ width:108px; height:30px; position:absolute; color:#c35300; font-size:14px; font-weight:bold; left: 52px; top: 188px; line-height:30px; } #box .sub_content .sub_top .left .logo_text .hphy_content{ width:135px; height:129px; position:absolute; left: 35px; top: 221px; line-height:20px; } #box .sub_content .sub_top .left .logo_text .lianjie{ width:149px; height:35px; position:absolute; left: 28px; top: 355px; line-height:16px; } #box .sub_content .sub_top .left .logo_text2{width:191px;height:545px; background:url(../images/left_text2.jpg) no-repeat; float:left; position:relative} #box .sub_content .sub_top .left .logo_text2 .xingxing{ width:191px; height:200px; position:absolute; top: 94px; } #box .sub_content .sub_top .middle{width:483px;height:545px; float:left} #box .sub_content .sub_top .middle .title{width:483px;height:131px; float:left;background:url(../images/title.jpg) no-repeat;} #box .sub_content .sub_top .middle .title2{width:483px;height:131px; float:left;background:url(../images/title2.jpg) no-repeat;} #box .sub_content .sub_top .middle .title4{width:483px;height:131px; float:left;background:url(../images/title4.jpg) no-repeat;} #box .sub_content .sub_top .middle .title5{width:483px;height:181px; float:left;background:url(../images/title5.jpg) no-repeat;} #box .sub_content .sub_top .middle .qa{width:483px;height:326px; float:left} #box .sub_content .sub_top .middle .qa .qa_left{width:90px;height:326px; background:url(../images/qa_left.jpg) no-repeat;float:left} #box .sub_content .sub_top .middle .qa .qa_left2{width:73px;height:326px; background:url(../images/qa_left2.jpg) no-repeat;float:left} #box .sub_content .sub_top .middle .qa .qa_right{width:393px;height:326px; float:right} #box .sub_content .sub_top .middle .qa .qa_right .question{width:393px;height:158px;background:url(../images/qa.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .question .first{ width:25px; height:25px; position: absolute; left: 20px; top: 90px; } #box .sub_content .sub_top .middle .qa .qa_right .question .second { width:25px; height:25px; position: absolute; left: 194px; top: 89px; } #box .sub_content .sub_top .middle .qa .qa_right .question .third { width:25px; height:25px; position: absolute; left: 20px; top: 114px; } #box .sub_content .sub_top .middle .qa .qa_right .question .btn { width:72px; height:41px; position: absolute; left: 266px; top: 115px; } .btn a.an{width:72px; height:41px; background:url(../images/jxt.gif) no-repeat;vertical-align:middle; cursor:pointer; display:block; float:left;} .btn a.an:hover{background: url(../images/jxt2.gif) no-repeat;} #box .sub_content .sub_top .middle .qa .qa_right .question2{width:393px;height:158px;background:url(../images/qa2.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .question2 .first{ width:25px; height:25px; position: absolute; left: 20px; top: 90px; } #box .sub_content .sub_top .middle .qa .qa_right .question2 .second { width:25px; height:25px; position: absolute; left: 192px; top: 89px; } #box .sub_content .sub_top .middle .qa .qa_right .question2 .third { width:25px; height:25px; position: absolute; left: 17px; top: 114px; } #box .sub_content .sub_top .middle .qa .qa_right .question2 .btn { width:72px; height:41px; position: absolute; left: 306px; top: 115px; } #box .sub_content .sub_top .middle .qa .qa_right .question4{width:393px;height:158px;background:url(../images/qa3.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .question4 .btn { width:72px; height:41px; position: absolute; left: 306px; top: 115px; } #box .sub_content .sub_top .middle .qa .qa_right .question3{width:393px;height:158px;background:url(../images/qa4.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .question3 .first{ width:25px; height:25px; position: absolute; left: 10px; top: 50px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .second { width:25px; height:25px; position: absolute; left: 196px; top: 49px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .third { width:25px; height:25px; position: absolute; left: 10px; top: 72px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .forth { width:25px; height:25px; position: absolute; left: 196px; top: 72px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .fifth { width:25px; height:25px; position: absolute; left: 10px; top: 94px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .sixth { width:25px; height:25px; position: absolute; left: 196px; top: 93px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .seventh { width:25px; height:25px; position: absolute; left: 11px; top: 115px; } #box .sub_content .sub_top .middle .qa .qa_right .question3 .btn { width:72px; height:41px; position: absolute; left: 306px; top: 115px; } #box .sub_content .sub_top .middle .qa .qa_right .jn{width:393px;height:57px;float:left;background:url(../images/jn.jpg) no-repeat; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .jn .fudai{ width:77px; height:56px; position: absolute; left: 175px; top: 1px; } #box .sub_content .sub_top .middle .qa .qa_right .jn .miaoji{ width:63px; height:49px; position: absolute; left: 277px; top: 5px; } #box .sub_content .sub_top .middle .qa .qa_right .show{width:393px;height:111px; background:url(../images/show4.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right .show .pic{ width:393px; height:65px; float:left; position:absolute; top: 19px; } #box .sub_content .sub_top .middle .qa .qa_right .show .more{ width:46px; height:25px; position:absolute; left: 328px; top: 100px; } #box .sub_content .sub_top .middle .qa .qa_right2{width:410px;height:326px; float:right} #box .sub_content .sub_top .middle .qa .qa_right2 .question{width:410px;height:207px;background:url(../images/qa5.jpg) no-repeat;float:left;} #box .sub_content .sub_top .middle .qa .qa_right2 .question .left{width:144px;height:207px;float:left;} #box .sub_content .sub_top .middle .qa .qa_right2 .question .right{width:256px;height:207px;float:right;} #box .sub_content .sub_top .middle .qa .qa_right2 .question .right h3{ font-size:14px; font-weight:bold;color:#bb0c0c; line-height:16px;} #box .sub_content .sub_top .middle .qa .qa_right2 .question .right p{line-height:16px;color:#545454; margin-top:4px;} #box .sub_content .sub_top .middle .qa .qa_right2 .show5{width:410px;height:119px;background:url(../images/show5.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .middle .qa .qa_right2 .show5 .pic{ width:393px; height:65px; float:left; position:absolute; top: 32px; left: 16px; } #box .sub_content .sub_top .middle .qa .qa_right2 .show5 .more{ width:46px; height:25px; position:absolute; left: 364px; top: 100px; } #box .sub_content .sub_top .middle .cup{width:483px;height:88px;background:url(../images/cup.jpg) no-repeat;float:left;} #box .sub_content .sub_top .middle .cup2{width:483px;height:88px;background:url(../images/cup2.jpg) no-repeat;float:left;} #box .sub_content .sub_top .middle .cup3{width:483px;height:38px;background:url(../images/cup3.jpg) no-repeat;float:left;} #box .sub_content .sub_top .right{width:286px;height:545px; float:right} #box .sub_content .sub_top .right .time{width:286px;height:107px; background:url(../images/time.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .right .time .gzrs{ width:119px; height:20px; position:absolute; left: 135px; top: 27px; } #box .sub_content .sub_top .right .time .shi{ width:21px; height:25px; position:absolute; left: 174px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-align:center } #box .sub_content .sub_top .right .time .day{ width:21px; height:25px; position:absolute; left: 144px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center } #box .sub_content .sub_top .right .time .fen{ width:21px; height:25px; position:absolute; left: 204px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center } #box .sub_content .sub_top .right .time .miao{ width:21px; height:25px; position:absolute; left: 232px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-align:center } #box .sub_content .sub_top .right .time2{width:286px;height:107px; background:url(../images/time2.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .right .time2 .gzrs{ width:119px; height:20px; position:absolute; left: 135px; top: 27px; } #box .sub_content .sub_top .right .time2 .shi{ width:21px; height:25px; position:absolute; left: 174px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-align:center } #box .sub_content .sub_top .right .time2 .day{ width:21px; height:25px; position:absolute; left: 144px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center } #box .sub_content .sub_top .right .time2 .fen{ width:21px; height:25px; position:absolute; left: 204px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center } #box .sub_content .sub_top .right .time2 .miao{ width:21px; height:25px; position:absolute; left: 232px; top: 70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-align:center } #box .sub_content .sub_top .right .time3{width:286px;height:107px; background:url(../images/time3.jpg) no-repeat;float:left; position:relative} #box .sub_content .sub_top .right .time3 .gzrs{ width:119px; height:20px; position:absolute; left: 135px; top: 27px; } #box .sub_content .sub_top .right .award{width:286px;height:438px; background:url(../images/right_award.jpg) no-repeat;float:left} #box .sub_content .sub_top .right .award2{width:286px;height:438px; background:url(../images/right_award2.jpg) no-repeat;float:left} #box .sub_content .sub_top .right .award3{width:286px;height:438px; background:url(../images/right_award3.jpg) no-repeat;float:left} #box .sub_content .sub_nav{width:960px;height:106px; background:url(../images/nav_bg.jpg) no-repeat;float:left} #box .sub_content .sub_nav2{width:960px;height:106px; background:url(../images/nav_bg2.jpg) no-repeat;float:left} #box .sub_content .sub_nav3{width:960px;height:106px; background:url(../images/nav_bg3.jpg) no-repeat;float:left} #box .sub_content .sub_nav4{width:960px;height:106px; background:url(../images/nav_bg4.jpg) no-repeat;float:left} #box .sub_content .sub_nav5{width:960px;height:106px; background:url(../images/nav_bg5.jpg) no-repeat;float:left} .clear{ clear:both} .scrollBlk {MARGIN: 0px auto; WIDTH: 360px; POSITION: relative; } .scrollBlk .box {DISPLAY: inline; FLOAT: left; MARGIN: 0px 5px; WIDTH: 80px} .scrollBlk .arrLeft { LEFT: -16px; CURSOR: pointer; POSITION: absolute; TOP: 22px; } .scrollBlk .arrRight { RIGHT: -16px; CURSOR: pointer; POSITION: absolute; TOP: 18px; } .info-box{width:320px;} .neirong{width:300px;height:280px;OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #484848; Z-INDEX: 1; FLOAT: left; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #484848; SCROLLBAR-SHADOW-COLOR: #484848; SCROLLBAR-3DLIGHT-COLOR: #484848; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #8b1919;margin:10px; padding:5px 0; } .tck_title{width:320px;height:35px; background: #484848; color:#ffffff; font-size:14px; font-weight:bold;padding-left:15px; line-height:35px;} .neirong p{ line-height:16px; font-size:12px; } .neirong img{ margin:5px 3px 5px 3px;border:1px solid #cccccc;} #tck{width:320px; visibility:hidden;display:none; } #mbox-window{background-color:#686868;} #mbox-content{ background-color:#94070e;padding-bottom:10px;} #mbox-btn-close:hover{ border:none;width:26px;height:23px;background: url(../images/cha.jpg) no-repeat} #mbox-btn-close{ border:none;width:26px;height:23px;background: url(../images/cha.jpg) no-repeat} #box .photoshow_content{width:960px;height:651px; margin:0 auto; background:#8e0001 url(../images/photoshow_bg.jpg) no-repeat; position:relative} #box .photoshow_content .show_bg{ width:812px; height:516px; position:absolute; left: 60px; top: 70px; z-index:0; } #box .photoshow_content{width:960px;height:651px; margin:0 auto; background:#8e0001 url(../images/photoshow_bg.jpg) no-repeat; position:relative} #box .photoshow_content .more{ width:85px; height:25px; position:absolute; left: 817px; top: 52px; } #box .photoshow_content .sub_nav{ width:960px; height:106px; position:absolute; top: 553px; z-index:1; } #imgPlay { MARGIN: 8px auto; OVERFLOW: hidden; WIDTH: 842px; ZOOM: 1; POSITION: relative; HEIGHT: 496px } #imgPlay .imgs IMG { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH:842px; PADDING-TOP: 1px; } #imgPlay .imgs LI { FLOAT: left; POSITION: relative } #imgPlay .imgs { WIDTH: 842px;HEIGHT: 496px } #imgPlay .btn { RIGHT: 12px; OVERFLOW: hidden; WIDTH: 112px; BOTTOM: 12px; TEXT-INDENT: -9999px; POSITION: absolute; HEIGHT: 29px; } #imgPlay .btn A { BACKGROUND: url(../images/bg.png) no-repeat;BACKGROUND-POSITION: 0px 0px; DISPLAY: block; WIDTH: 112px; HEIGHT: 29px; } #imgPlay .btn A:hover { BACKGROUND: url(../images/bg.png) no-repeat;BACKGROUND-POSITION: 0px -30px; } #imgPlay .prev { BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 202px; HEIGHT: 81px } #imgPlay .next { BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 202px; HEIGHT: 81px } #imgPlay .next { BACKGROUND-POSITION: right 0px; RIGHT: 1px; LEFT: auto } #imgPlay .num { DISPLAY: inline; LEFT: 400px; POSITION: absolute; TOP: 446px; HEIGHT: 19px } #imgPlay .num SPAN { DISPLAY: inline-block; BACKGROUND: url(../images/imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px } #imgPlay .num SPAN.on { BACKGROUND-POSITION: 1px -83px } #imgPlay .num .lc { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px } #imgPlay .num .mc { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px } #imgPlay .num .rc { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px } #imgPlay .num .mc { BACKGROUND: url(../images/mc.png) repeat-x } #imgPlay .num .rc { BACKGROUND: url(../images/rc.png) no-repeat } #imgPlay #numInner { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 445px; TEXT-ALIGN: center } #box .hdxq_content{width:960px;height:545px; margin:0 auto; background: url(../images/hdxq_content.jpg) no-repeat; position:relative} #box .hdxq_content .detail_bg{ width:610px; height:390px; position: absolute; left: 175px; top: 153px; OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #484848; Z-INDEX: 1; FLOAT: left; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #484848; SCROLLBAR-SHADOW-COLOR: #484848; SCROLLBAR-3DLIGHT-COLOR: #484848; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #8b1919; padding:0 5px; } #box .hdxq_content .detail_bg p{ line-height:16px;} #box .hdxq_content .detail_bg h3{ font-size:14px;color:#f6f4cd; font-weight:bold} #box .hdxq_content .detail_bg img{ width:83px;height:61px;padding:3px;} #box .hdxq_nav{width:960px;height:106px; margin:0 auto; background: url(../images/hdxq_nav.jpg) no-repeat;} #box .ketang_content{width:960px;height:545px; margin:0 auto; background: url(../images/ketang_content.jpg) no-repeat; position:relative} #box .ketang_content .kt_title{ width:657px; height:75px; position: absolute; left: 156px; top: 72px; } #box .ketang_content .detail_bg{ width:569px; height:280px; position: absolute; left: 197px; top: 162px; OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #484848; Z-INDEX: 1; FLOAT: left; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #484848; SCROLLBAR-SHADOW-COLOR: #484848; SCROLLBAR-3DLIGHT-COLOR: #484848; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #8b1919; padding:0 5px; } #box .ketang_content .detail_bg2{ width:600px; height:313px; position: absolute; left: 187px; top: 162px; } #box .ketang_content .detail_title{ width:532px; height:20px; position: absolute; left: 208px; top: 450px; } #box .award_content{width:960px;height:545px; margin:0 auto; background: url(../images/award_content.jpg) no-repeat; position:relative} #box .ketang_content .detail_bg p{ line-height:25px;} #box .ketang_content .detail_bg .ts{color:#fbf28e; font-size:14px; font-weight:bold} #box .ketang_content .detail_bg .ts2{color:#fbf28e; font-weight:bold} #box .ketang_content .detail_bg h3{ font-size:14px;color:#f6f4cd; font-weight:bold} #box .kekang_nav{width:960px;height:106px; margin:0 auto; background: url(../images/ketang_nav.jpg) no-repeat;} #box .ketang_content .detail_right{ width:554px; height:69px; position: absolute; left: 207px; top: 476px; } #box .ketang_content .detail_right img{width:83px;height:61px; margin:0 3px;} #box .award_content .award_bg{ width:569px; height:368px; position: absolute; left: 202px; top: 161px; } #box .award_content .award_bg p{ line-height:25px;} #box .award_content .award_bg h3{ font-size:14px;color:#f6f4cd; font-weight:bold} #box .award_content .award_bg2{ width:569px; height:368px; position: absolute; left: 202px; top: 161px; OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #484848; Z-INDEX: 1; FLOAT: left; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #484848; SCROLLBAR-SHADOW-COLOR: #484848; SCROLLBAR-3DLIGHT-COLOR: #484848; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #8b1919; padding:0 5px; } #box .award_content .award_bg2 p{ line-height:25px;} #box .award_content .award_bg2 h3{ font-size:14px;color:#f6f4cd; font-weight:bold} .Footer{clear:both; padding-top:5px;} .PartnerFooter{clear:both;width:778px;margin:auto;text-align:center;} .Footer .FB{ text-align:right;padding:0 0 3px 0;color:#CCCCCC} .Footer .FL{clear:both;} .Footer .SI{padding:4px 0 4px 5px;float:left;color:#CCCCCC} .Footer .SL{padding:4px 5px 4px 0;float:right;} .Footer .SA{clear:both;margin:0;padding:0 0 10px 5px;color:#c1c1bf;text-align:left;}