/* *初始化样式 */ body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{ margin: 0; padding: 0; font-family:黑体; } body{ font-size:12px; } li,ul{ list-style: none; }TD { color: #333333; VERTICAL-ALIGN: top; }input,textarea{ border:1px solid #ccc; } a { color:#2244dd; } a:link { color:#2244dd; text-decoration: none; } a:visited { text-decoration: none; color: #2244dd; } a:hover { text-decoration: underline; color: #2244dd; } a:active { text-decoration: none; } .wrap{ width:100%; margin:auto; } .mt10{ margin-top:10px; } img{ border:0; } /* *顶部信息 */ .TopContainer{ height:35px; width:100%; overflow:hidden; margin:auto; line-height:38px; color:#666; } .TopContainer .userinfos{ float:left; height:35px; } .TopContainer .userinfos .showmsg{ padding:5px 0 0 10px; } .TopContainer .userinfos span{ display:block; float:left; padding-right:5px; } .TopContainer .userinfos em{ color:red; font-style:normal; } .TopContainer .userinfos .input{ padding-top:7px; } .TopContainer .userinfos .input input{ width:100px; height:15px; } .TopContainer .userinfos .sub{ padding:8px 10px 0 5px; } .TopContainer .userinfos .sub input{ border:0; } .TopContainer .userinfos .img{ padding:9px 0 0 5px; } .TopContainer .userinfos .sub input{ background:#FFF; } .TopContainer .siteinfo{ float:right; color:#888; } /* *logo */ .Logo_Ad_Info{ width:100%; height:50px; margin:20px auto; } .Logo_Ad_Info .logo{ width:230px; height:48px; overflow:hidden; float:left; border-right:#DDD solid 1px; padding-top:2px; } .Logo_Ad_Info .changecity{ width:95px; height:50px; float:left; } .Logo_Ad_Info .changecity span{ display:block; text-align:center; } .Logo_Ad_Info .changecity span.city{ padding-top:3px; line-height:25px; font-size:16px; font-weight:bold; color:#666; } .Logo_Ad_Info .changecity span.change{ line-height:18px; padding-top:5px; } .Logo_Ad_Info .changecity span.change a{ color:#888; } .Logo_Ad_Info .moreinfo{ float:right; height:30px; padding-top:8px; overflow:hidden; } .Logo_Ad_Info .moreinfo .weather{ border:#DEDEDE solid 1px; float:left; height:24px; padding:4px 5px 0 5px; } .Logo_Ad_Info .moreinfo .hotline,.Logo_Ad_Info .moreinfo .post{ height:28px; border:#DEDEDE solid 1px; float:left; margin-left:3px; overflow:hidden; text-align:center; line-height:32px; background:url(bg1.gif) repeat-x; font-size:14px; padding:0 10px 0 10px; } .Logo_Ad_Info .moreinfo .hotline span{ color:#FD0101; font-weight:bold; } .Logo_Ad_Info .moreinfo .post a{ float:left; padding-left:25px; background:url(icon1.gif) left 9px no-repeat; color:#666; font-weight:bold; } /* *主导航菜单 */ #Mainmenu{ width:980px; height:40px; overflow:hidden; line-height:40px; margin:auto; border-top:2px solid #e1ebf8; border-left:1px solid #e1ebf8; border-right:1px solid #e1ebf8; border-bottom:0; } #Mainmenu li{ float:left; padding-left:10px; margin-right:8px; } #Mainmenu li span{ float:left;margin-left:3px; padding-right:10px; } #Mainmenu li span a{ color: #666; font-size:14px; font-weight:bold; } #Mainmenu li.ck{ margin-left:3px; border-top:3px solid #6ba1e1; background: #e1ebf8; text-align:center; } #Mainmenu li.ck span{ } #Mainmenu li.ck span a{ color: #2244dd; } /* *MoreHead */ .MoreHead{ width:1000px; margin:auto; background:url(mhead.gif) no-repeat;} .MoreHead .search{ width:420px; position:relative; margin:auto; padding:3px 0 0 32px; height:40px; background:url(searchbg.gif) left 5px no-repeat; z-index:1000; } #searchtype{ width:80px; position:absolute; left:41px; top:6px; } #searchtype #SelectShow{ height:31px; overflow:hidden; line-height:35px; padding-left:16px; font-size:14px; cursor:pointer;} #searchtype .click{ background:url(onsearch.gif) no-repeat; } #searchtype #ListType{ background:url(onsearch.gif) center bottom no-repeat; padding-bottom:2px; } #searchtype .hidden{ display:none; } #searchtype .show a{ display:block; height:25px; overflow:hidden; line-height:28px; padding-left:16px; font-size:14px; background:url(onsearch.gif) center -30px no-repeat; } #searchtype .show a:hover{ background:url(onsearch.gif) center -87px no-repeat; text-decoration:none; color:#FFF; } #searchtype .show a.ck{ background:url(onsearch.gif) center -60px no-repeat; color:red; } .MoreHead .search .keyword{ width:247px; height:30px; position:absolute; top:6px; left:122px; } .MoreHead .search .keyword input{ width:245px; height:30px; border:0; background:none; line-height:30px; } .MoreHead .search .subbutter{ width:80px; height:30px; position:absolute; top:6px; right:5px; text-align:center; } .MoreHead .search .subbutter input{ border:0; background:none; height:30px; font-size:16px; color:#2A7800; font-weight:bold; cursor:pointer; } .MoreHead .HeardSpacing{ height:10px; background:url(headspac.gif) repeat-x; width:100%; margin:auto; } /* *页面地图 */ #nav_guide{ width:100%; height:30px; line-height:33px; overflow:hidden; background:url(headspac.gif) repeat-x; margin:auto; color:#666; } #nav_guide a:link,#nav_guide a:visited,#nav_guide a:hover{ color:#666; } #nav_guide .t1{ float:left; padding:0 5px 0 10px; } #nav_guide .t2{ float:left; } /* *copyright样式 */ #copyright{ clear:both; width:100%; margin:10px auto 0 auto; text-align:center; line-height:20px; padding:20px 0 30px 0; color:#888; border-top:1px solid #eee; } .MainLeftTitle{ clear:both; width:100%;} .flink { clear:both; margin:5px;} .flink li{ float:left; line-height:25px; margin:2px;} .flink li a{ white-space:nowrap} .nlink { clear:both;margin:5px;} .nlink li{ float:left; line-height:25px; margin:2px;} .nlink li b{ } .nlink li a{ white-space:nowrap;} .nowclass,.nowclass:hover,.nowclass:link,.nowclass:visited{ background: #060; color:#FFF; padding:5px; font-weight:600} .MainLeftTitle b a,.MainLeftTitle b a:link,.MainLeftTitle b a:hover,.MainLeftTitle b a:visited{ color: #060} .main{ width:100%; margin-top:10px;} .centercontent{ width:100%; float:left; border:1px #CCC solid} .rightcontent{ width:100%; float:right; border:1px #CCC solid} .centercontent .head,.centercontent h1,.rightcontent .head,.rightcontent h1{ clear:both ; font-size:14px; font-weight:600; color:#FFF; line-height:30px; padding-left:10px; background:#3C0; border-left:2px #360 solid } .goodspiclist{ width:750px; margin:0 auto} .goodspiclist ul{} .goodspiclist ul li{ float:left; width:175px; margin:5px; height:280px; display:block; border:1px #390 solid} .rightcontent div{ padding-left:8px;} .goodshotlist{ width:100%; margin:0 auto} .goodshotlist ul{} .goodshotlist ul li{ float:left; width:190px; margin-left:5px; height:280px; margin-top:5px; display:block; border:1px #CCC solid} .contentcs{ clear:both;} .contentcs ul{ clear:both;} .contentcs ul li{ line-height:30px; font-size:14px; float:left;padding-left:10px; padding-right:10px; width:160px;} .contentcs ul li.picsp{ width:100%;} .contentcs ul li.picsp img{ width:100%;} .contentcs ul li.price{ display:none} .contentcs ul li.shopsp{ float:right; text-align:center; display:none} .contentcs ul li.shopsp .listpic{ padding-top:10px; } .contentcs ul li.gocart{ width:350px;} .contentcs ul li a{ font-size:14px} .gotoads{ clear:both ; padding:10px; border-bottom:1px dashed #3C0;border-top:1px dashed #3C0; min-height:80px; overflow:hidden} .attributes{ clear:both;z-index:100001;position:relative; background:#FFFFFF; overflow:hidden; width:100%; padding-bottom:10px; } .clickstyle {text-align:center;width:100%;margin:0 auto;overflow:hidden; min-height:60px; display:block;line-height:60px; clear:both; color:#FFF; font-size:24px; font-weight:600; font-family:微软雅黑;} .clickstyle a{color: #000; font-size:24px; font-weight:600; font-family:微软雅黑; line-height:60px;} .attributes ul{ clear:both;} .attributes ul li{ width:225px; float:left; line-height:30px;border:#66CCCC 1px solid;margin-top:10px; margin-left:10px;padding-left:3px;} .gocart a{ padding-top:10px; padding-bottom:10px; display:block; width:120px; float:left; text-align:center; background:#F00; color:#FFF; font-size:14px; margin:10px;} .attributes .keyclass{overflow:hidden; padding-right:3px; width:225px;height:90px;} .attributes .keyclassa{ width:150px; float:left; height:30px; line-height:30px; } .attributes .keyclassa a{ float:left; padding-right:3px; text-decoration:underline} .attributes .keyclassname { width:50px; float:left } .gocart a{ padding-top:10px; padding-bottom:10px; display:block; width:120px; float:left; text-align:center; background:#F00; color:#FFF; font-size:14px; margin:10px;} .shoppiclist{ width:750px; margin:0 auto} .shoppiclist ul{} .shoppiclist ul li.list-item{ float:left; width:740px; margin:5px; overflow:hidden; border:1px #390 solid} .shoppiclist ul li.list-img{ float:left; width:90px; height:100px;margin:5px; text-align:center} .shoppiclist ul li.list-info{ float:right; width:630px; height:90px; } .shoppiclist ul li h4{ height:25px; line-height:25px; display:block; margin:0; padding:0; } .shoppiclist ul li h4 .shop-name{ font-size:13px; font-weight:600; color:#090} .shoppiclist ul li p.shop-info { margin:0; padding:0;line-height:20px;} .shoppiclist ul li .pro-sale-num{ float:left; padding-left:10px; padding-right:10px;line-height:25px;} .shoppiclist ul li em,.good-com,.shop-info-list{ color:#090; font-weight:600; padding-left:5px; padding-right:5px;} .shoppiclist ul li .valuation{ float:left;padding-left:10px; padding-right:10px; line-height:25px;} .shoppiclist ul li.shop-products{ width:730px; margin-top:10px; display:block; overflow:hidden; } .shoppiclist ul li .shop-products-container{ margin:5px;} .shoppiclist ul li .one-product{ float:left; width:180px; height:220px; display:block} .shoppiclist ul li .one-product img{ width:180px; height:180px;} .shoppiclist ul li .one-product .price-wrap{ font-size:13px; color:#960; line-height:30px;} .desccontent{ clear:both} .desc{ margin-left:10px;} .desc img{ max-width:730px;} #page{ line-height:25px; } #page a{ padding-left:10px; padding-right:10px; display:block; float:left;} #page a:hover{ background:#330 ; color:#FFF } .right-shop-info{ margin:5px; margin-left:0; border:#CCC 1px solid; padding:5px;} .right-shop-info .info-img{ text-align:center} .right-shop-info .list-info{ text-align:center; line-height:25px; margin:0; padding:0} .right-shop-info .list-info h4{ line-height:25px; margin:0; padding:0} .right-shop-info .list-info .shop-info{ margin:0; padding:0} .right-shop-info .list-info .main-cat{ height:20px; overflow:hidden} .right-shop-info .list-info .pro-sale-num{} .right-shop-info .list-info .pro-sale-num em{ padding-left:5px; padding-right:5px; color:#F00} .right-shop-info .list-info .pro-sale-num .info-sale{} .right-shop-info .list-info .pro-sale-num .info-sum{} .right-shop-info .list-info .valuation{} .right-shop-products{ margin:5px; margin-left:0; border:#CCC 1px solid; padding:5px;} .right-shop-products .one-product{ clear:both; text-align:left; margin:0; padding:0} .right-shop-products .product-img{} .right-shop-products .price-wrap{ position:absolute; margin-top:-30px; margin-left:80px; color: #000; font-size:13px; font-weight:600} .right-shop-products .price-wrap-shade{} .goodshotlist .other{ display:none} .soadssp{ display:none} .souadssp{ clear:both} .price{ display:none} /**************************************************** *PageLink **/ .PageLink{ margin-top:10px; border:#DCDDDD solid 1px; width:100%; clear:both; } .PageLink .head{ height:33px; overflow:hidden; line-height:35px; background:url(head2.gif) repeat-x; padding:0 10px 0 10px; } .PageLink .head .tag{ float:left; padding-left:20px; background:url(tag2.gif) left 10px no-repeat; } .PageLink .head .more{ float:right; padding-left:5px; background:url(more3.gif) left 6px no-repeat; } .PageLink .head .more a{ float:left; padding-right:5px; background:url(more3.gif) right 6px no-repeat; color:#F00; } .PageLink .cont{ padding:10px; } .PageLink .cont .wordlink{ border-top:#DCDDDD solid 1px; margin-top:5px; padding-top:5px; line-height:20px; } .nomask{ position:relative; z-index:100001; background:#FFFFFF; } .picsp img,.desc img{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(8px); /* Chrome, Opera */ -moz-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false); /* IE6~IE9 */ }.picsp img:hover,.desc img:hover{filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(8px); /* Chrome, Opera */ -moz-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); /* IE6~IE9 */ transform: scale(1.1);} .global_banner_mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000;background-color:rgba(0,0,0,0.77)} .global_banner_mask p{background:url(mask_bg.png) no-repeat; margin:auto; margin-top:120px;width:100%;height:160px; text-align:right} .global_banner_mask p img{ float:right;} .global_banner_mask .mswx{width:100%; margin:auto; } .global_banner_mask-btn_close{position:absolute;left:50%;top:50%;z-index:1;width:20px;height:20px;margin:170px 0 0 -10px} .global_banner_mask-btn_close:before,.global_banner_mask-btn_close:after{content:'';position:absolute;left:9px;top:1px;width:2px;height:18px;background-color:#fff} .global_banner_mask-btn_close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .global_banner_mask-btn_close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .packetPopupsp{ background-image: url(../images/xinrenkai.png); width:380px;height:469px; position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);margin-top:-30px; text-align:center} .title_red_packet{ margin-top:100px; height:30px; color: #C30; font-size:18px} .goto_videocard{ height:90px; color: #FFF; font-size:12px} .goto_videocard ul li{ height:30px; line-height:30px; text-align:center} .goto_videocard ul li a { display: inline-block; padding: .3em 0.6em; font-size: 14px; font-size: 0.925rem; font-weight:600; text-decoration: none; outline: none; color: #000; background-color:rgba(255,218,140,0.6); border-radius: 1px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 0 -1px #fed888, 0 0 0 -1px #fed888; box-shadow: 0 0 0 -1px #fed888, 0 0 0 -1px #fed888; border: none; -webkit-transition: -webkit-box-shadow .3s; transition: box-shadow .3s; } .goto_videocard ul li a:hover, .goto_videocard ul li a:focus { -webkit-box-shadow: 0 0 0 1px #cff09e, 0 0 0 4px #fed888; box-shadow: 0 0 0 1px #cff09e, 0 0 0 4px #fed888; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .price_red_packet{margin-top:20px;height:30px; color: #FFF; font-size:24px} .goto_shopping{ margin-top:120px;height:60px; font-size:14px; text-align:center} .goto_shopping a { display: inline-block; padding: .3em 0.6em; font-size: 15px; font-size: 0.925rem; text-decoration: none; outline: none; color: #c75f04; background-color:#fed888; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 0 -1px #fed888, 0 0 0 -1px #fed888; box-shadow: 0 0 0 -1px #fed888, 0 0 0 -1px #fed888; border: none; -webkit-transition: -webkit-box-shadow .3s; transition: box-shadow .3s; } .goto_shopping a:hover, .goto_shopping a:focus { -webkit-box-shadow: 0 0 0 1px #cff09e, 0 0 0 4px #fed888; box-shadow: 0 0 0 1px #cff09e, 0 0 0 4px #fed888; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .global_banner_mask-btn_close1{position:absolute;left:50%;top:60%;z-index:1;width:20px;height:20px;margin:170px 0 0 -10px} .global_banner_mask-btn_close1:before,.global_banner_mask-btn_close1:after{content:'';position:absolute;left:9px;top:1px;width:2px;height:18px;background-color:#fff} .global_banner_mask-btn_close1:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .global_banner_mask-btn_close1:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}