@charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0px; padding: 0px; } body, button, input, select, textarea { font:normal 100% Arial, "\5b8b\4f53";font-family:'Microsoft Yahei'} h1 { font-size: 1.5em; } small { font-size: 0.875em; } ul, ol, li { list-style: none; } a { text-decoration: none; color:#666666;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;} a:hover { text-decoration:none; } a:active{opacity: 0.5;} fieldset, img { border: 0; vertical-align:top; max-width: 100%; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } input { vertical-align:middle; } html { overflow-y: scroll;font-size:1em; } *html{ background-image:url(about:blank); background-attachment:fixed;} input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;} input,img{outline:0} img{border:0;vertical-align:middle} textarea { -webkit-appearance: none;} :focus{outline:0} .gray{filter:grayscale(1);-webkit-filter:grayscale(1);} a:active img{opacity: 0.8;transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;} * {box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;} a strong{ cursor:pointer;outline:0;} .clearfix{ display: block; content: ""; clear: both;} .wrap{max-width: 750px;margin:0 auto;margin-top:44px;} .fr{float: right;}.fl{float: left;} .ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .transition{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;} .transition(@intertime:.5s){transition:all @intertime ease;-o-transition:all @intertime ease;-ms-transition:all @intertime ease;-moz-transition:all @intertime ease;-webkit-transition:all @intertime ease;} .rela{position:relative;}.abso{position: absolute;} .ui-page{height:100%;} @font-face { font-family: 'iconfont'; /* project id 156279 */ src: url('//at.alicdn.com/t/font_hyt9q0s4x4m42t9.eot'); src: url('//at.alicdn.com/t/font_hyt9q0s4x4m42t9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_hyt9q0s4x4m42t9.woff') format('woff'), url('//at.alicdn.com/t/font_hyt9q0s4x4m42t9.ttf') format('truetype'), url('//at.alicdn.com/t/font_hyt9q0s4x4m42t9.svg#iconfont') format('svg'); } .ui-loader{display: none;} i{user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;} .iconfont{font-family:"iconfont";font-style:normal;} .fadein{animation:fadein .5s ease;-o-animation:fadein .5s ease;-ms-animation:fadein .5s ease;-moz-animation:fadein .5s ease;-webkit-animation:fadein .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards; } @keyframes fadein{ 0%{opacity: 0;} 100%{opacity: 1;} } @-webkit-keyframes fadein{ 0%{opacity: 0;} 100%{opacity: 1;} } @-moz-keyframes fadein{ 0%{opacity: 0;} 100%{opacity: 1;} } .fadeout{animation:fadeout .5s ease;-o-animation:fadeout .5s ease;-ms-animation:fadeout .5s ease;-moz-animation:fadeout .5s ease;-webkit-animation:fadeout .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards; } @keyframes fadeout{ 0%{opacity: 1;} 100%{opacity: 0;} } @-webkit-keyframes fadeout{ 0%{opacity: 1;} 100%{opacity: 0;} } @-moz-keyframes fadeout{ 0%{opacity: 1;} 100%{opacity: 0;} } //headpage .head_page{height:44px;line-height: 44px;overflow: hidden;position:fixed;border-bottom: 1px solid #eaeaea;width:100%;top:0;left:0;z-index: 9999;//.transition; .head_list{background: #fff;.rela;z-index:666;.abso;top:0;left:0;width:100%;overflow: hidden;border-bottom: 1px solid transparent;.transition; &:after{.clearfix;} } .menu_btn{width:44px;text-align: center;.fl;i{font-size:20px;} } .logo{ .abso;top:0px;left:50%;margin-left:-16px; img{height:26px;} } .s_cart{width:44px;text-align:center;.fr;i{font-size:20px;}} .menu_list{ width:100%;.abso;bottom:0;left:0;background: #fff;z-index: 333;overflow: scroll;.transition; ul{height:auto; li{line-height: 44px;text-align: center; a{display: block;color:#888;font-size:15px;} dl{height:0;overflow: hidden;opacity: 0; dd{line-height: 40px;background: #fafafa; a{font-size:13px;} } } } } } } //index content .index_p1{ text-align: center;font-size:0.7em;color:#353535;height:35px;line-height: 35px; } .index_p2{ img{width:100%;margin-bottom: 10px;} .index_goods{ .rela; .bottom{ .abso;bottom:10px;width:100%;left:0;line-height:25px;background: rgba(0,0,0,.5);padding:0 10px; .text{ .fl; .tit{color:#fff;font-size:14px;font-weight:bold;} .txt{color:#fff;font-size:12px;} } .link{ .fr; color:#fff;height:30px;width:30%;font-size:14px;line-height: 30px;background: #c0832c;margin-top:10px;text-align: center; } } } } .index_p3{width:100%;margin-bottom: 10px; &:after{.clearfix;} .d1{.fl;} .d2{.fr} img{width:100%;} } //footer .order_email{width:100%;height:44px;background: #000;line-height: 44px;text-indent: 15px;margin-bottom:1px; a{color:#fff;display:block;i{font-size:20px;}} } .input_email{width:100%;background: #464646;height:30px;line-height: 30px;padding:0 17px; a{color:#b5b5b5;font-size:0.9em;display:block; i{.fr;} &:after{.clearfix;}} } .share_box{width:100%;height:60px;line-height: 60px;border-bottom:1px solid #efede9; ul{ text-align: center; li{ &:active{background: #212121;} width:31px;height:31px;line-height: 31px;background: #818181;border-radius: 100%;margin-right:10px;display: inline-block; a{color:#fff;} } } } .member{width:100%;height:42px;line-height: 42px;text-align: center; a{font-size:16px;color:#000000;} } .f_link{width:100%;padding:15px 30px;text-align: center;line-height: 17px;font-size:0.8em;background: #f9f9f9; a{white-space: nowrap;} span{font-size:0.7em;} } .icp{text-align: center;line-height: 30px;font-size:0.7em;color:#535353;} //footer end //type_xk .xk_li{width:94%;border:1px solid #eee;margin:0 auto;padding:12px;margin-bottom:12px; .title{ border-bottom:1px solid #ebebeb;padding-bottom:10px; &:after{.clearfix;} .img{.fl;width:50%;text-align: center; img{max-width: 100%;} } .tit{.fr;width:50%;text-align: center;font-size: 30px;font-weight:bold;color:#2d2d2d;} } .summary{ line-height: 20px;font-size:0.7em;color:#777;padding:10px 0; } .view_detail{display:block;width:100%;height:30px;line-height: 30px;text-align: center;color:#fff;font-weight:bold;font-size:13px;background: #c0832c; &:active{opacity: 0.8;} } } //goods_list .goods_list{ .list_banner{width:94%;margin: 0 auto; img{width:100%;} } ul{width:94%;margin: 0 auto;.rela;overflow: hidden; li{ .abso; .img{ img{width:100%;} } .tit{ &:after{.clearfix;} margin-top:6px; .sp1{.fl;width:70%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size:0.8em;} .sp2{.fr;width:30%;overflow: visible;white-space: nowrap;font-size:0.9em;text-align: right; span{font-size:12px;color:#b8b8b8;} } .sp3{.fl;width:100%;margin-top:6px;font-size: 13px;color:#8f8f8f;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .sp4{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 12px;color:#8f8f8f;.fl;width:100%;margin-top:12px; i{font-size:12px;} } .color_length{display: none;} } } } } //goods_read .path{ width:94%;margin:0 auto;font-size:0.9em;height:30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; a{color:#666;} span{color:#f2f2f2;} } .detail{width:100%;margin:0 auto;} .detail .line{width:100%;height:1px;background: #f2f2f2;} /* .color_list{padding:10px;margin-top:24px;text-align: center;} .color_list ul li{padding-right:6px;border:1px solid #f1f1f1;transition:all .01s ease;-o-transition:all .01s ease;-ms-transition:all .01s ease;-moz-transition:all .01s ease;-webkit-transition:all .01s ease;height: 30px;line-height: 30px;border-radius: 5px;cursor:pointer;margin-bottom:10px;margin-right:5px;display: inline-block;} .color_list ul li:hover{border-color:#898989;} .color_list ul li.current{border-color: rgb(137,137,137)} .color_list ul li .color_value{width:12px;height:12px;margin-top:7px;margin-left:6px;display: inline-block;margin-right:6px;} */ .color_list{padding-left:2px;margin-top:24px;} .color_list ul li{border:1px solid #d0d0d0;height: 32px;line-height: 32px;border-radius: 5px;cursor:pointer;float: left;margin-bottom:10px;margin-right:20px;padding-right:14px;} .color_list ul li span.sp_color_none{display: none;} .color_list ul li.current{border-color: rgb(137,137,137)} .color_list ul li:hover{border-color:#999;} .color_list ul li .color_value{width:16px;height:16px;margin-top:7px;margin-left:14px;display: inline-block;margin-right:10px; float: left;} .color_choose .color_tit{color:#666;font-size: 12px;text-align: center;} .price_choose .txt{text-align: center;margin-bottom:10px;font-size:12px;color:#666;} .price_list{margin-top:14px;padding:10px;} .price_list ul{text-align: center;} .price_list ul li{padding:0 10px;height:40px;line-height: 40px;border:1px solid transparent;text-align: center;cursor:pointer;border-radius: 5px;font-size:22px;transition:all .01s ease;-o-transition:all .01s ease;-ms-transition:all .01s ease;-moz-transition:all .01s ease;-webkit-transition:all .01s ease;display: inline-block;margin-bottom:10px;} .price_list ul li:hover,.price_list ul li.current{border-color: #898989;} .price_list ul li span.span_1{font-size:12px;} .intro_txt{margin-top:14px;width:100%;padding:10px 17px;color:#2b2b2b;background: #f6f6f6;text-align: center;line-height: 20px;display: block;} .intro_txt span{color:#777;} .intro_txt span.though_cut{text-decoration: line-through;} .size_choose .size_tit{color:#666;font-size: 12px;text-align: center;} /* .size_list{text-align: left;margin-top:20px;padding:10px;text-align: center;} .size_list li{width:30px;line-height: 30px;height:30px;text-align: center;display: inline-block;border-radius: 5px;transition:all .01s ease;-o-transition:all .01s ease;-ms-transition:all .01s ease;-moz-transition:all .01s ease;-webkit-transition:all .01s ease;margin-right:15px;margin-bottom: 10px;} .size_list li.abled{cursor:pointer;border:1px solid transparent;} .size_list li.abled:hover{border:1px solid #898989;} .size_list li.disabled{text-decoration:line-through;color:#d5d5d5;} */ .size_list{text-align: left;margin-top:20px;} .size_list li{width:50px;line-height: 50px;height:50px;text-align: center;display: inline-block;border-radius: 5px;margin-right:13px;margin-bottom: 0px; font-size: 18px;} .size_list li.abled{cursor:pointer;border:1px solid transparent;} .size_list li.abled:hover{border:1px solid #999;} .size_list li.disabled{text-decoration:line-through;color:#d5d5d5;} .choose_material .size_tit{color:#666;font-size: 12px;text-align: center;} /* .mater_list{text-align: center;margin-top:28px;} .mater_list li{display: inline-block;width:140px;height: 90px;border:1px solid #f1f1f1;border-radius: 5px;padding-top:13px;cursor:pointer;} .mater_list li:hover,.mater_list li.current { border-color:#999;} .mater_list li img{margin-bottom:10px;} */ .mater_list{text-align: center;margin-top:28px;} .mater_list li{display: inline-block;width:140px;height: 90px;border:1px solid #f1f1f1;border-radius: 5px;padding-top:13px;cursor:pointer;position:relative;} .mater_list li .selects { position:absolute; line-height:1; right:-5px; top:-5px; font-size:12px; color:#FFF; padding:2px 5px; background:#f3bf37; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .mater_list li:hover,.mater_list li.current { border-color:#999;} .mater_list li img{margin-bottom:10px;} /* .mater_list{text-align: center;margin-top:28px;padding:10px;} .mater_list li{display: inline-block;width:110px;height: 90px;border:1px solid transparent;border-radius: 5px;transition:all .01s ease;-o-transition:all .01s ease;-ms-transition:all .01s ease;-moz-transition:all .01s ease;-webkit-transition:all .01s ease;padding-top:13px;cursor:pointer;} .mater_list li:hover{border-color:#898989;} .mater_list li img{margin-bottom:10px;} */ .buy_button{width:94%;margin-top:60px;height:40px;line-height: 40px;text-align: center;background: #323232;color:#fff;font-size:16px;cursor:pointer;transition:all .01s ease;-o-transition:all .01s ease;-ms-transition:all .01s ease;-moz-transition:all .01s ease;-webkit-transition:all .01s ease;margin-left:auto;margin-right:auto;} .buy_button:hover{opacity: 0.9;} .buy_button:active{opacity: 0.7;} .help_button{margin-top:10px;height:40px;width:94%;line-height: 40px;text-align: center;border:1px solid #323232;font-size:16px;cursor:pointer;transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;-moz-transition:all .6s ease;-webkit-transition:all .6s ease;margin-left:auto;margin-right:auto;} .help_button a{display: block;color:#323232;} .help_button a span{font-size:12px;color:#8b8b8b;} .help_button:hover{opacity: 0.9;} .help_button:active{opacity: 0.7;} .sum_txt{padding:20px 10px;border:1px solid #e4e4e4;margin-top:25px;width:94%;margin-left:auto;margin-right:auto;margin-bottom:15px;} .sum_tit{font-size:16px;color:#444;margin-bottom:27px;} .sum_txt table tr td{padding-bottom:15px;line-height: 20px;font-size:12px;color:#666;} .goods_slide{width:100%;.rela;margin-bottom: 40px;margin-top:30px;overflow: visible; .bd{.transition(.2s);.rela;background: #fff; .tit{.abso;top:-25px;width:100%;left:0;text-align: center;font-size:1em;color:#333;z-index:3;height:1.2em;line-height: 1.2em;font-weight:bold;} ul{ li{ img{ width:100%; } } } } .hd{ .abso;bottom:-17px;width:100%;height:10px; ul{ text-align: center; li{ width:10px;height:10px;background: #b2b2b2;border-radius: 10px;display: inline-block;margin-right:3px;text-indent: -9999px;.transition(.2s); &.on{background: #c0832c;width:20px;} } } } } .goods_intro{ width:94%;margin:0 auto; ul{ li{ &:after{.clearfix;}margin-bottom: 10px;overflow: hidden;height:40px;border:1px solid #dfdfdf;padding:0 5px;.transition; .tit{ height:40px;line-height: 40px;font-size:1em;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;.transition; } .txt{ font-size:0.8em;color:#666;padding:0px 5px 5px;opacity: 0;.transition;line-height: 1.5em; } .more_btn{ width:30px;height:30px;line-height: 30px;margin-top:4px;background: #eee;text-align: center;color: #c6c6c6;margin-right:4px; } } } } // shoelast .inside_banner{ img{width:100%;} } .page_class{ border-bottom:1px solid #f3f3f3;margin-bottom:20px; &.nobottom{border-bottom:none;} .big_img{ width:100%; img{width:100%;} } .tit{width:100%;height:50px;font-size:1.1em;line-height: 50px;padding:0 12px;font-weight:300;color:#161616; &.yellow{color:#c0832c;} span.yellow{color:#c0832c;} } .txt{width:100%;padding:0 12px 12px;font-size:0.8em; p{text-indent: 2em;line-height: 1.5em;color:#666;word-break:break-all; span.yellow{color:#c0832c;} span.black{color:#161616;font-weight: 500;} } img{margin:12px auto;display: block;max-width:100%;} table{width:100%;font-size:0.8em;margin:12px auto;border-collapse:separate; tr{ height:40px; td{ line-height: 1.5em; &:nth-child(1){width:30%;text-align: center;color:#444;font-weight: 800;} &:nth-child(2){width:70%;color:#666;font-size: 0.8em;text-align: left;} } } } .video_embed{display: block;width:100%;} } } //how to buy //video_list .video_list{ ul{width:94%;margin: 0 auto;.rela;overflow: hidden; li{ .abso; .video_img{ img{width:100%;} } .tit{ line-height: 1.5em;font-size:0.8em;color:#161616;margin-top:4px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sum{font-size:0.7em;color:#a7a7a7;} .video_content{display: none;} } } } .video_view{ width:100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.8);z-index: 99999;.transition;display: none;opacity: 0; .video{ embed{max-width: 725px;margin:0 auto;display: block;} } .close{position: absolute;top:0px;right:0px;width:40px;height:40px;line-height: 40px;color:#fff;text-align: center;} } .zhixie_list{ :after{.clearfix;} li{ :after{.clearfix;} .img{ .fr;width:70%; img{width:100%;} } .num{.fl; width:30%;border-top:1px solid #ececec;border-bottom:1px solid #ececec;text-align: center;font-size: 40px;font-weight:lighter; } .text{ padding: 20px 12px 25px;.fl;width:100%; .tit{ line-height: 30px;font-size:1em;color:#161616; } .txt{ line-height: 25px;font-size: 13px;color:#666;text-indent: 30px; } } &:nth-child(2n){ .img{.fl;} .num{.fr;color:#c0832c;} .text{ .tit{color:#c0832c;} } } } } .chengnuo_page{ border-bottom: 1px solid #b7b7b7; .tit{line-height: 40px;font-size:16px;color:#161616;} :after{.clearfix;} padding:12px 12px 20px;font-size:0.8em;color:#666;line-height: 1.5em; .li_contain{ :after{.clearfix;} .li{.fl;width:25px;} .li_text{.fl;} } p.gray{color:#b7b7b7;} &:nth-child(2n){ .tit{color:#c0832c;} } } .faq_list{ width:100%;margin:0 auto; ul{ li{ &:after{.clearfix;}overflow: hidden;height:40px;border-bottom:1px solid #dfdfdf;padding:0 5px;.transition; .tit{ height:40px;line-height: 40px;font-size:1em;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;.transition;color:#444444; } .txt{ font-size:0.8em;color:#666;padding:0px 5px 5px;opacity: 0;.transition;line-height: 1.5em; } .more_btn{ width:30px;height:30px;line-height: 30px;margin-top:4px;background: #eee;text-align: center;color: #c6c6c6;margin-right:4px;.transition; } } } } .taglink{display: inline-block;text-indent: 0;color:#c0832c;} .read_content{padding:12px;font-size:0.9em;color:#666;line-height: 1.5em;} .contact_read{ &:after{.clearfix;}padding:12px; .left_img{width:30%;overflow: hidden;.fl; img{max-width:90%;max-height:100%;display: block;margin:0 auto;} } .right_text{ line-height: 1.5em;font-size:0.9em;color:#666;width:70%;.fr; } } .plianxi_01{padding:0 12px;} .plianxi_01 input{width:100%;border:1px solid #eee;height:30px;line-height: 30px;text-indent: 5px;display: block;margin:0 auto 10px;font-size:0.9em;} .plianxi_01 textarea{resize:vertical;border:1px solid #eee;height:60px;padding:5px;width:100%;margin: 0 auto 10px;display: block;font-size:0.9em;} .plianxi_02{padding:0 12px;} .plianxi_02 input{width:100px;border:1px solid #eee;height:30px;line-height: 30px;text-indent: 5px;font-size:0.9em;} .plianxi_03 button{width:94%;background: #161616;color:#fff;text-align:center;line-height: 40px;height:40px;border:none;margin:0 auto;display: block;margin-top:10px;} #pagination{ text-align: center;color:#999;font-size:12px;padding: 12px 0; } #pagination a{color:#333;padding:5px 5px;height:30px;line-height: 30px;} #pagination span.current{color:#fff;background: #999;} #pagination span{color:#999;padding:5px 5px;height:30px;line-height: 30px;} /*video*/ .fancy_dark{width:100%;background: rgba(0,0,0,.95);position: fixed;top:0;left:0;opacity: 0;animation: ani_fadein .5s ease;-webkit-animation: ani_fadein .5s ease;animation-fill-mode:both;z-index: 99999;} .escword{opacity: 0;animation: ani_fadeinword .5s ease;-webkit-animation: ani_fadeinword .5s ease;animation-fill-mode:both;line-height: 300px;} .fancy_dark.ani_fadeout{animation: ani_fadeout .5s ease;-webkit-animation: ani_fadeout .5s ease;animation-fill-mode:both;} .fancy_dark div.close{width: 34px; line-height: 34px; height: 34px; color: #fff; position: absolute; top: 10px; right: 10px; font-size: 16px; cursor: pointer; background: #ccc; text-align: center; border-radius: 50px;} .fancy_dark div.close i{font-size: 16px;color:#fff;} @keyframes ani_fadein{ 0%{opacity: 0} 100%{opacity: 1} } @-webkit-keyframes ani_fadein{ 0%{opacity: 0} 100%{opacity: 1} } @keyframes ani_fadeinword{ 0%{opacity: 0;line-height: 300px;} 100%{opacity: 1;line-height: 100px;} } @-webkit-keyframes ani_fadeinword{ 0%{opacity: 0;line-height: 300px;} 100%{opacity: 1;line-height: 100px;} } @keyframes ani_fadeout{ 0%{opacity: 1} 100%{opacity: 0} } @-webkit-keyframes ani_fadeout{ 0%{opacity: 1} 100%{opacity: 0} } .hide_size_list{display: none;} .chima_box{ width: 90%; margin: auto; background: #fff; text-align: center;} .chima_box img{ width: 663px; margin-top: 20px;} /*新增05.09*/ .xiek_box{width: 90%; margin: auto; background: #fff;} .xiek_box ul{width: 100%;} .xiek_box ul li a{ display: block;border: 1px solid #e4e4e4; padding: 16px; margin-bottom: 20px;} .xiek_s{width: 100%; border-bottom: 1px solid #e4e4e4; overflow: auto;padding-bottom: 16px;} .xiek_s .xk_pic{width: 50%; float: left;} .xiek_s .xk_pic img{width:100%;} .xiek_s .xk_tit{ width: 50%; float: right; text-align: center; font-size: 30px; font-weight: bold; color: #2d2d2d; margin-top: 5px; text-align: center;} .xiek_box ul li a p{ font-size: 14px; line-height: 20px; color: #666;margin-top: 14px;} .xiek_box ul li a span{ width: 100%; height: 40px; line-height: 40px; background: #c0832c; font-size: 16px; font-weight: bold; color: #fff; display: block; text-align: center;margin-top: 14px;} .hidden_color{display: none;} .sp_color_none{display: none;} .hide_size_list{display: none;} .item_block{display: none;width:100%;background: rgba(0,0,0,.9);position:fixed;top:0;left:0;z-index: 999999;padding-bottom: 100px;animation-fill-mode:forwards;padding-top: 50px;} .wechat{display: none;width:94%;margin:0 auto;text-align: center; img{width:80%;} } .moment{display: none;width:94%;margin:0 auto; input{width:100%;border:1px solid #999;border-radius: 3px;height: 40px;line-height: 40px;font-size:14px;color:#666;padding-left:3px;} button{width: 100px;height: 40px;line-height: 40px;font-size: 14px;color:#fff;border:1px solid #fff;background: #333;text-align: center;margin: 10px auto;} } .item_block .close{position: absolute;top:0;right:0;width:44px;line-height: 44px;text-align: center;color:#fff;} @media (max-width:420px){ .goods_slide{ .bd{min-height:300px; overflow: hidden;} } } @media (max-width:380px){ .goods_slide{ .bd{min-height:272px; overflow: hidden;} } } @media (max-width:320px){ .goods_slide{ .bd{min-height:232px; overflow: hidden;} } }