html { background: #f5f5f5; color: #000 } *:focus {outline: none;} input[type=button], input[type=submit], input[type=file], button {-webkit-appearance: none;} body, div, ul,li,dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-style:normal; font-size:14px; } table { border-collapse: collapse; border-spacing: 0; max-width:100%; } fieldset, img { border: 0 } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal } ol, ul { list-style: none } caption, th { text-align: left } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } q:before, q:after { content: '' } abbr, acronym { border: 0; font-variant: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit } input, textarea, select { font-size: 100% } legend { color: #000 } .clear { clear:both; *zoom:1; } *{font-family:Arial, "微软雅黑", sans-serif;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;} body { color: #222; height: 100%; padding: 0; position: relative; font-style:normal; } a,a:visited{color: #000; text-decoration:none;} a:hover{color: #dd0000; text-decoration:none;} .baomingheader { position: fixed; top: 0; left: 0; background: linear-gradient(to bottom, #e32227, #ff5800); -webkit-background-size: cover; background-size: cover; font-size: 1.2rem; line-height: 60px; z-index: 100; width: 100%; color: #fff; text-align: center; } .baomingheader a,.baomingheader a:visited{position:relative; float:left; margin-top:10px; width:32px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px 5px; text-indent:1000px; overflow:hidden;} .baomingheader a.home,.baomingheader a.home:visited{position:relative; float:right; margin-top:10px; width:36px; height:40px;background: url(/images/mobilebg.png) no-repeat 0px -116px; text-indent:1000px; overflow:hidden;} h1 { float: left; margin: 0; margin-top: 70px; font-weight: bold; font-size: 18px; width: 100%; line-height: 2em; text-align: center; color: #fff; } h2 { float: left; margin: 0; font-size: 16px; width: 100%; line-height: 2em; text-align: center; color: #2ceee5; } .fullSlide{float:left;margin-top:60px;width:100%;position:relative;} .fullSlide .bd{float:left;margin:0 auto;z-index:0;width:100%;} .fullSlide .bd ul{float:left;width:100%;} .fullSlide .bd li{float:left;width:100%; overflow:hidden; text-align:center; position:relative;} .fullSlide .bd li img{float:left;max-width:100%;} .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:50px; line-height:50px; text-align:center; } .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:20px 5px; background:url(/images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; } .fullSlide .hd ul .on{ background-position:0 0; } /* 本例子css -------------------------------------- */ .focus{ width:100%; margin:0 auto;margin-top:0px; position:relative; overflow:hidden; } .focus .hd{float:left; width:100%; height:11px; position:absolute; z-index:1; bottom:5px; text-align:center; } .focus .hd ul{float:left;width:100%; display:inline-block; height:5px; padding:0px 5px; font-size:0; vertical-align:top; } .focus .hd ul li{ display:inline-block;display:-moz-inline-stack;*display:inline; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; text-indent:10px;} .focus .hd ul .on{ background:#FE6C9C; } .focus .bd{float:left;width:100%; position:relative; z-index:0;text-align:center} .focus .bd li img { max-width: 100%; background: url(images/loading.gif) center center no-repeat; } .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .addggbox_view { float: left; margin: 0; padding: 0; width: 100%; padding: 1em; padding-top:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; } .addggbox_view h3{ font-size:14px; font-weight:600; line-height:3em; } .addggbox { float: left; margin: 0; padding: 0; width: 100%; border-top: 0; font-size: 14px; } .addggbox ul { float: left; margin: 0; padding: 0; width: 100%; } .addggbox ul.addggbox_title { background: linear-gradient(to right, #2ceee5, #2afba8); color:#000; } .addggbox ul li { float: left; margin: 0; padding: 0; width: 50%; border: 1px solid #18fef4; text-align: center; line-height: 3.2em; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .gmbox { float: left; margin: 0; padding: 0; width: 100%; font-size: 14px; } .gmbox ul li { float: left; margin: 0; padding: 0; width: 50%; border: 1px solid #18fef4; text-align: center; line-height: 3.2em; height: 3.2em; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .jhqw_view { float: left; width: 100%; margin-top: 55px; margin-bottom: 70px; background-color: #fff; overflow: hidden; position: relative; } .jhqw_view h1{float:left;width:100%; padding-left:10px; margin-top:5px; height:55px;font-weight:bold; color:#000; font-size:18px; position:relative; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .jhqw_view .favorite{float:left; position:relative; display:block; width:19%; height:60px;border-left:1px solid #ededed; text-align:center; line-height:80px;background: url(/images/mobilebg.png) no-repeat 50% -177px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .jhqw_view h2{float:left; margin:10px 0; width:100%; position:relative;font-size:14px; line-height:20px;} .jhqw_view h2 em{ font-style:normal; font-size:18px; font-weight:bold; color:#ff0000;} .jhqw_view h2 del{ font-style:normal; font-size:14px; font-weight:bold; color:#aaa;} .jhqw_view h2 span{display:inline-block;display:-moz-inline-stack;*display:inline;} .jhqw_view h2 span.tmj { background-color: #f62800; text-align: center; line-height: 20px; color: #fff; font-size: 14px; padding: 2px 5px; border-radius: 0.5em; } .jhqw_view h2 span.tmj span { font-weight: bold; } .jhqw_view h2 span.scjg { margin-right:1em; background-color: #eee; text-align: center; line-height: 20px; color: #111; font-size: 14px; padding: 2px 5px; border-radius: 0.5em; } .jhqw_view h2 span.scjg span#scjg{ text-decoration:line-through; } .jhqw_view h2 span.scje span { font-weight: bold; } .jhqw_view h2.dagou{ margin-top:10px;} .jhqw_view h2.dagou span{background: url(/images/mobilebg.png) no-repeat 0px -248px; text-indent:25px; padding-right:10px;} .jhqw_view h2.baoyou{margin-top:10px;} .jhqw_view h2.baoyou span{background: url(/images/mobilebg.png) no-repeat 0px -284px; text-indent:25px; padding-right:10px;} .jhqw_view h2.color span.colorbox.selected em,.jhqw_view h2.guige span.guigebox.selected em{ background: url(/images/category.png) no-repeat; display: inline-block; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/category.png'); /* IE6 */ } .jhqw_view h2.color{margin:0.5em 0; padding:0 10px; width:100%;} .jhqw_view h2.color span{display:block;position:relative; float:left;font-weight:bold; color:Red; margin-bottom:5px; height:28px; line-height:28px; overflow:hidden;} .jhqw_view h2.color span.colorbox{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000; height:28px;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .jhqw_view h2.color span.colorbox.selected{border:1px solid #FB320A;} .jhqw_view h2.color span.colorbox.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute; background-position: -235px -180px; top: 1px; right: 1px; } .jhqw_view h2.color span.colorbox span{width:20px; height:20px;border:1px solid #ccc;color:#000;font-weight:normal;} .jhqw_view h2.color span.colorbox span.colortit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;} .jhqw_view h2.guige{ margin-top:15px; width:100%;height:auto;float:left;} .jhqw_view h2.guige span{display:block;position:relative;color:Red; font-weight:bold; float:left;height:28px; line-height:28px;overflow:hidden;} .jhqw_view h2.guige span.guigebox{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000; height:28px;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .jhqw_view h2.guige span.guigebox.selected{border:1px solid #FB320A;} .jhqw_view h2.guige span.guigebox.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute; background-position: -235px -180px; top: 1px; right: 1px; } .jhqw_view h2.guige span.guigebox span{width:20px; height:20px;border:1px solid #ccc;color:#000;font-weight:normal;} .jhqw_view h2.guige span.guigebox span.guigetit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;} .jhqw_view h2.peisong{margin-top:15px;width:100%;height:auto;float:left;} .jhqw_view h2.peisongsm{margin-top:15px;width:100%;height:auto;float:left;} .jhqw_view h2.peisong label,.jhqw_view h2.peisongsm label{font-weight:bold; color:#f62800;} .jhqw_view h2.goumai{margin-top:10px;} .jhqw_view h2.goumai label,.jhqw_view h2.goumai span,.jhqw_view h2.goumai input{ float:left; display:block;} .jhqw_view h2.goumai label{width:80px; height:30px; line-height:30px; font-weight:bold; color:#f62800; font-style:normal;font-size:16px;} .jhqw_view h2.goumai span span,.jhqw_view h2.goumai span input{ width:30px; height:30px;} .jhqw_view h2.goumai span input{border:1px solid #c2c2c0;border-left:0;border-right:0;height:30px; overflow:hidden; text-align:center; line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .jhqw_view h2.goumai span span.input_del{background: url(/images/cart.png) no-repeat 0px 0px;} .jhqw_view h2.goumai span span.input_add{background: url(/images/cart.png) no-repeat -30px 0px;} .jhqw_view h2.goumai span span.Inventory{width:80px;line-height:28px; text-align:center;} .jhqw_view h2.yansebox{margin-top:10px;} .jhqw_view h2.yansebox label{float:left; display:block;width:80px; height:30px; line-height:30px; font-weight:bold; color:#f62800; font-style:normal;font-size:16px;} .jhqw_view h2.yansebox span{float:left; display:block; margin-right:10px; width:auto; height:30px; line-height:30px; border:1px solid #dfdfdf; position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:14px;} .jhqw_view h2.yansebox span a,.jhqw_view h2.yansebox span a:visited{float:left; display:block; color:#000; padding:0 5px; height:30px; line-height:30px;font-size:14px;} .jhqw_view h2.yansebox span.blank a,.jhqw_view h2.yansebox span.blank a:visited{ color:#fff;} .jhqw_view h2.yansebox span.hover{padding-right:20px;border:1px solid #f62800;} .jhqw_view h2.yansebox span.hover em{ position:absolute; top:0; right:0; display:block; width:24px; height:24px; background: url(/images/cart.png) no-repeat -36px -36px;} .jhqw_view .Body{ margin:0; padding:0 10px;width:100%; line-height:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .jhqw_view h3{float:left; margin-bottom:10px; width:100%; position:relative; height:40px; line-height:40px;cursor:pointer;} .jhqw_view h3 label{float:left; text-indent:10px; width:100px; display:block;cursor:pointer;} .jhqw_view h3 span{float:right; text-indent:10px; width:40px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block; } .jhqw_view h3 span.hover{background: url(/images/mobilebg.png) no-repeat 10px -338px;} .jhqw_view h3.detail{margin-top:10px;border-top:4px solid #ededed;border-bottom:1px solid #ededed;} .jhqw_view .Body{ line-height:25px; text-align:left; color:#a8a8a8;} .jhqw_view .Body img{max-width:700px;width:100%; height:100%; } .detail_pinglun_box{margin:0;overflow:hidden;} .detail_pinglun_listbox{ float:left; margin:0; width:100%; min-height:100px; border:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .detail_pinglun_listbox:hover{border:1px solid #f62800;} .pinglun_listbox_top{margin:5px 0; width:100%;height:35px; } .pinglun_listbox_top span{height:35px; display:block;} .pinglun_listbox_top .name{float:left; margin-left:10px; width:auto; font-size:20px;} .pinglun_listbox_top .name img{width:20px;} .pinglun_listbox_top .time{float:right; margin-right:10px; width:auto; text-align:right} .pinglun_listbox_content{float:left;width:100%; margin-left:18px; padding-bottom:10px;display:block; } .pinglun_listbox_content span{display:block;} .pinglun_listbox_content .pingfen{float:left; width:100%;margin-left:10px; height:25px;} .pinglun_listbox_content .pingfen label{float:left;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline; height:20px;} .pinglun_listbox_content .pingfen span{float:left;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline; width:80px; height:20px;background: url(/images/sprite_icon.png) no-repeat; overflow:hidden; text-indent:1000px;} .pinglun_listbox_content .pingfen span.starlevel1{ background-position:-13px -50px;} .pinglun_listbox_content .pingfen span.starlevel2{ background-position:-13px -70px;} .pinglun_listbox_content .pingfen span.starlevel3{ background-position:-13px -90px;} .pinglun_listbox_content .pingfen span.starlevel4{ background-position:-13px -110px;} .pinglun_listbox_content .pingfen span.starlevel5{ background-position:-13px -130px;} .pinglun_listbox_content .content{float:left;width:90%;margin-left:10px; line-height:25px;} .pinglun_listbox_content .content font{ font-size:14px; color:#333;} .pinglun_listbox_content .content .wyhd{ margin-top:5px; width:75px;height:20px;background: url(/images/background.gif) no-repeat -89px -253px; text-indent:25px; cursor:pointer; text-indent:1000px; overflow:hidden;} .pinglun_listbox_content .zan{float:left;margin-left:10px; margin-top:5px; width:75px;height:20px;background: url(/images/sprite_icon.png) no-repeat -223px -10px; text-indent:25px; cursor:pointer;} .pinglun_listbox_content .zan2{float:left;margin-left:10px; margin-top:5px; width:75px;height:20px;background: url(/images/sprite_icon.png) no-repeat -300px -10px; text-indent:25px; cursor:pointer;} .showzannum{ position:absolute; width:30px; height:30px; font-size:30px; font-weight:bold; color:#ff0000;} .detail_pinglun_pages{float:left; margin:10px 0; width:100%; height:45px;line-height:45px;color:#666; text-align:center; font-size:14px; border:0;} .detail_pinglun_pages a,.detail_pinglun_pages img{display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline;} .detail_pinglun_pages a:link,.detail_pinglun_pages a:visited{width:20px;height:20px;color:#fff;text-decoration:none;text-align:center;line-height:20px;font-weight:bold; font-size:18px; background-color:#d8dfe1;} .detail_pinglun_pages a:hover{color:#FFF;text-decoration:none;font-weight:bold; font-size:18px;background-color:#f62800;} .detail_pinglun_pages a.selected:link,.detail_pinglun_pages a.selected:visited{color:#fff;text-decoration:none;font-weight:bold; font-size:18px;background-color:#f62800;} .detail_pinglun_pages a.img:link,.detail_pinglun_pages a.img:visited{background:none;} .detail_pinglun_addbox{float:left;width:100%;border:1px solid #dfdfdf; margin-bottom:60px;overflow:hidden;} .detail_pinglun_addbox li{ float:left; margin:0; padding:0; width:100%;border-bottom:1px solid #ccc;line-height:40px;background-color:#d8eff4; } .detail_pinglun_addbox li span,.detail_pinglun_addbox li label{ margin:0; padding:0; display:block;} .detail_pinglun_addbox li label{ float:left; width:25%; height:40px; text-align:right; color:#000;font-size:14px;} .detail_pinglun_addbox li div{float:left;width:75%; min-height:40px; background-color:#fff;} .detail_pinglun_addbox li.content label{height:115px;line-height:115px; } .detail_pinglun_addbox li input{ float:left; margin-top:5px;margin-left:5px; margin-right:5px; width:90%; height:25px;border-left:2px solid #666;border-top:2px solid #666; border-right:1px solid #CCC;border-bottom:1px solid #CCC; padding-left:5px; color:#666;} .detail_pinglun_addbox li.submit input{ float:left; margin-top:5px;margin-left:5px; margin-right:5px; margin-bottom:5px; width:100px; height:27px;background-color:#8e0d0a;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; border:0;} .detail_pinglun_addbox li.submit2 input{ float:left; margin-top:5px;margin-left:120px; margin-right:5px; width:150px; height:27px;background:url(/images/background.gif) no-repeat 0px -872px; border:0;} .detail_pinglun_addbox li.submit2 input.tjld{ background:url(/images/background.gif) no-repeat 0px -767px;} .detail_pinglun_addbox li textarea{ float:left;margin-left:5px; margin-top:5px; margin-bottom:5px; width:90%; height:100px;border-left:2px solid #666;border-top:2px solid #666; border-right:1px solid #CCC;border-bottom:1px solid #CCC; padding-left:5px; line-height:25px; color:#666;} .detail_pinglun_addbox li span input{float:left; margin-top:8px; border:0; width:auto; height:auto;} .detail_pinglun_addbox li span span{float:left; margin-top:4px; width:110px; height:30px; overflow:hidden;} .detail_pinglun_addbox li span span span{float:left; width:80px; height:20px;background: url(/images/sprite_icon.png) no-repeat; overflow:hidden; cursor:pointer;} .detail_pinglun_addbox li span span span.starlevel1{ background-position:-13px -50px;} .detail_pinglun_addbox li span span span.starlevel2{ background-position:-13px -70px;} .detail_pinglun_addbox li span span span.starlevel3{ background-position:-13px -90px;} .detail_pinglun_addbox li span span span.starlevel4{ background-position:-13px -110px;} .detail_pinglun_addbox li span span span.starlevel5{ background-position:-13px -130px;} .detail_pinglun_addbox li#pingfen{} .detail_pinglun_addbox li#pingfen label{ vertical-align:middle;} #showpic{position:fixed; width:150px; height:150px; z-index:1; left:570px;bottom:400px; display:none;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} .cartbox{ position:fixed; left:0; bottom:0; width:100%; height:50px; border-top:1px solid #dfdfdf; background-color:#fff;} .cartmbox{ position:relative; margin:0 auto; max-width:720px;} .leftbox{float:left;position:relative;} .leftbox input{float:left; display:block; width:100px; height:50px; background-color:#fc8b05; color:#fff; border:0;border-radius:0;} .leftbox input.favorited{background-color:#eee;color:#aaa; } .leftbox .leftbox_ShoppingCart{float:left;margin-left:10px;} .leftbox label{float:left;position:relative; margin-top:10px; display:block; width:30px; height:30px;background: url(/images/cart.png) no-repeat 0 -30px;} .leftbox a,.leftbox a:visited{ display:block; color:#fff;} .leftbox label a,.leftbox label a:visited{width:30px; height:30px;} .leftbox .cartmsg { position: absolute; z-index: 10000; left: 8.6em; bottom: 3.9em; width: 10em; height: 5em; background: rgba(246,40,0,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; display:none; } .leftbox .cartmsg h3 { margin-top: 1em; width: 100%; height: 2.5em; text-align: center; line-height: 2.5em; font-size: 0.8em; } .leftbox .cartmsg h4 { margin: 0 auto; width: 80%; height: 2em; line-height: 2em; background-color: #8e0d0a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; font-size: 0.8em; } .leftbox .cartmsg em { position: absolute; width: 1em; height: 1em; left: 1.8em; bottom: -0.6em; background: url(../images/faifeidown2.png) no-repeat 0 0px; background-size: 100% 100%; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .leftbox .cartmsg i { position: absolute; width: 1em; height: 1em; right: 0.2em; top: 0.2em; background: #8e0d0a; color: #FFFFFF; font-size: 0.8em; line-height: 1em; font-style: normal; text-align: center; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-family: "Arial" } .leftbox .cartmsg i { position: absolute; z-index: 3000; right: 0.5em; top: 0.2em; width: 1.5em; height: 1.5em; padding: 0.15em; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .leftbox .cartmsg i img { width: 1.2em; height: 1.2em; } .cartnum{ position:absolute; left:140px; bottom:25px;width:24px; height:24px; line-height:24px; background-color:#f62800;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center;} .rightbox{float:right;} .rightbox input{float:right; display:block; width:100px; height:50px; background-color:#fc8b05; color:#fff; border:0;border-radius:0;} .rightbox input.input_shopcart,.rightbox input.input_shopdh{background-color:#8e0d0a; } .rightbox input.input_shopjs{width:80px;} .select_box_bg{position:fixed; z-index:2; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none; } .select_box{position:fixed; z-index:2; left:0; bottom:0; width:100%; } .select_box_to{ position:relative; margin:0 auto; max-width:720px; min-height:320px; padding:0 10px; background:#fff;border-top:1px solid #efefef; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .select_box_to .select_box_pic{position:absolute; z-index:3; left:10px; top:-5em; width:10em; height:10em;border:1px solid #efefef; overflow:hidden; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .select_box_to .select_box_pic img{width:100%; height:100%; } .select_box_to .select_box_title{ float:left; width:12em; height:5em; margin-left:11em; line-height:2em; } .select_box_to .select_box_title .price{width:100%; color:#ff0000; font-size:18px; } .select_box_to .select_box_title .selguige{width:100%;font-size:14px; } .select_box_to .close{position:absolute; z-index:3000; right:1em; top:1em; width:1.8em; height:1.8em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .select_box_to .close img{width:1.4em; height:1.4em;} .select_box_selguige{position:relative; float:left;width:100%;margin-top:1em;} .select_box_selguige h3{position:relative; float:left;width:100%; line-height:2em; font-size:14px;} .select_box_selguige ul{position:relative; float:left;width:100%;} .select_box_selguige ul li{display:block;position:relative; float:left;font-weight:bold; color:Red; margin-bottom:5px; height:28px; line-height:28px; overflow:hidden;} .select_box_selguige ul li{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .select_box_selguige ul li.selected{border:1px solid #FB320A;} .select_box_selguige ul li.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute;background: url(/images/category.png) no-repeat; display: inline-block; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/category.png'); background-position: -235px -180px; top: 1px; right: 1px; } .select_box_selguige ul li span{width:20px; height:20px;color:#000;font-weight:normal;} .select_box_selguige ul li span.colortit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;} .select_box_selnum{position:relative; float:left; margin:1em 0; width:100%; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:1em 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .select_box_selnum h3{position:relative; float:left;width:30%;line-height:2em;} .select_box_selnum ul{position:relative; float:left;width:70%;} .select_box_selnum ul li{position:relative; float:right;width:2em; height:2em; text-align:center; background-size:100% 100%; background-repeat:no-repeat;border:1px solid #bfbfbf;} .select_box_selnum ul li.num_input{ border-left:0; border-right:0;} .select_box_selnum ul li input{float:left;width:100%; height:100%;border:0; text-align:center;} .select_box_selnum ul li.num_del{ background-color:#e6e6e6;background-image: url(/images/num_del.png);} .select_box_selnum ul li.num_add{ background-color:#e6e6e6;background-image: url(/images/num_add.png);} .select_box_selnum ul li.num_del.visited{background-image: url(/images/num_del_visited.png);} .select_box_selnum ul li.num_add.visited{background-image: url(/images/num_add_visited.png);} .select_box_btn{position:absolute; z-index:2; left:0; bottom:0; width:100%;} .select_box_btn input{width:100%; height:2.5em; font-size:18px; font-weight:bold; color:#fff; background-color:#ff0000; border:0;} .floor-product h3{ width:100%; padding:0.5em 1em; background-color:#d9b4ce; color: #000; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .floor-product h3 span{ float:right;} .data_table{ width:100%;border-collapse:collapse; background-color:#fff;} .data_table tr th { border: 1px solid #dfdfdf; line-height:2em; padding:.1em; width:auto; text-align:center; background-color:#E2F2FF; } .data_table td { border: 1px solid #dfdfdf; line-height:2em; padding:.2em .1em; text-align:center; } .data_table td select { width:6em; } @media screen and (max-width:640px) { .focus .bd li img{height:620px;} } @media screen and (max-width:560px) { .focus .bd li img{height:560px;} } @media screen and (max-width:540px) { .focus .bd li img{height:540px;} } @media screen and (max-width:480px) { .focus .bd li img{height:480px;} } @media screen and (max-width:440px) { .focus .bd li img{height:440px;} } @media screen and (max-width:380px) { .focus .bd li img{height:380px;} } @media screen and (max-width:360px) { .focus .bd li img{height:360px;} } @media screen and (max-width:340px) { .focus .bd li img{height:340px;} } @media screen and (max-width:320px) { .focus .bd li img{height:320px;} }