* { margin: 0; padding: 0; } body { font-family: "Times New Roman", Times, serif; font-size: 12px; color: $wordcolor; background: $bgcolor; } .button {border:1px solid #98BBD7; background:#EFF6FB; height:22px; color:#000000} img { border: 0; } a { color: $linkcolor; text-decoration: none; } a:hover { color: $hoverlink; text-decoration: none; } #contentbox { clear: both; margin: auto; width: 908px; background: #ffffff; } .btn2 { background: $stitlecolor; color: $ancolor; border: none; height: 18px; padding: 0 2px; } *html .btn2 { padding-top: 3px; } #left { float: left; width: 200px; } #mainbox { clear: both; width: 100%; margin: 8px auto 0 auto; } #right { float: right; width: 700px; } .clear { clear: both; height: 8px; overflow: hidden; } /*---------------- 头部开始 ---------------------*/ #top_nav { background: url(../../images/$tplpath/$topbackground) 0 0 repeat-x; line-height: 19px; border-bottom: 1px solid $bordercolor; text-align: right; } #top_nav span { float: left; text-align: left; font-weight: bold; padding-top: 2px; } #top_nav a { padding: 0 8px; } /*head css*/ #head{ clear: both; position: relative; height: 66px; } #head h1 { width: 200px; height: 66px; } #head ul { top: 8px; right: 0px; overflow: hidden; zoom: 1; position: absolute; } #head ul li { float: left; text-align: center; width: 73px; list-style: none; position: relative; } #head ul li a { color: #333; padding: 30px 0px 3px 0px; overflow: hidden; border-left: 1px solid $imgbordercolor; position: relative; top: 1px; display: block; text-decoration: none; background-image: url(../../images/$tplpath/headnavbg.gif); } #head a.btnHome { background-position: 0px 0px; } #head a.btnHome:hover { background-position: 0 -48px; } #head a.btnNew { background-position: -76px 0px; } #head a.btnNew:hover { background-position: -76px -48px; } #head a.btnSellintro { background-position: -152px 0px; } #head a.btnSellintro:hover { background-position: -152px -48px; } #head a.btnBoot { background-position: -228px 0px; } #head a.btnBoot:hover { background-position: -228px -48px; } #head a.btnHelp { background-position: -310px 0px; } #head a.btnHelp:hover { background-position: -310px -48px; } #head a.btnServer { background-position: -384px -4px; } #head a.btnServer:hover { background-position: -384px -53px; } /* end */ #category { clear: both; border: 1px solid $bordercolor; background: url(../../images/$tplpath/$navbackground); line-height: 27px; margin: auto; } #category a { padding: 0 10px; } #login { clear: both; background: url(../../images/$tplpath/$lbackground) 0 bottom repeat-x; height: 58px; border-left: 1px solid $qbordercolor; border-right: 1px solid $qbordercolor; } #login h6 { float: right; width: 400px; padding-top: 8px; font-weight: normal; font-size: 12px; line-height: 25px; text-align: right; padding-right: 10px; } .btn { height: 17px; width: 130px; color: $hoverlink; background: ; border: none; border-bottom: 1px solid $bordercolor; padding-top: 3px; height: 15px; } #login p { float: left; width: 300px; padding-top: 10px; padding-left: 10px; line-height: 20px; } #login p a { padding: 0 6px; } #login p span { color: $jgcolor; font-weight: bold; } .h { padding: 0.3em 0.4em; background: $qbordercolor; border-bottom: 1px solid $bordercolor; text-align: left } .menu { border: 1px solid $bordercolor; padding: 1px; background: #ffffff; position: absolute; width: 100px; } .menu a { padding: 3px 15px; display: block; background: #ffffff; } #gg { clear: both; background: url(../../images/$tplpath/$gbackground) 0 0 repeat-x; line-height: 25px; border: 1px solid $qbordercolor; height: 25px; display: block; } #gg a { background: url(../../images/$tplpath/icon.gif) 10px 4px no-repeat; padding-left: 20px; color: #ffffff; } #gg span { color: #666; padding-right: 10px; } /*---------------- 头部结束 ---------------------*/ /*---------------- 左边开始 ---------------------*/ .le1 { border: 1px solid $bordercolor; margin-top: 8px; padding: 0 1px 6px 1px; } .le2 { border: 1px solid $bordercolor; padding: 0 1px 6px 1px; } .le22 { margin-top: 8px; } .le1 h3,.le2 h3 { background: url(../../images/$tplpath/$titlebg) repeat-x; font-size: 14px; color: $titlecolor; border-bottom: 1px solid $bordercolor; padding-left: 10px; line-height: 25px; } /*left 商品分类*/ .le2 dl { height: 100%; overflow: hidden; margin: 10px 8px 0 8px; } .le2 dt { clear: both; border-bottom: 1px solid $qbordercolor; line-height: 25px; font-weight: bold; color: $stitlecolor; margin-bottom: 5px; } .le2 dt a { color: $stitlecolor; } .le2 dd { float: left; width: 84px; padding-left: 5px; line-height: 20px; } .le2 dd span,#over1 li span { font-size: 10px; color: #999; padding-right: 6px; } /*end*/ /*销售排行*/ #sale { margin: 8px 8px 0 8px; } #sale li { border-bottom: 1px dashed $imgbordercolor; list-style: none; line-height: 22px; } #sale li strong { float: left; color: $jgcolor; padding-right: 5px; font-family: georgia; } #sale li span { float: right; color: $stitlecolor; } #sale li a p { display: none; } #sale li a:hover { position: relative; } #sale li a:hover p { display: block; position: absolute; left: 0px; top: 16px; background: #ffffff; } #sale li a:hover p img { border: 1px solid $imgbordercolor; } /*end*/ /*已经浏览*/ #over { margin: 10px 8px 0 8px; height: 100%; overflow: hidden; } #over li { float: left; width: 60px; text-align: center; list-style: none; } #over li img { display: block; width: 50px; height: 50px; border: 1px solid $imgbordercolor; padding: 2px; } #over li a:hover { background: #eee; padding-left: 3px; } #over1 li { line-height: 20px; list-style: none; padding-left: 10px; } /*end*/ /*投票*/ .le1 h5 { font-size: 12px; color: $stitlecolor; padding: 8px 8px 0 8px; } #tp2 { margin: 10px; line-height: 18px; } #tp2 input { margin-right: 3px; } #tp { text-align: center; } /*end*/ /*联系我们*/ #tel { background: url(../../images/$tplpath/tel.gif) 8px 0 no-repeat; height: 44px; padding-left: 77px; padding-top: 5px; border-bottom: 1px solid $qbordercolor; margin: 6px 10px; color: $stitlecolor; } .le1 h6 { font-weight: normal; font-size: 12px; padding: 0 10px; line-height: 22px; } .le1 h6 strong { font-weight: bold; } /*end*/ /*---------------- 左边结束 ---------------------*/ /*---------------- 页脚开始 ---------------------*/ /*友情链接*/ #flink { clear: both; border: 1px solid $bordercolor; margin-top: 8px; height: 100%; overflow: hidden; } #flink h3 { float: left; width: 63px; border-right: 1px solid $bordercolor; background: $qbgcolor url(../../images/$tplpath/flink.gif) center center no-repeat; height: 63px; } #flink ul { float: right; width: 834px; } #flink li { float: left; width: 98px; list-style: none; text-align: center; margin-top: 2px; } #flink li img { width: 88px; height: 31px; margin-top: 4px; } /*end*/ #bottom { clear: both; display: block; width: 100%; } #foot_nav { text-align: center; background: url(../../images/$tplpath/$navbackground); padding: 6px 0px; border: 1px solid $bordercolor; margin-top: 8px; } #foot_nav a { padding: 0 10px; } .gototop { float: right; margin-top: 3px; } #foot { margin-top: 10px; height: 100%; overflow: hidden; } #foot h3 { float: left; width: 30%; text-align: right; padding-top: 2px; } #foot p { float: right; width: 66%; padding: 0 0 8px 0; } #foot p span { padding-right: 8px; } /*---------------- 页脚结束 ---------------------*/ /*---------------- 右边开始 ---------------------*/ #flash { float: left; width: 486px; height: 198px; border: 1px solid $bordercolor; text-align: center; background: #f7f7f7; } #notice { float: right; width: 185px; border: 1px solid $bordercolor; padding: 6px 8px; height: 186px; overflow: hidden; } #notice h3 { background: url(../../images/$tplpath/notice.gif) no-repeat; font-size: 16px; border-bottom: 1px solid $qbordercolor; height: 36px; padding-left: 50px; padding-top: 2px; } #notice h3 a span { font-weight: normal; font-size: 11px; line-height: 20px; } #notice h3 a span { color: #999; } #notice ul li { border-bottom: 1px dashed #ddd; list-style: none; line-height: 23px; } #notice ul li a { padding-left: 12px; display: block; background: #ffffff url(../../images/$tplpath/icon2.gif) 3px 10px no-repeat; } #notice ul li a:hover{ background: $qbgcolor url(../../images/$tplpath/icon2.gif) 5px 11px no-repeat; padding-left: 15px; } #notice ul li a span{ float: right; } /*最新 热门 推荐商品*/ .pro { clear: both; margin-top: 8px; border: 1px solid $bordercolor; height: 100%; overflow: hidden; } .pro h3 { background: url(../../images/$tplpath/$titlebg) repeat-x; border-bottom: 1px solid $bordercolor; font-size: 14px; padding: 7px 10px 3px 10px; } .pro h3 span { float: right; } a.more{ text-indent: -9999px; width: 40px; height: 11px; font-size: 6px; display: block; background: url(../../images/$tplpath/more.gif) left top no-repeat; } a.more:hover{ background: url(../../images/$tplpath/more.gif) left bottom no-repeat; } .pro ul { clear: both; margin: 0 6px 0 6px; padding-top: 10px; } .pro ul { clear: both; } .pro li { float: left; width: 19.95%; text-align: center; list-style: none; line-height: 20px; padding-top: 10px; } .pro li img { display: block; margin: auto; } .sn a { color: $stitlecolor; padding-right: 3px; } .ss span { font-weight: bold; padding: 0 5px 0 0; } .sp span { font-weight: bold; color: $jgcolor; padding: 0 5px 0 0; } /*end*/ #ri_bot { clear: both; width: 100%; margin-top: 8px; } #ri_l { float: left; width: 32.3%; border: 1px solid $bordercolor; } .ri_l { float: left; width: 32.4%; margin: 0 3px 6px 1px; border: 1px solid $bordercolor; } #ri_m { float: left; width: 32.3%; margin: 0 0 0 8px; border: 1px solid $bordercolor; } #ri_r { float: right; width: 32.3%; border: 1px solid $bordercolor; } #ri_bot h3 { background: url(../../images/$tplpath/$titlebg) repeat-x; border-bottom: 1px solid $bordercolor; font-size: 14px; padding: 6px 10px; } #ri_bot h3 span { float: right; } #ri_bot dl { clear: both; height: 100%; overflow: hidden; } #ri_bot dt { float: left; width: 45%; margin-top: 8px; text-align: center; } #ri_bot dt img { width: 80px; height: 86px; padding: 3px; border: 1px solid $imgbordercolor; } #ri_bot dd { float: right; width: 55%; line-height: 20px; } #ri_bot .rt { font-weight: bold; color: $stitlecolor; padding-top: 5px; } #ri_bot .rt a { color: $stitlecolor; } #ri_bot .rt a:hover { color: $hoverlink; } #ri_bot .tg { background: url(../../images/$tplpath/gb_graph.gif) no-repeat; } #ri_bot .t1 { padding: 0 0 0 6px; line-height: 15px; } #ri_bot .t2 { padding: 6px 0 0 40px; } #ri_bot .t3 { padding: 6px 0 10px 70px; color: $jgcolor; font-weight: bold; } #ri_bot .t4,#ri_bot .t5,#ri_bot .t6 { float: left; text-align: center; font-size: 10px; } #ri_bot .t4 { width: 36px; } #ri_bot .t5 { width: 35px; } #ri_bot .t6 { width: 50px; } #ri_bot .jg { font-weight: bold; } #ri_bot .jg span { color: $jgcolor; } #ri_bot h4 { clear: both; border-top: 1px solid $qbordercolor; padding: 17px 10px; font-weight: normal; font-size: 12px; } #ri_bot h4 span { float: right; line-height: 22px; background: url(../../images/$tplpath/gb_buy_button.gif) no-repeat; width: 56px; padding-left: 8px; } #ri_bot h4 strong { color: $jgcolor; } #ri_bot h6 { clear: both; border-top: 1px solid $qbordercolor; text-align: right; padding: 24px 18px 12px 0; background: url(../../images/$tplpath/action.gif) right center no-repeat; font-weight: normal; font-size: 12px; } #ri_bot h5 { clear: both; border-top: 1px solid $qbordercolor; padding: 5px; font-weight: normal; font-size: 12px; line-height: 20px; } #ri_bot h5 p { clear: both; display: block; } #ri_bot h5 p span { float: right; } #ri_bot h5 p span strong { color: $jgcolor; background: #ffffff; padding: 0; } #ri_bot h5 p b { padding: 0 30px; background: $stitlecolor; margin-left: 5px; } #ri_bot h5 p strong { padding: 0 18px; background: $stitlecolor; margin-left: 5px; } /*---------------- 右边结束 ---------------------*/ /*---------------- 内页开始 ---------------------*/ #location { background: $titlebg; border: 1px solid $bordercolor; line-height: 25px; } #location p{ background: url(../../images/$tplpath/location.gif) 10px center no-repeat; padding-left: 30px; } #location p span { color: $stitlecolor; } #location strong { float: right; font-weight: normal; } #location strong a { padding: 0 10px; } #location strong select { width: 88px; margin-top: 2px; margin-right: 8px; } .page { clear: both; display: block; border-top: 1px solid $qbordercolor; margin: 15px 15px 25px 15px; padding-top: 6px; text-align: center; } .page1 { clear: both; display: block; text-align: center; font-weight: normal; font-size: 12px; margin-bottom: 10px; } .page2 { background: #fafafa; margin: 0 14px 0 14px; padding-bottom: 12px; } .page span,.page1 span { font-weight: bold; padding: 0 5px; } .page a,.page1 a { color: $stitlecolor; text-decoration: underline; } .page a:hover,.page1 a:hover { color: $hoverlink; text-decoration: underline; } .page input,.page1 input { width: 20px; height: 16px; border: 1px solid $imgbordercolor; margin: 0 6px; } .pro1,.pro2,.pro3 { margin-top: 0; border-top: none; } .pp2 dl { clear: both; height: 100%; overflow: hidden; border-bottom: 1px solid $qbordercolor; margin: 10px 2%; line-height: 20px; } .pro2 dl { float: left; width: 45%; height: 100%; overflow: hidden; border-bottom: 1px solid $qbordercolor; margin: 10px 1.5%; line-height: 20px; } .pp2 dt { float: left; width: 25%; text-align: center; padding-bottom: 8px; } .pro2 dt { float: left; width: 46%; text-align: center; padding-bottom: 8px; } .pp2 dt img,.pro2 dt img { border: 1px solid $imgbordercolor; padding: 3px; } .pp2 dd { float: right; width: 74%; } .pro2 dd { float: right; width: 54%; } .pro1 .sn1 span { font-weight: normal; font-size: 12px; } .pro h4 { font-size: 12px; color: $hoverlink; padding-top: 8px; padding-left: 16px; } .pro .pp { border: 1px solid $qbordercolor; background: $qbgcolor; padding: 5px 10px; margin: 0 16px 0 16px; } .pro .pp a { padding-right: 50px; } .pro p a span { color: $stitlecolor; padding-left: 5px; }.pro .nt { background: url(../../images/$tplpath/c_2.jpg) bottom right no-repeat; clear: both; height: 100%; overflow: hidden; margin: 10px 14px; border-bottom: none; } .pro .nt dl { background: url(../../images/$tplpath/c_4.jpg) bottom left no-repeat; padding-bottom: 10px; height: 100%; overflow: hidden; } .pro .nt dt { clear: both; background: url(../../images/$tplpath/c_1.jpg) right top no-repeat; font-weight: bold; } .pro .nt dt p { background: url(../../images/$tplpath/c_3.jpg) left 0 no-repeat; padding-left: 30px; padding-top: 11px; padding-bottom: 12px; } .pro .nt dd { float: left; width: 20%; padding-left: 18px; margin: 0; color: #999; } .pro .nt dd span { color: $hoverlink; } .pro .sl { background: $qbgcolor url(../../images/$tplpath/list_products.gif) 10px center no-repeat; text-align: right; padding: 5px 10px 5px 60px; margin: auto 13px; } .pro .sl span { float: left; padding-top: 3px; } .pro .sl span strong { color: $hoverlink; } .pro .sl select{ width: 88px; height: 17px; } .pro .sl a { padding: 0 10px; } .brank { clear: both; border-left: 1px solid $bordercolor; border-right: 1px solid $bordercolor; height: 100%; overflow: hidden; } .brank1 { border-bottom: 1px solid $bordercolor; padding-bottom: 10px; } .brank ul,.brank dl { margin: 10px 14px 0 14px; background: #fafafa; height: 100%; overflow: hidden; line-height: 20px; padding-bottom: 10px; } .brank li { float: left; list-style: none; width: 166px; margin: 12px 0; text-align: center; } .brank .img { text-align: center; } .brank .img img { width: 120px; height: 50px; padding: 2px; border: 1px solid $imgbordercolor; } .brank .sn { font-weight: bold; text-align: center; } .brank dt { float: left; width: 25%; text-align: center; padding-top: 10px; } .brank dd { float: right; width: 74%; padding-top: 10px; } #shop_d { clear: both; margin-top: 8px; } #shop_d h2 { background: url(../../images/$tplpath/$xxbackground) repeat-x; font-size: 12px; color: $ancolor; padding: 1px 10px; height: 18px; text-align: right; } #shop_d h2 span { float: left; padding-top: 3px; } /*详细商品页面新增加的css*/ #shop_dr1 { float: left; text-align: center; width: 44%; margin-top: 10px; } #shop_dl1 { float: right; width: 50%; line-height: 26px; } #shop_dl1 h3 { font-size: 16px; color: #f60; border-bottom: 1px solid $imgbordercolor; padding-bottom: 5px; } #shop_dl1 h3 span { font-size: 12px; font-weight: normal; color: #999; padding-left: 5px; } #shop_dl1 p { line-height: 20px; } #shop_dl1 p.xj { background: $qbgcolor; padding-left: 10px; } #shop_dl1 p.xj1 { margin-top: 6px; background: $qbgcolor; padding-left: 10px; border-top: 1px solid $imgbordercolor; } #shop_dl1 p.xj2 { background: $qbgcolor; padding-left: 10px; border-bottom: 1px solid $imgbordercolor; } #shop_dl1 p.xj3 { padding-left: 10px; } #shop_dl1 p.xj4 { background: $qbgcolor; padding: 5px 10px; border-top: 1px solid $imgbordercolor; border-bottom: 1px solid $imgbordercolor; margin: 6px auto; } #shop_dl1 p.xj4 input { width: 30px; height: 16px; } #shop_dl1 p span { color: #f60; font-weight: bold; } #shop_dl1 p.xj5 { float: left; margin-right: 6px; line-height: 29px; background: url(../../images/$tplpath/h_right.gif) right top no-repeat; padding-right: 12px; } #shop_dl1 p.xj5 a { background: url(../../images/$tplpath/h_left.gif) left top no-repeat; padding-left: 23px; padding-top: 6px; padding-bottom: 5px; } *html #shop_dl1 p.xj5 a { padding-top: 9px; } *+html #shop_dl1 p.xj5 a { padding-top: 9px; } .xj8 { background: url(../../images/$tplpath/h_cart.gif) no-repeat; padding: 1px 9px 4px 9px; color: #fff; } *html .xj8 { padding: 4px 9px; } *+html .xj8 { padding: 4px 9px; } .xj8:hover { color: #fff; } .xj7 { background: url(../../images/$tplpath/qq.gif) no-repeat; padding: 1px 5px; } .tjj { border: 1px solid $imgbordercolor; border-top: none; overflow: hidden; height: 100%; padding: 8px; } /*详细商品页面新增加的css 结束*/ #shop_d h2 input { width: 30px; height: 12px; } #shop_dl { float: left; clear: both; width: 66%; text-align: center; line-height: 26px; } #shop_dl dl { clear: both; height: 100%; overflow: hidden; } #shop_dl dt { float: left; width: 150px; background: #f7f7f7; font-weight: bold; text-align: right; } #shop_dl dd span { color: $hoverlink; font-weight: bold; } #shop_dl dd { float: left; padding-left: 5px; } #shop_dr { float: right; text-align: center; width: 34%; margin-top: 10px; } #shop_d .xx { clear: both; background: #f7f7f7; height: 100%; overflow: hidden; } #shop_d .xx dt { float: left; width: 150px; text-align: right; font-weight: bold; padding-top: 5px; } #shop_d .xx dd { float: left; width: 500px; padding-left: 5px; padding-right: 45px; background: #ffffff; line-height: 20px; } #shop_d .xx h5 { font-size: 12px; color: $hoverlink; padding-top: 5px; } #shop_d .xx h5 a { color: $hoverlink; } #shop_d .xx h5 input { background: $qbgcolor; border: 1px solid $qbordercolor; height: 18px; color: $hoverlink; margin-left: 35px; width: 250px; } #shop_d .xx h6 { font-size: 12px; font-weight: normal; padding: 20px 0 3px 0; } #shop_d .tb { width: 100%; margin-top: 10px; line-height: 22px; } #shop_d .tb th { background: url(../../images/$tplpath/$xxbackground) repeat-x; color: $ancolor; line-height: 18px; padding-top: 2px; text-align: left; padding-left: 10px; } #shop_d .jg { text-align: right; width: 100px; } #shop_d table .s { background: #f7f7f7; } #shop_d table a { color: $hoverlink; } .shop_xg { clear: both; margin-top: 10px; } .shop_xg fieldset { border: 1px solid $bordercolor; } .shop_xg legend { font-weight: bold; font-size: 14px; margin-left: 10px; color: $titlecolor; padding: 0 3px; } .shop_xg p { background: $qbgcolor; margin: 10px; padding: 8px 10px; line-height: 20px; } .shop_xg form { padding: 8px 10px; } .shop_xg h3 { font-weight: normal; font-size: 12px; text-align: right; } .shop_xg h3 span { float: left; padding-top: 10px; font-weight: bold; } .shop_xg h3 input { border: 1px solid $qbordercolor; background: $qbgcolor; width: 80px; height: 18px; } .shop_xg h3 select { border: 1px solid $qbordercolor; background: $qbgcolor; width: 80px; height: 18px; color: $hoverlink; } .shop_xg .pl8 { font-size: 12px; font-weight: normal; text-align: left; padding-top: 5px; } .shop_xg .pl8 input { border: 1px solid $qbordercolor; background: $qbgcolor; width: 400px; height: 18px; color: $hoverlink; } .shop_xg textarea { width: 676px; margin: 8px 0; border: 1px solid $qbordercolor; background: $qbgcolor; } .shop_xg h4 { font-weight: normal; font-size: 12px; text-align: right; margin-bottom: 8px; } .shop_xg h4 .pl { background: $stitlecolor; border: 1px solid $qbgcolor; color: $ancolor; width: 40px; height: 18px; } .shop_xg div { background: #fafafa; margin: 0 10px 10px 10px; padding: 8px 10px; line-height: 20px; } .shop_xg h5 { font-size: 14px; color: $stitlecolor; line-height: 30px; } .shop_xg dl { clear: both; border-bottom: 1px dashed $imgbordercolor; margin-bottom: 10px; height: 100%; overflow: hidden; } .shop_xg dt { padding-bottom: 5px; } .shop_xg dt span { float: right; } .shop_xg dt b { color: $hoverlink; font-weight: normal; } .shop_xg .bj { text-align: right; } .shop_xg .bj a { color: $stitlecolor; } .shop_xg .hf { background: $qbgcolor; border: 1px dashed $bordercolor; margin: 8px 10px; padding: 4px; } .shop_xg .hf h3 { text-align: left; font-weight: normal; font-size: 12px; line-height: 20px; margin: 0; } .shop_xg .hf p { margin: 0; padding: 0; line-height: 20px; color: $hoverlink; } /*---------------- 内页结束 ---------------------*/ /*---------------- 会员开始 ---------------------*/ .member_xg { clear: both; } .member_xg fieldset { border: 1px solid $bordercolor; padding: 10px; line-height: 20px; } .member_xg legend { font-weight: bold; font-size: 14px; margin-left: 10px; color: $stitlecolor; padding: 0 3px; } .member_l { float: left; width: 48%; text-align: center; margin: 30px 0 18px 0; } .member_r { float: right; width: 42%; border-left: 1px solid $qbordercolor; padding-left: 50px; margin: 30px 0 18px 0; } .member_l h3,.member_r h3 { font-size: 14px; font-weight: normal; } .member_l p { margin-top: 10px; } .member_l p .inp { background: $qbgcolor; border: 1px solid $qbordercolor; height: 18px; color: $hoverlink; } .member_l p .inp3 { width: 145px; } .member_r p { color: #999; } .member_r p a { font-weight: bold; } .member_xg ul { margin: 20px 0 20px 20px; } .member_xg li { float: left; width: 141px; list-style: none; padding-left: 58px; margin-bottom: 20px; line-height: 18px; overflow: hidden; padding-right: 20px; } .member_xg li a { display: block; font-weight: bold; font-size: 14px; color: #333; } .member_xg .mem1 { background: url(../../images/$tplpath/menber.gif) 0 0 no-repeat; height: 50px; } .member_xg .mem2 { background: url(../../images/$tplpath/menber.gif) 0 -49px no-repeat; height: 50px; } .member_xg .mem3 { background: url(../../images/$tplpath/menber.gif) 0 -98px no-repeat; height: 50px; } .member_xg .mem4 { background: url(../../images/$tplpath/menber.gif) 0 -147px no-repeat; height: 50px; } .member_xg .mem5 { background: url(../../images/$tplpath/menber.gif) 0 -196px no-repeat; height: 50px; } .member_xg .mem6 { background: url(../../images/$tplpath/menber.gif) 0 -245px no-repeat; height: 50px; } .member h3 { margin-top: 10px; line-height: 30px; font-size: 20px; color: $stitlecolor; } .member li { list-style: none; background: url(../../images/$tplpath/icon.gif) 18px 6px no-repeat; padding-left: 25px; line-height: 20px; } .member li .inp,.member .yx dd .inp { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 60px; height: 16px; } .member .yx dd .inp { width: 100px; } .member h3 span { font-weight: normal; font-size: 12px; padding-left: 6px; } .member .tb { width: 100%; margin-top: 10px; text-align: center; } .member .tb td { padding: 6px 0; } .member .tb th,.member .yx dt { background: url(../../images/$tplpath/$xxbackground) repeat-x; color: $ancolor; line-height: 25px; font-weight: bold; text-align: center; } .member .jg { color: $hoverlink; } .member table .s { background: $qbgcolor; } .member h4 { margin-top: 10px; line-height: 28px; background: $qbgcolor; border-bottom: 1px solid $qbordercolor; border-top: 1px solid $qbordercolor; text-align: center; font-size: 12px; } .member .yx { border: 1px solid $bordercolor; margin-top: 10px; padding: 1px; } .member .yx dd { padding: 8px 0; text-align: center; } .member .page1 { padding: 5px 0; } /*---------------- 会员结束 ---------------------*/ /*---------------- 购物车开始 ---------------------*/ .zc { padding-top: 10px; } .zc span { float: left; width: 200px; text-align: right; } .zc .inp { background: $qbgcolor; border: 1px solid $qbordercolor; height: 18px; color: $hoverlink; width: 250px; } .zc .inp3 { background: $stitlecolor; border: 1px solid $qbgcolor; margin-left: 5px; width: 100px; text-align: center; height: 16px; padding-top: 2px; color: $ancolor; } .zc .inp4 { background: $qbgcolor; border: 1px solid $qbordercolor; height: 18px; color: $hoverlink; width: 60px; } .zc .inp5 { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 400px; } .zc1 { text-align: center; margin: 10px auto; } .ca1,.ca2,.ca3 { border: 1px solid $qbordercolor; margin-top: 8px; height: 50px; } .ca1 { background: $qbgcolor url(../../images/$tplpath/order1.gif) no-repeat; } .ca2 { background: $qbgcolor url(../../images/$tplpath/order2.gif) no-repeat; } .ca3 { background: $qbgcolor url(../../images/$tplpath/order3.gif) no-repeat; } .ca4 { margin: 15px auto; width: 100%; text-align: center; } .ca4 th { background: $qbordercolor; line-height: 25px; font-size: 12px; } .ca4 td { border-bottom: 1px solid $qbordercolor; padding: 4px 0; } .ca4 td img { width: 50px; height: 50px; padding: 2px; border: 1px solid $imgbordercolor; } .c_inp { width: 30px; height: 18px; background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; } .c_inp2 { height: 20px; color: $titlecolor; } .ca5 span { float: right; } .ca5 span strong { color: $hoverlink; } .ca6 { text-align: right; margin: 5px 0 0 0; } .ca7 { background: url(../../images/$tplpath/ts.gif) 5px center no-repeat; padding-left: 40px; color: #ec9a00; line-height: 20px; } .ca7 span { color: $jgcolor; font-weight: bold; } .ca8 { background: url(../../images/$tplpath/zy.gif) 5px center no-repeat; padding-left: 40px; color: $jgcolor; line-height: 20px; } .ca9 { background: $qbgcolor; padding: 10px 20px; margin-top: 10px; line-height: 30px; } .cat1 dl { clear: both; overflow: hidden; height: 100%; margin: 0 20px; padding: 1px 0; } .cat2 dl { clear: both; border-bottom: 1px solid $qbordercolor; overflow: hidden; height: 100%; padding: 5px 0; margin: 0 20px; } .cat6 dl { clear: both; overflow: hidden; height: 100%; padding: 5px 0; margin: 0 20px; } .cat1 dt,.cat2 dt,.cat6 dt { float: left; width: 20%; text-align: center; font-weight: bold; } .cat1 dd,.cat2 dd,.cat6 dd { float: right; width: 79%; } .cat1 dd .inp,.cat2 dd .inp,.cat6 dd .inp,.cat6 dd .inp3 { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 250px; height: 18px; } .cat6 dd .inp3 { width: 105px; } .cat6 dd span { color: $hoverlink; padding-left: 10px; } .cat1 dd .inp2,.cat2 dd .inp2,.cat6 dd .inp2 { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 450px; } .cat3 { margin-top: 10px; width: 100%; border: 1px solid $qbordercolor; border-top: 3px solid $bordercolor; border-collapse: collapse; } .cat3 td { border: 1px solid $qbordercolor; border-collapse: collapse; padding: 5px 10px; } .cat3 td span,.cat3 td strong { color: $jgcolor; padding-right: 20px; } .cat3 th { line-height: 30px; text-align: left; padding-left: 10px; } .cat4 { text-align: center; font-weight: bold; width: 100px; } .cat5 { background: $qbgcolor; padding: 10px 20px; margin-top: 10px; line-height: 30px; text-align: center; } .cat7 { padding: 10px 20px; } .cat7 dl { float: left; display: block; width: 200px; padding-left: 20px; margin-bottom: 20px; } .cat7 dt { font-weight: bold; line-height: 30px; } .cat7 dd { padding-left: 10px; } .cat7 p { font-weight: bold; line-height: 30px; margin-top: 10px; } .cat7 p a { padding: 10px; } /*---------------- 购物车结束 ---------------------*/ /*---------------- 留言开始 ---------------------*/ #board { border: 1px solid $bordercolor; border-top: none; padding: 8px 0; } #board ul { margin: 0 20px; } #board ul li { clear: both; border-bottom: 1px solid #eee; list-style: none; padding-top: 4px; padding-bottom: 4px; } #board ul li a { padding-left: 15px; display: block; background: #ffffff url(../../images/$tplpath/icon2.gif) 5px 10px no-repeat; } #board ul li a:hover { background: $qbgcolor url(../../images/$tplpath/icon2.gif) 8px 11px no-repeat; padding-left: 18px; } #board ul li a span { float: right; padding-right: 8px; } #board ul li a:hover span { color: #f93; } #board ul li b { color: $stitlecolor; padding-right: 5px; font-weight: normal; } #board h5 { padding-top: 10px; margin: 0 22px; font-size: 12px; font-weight: normal; } #board h5 span { float: right; } #board h3 { line-height: 38px; font-size: 20px; text-align: center; color: $stitlecolor; } #board h6 { text-align: center; font-weight: normal; margin: 0 16px; font-size: 12px; line-height: 22px; margin-bottom: 5px; background: $qbgcolor; } #board p { line-height: 1.6em; text-align: justify; text-justify: inter-ideograph; padding: 0 20px 10px 20px; } #board .hf { background: #fafafa; border: 1px dashed $qbordercolor; margin: 10px 20px; padding: 5px 8px; } #board .hf p,#board .hf h5 { padding: 0; margin: 0; } #board .hf h5 span a { color: $hoverlink; } #board .xhf .inp,#board h5 span .inp { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 120px; height: 16px; } #board .xhf .inp2 { background: $qbgcolor; border: 1px solid $qbordercolor; width: 99.5%; } #board .xhf p { padding: 1px 20px; } #board .xhf span { float: right; } #board .dz { text-align: right; margin: 10px 0 0 20px; } #board .dz a { background: $stitlecolor; color: $ancolor; padding: 4px 8px 1px 8px; } .fb { clear: both; margin: auto; width: 90%; line-height: 20px; } .fb dl { margin: 2px 0 0 0; } .fb dt { float: left; width: 15%; text-align: right; font-weight: bold; } .fb dd { float: left; width: 84%; } .fb .inp { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 250px; height: 18px; } .fb .inp2 { float: left; background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 90%; } .fb dd span { color: $hoverlink; padding-left: 6px; } .fb p { clear: both; text-align: center; width: 100%; } .fabiao { background: url(../../images/$tplpath/board_write.gif) no-repeat; width: 43px; line-height: 21px; font-weight: bold; margin-left: 5px; padding: 3px 18px 7px 23px; } *html .fabiao { padding: 5px 18px 5px 23px; } /*---------------- 留言结束 ---------------------*/ /*---------------- 推荐邮件 ---------------------*/ #m_content { clear: both; width: 550px; margin: 10px auto; } #m_content h3 { color: #f00; font-size: 14px; line-height: 25px; } #m_content #m_table { width: 550px; border: 1px solid $imgbordercolor; } #m_content table { width: 544px; border: 4px solid #fff; } #m_content td,#m_content th { border-bottom: 1px solid #ccc; padding: 5px 8px; text-align: left; } #m_content th { font-weight: normal; background: #659b28; color: #fff; width: 80px; } #m_content td img { width: 100px; height: 100px; margin-right: 10px; border: 1px solid #d7d7d7; padding: 3px; } #m_content span { font-weight: bold; color: #f00; } #m_content .inp { background: $qbgcolor; color: $hoverlink; border: 1px solid $qbordercolor; width: 120px; } #m_content .inp2 { background: #f99; color: #fff; border: 1px solid #f00; width: 120px; } #m_content .inp3 { background: $qbgcolor; color: $hoverlink; border: 1px solid $qbordercolor; width: 100%; } #m_content #m_but { text-align: center; margin: 10px auto 10px auto; } /*---------------- 推荐邮件结束 ---------------------*/ /*---------------- 报价单 ---------------------*/ #px { border-bottom: 1px solid $imgbordercolor; text-align: right; padding: 15px 0 5px 0; } #px span { float: left; } #px a { padding: 0 5px; } #px span a { color: #659b28; } .bjd { width: 100%; margin-bottom: 10px; margin-top: 5px; text-align: center; } .bjd td,.bjd th { border-bottom: 1px solid #ccc; padding: 3px 0; } .bjd_img img { width: 66px; height: 100px; } /*---------------- 报价单结束 ---------------------*/ /*---------------- 收货地址开始 ---------------------*/ .shzz { width: 100%; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 8px; line-height: 20px; color: #000; } .shzz .td1 { text-align: right; width: 80px; } .shzz th { background: #f3f3f3; border-bottom: 1px solid #c0c0c0; padding-left: 80px; text-align: left; } .shzz .btn2 { margin-top: 5px; padding: 3px 6px; } .shzz .td2 { border-bottom: 1px solid #dedede; } .shzz2 { border: 1px solid #eaeaea; border-collapse: collapse; width: 100%; margin-top: 6px; } .shzz2 td,.shzz2 th { border: 1px solid #eaeaea; padding: 0 5px 5px 5px; border-collapse: collapse; } .shzz2 .td2 { background: #FAFAD2; padding-top: 8px; padding-bottom: 3px; } .shzz2 span { color: #f00; font-weight: bold; padding: 0 5px 0 0; } .shzz2 th { font-weight: normal; text-align: right; width: 100px; } .shzz2 .inp { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 250px; } .shzz3 { line-height: 25px; } /*---------------- 收货地址结束 ---------------------*/ .xxym1 { clear: both; padding-top: 10px; } .xxym1 .inp { background: $qbgcolor; border: 1px solid $qbordercolor; color: $hoverlink; width: 200px; } .bq { clear: both; margin: 10px auto auto 15px; line-height: 22px; } .bq li { float: left; width: 23%; list-style: none; background: url(../../images/$tplpath/icon2.gif) left center no-repeat; padding-left: 8px; }