@charset "utf-8";
body,td,li,input, textarea, select, button{ font-size: 14px;margin: 0;padding: 0;resize: none;}
ul{padding:0px;margin:0px;list-style:none; }
li{padding:0px;margin:0px;list-style:none;}
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
img{ border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px;padding:0px;margin:0px;font-weight: bold;}
a {outline: medium none; text-decoration: none; }
html { height:100%; width:100%;}
td{ margin-left:5px;}
form, fieldset, legend, input, button, textarea, p, blockquote{ margin:0px; padding:0px; font-size:12px;}
dt,dd,dl{ padding:0px; margin:0px;}
.hui2{color:#999;font-size:14px;}
.blue{ color:#1470cc;}
.blue2{ color:#3E93D6;}
.hui{color:#C0B7B5}
.green{ color:#09B331;}
.px20{ padding-left:20px;}
.px10{ padding-left:10px;}
.red{ color:#F00}
.right{ float:right;}
.through{ text-decoration:line-through}
.center{ text-align:center}
i{ font-style:normal;}
.clear{ clear:both;}
.top {background: #f7f7f7 none repeat scroll 0 0; border-bottom: 1px solid #eeeeee; height: 26px; line-height: 26px; position: relative; width: 100%; z-index: 1000; }
.page{ width:1002px; margin-left:auto; margin-right:auto; height:25px; line-height:25px;}
.top_page {height: 26px; line-height: 26px; margin-left: auto; margin-right: auto; width: 1200px; }
.pageleft{ float:left; height:26px; overflow:hidden}
.pageleft span{ float:left; display:block; color:#555;}
.welimg img{ margin-top:7px; padding-left:5px; padding-right:5px;}
.lightblue{ color:#666666;}
.pxlr{ padding-left:5px; padding-right:5px;}
.pageright{ float:right;}
.quick-menu li{ float:left;}
.search .menu-hd s { background:url(../images/top_car.png) no-repeat left center;}
.quick-menu li {padding-right: 10px; background-position: right 6px; padding-left: 10px; float: left; padding-bottom: 0px; margin-left: -1px; padding-top: 2px}
.quick-menu li.menu-item {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; position: relative; z-index:10001; }
.menu-hd {padding-right: 22px; display: block; padding-left: 10px; z-index: 10002; padding-bottom: 0px; margin: 1px 1px 0px; cursor: pointer; padding-top: 0px; position: relative; height: 20px}
.mytaobao .menu-hd {padding-top: 1px; }
.search .menu-hd {padding-top: 1px;}
.menu-hd b {font-size: 0px; right: 10px; width: 0px; line-height: 0; position: absolute; top:12px; height: 0px; line-height:0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; border:4px solid; border-color:rgb(105,102,102) transparent transparent; }
.search .menu-hd {padding-left: 25px; color: #666}
.search .menu-hd s { left: 7px; width: 14px; position: absolute; top: 6px; height: 13px}
.menu-bd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; display: none; z-index: 10001; right: 0px; background: #fff; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px solid; position: absolute; top: 58px}
.menu {position: relative}
.menu:hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px}
.hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px}
.menu:hover .menu-bd {display: block}
.hover .menu-bd {display: block}
.menu:hover .menu-hd b {border-left-color: #fff; border-bottom-color: #fff; border-top-color: #666; top:11px; top:8px\9; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
.mytaobao .menu-bd {width: 94px; line-height: 1.7; top: 21px;}
.mytaobao .menu-bd-panel {padding-right: 10px; padding-left: 10px; padding-bottom: 8px; padding-top: 8px; }
.mytaobao .menu-bd-panel a{ display:block; text-align:left;}
.search .menu-bd {width:340px; top: 21px; overflow:hidden}
.menupx{ padding-left:5px; padding-right:5px; background:url(../images/shu.jpg) no-repeat right 70%;}
.main {margin: 0 auto; padding-bottom: 15px; width: 1200px; }
.main::after {clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.head {height: 100px; margin-left: auto; margin-right: auto; position: relative; width: 1200px; z-index: 104; }
.head_width {background: #fff;width: 100%; }
#header_form{clear:both;height:100px;}
.logo{width:200px; float:left; height:90px; padding-top:10px;}
.logo span{width:200px; height:100px; display:table-cell; *display:block; text-align:center; position:relative; vertical-align:middle; overflow:hidden }
.logo span p{*position:absolute; top:50%; left:50%; }
.logo span p img{*position:relative; top:-50%; left:-50%; }
.searchForm {float: left; height: 100px; width: 520px; }
.toph_bigsearch{ width:520px; margin-top:20px; float:left; padding-left:70px;}
.toph_sear{ width:510px; border:2px solid #e4393c; height:36px;position:relative;}
.toph_bgsear{ overflow:hidden; width:75px; float:left;border:1px solid #ccc; border-bottom:0px; float:left; position:absolute; top:0px; left:0px; }
.toph_bgsear li{ width:100%; text-align:center;background:#fff; height:34px; line-height:34px; border-bottom:1px solid #ccc; position:relative; float:left;}
.toph_bgsear li a{ display:block;}
.toph_bgsear li a:hover{ background:#f9f9f9;}
.toph_bgsear .this{ background:#f9f9f9; }
.toph_bgsear .active_s{position:absolute; line-height:0px; height:0px; border-width:4px; border-style:solid; width:0px; transition:transform 0.2s ease-in 0s; top:13px; right:7px; border-color:transparent transparent rgb(153, 153, 153) ;_border-color:tomato tomato rgb(153, 153, 153);_filter:chroma(color=tomato);}
.toph_bgsear li s{position:absolute; line-height:0px; height:0px; border-width:4px; border-style:solid; width:0px; transition:transform 0.2s ease-in 0s; top:18px; right:7px; border-color:rgb(153, 153, 153) transparent transparent ;_border-color: rgb(153, 153, 153) tomato tomato;_filter:chroma(color=tomato);}
.toph_sear_txt{ position:absolute; width:329px; left:77px; height:35px; top:0px; border:0px; padding-left:10px; line-height:35px;}
.toph_sear_btn{ background:#e4393c; width:93px; height:36px; position:absolute; top:0px; right:0px; border: medium none;color:#fff; font-family:"Microsoft YaHei";font-size:16px;}
.keyword{ clear:both; line-height:30px; width:520px; overflow:hidden; height:30px;}
.keyword a{ margin-left:5px; margin-right:5px; white-space:nowrap}
.keyword a:hover{ text-decoration:underline}
.orange{ color:#F60}
.two_code{ width:115px; right:0px; position:absolute; margin-top:5px;}
.two_code_box{ width:84px;border:1px solid #ddd; float:left;}
.two_code_box b{ text-align:center; height:20px; line-height:20px; display:block}
.two_code_a{ width:19px; height:19px; display:block; border:1px solid #ddd; background:url(../images/two_code_a.gif) no-repeat; float:left; border-right:0px;}
.two_code_a:hover{ background:url(../images/close_code.gif) no-repeat;border:1px solid #ff4400; border-right:0px;}
.sannav{ float:right; margin-right:10px; margin-top:20px}
/*全部商品分类*/
.sr-nav-wrap ul{margin:0;padding:0;}
.sr-nav-wrap ul li{margin:0;padding:0;}
.sr-nav-wrap {height: 40px;z-index: 33;position: relative;}
.sr-nav {height: 40px;font-size: 14px;width: 100%;}
.sr-nav .grid {width: 100%;}
.sr-nav a:hover {text-decoration: none;}
.sr-nav-title {display: block;padding: 0 30px;color: #fff;line-height: 40px;cursor: pointer;font-size: 14px;}
.sr-nav-title:hover {color: #fff;}
.sr-nav-main {float: left;margin:0;}
.sr-nav-item {float: left;position: relative;}
.sr-nav-item:hover .sr-nav-sub {display: block;}
.sr-nav-item .ob-icon {margin-right: 5px;vertical-align: -2px;}
.sr-nav-sub {display: none;position: absolute;padding: 15px 0;}
.sr-nav-sub-title {display: block;color: #fff;width: 240px;padding: 5px 30px;position: relative;font-size: 14px;}
.sr-nav-sub-title:hover {color: #fff;}
.sr-nav-sub-title .front-icon {position: absolute;left: 9px;top: 50%;margin-top: -9px;}
.sr-nav-sub-title-txt {margin-right: 5px;}
.sr-nav-sub-item {width: 160px;display: block;margin-bottom: 10px;color: #8fadcc;white-space: initial;}
.sr-nav-sub-item:hover,.sr-nav-sub-item.selected {color: #fff;}
@media screen and (max-width:1023px) {
.sr-nav-title {
padding: 0 20px;
}
}
.main_ticket{width:1200px; margin-left:auto; margin-right:auto; position:relative; z-index:97;}
.main{width:1200px; margin-left:auto; margin-right:auto; }
.main_class_all{width:1200px; margin-left:auto; margin-right:auto; position:relative; }
.left_menu{ width:180px; border-top:0px; height:420px; background:#c81623; position:relative; z-index:999; box-shadow:0px 5px 4px rgba(0,0,0,0.1);transition: all 0.5s ease 0s; }
.left_menu_dl{height:35px;float:left; width:180px; background-color:#c23131;transition: all 0.5s ease 0s;}
.left_menu_dl:hover{height:35px;float:left; width:180px; background-color:#a61f1f;}
.left_menu_dl:Hover .left_menu_i{left:12px; top:9px;}
.left_menu_i{display:block; position:absolute; z-index:5; top:9px; left:7px; width:20px; height:20px; text-align:center; vertical-align:middle;transition: all .1s ease-out 0s;}
.left_menu_str{ padding-left:30px; font-size:14px; display:block; overflow:hidden; width:145px; height:35px; font-weight:normal; line-height:35px; color:#fff;text-align:left;transition: all .1s ease-out 0s;}
.left_menu_str_b{ width:143px; height:25px; padding-left:15px; color:#999999; line-height:25px; float:left; font-family:"宋体"; font-size:12px; overflow:hidden}
.left_menu_str_b a{color:#666; }
.left_menu_str_b a:hover{color:#ff0000; text-decoration:underline; }
.left_menu_dt{ height:35px; width:180px; z-index:1; cursor:pointer; position:relative; float:left;transition: all 0.5s ease 0s; }
.left_menu_str a{ color:#fff;}
.left_menu_str a:hover{ color:#fff;}
.left_menu_this{ z-index:4; height:35px; line-height:35px; width:176px; background:#a61f1f; cursor:pointer; position:absolute; border-right:0px; }
.left_menu_this .left_menu_str{ padding-left:35px;height:35px; line-height:35px; color:#fff;}
.left_menu_this .left_menu_str left_menu_str_b{width:130px; height:35px; padding-left:5px; color:#999999; line-height:35px;}
.left_menu_this .left_menu_i{ top:7px;}
.left_menu_dd{ height:40px; width:174px; top:0px; z-index:1;}
.left_menu_con{background:#fff; z-index:3; border:1px solid #ff0000; padding:4px; box-shadow:2px 2px 3px #ddd;width:642px; padding-bottom:10px;position:absolute; left:177px; z-index:1; min-height:474px}
.left_menu_con.this{background:#fff; padding:4px; box-shadow:2px 2px 3px #ddd; width:775px; padding-bottom:10px; left:177px; z-index:1;min-height:473px }
.left_con_dl{ width:550px; float:left; line-height:31px; border-bottom:1px solid #eee; padding-bottom:10px; padding-right:5px;}
.left_con_dl dt{ width:100%; font-size:14px; float:left; padding-right:9px;}
.left_con_dl dd { width:100%; float:left; text-align:left;font-weight:lighter;}
.left_con_dl dt a{ color:#F60; text-decoration:underline; font-weight:lighter;}
.left_con_dl dd a{ white-space:nowrap; margin-left:5px; margin-right:5px; color:#666; font-size:12px;}
.left_con_dl dd a:hover{ color:#F00; text-decoration:underline}
.all_menu{ width:100%; text-align:center; line-height:25px;}
.other_menu{ position:absolute; top:40px; left:0}
.banner_nothing{width:500px; height:325px; float:left;}
/*首页导航 start*/
.menu_con_right_top{ height:38px; overflow:hidden; float:left; width:640px;background: url(../images/nav_right_top.png) repeat; }
.menu_con_right_top dt span{ height:25px; width:auto; padding:0 15px 0 15px; float:left; line-height:25px; margin:5px 8px 10px 10px; background-color:#fff; font-size:12px; font-weight:100; }
.menu_con_right_top_right{ height:34px; width:34px; border-radius:50px; background:#F00; line-height:34px; text-align:center;}
.menu_con_right_top dt{ width:640px; overflow:hidden; float:left;}
.menu_con_right_top dd{ width:122px; float:right;}
.menu_con_right_top dd span{ height:35px; width:35px; border-radius:50px; background:#F00; display:block; text-indent:3px; overflow:hidden;line-height:35px; margin-top:4px; font-size:14px; color:#fff; font-style:italic; float:left;}
.menu_con_right_top dd b{ width:70px; height:42px; line-height:42px; float:right; margin-right:10px; font-size:15px; font-style:italic; font-weight:bold; color:#f00; background:url(../images/nav_top_right_bg.png) no-repeat right center;}
.left_menu_con_center_left{ width:630px;margin-right:0; float:left;padding-left:10px; }
.left_menu_con_center_left dl { width:100%; display:block; float:left;}
.left_menu_con_center_left dt{ width:90px; margin-right:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;height:40px; line-height:40px; font-size:12px; text-align:left; float:left; padding-left:5px;}
.left_menu_con_center_left dt b { padding-right:5px;font-family:"宋体"; color:#ccc; font-weight:bold;}
.left_menu_con_center_left dd { width:520px; float:left; padding:10px 0px; border-bottom:1px solid #eee;}
.left_menu_con_center_left dd a{float: left;margin:3px 5px;padding: 0 6px 0 0;border-right: 1px solid #ddd;line-height: 14px;white-space: nowrap;font-family:"宋体";}
.left_menu_con_center_left dd.new a{ color:#f00;}
.left_menu_con_center_left dd a{ color:#666666; font-size:12px; font-weight:100;}
.left_menu_con_center_left dd a:hover{ color:#f00;}
.left_menu_con_center{ float:left; width:640px;}
.right_menu_con_center{ float:left; width:230px; margin-left:20px;}
.right_menu_con_right_img_nav{ float:left; width:263px;}
.right_menu_con_right_img_nav span{ float:left; width:124px; height:60px;border:1px solid #eee; margin:0 5px 5px 0; position:relative;}
.right_menu_con_right_img_nav span img{ width:124px; height:60px ;}
.right_menu_con_right_img_nav span a{ float:left; width:122px; position:absolute; left:0; top:0; height:58px; background:none;text-align:center; overflow:
hidden; line-height:60px;opacity:0; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE8 */ border:1px solid #fff }
.right_menu_con_right_img_nav span a:hover{ background:#fff;opacity:1; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE8 */ color:#f00; border:1px solid #f00 }
.right_menu_con_right_img{ float:right; height:auto; width:263px;}
.right_menu_con_right_img_c{ width:263px; float:left;position:absolute;bottom:-10px;}
.right_menu_con_right_img_c i{ margin-left:40px; height:100%; width:263px;right:-30px; z-index:1000; bottom:0;}
.right_menu_con_right_img_c i img{ max-width:263px}
.allclass{ width:180px;float:left; margin-top:10px}
.allclass a{ color:#CC3C1A; display:block; width:180px; height:27px; text-align:center;}
.d_img{ float:left; margin-right:7px; width:35px; height:26px; display:block; text-align:center; line-height:26px; vertical-align:middle; }
.d_img img{ position:relative; top:5px;}
.position{ width:100%;clear:both; padding-top:10px; padding-bottom:10px; font-family:"宋体";color:#555; }
.position a{ color:#555;}
.position span{ color:#555;}
.pos{ margin-left:10px; margin-right:10px;}
.friendlink{ width:1000px; border:1px solid #ccc; overflow:hidden; float:left; margin-top:10px;}
.friendlink h1{ height:30px; line-height:30px; padding-left:20px; border-bottom:1px solid #ccc;}
.friendlink .linkimg{ width:1000px; float:left; overflow:hidden}
.friendlink .linkimg li{ float:left; margin:8px; border:1px solid #ccc;}
.friendlink .linka{ width:1000px; float:left; overflow:hidden;}
.friendlink .linka a{ white-space:nowrap; margin-left:10px; margin-right:5px; line-height:25px;}
.shopping{ width:1002px; border-top:1px solid #ccc; overflow:hidden; margin-top:10px; float:left;}
.shopone{ width:130px; float:left; margin:10px; _margin-left:5px;}
.shopone h1{ border-bottom:1px solid #EEEEEE; font-size:12px; color:#666; height:30px; line-height:30px;}
.shopone ul{ margin-top:10px; padding-left:10px;}
.shopone ul li{ line-height:20px;}
.index2{ width:1002px; padding-bottom:10px; }
/*分页*/
.fenye{color:#000; text-align:center; margin-right:30px; width:780px; float:right; padding-bottom:2px; margin-top:20px; padding-top:10px; padding-bottom:10px; height:20px;}
.fenye a{ color:#000; margin-left:2px; margin-right:2px;padding-top:2px; padding-bottom:2px;padding-left:5px; padding-right:5px;border:1px solid #CCCCCC;}
.fenye .this{ padding-top:2px; padding-bottom:2px; background:#FEA900; color:#FFF; padding-left:5px; padding-right:5px;border:1px solid #F57202;}
.fenye a:hover{background:#FEA900; color:#FFF;border:1px solid #F57202; }
/**验证样式**/
label.error{color:#e64545; margin-left:3px; font-weight: normal; }
input.error{ border:1px solid #e64545;}
/*店铺搜索*/
.main_top{ width:1002px; margin-left:auto; margin-right:auto;}
.shop_top_search{ width:700px;margin-top:20px; float:left; padding-left:40px; _padding-left:10px; position:relative; z-index:10000;}
.top_search_left{ height:48px; position:absolute; z-index:1;}
.top_searleft{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; background:#fff; width:280px; height:48px; border:1px solid #999; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; position:absolute; top:0px; z-index:99; }
.filter_z{ width:272px; height:50px; position:relative;}
.top_nofilter{ width:270px; height:48px; position:absolute; top:0px; z-index:100;}
.top_sear_kf{ width:270px; float:left; font-size:12px; padding-top:5px; line-height:20px;}
.top_sear_kf a{ color:#666; padding-left:10px; float:left;}
.top_sear_kf a:hover{ text-decoration:underline}
.top_sear_star{ width:270px; float:left; height:34px; padding-left:10px;}
.top_sc{ float:right; margin-right:10px; color:#666; text-decoration:underline}
.top_b{position: absolute; z-index: 1000; bottom:-2px; cursor:pointer;_bottom:0px; width: 30px; height: 8px; background:url(../images/top_t.jpg); left:50%; margin-left:-16px; border:1px solid #ccc; display:block; overflow:hidden}
.top_b2{position: absolute; z-index: 1000; bottom:-2px; cursor:pointer; _bottom:0px; width: 30px; height: 8px; background:url(../images/top_b.jpg); left:50%; margin-left:-16px; border:1px solid #ccc; display:block; overflow:hidden}
.top_sear_bom{ background:#fff; overflow:hidden; width:270px; position:absolute; top:1px; z-index:-1;border:1px solid #ccc; padding-top:50px; padding:5px; padding-top:50px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -moz-box-shadow:2px 2px 2px #666; -webkit-box-shadow:2px 2px 2px #666 ; box-shadow:2px 2px 2px #666; }
.top_dl{ width:270px; float:left; overflow:hidden; margin-top:5px; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.top_dl_width{ width:130px; }
.top_dl_ul{ width:270px; float:left; overflow:hidden;}
.top_dl dt i{ font-style:normal; padding-left:40px; color:#999}
.top_dl_ul li{ width:270px; float:left; overflow:hidden; line-height:20px;margin-bottom:2px;}
.top_dl_ul li i,.top_dl_ul li b,.top_dl_ul li em{ float:left; display:block; font-style:normal}
.top_dl_ul li em{ color:#A1001A; font-family:"宋体"; font-size:14px; cursor:pointer}
.top_dl_ul li em:hover { text-decoration:underline; }
.top_dl_ul li .better strong {background:#b51203; float:left; display:block; width:30px; text-align:center; border-radius:2px; margin-left:50px; margin-right:5px; font-weight:lighter; font-size:12px; font-family:Arial, "宋体"; color:#FFF;}
.top_dl_ul li .lower strong {background:#0d9540; float:left; display:block; width:30px; text-align:center; border-radius:2px; margin-left:50px; margin-right:5px; font-weight:lighter; font-size:12px; font-family:Arial, "宋体"; color:#FFF;}
.top_dl_ul li .better{color:#A1001A; }
.top_dl_ul li .lower{ color:#0D9540;}
.top_dl_ul li b{ color:#36F; }
.top_dl dt{ color:#000; padding:5px; font-size:14px;}
.top_dl span{ float:left; display:inline; margin-left:5px;}
.top_search_right{ width:422px; height:50px; position:absolute; left:321px; _left:291px;}
.top_search_bg{width:420px; height:48px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; background:#fff; height:48px; border:1px solid #999; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; position:absolute; top:0px; z-index:0;}
.top_shop_seacher{ width:400px; height:48px; position:absolute; top:1px; z-index:0; padding-left:20px;}
.top_shop_seacher span{ float:left; height:25px; padding-top:13px;}
.sear_shop input{ background:#fff url(../images/tsear.jpg) no-repeat 2px center; border:1px solid #ccc; padding-left:25px; height:23px; line-height:23px; width:200px;}
.all_sear_btn input{ background:url(../images/topsearchbtn.jpg) no-repeat; width:70px; height:25px; color:#fff; border:0px;}
.shop_sear_btn input{ background:url(../images/btntopsearch.jpg) no-repeat; width:70px; height:25px; color:#333; border:0px;}
.back_box { position:fixed; width:54px; height:118px; bottom:45px; right:25px;display:none;width:50px; height:50px;position:fixed; bottom:450px; right:15px;}
.back_index a { width:54px; height:54px; background:url(../images/backtohome.png) no-repeat; display:block; opacity:0.3; filter:alpha(opacity=30);-moz-opacity:0.30;}
.back_index a:hover { width:54px; height:54px; background:url(../images/backtohome.png) no-repeat; display:block; opacity:1.0; filter:alpha(opacity=100);-moz-opacity:1.00;}
.back_top a { width:54px; height:54px; background:url(../images/backtotop.png) no-repeat; filter:alpha(opacity=30);-moz-opacity:0.30; opacity:0.3; display:block; margin-top:10px;}
.back_top a:hover { width:54px; height:54px; margin-top:10px; background:url(../images/backtotop.png) no-repeat; display:block; opacity:1.0; filter:alpha(opacity=100);-moz-opacity:1.00;}
/* 右侧侧导�? start*/
.back_floor{ width:40px; background:#fff; overflow:hidden; border:1px solid #ddd; border-bottom:0px;}
.back_floor ul { width:40px; overflow:hidden; float:left}
.back_floor ul li{ width:80px; height:40px; line-height:40px; border-bottom:1px solid #ddd; background:#F00; }
.back_floor ul li a{ display:block; width:100px; height:40px;}
.back_floor ul li a b{ transition:all 0.4s ease-in 0s; width:40px; height:40px; display:block; line-height:40px; text-align:center; background:#fff; color:#fff; float:left; margin-left:0px;}
.back_floor ul li a b img{ margin-top:6px; text-align:center; height:24px; width:24px;}
.back_floor ul li a:hover b{ margin-left:-60px; }
.back_floor ul li a span{float:left; display:block; color:#fff; width:26px; height:26px; overflow:hidden; line-height:13px; text-align:center; margin:7px;}
.back_box_x{width: 100px; position: fixed; bottom: 270px; left:0px; z-index:1;}
/*搜索不到商品*/
.starshop_list{ width:100%; overflow:hidden;}
.sigh{ width: 600px; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:50px;}
.sigh span{ float:left; margin-right:20px;}
.sigh b{ width: 460px;float:left; margin-top:30px; line-height:30px; font-size:20px; color: #4388CC;}
/***店铺二维�?**/
.shop_erweiwrap { padding:0px 3px; left:50%; margin-left:-621px; width:116px; height:180px; bottom:25px; right:5px; position:fixed;}
.shop_erweiwrap .shop_weweiimg:hover { background-color:#CCC}
.shop_erweiwrap .ewm_close { width:14px; height:13px; float:right;}
.shop_erweiwrap .shop_weweiimg { width:116px; height:140px; float:left;}
.shop_erweiwrap .shop_weweiimg span { width:116px; float:left; line-height:30px; text-align:center;}
.shop_erweiwrap .shop_weweiimg b { width:116px; float:left; text-align:center;}
.fl {float: left }
.tip {position: absolute; padding: 10px 10px; border-radius: 3px; font-size: 12px; line-height: 1.5; color: #555; background: #fff; border: 1px solid #ced3d9; box-shadow: 2px 2px 3px rgba(0, 33, 66, 0.1) }
.tip .tip-con .tip-para {margin: 0 0 10px 0 }
.tip .tip-con .tip-para:last-child,.tip .tip-con .tip-para.last-child {margin-bottom: 0 }
.tip.icon-tip {box-shadow: none; padding: 3px 10px; border: 0 }
.tip.icon-tip .arrow {border: 6px dashed transparent }
.tip.icon-tip.tip-black {background: #222; color: #fff }
.tip.icon-tip.arrow-top .arrow {border-bottom: 6px solid #222; left: 50%; top: -11px; margin-left: -6px }
.tip.icon-tip.arrow-bottom .arrow {border-top: 6px solid #222; left: 50%; bottom: -11px; margin-left: -6px }
.tip.icon-tip.arrow-left .arrow {border-right: 6px solid #222; top: 50%; left: -11px; margin-top: -6px }
.tip.icon-tip.arrow-right .arrow {border-left: 6px solid #222; top: 50%; right: -11px; margin-top: -6px }
.tip .arrow {position: absolute; zoom: 1; width: 0; height: 0; line-height: 0; font-size: 0; border: 8px dashed transparent }
.tip.arrow-top .arrow-out {border-bottom: 8px solid #ced3d9; left: 10px; top: -16px }
.tip.arrow-top .arrow-in {border-bottom: 8px solid #fff; margin: -7px 0 0 -8px }
.tip.arrow-bottom .arrow-out {border-top: 8px solid #ced3d9; left: 10px; bottom: -16px }
.tip.arrow-bottom .arrow-in {border-top: 8px solid #fff; margin: -9px 0 0 -8px }
.tip.arrow-left .arrow-out {border-right: 8px solid #ced3d9; top: 10px; left: -16px }
.tip.arrow-left .arrow-in {border-right: 8px solid #fff; margin: -8px 0 0 -7px }
.tip.arrow-right .arrow-out {border-left: 8px solid #ced3d9; top: 10px; right: -16px }
.tip.arrow-right .arrow-in {border-left: 8px solid #fff; margin: -8px 0 0 -9px }
.clearFix {}
.clearFix::after {clear: both; content: "."; display: block; height: 0; visibility: hidden; }
@media screen and (max-width:1280px) {
.sr-comInfo-details {width: 880px}
.sr-comInfo-details .details-cnt {padding: 20px 20px 0 20px}
.sr-comInfo-details .detail-col {margin-right: 20px}
.sr-comInfo-details .detail-col.col-2 {width: 395px}
}
@media screen and (max-width:1023px) {
.sr-comInfo-details {width: 640px}
.sr-comInfo-details .detail-col:first-child {display: none}
.sr-comInfo-details .detail-col.col-2 {width: 375px}
}
@media only screen and (max-width:1023px) {
.m-logo-wrap .m-logo {background: url("") left center no-repeat; -moz-background-size: 210px 43px; -o-background-size: 210px 43px; background-size: 210px 43px; }
}
.fullSlide {position: relative;height: 250px; background: #fff; }
.fullSlide .bd {position: relative;z-index: 0;}
.fullSlide .bd ul {margin:0;padding:0;width: 100% !important;}
.fullSlide .bd li {margin:0;padding:0;width: 100% !important;height: 250px;}
.fullSlide .bd li .siteWidth {width: 1000px;position: relative;margin: 0 auto;height: 250px;}
.fullSlide .bd li a {position: absolute;width: 100%;height: 250px;display: block;z-index: 1;}
.fullSlide .bd .txt {position: absolute;width: 415px;top: 100px;left: 22px;font: normal 18px/30px "Microsoft YaHei";}
.fullSlide .bd .btn {display: block; zoom: 1; margin-top: 8px; width: 72px; padding-right: 10px; height: 31px; line-height: 31px; text-align: center; color: #fff; font-size: 12px; background: url(../images/banner-btn.png) 0 0 no-repeat; }
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.fullSlide .hd ul { margin-top: 35px; }
.fullSlide .hd ul li {cursor: pointer;display: inline-block; display: inline-block; zoom: 1; width: 11px; height: 11px; margin: 0 5px; background: url(../images/dot-black.png) 0 0; overflow: hidden; line-height: 9999px; opacity: 0.4; }
.fullSlide .hd ul .on {opacity: 1;}
.sr-layout-wrap {max-width: 1480px;min-width: 768px;width: 100%;margin: 0 auto;padding: 0 20px;*zoom: 1;}
.sr-layout-wrap:before,.sr-layout-wrap:after {content: "";display: table;}
.sr-layout-wrap:after {clear: both;}
.sr-layout-extra {float: right;margin-left: 20px;min-height: 1px;width: 300px;}
@media only screen and (max-width:1280px) {
.sr-layout-extra {width: 260px;}
}
.sr-layout-nav {float: left;margin-right: 20px;min-height: 1px;width: 300px;}
@media only screen and (max-width:1280px) {
.sr-layout-nav {width: 260px;}
}
.sr-layout-main {overflow: hidden;}
.sr-layout-main.home-layout-main {float: right !important;}
@media only screen and (max-width:1023px) {
.sr-layout-resp .sr-layout-extra,.sr-layout-resp .sr-layout-nav {display: none;}
}
.sr-layout-resp .sr-layout-main {overflow: inherit;
width: -moz-calc(100% - 300px - 20px);
width: -webkit-calc(100% - 300px - 20px);
width: calc(100% - 300px - 20px);
float: left;
}
@media only screen and (max-width:1280px) {
.sr-layout-resp .sr-layout-main {width: -moz-calc(100% - 260px - 20px); width: -webkit-calc(100% - 260px - 20px); width: calc(100% - 260px - 20px); }
}
@media only screen and (max-width:1023px) {
.sr-layout-resp .sr-layout-main {width: 100%;}
}
.sr-layout-block {padding: 30px;margin-bottom: 20px;background: #fff;border: 1px solid #e6ecf2;}
.sr-layout-block ul li a { text-decoration:none; color: #222;}
.sr-layout-block .sr-txt-title { margin-bottom: 20px; }
.sr-layout-nav .sr-layout-block>ul>li { line-height: 25px; }
@media only screen and (max-width:1280px) {
.sr-layout-block {padding: 20px;}
}
.sr-layout-nopadding {padding: 0;}
.sr-layout-noborder {border: 0;}
.sr-layout-subblock {border-bottom: 1px solid #e6ecf2;padding: 20px;padding-left: 0;padding-right: 0;}
.sr-layout-subblock:first-child {padding-top: 0;}
.sr-layout-subblock:last-child {border-bottom: 0;padding-bottom: 0;}
.sr-layout-row {margin-left: -10px; margin-right: -10px; margin-bottom: -20px; *zoom: 1 }
.sr-layout-row:before,.sr-layout-row:after {content: "";display: table}
.sr-layout-row:after {clear: both}
.sr-layout-col-1 {width: 100%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-2 {width: 50%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-3 {width: 33.33333%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-4 {width: 25%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-5 {width: 20%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-6 {width: 16.66667%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-7 {width: 14.28571%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-layout-col-8 {width: 12.5%;padding: 0 9px;margin-bottom: 20px;float: left;}
.sr-txt-title .title-icon {float: right;line-height: 27px;}
.sr-txt-h2 {font-size: 16px;font-weight: bold;display: inline-block;vertical-align: middle; color: #222; }
.sr-txt-sm {font-size: 12px;color: #888;display: inline-block;vertical-align: middle;margin-left: 5px;font-weight: normal;}
.sr-txt-rightSpace {padding-right: 25px;position: relative;}
.sr-txt-rightSpace .ob-icon {font-size: 16px;line-height: 27px;position: absolute;right: 0;top: 0;}
.sr-txt-rightSpace .icon-rotate-r {cursor: pointer;}
.sr-txt-rightSpace .icon-rotate-r:hover {color: #e64545;}
.sr-proList {position: relative;}
.sr-proList-pic-wrap {max-width: 250px;margin: 0 auto;}
.sr-proList-pic {position: relative;width: 100%;height: 0;padding-top: 100%;font-size: 0;overflow: hidden;}
.sr-proList-pic img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 100%;max-height: 100%;}
.sr-proList-pic-cut {position: relative;width: 100%;height: 0;padding-top: 100%;font-size: 0;overflow: hidden;}
.sr-proList-pic-cut img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;}
.sr-proList-txt {margin-top: 10px;}
.sr-proList-name {line-height: 21px; height: 42px; overflow: hidden; margin-bottom: 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.sr-proList-name a {color: #222;text-decoration: none;}
@media only screen and (min-width:769px) {
.sr-proList-name a:hover {
color: #e64545;
text-decoration: none
}
}
.sr-proList-price {height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;}
.sr-proList-detail-price .sr-proList-num {font-weight: normal;}
.sr-proList-num {color: #e64545;line-height: 21px;font-weight: bold;}
.sr-proList-unit {font-size: 14px;line-height: 21px;}
.prod-result .modify-word {margin-bottom: 15px; font-size: 14px }
.prod-result .modify-word .label {color: #e64545; font-weight: bold }
.prod-result .alert-safe-wrap {margin-top: 0;}
.prod-result .sr-txt-title {float: left;}
.prod-result .sr-txt-title span {font-size: 14px; color: #888; font-weight: normal; margin-left: 10px; vertical-align: middle; }
.prod-result .prod-list-title { position: relative; }
.prod-result .prod-result-options { float: right; line-height: 30px;margin-top: -2px;}
.prod-result .prod-result-options i { font-size: 16px;color: #555; }
.prod-result .prod-result-options a { position: relative; text-decoration:none; }
.prod-result .prod-result-options a .tip {top: -50px; width: 100px; left: -28px; display: none; }
.prod-result .prod-result-options a .tip .arrow-out {left: 37px }
@media only screen and (min-width:769px) {
.prod-result .prod-result-options a:hover .tip {
display: block
}
}
.prod-result .prod-result-options .page-number {margin-left: 15px; font-size: 14px; }
.prod-result .prod-result-option {height: 30px; border: 1px solid #ced3d9;width: 40px;text-align: center;background: #f5f7fa;margin-left: -1px;z-index: 1;position: relative;}
.prod-result .prod-result-option a {width: 100%; height: 100%; display: block }
.prod-result .prod-result-option .ob-icon{height:30px;line-height:30px;font-size: 16px;}
.prod-result .prod-result-option:first-child {border-radius: 3px 0 0 3px }
.prod-result .prod-result-option:nth-child(2) {border-radius: 0 3px 3px 0 }
.prod-result .prod-result-option:nth-child(4) {border-radius: 3px 0 0 3px }
.prod-result .prod-result-option:last-child {border-radius: 0 3px 3px 0 }
.prod-result .prod-result-option.selected i {color: #AC1E1D !important;}
.prod-result .prod-result-option.disabled {background: #edf0f2 }
.prod-result .prod-result-option.disabled a {cursor: not-allowed }
.prod-result .prod-result-option.disabled i {color: #b2b2b2 }
.prod-result .prod-result-option:hover {background: #e6ecf2 }
.prod-result .page-number {color: #555; margin: 0 10px }
.prod-result .prod-result-list.prod-gallery-list {margin-right: -31px; margin-left: -30px; border-top: 1px solid #e9eef4 }
.prod-result .prod-result-list.prod-gallery-list .list-container { padding: 20px; border-bottom: 1px solid #e6ecf2; }
.prod-result .prod-result-list.prod-gallery-list .list-container .left-container { width: 250px; height: 250px; line-height: 250px; text-align: center; margin-right: 20px; }
.prod-result .prod-result-list.prod-gallery-list .list-container .left-container a { display: block;width: 100%;height: 100%; }
.prod-result .prod-result-list.prod-gallery-list .list-container .left-container img { max-width: 100%; max-height: 100%; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container h2 { font-size: 18px;font-weight: bold; color: #222; padding-bottom: 10px; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container .number { font-size: 14px; padding-bottom: 10px; color: #888; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container .number span { color: #222; font-weight: bold; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container .price { color: #888; font-size: 14px; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container .unit { color: #222; }
.prod-result .prod-result-list.prod-gallery-list .list-container .right-container .unit2 { color: #e64545; font-weight: bold; }
.prod-result .prod-result-list.prod-gallery-list a {color: #222; text-decoration: none }
.prod-result .prod-result-list.prod-gallery-list a:hover {color: #e64545; text-decoration: none }
@media only screen and (max-width:1280px) {
.prod-result .prod-result-list.prod-gallery-list {margin-left: -20px; margin-right: -21px }
}
.prod-result .prod-result-list.prod-gallery-list .prod-result-item {float: left; width: 25%; position: relative; box-sizing: border-box; border-bottom: 1px solid #e9eef4; border-right: 1px solid #e9eef4 }
@media only screen and (max-width:1280px) {
.prod-result .prod-result-list.prod-gallery-list .prod-result-item {width: 33.3333% } }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-gallery-list .prod-result-item:hover .quick-view {display: block }
}
.prod-result .prod-result-list.prod-gallery-list .prod-item-inner {padding: 20px 29px; position: relative }
.prod-result .prod-result-list.prod-gallery-list .prod-video-mark,.prod-result .prod-result-list.prod-gallery-list .prod-gif-mark {position: absolute; top: 0; left: 0; color: #fff; background: #7f7f7f; padding: 2px 5px; z-index: 2; font-size: 12px }
.prod-result .prod-result-list.prod-gallery-list .prod-image {width: 100%; height: 0; font-size: 0; position: relative; padding-bottom: 100%; overflow: hidden }
.prod-result .prod-result-list.prod-gallery-list .prod-image img {max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .3s ease-in }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-gallery-list .prod-image img:hover {transform: scale(1.05)}
}
.prod-result .prod-result-list.prod-gallery-list .prod-img-gif img {transition: none}
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-gallery-list .prod-img-gif img:hover{transform: none}
}
.prod-result .prod-result-list.prod-gallery-list .quick-view {display: none; color: #555; font-size: 14px; text-align: center; background: rgba(229, 229, 229, 0.8); position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; z-index: 1 }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-gallery-list .quick-view:hover {
background: #c0c1c1
}
}
.prod-result .prod-result-list.prod-gallery-list .prod-info {font-size: 14px; height: 92px }
.prod-result .prod-result-list.prod-gallery-list .prod-title {height: 40px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.prod-result .prod-result-list.prod-gallery-list .mei-tag {display: inline-block; vertical-align: top; cursor: pointer; width: 22px; height: 20px; background: url("../images/mei-tag.png") }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-gallery-list .mei-tag:hover .mei-tip-box {display: block } }
.prod-result .prod-result-list.prod-gallery-list .mei-tip-box {display: none; position: absolute; bottom: 130px; left: -30px; padding: 10px; background: #fff; border: 1px solid #ced3d9; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); border-radius: 3px; z-index: 1 }
.prod-result .prod-result-list.prod-gallery-list .mei-tip-box:before {content: ""; position: absolute; zoom: 1; width: 0; height: 0; line-height: 0; font-size: 0; border: 8px dashed transparent; border-top: 8px solid #ced3d9; left: 60px; bottom: -16px }
.prod-result .prod-result-list.prod-gallery-list .mei-tip-box:after {content: ""; position: absolute; zoom: 1; width: 0; height: 0; line-height: 0; font-size: 0; border: 8px dashed transparent; border-top: 8px solid #fff; left: 60px; bottom: -15px }
.prod-result .prod-result-list.prod-gallery-list .prod-price,.prod-result .prod-result-list.prod-gallery-list .min-order {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #222 }
.prod-result .prod-result-list.prod-gallery-list .prod-price {margin-top: 5px; }
.prod-result .prod-result-list.prod-gallery-list .prod-price .label,.prod-result .prod-result-list.prod-gallery-list .min-order .label { color: #606060; }
.prod-result .prod-result-list.prod-gallery-list .prod-price .value {font-weight: bold; color: #AC1E1D }
.prod-result .prod-result-list.prod-gallery-list .more {text-align: center; display: none; position: absolute; left: -1px; right: -1px; border: 1px solid #dae0e5; border-top: 0; box-shadow: 3px 3px 5px rgba(0, 33, 66, 0.2); background: #fff; z-index: 1; padding: 0 15px 15px; margin-top: 15px }
.prod-result .prod-result-list.prod-gallery-list .contact-btn {display: block; color: #fff }
.prod-result .prod-result-list.prod-gallery-list .contact-btn:hover {color: #fff; text-decoration: none }
.prod-result .prod-result-list.prod-gallery-list .inquiry {margin-top: 10px }
.prod-result .prod-result-list.prod-image-text-list {margin-right: -30px; margin-left: -30px }
.prod-result .prod-result-list.prod-image-text-list .prod-result-item {position: relative; box-sizing: border-box; border-bottom: 1px solid #e6ecf2 }
.prod-result .prod-result-list.prod-image-text-list .prod-result-item .sr-proSlide-pager {display: none }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-btn-left {display: block; }
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-btn-right {display: block;}
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-pager{display: block;}
}
.prod-result .prod-result-list.prod-image-text-list .prod-item-inner {padding: 20px 30px;}
.prod-result .prod-result-list.prod-image-text-list .prod-video-mark,.prod-result .prod-result-list.prod-image-text-list .prod-gif-mark {position: absolute; top: 0; left: 0; color: #fff; background: #7f7f7f; padding: 2px 5px; z-index: 2; font-size: 12px }
.prod-result .prod-result-list.prod-image-text-list .prod-image {width: 100%; height: 0; font-size: 0; position: relative; padding-bottom: 100%; overflow: hidden; float: left }
.prod-result .prod-result-list.prod-image-text-list .prod-image img {max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto }
.prod-result .prod-result-list.prod-image-text-list .prod-image .prod-img-gif img{transition: none;}
.prod-result .prod-result-list.prod-image-text-list .prod-info {font-size: 14px; float: left; width: 75%; padding-left: 20px }
.prod-result .prod-result-list.prod-image-text-list .prod-title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; font-weight: bold }
.prod-result .prod-result-list.prod-image-text-list .prod-title span {color: #f73;}
.prod-result .prod-result-list.prod-image-text-list .prod-title a {color: #222;text-decoration: none;}
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-image-text-list .prod-title a:hover {color: #e64545; text-decoration: none }
}
.prod-result .prod-result-list.prod-image-text-list .label {color: #888 }
.prod-result .prod-result-list.prod-image-text-list .prod-price {margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.prod-result .prod-result-list.prod-image-text-list .prod-price .value {color: #e64545; font-weight: bold }
.prod-result .prod-result-list.prod-image-text-list .min-order {margin-bottom: 10px }
.prod-result .prod-result-list.prod-image-text-list .min-order .value {font-weight: bold }
.prod-result .prod-result-list.prod-image-text-list .row {position: relative }
.prod-result .prod-result-list.prod-image-text-list .row .col1,.prod-result .prod-result-list.prod-image-text-list .row .col2 {float: left; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 10px }
.prod-result .prod-result-list.prod-image-text-list .btn-group {margin-top: 20px; font-size: 0 }
.prod-result .prod-result-list.prod-image-text-list .btn-group .btn {margin-right: 20px }
.prod-result .prod-result-list.prod-image-text-list .add-to-basket,.prod-result .prod-result-list.prod-image-text-list .already-in-basket {font-size: 14px; display: inline-block; line-height: 36px; vertical-align: top }
.prod-result .prod-result-list.prod-image-text-list .inquiry {margin-top: 10px }
.prod-result .prod-result-list.prod-image-text-list .icon-cart-add {margin-right: 5px }
.prod-result .prod-result-list.prod-image-text-list .mei-tag {display: inline-block; vertical-align: top; cursor: pointer; width: 100%; margin-top: 10px }
.prod-result .prod-result-list.prod-image-text-list {margin-right: -30px; margin-left: -30px; border-top: 1px solid #e6ecf2; }
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide {margin-bottom: 0; width: 25%; max-width: 250px; height: 0; font-size: 0; position: relative; padding-bottom: 25%; overflow: hidden; float: left }
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-btn-left {left: 0; width: 20px; height: 40px; line-height: 40px; margin-top: -20px }
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-btn-right {
right: 0; width: 20px; height: 40px; line-height: 40px; margin-top: -20px;
}
.sr-proSlide-btn-left,.sr-proSlide-btn-right {display: none; z-index: 1; position: absolute; width: 36px; height: 60px; line-height: 60px; top: 50%; margin-top: -30px; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-align: center }
.sr-proSlide-pager {position: absolute; left: 0; text-align: center; bottom: 10px; width: 100%; z-index: 1 }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-btn-left {display: block }
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-btn-right {display: block }
.prod-result .prod-result-list.prod-image-text-list .prod-result-item:hover .sr-proSlide-pager {display: block }
}
.prod-result .prod-result-list.prod-image-text-list .prod-item-inner {padding: 20px 30px }
.prod-result .prod-result-list.prod-image-text-list .prod-video-mark,.prod-result .prod-result-list.prod-image-text-list .prod-gif-mark {position: absolute; top: 0; left: 0; color: #fff; background: #7f7f7f; padding: 2px 5px; z-index: 2; font-size: 12px }
.prod-result .prod-result-list.prod-image-text-list .prod-image {width: 100%; height: 0; font-size: 0; position: relative; padding-bottom: 100%; overflow: hidden; float: left }
.prod-result .prod-result-list.prod-image-text-list .prod-image img {max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto }
.prod-result .prod-result-list.prod-image-text-list .prod-image .prod-img-gif img {transition: none }
.prod-result .prod-result-list.prod-image-text-list .prod-info {font-size: 14px; float: left; width: 75%; padding-left: 20px }
.prod-result .prod-result-list.prod-image-text-list .prod-title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; font-weight: bold }
.prod-result .prod-result-list.prod-image-text-list .prod-title span {color: #f73 }
.prod-result .prod-result-list.prod-image-text-list .prod-title a {color: #222; text-decoration: none }
@media only screen and (min-width:769px) {
.prod-result .prod-result-list.prod-image-text-list .prod-title a:hover {color: #e64545; text-decoration: none }
}
.prod-result .prod-result-list.prod-image-text-list .label {color: #606060 }
.prod-result .prod-result-list.prod-image-text-list .prod-price {margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.prod-result .prod-result-list.prod-image-text-list .prod-price .value {color: #AC1E1D; font-weight: bold }
.prod-result .prod-result-list.prod-image-text-list .min-order {margin-bottom: 10px }
.prod-result .prod-result-list.prod-image-text-list .min-order .value {
font-weight: bold
}
.prod-result .prod-result-list.prod-image-text-list .row {
position: relative;
margin:0 auto;
}
.prod-result .prod-result-list.prod-image-text-list .row .col1,.prod-result .prod-result-list.prod-image-text-list .row .col2
{
float: left;
width: 50%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 10px
}
.prod-result .prod-result-list.prod-image-text-list .btn-group {
margin-top: 20px;
font-size: 0
}
.prod-result .prod-result-list.prod-image-text-list .btn-group .btn {
margin-right: 20px;
border-radius: 3px;
}
.prod-result .prod-result-list.prod-image-text-list .btn-group .btn:focus { color: #fff; }
.prod-result .prod-result-list.prod-image-text-list .add-to-basket,.prod-result .prod-result-list.prod-image-text-list .already-in-basket
{
font-size: 14px;
display: inline-block;
line-height: 36px;
vertical-align: top
}
.prod-result .prod-result-list.prod-image-text-list .inquiry {
margin-top: 10px
}
.prod-result .prod-result-list.prod-image-text-list .icon-cart-add {
margin-right: 5px
}
.prod-result .prod-result-list.prod-image-text-list .mei-tag {
display: inline-block;
vertical-align: top;
cursor: pointer;
width: 100%;
margin-top: 10px
}
.prod-result .prod-result-list.prod-image-text-list .mei-tag .mei-tip-box
{
color: #e64545
}
.prod-result .prod-result-list.prod-image-text-list .top-award-tip,.prod-result .prod-result-list.prod-image-text-list .excellence-award-tip,.prod-result .prod-result-list.prod-image-text-list .individual-award-tip,.prod-result .prod-result-list.prod-image-text-list .selected-award-tip
{
padding-left: 15px;
background: url("../images/mei.png")
no-repeat
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide {
margin-bottom: 0;
width: 25%;
max-width: 250px;
height: 0;
font-size: 0;
position: relative;
padding-bottom: 25%;
overflow: hidden;
float: left
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-btn-left
{
left: 0;
width: 20px;
height: 40px;
line-height: 40px;
margin-top: -20px
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-btn-right
{
right: 0;
width: 20px;
height: 40px;
line-height: 40px;
margin-top: -20px
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-pager .swiper-pagination-bullet
{
display: inline-block;
width: 5px;
height: 5px;
margin: 0 5px;
border-radius: 50%;
background: #e3e3e3;
background: rgba(255, 255, 255, 0.3);
cursor: pointer;
position: relative
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-pager .swiper-pagination-bullet:before
{
content: "";
display: block;
width: 5px;
height: 5px;
border: 2px solid #ddd;
border: 2px solid rgba(0, 0, 0, 0.1);
position: absolute;
left: -2px;
top: -2px;
border-radius: 50%
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-pager .swiper-pagination-bullet.swiper-pagination-bullet-active
{
background: #fff
}
.prod-result .prod-result-list.prod-image-text-list .sr-proSlide-pager .swiper-pagination-bullet.swiper-pagination-bullet-active:before
{
border: 2px solid #8a8a8a;
border: 2px solid rgba(0, 0, 0, 0.5)
}
.prod-result-footer {
margin-top: 20px;
margin-bottom: 0;
*zoom: 1
}
.prod-result-footer:before,.prod-result-footer:after {
content: "";
display: table
}
.prod-result-footer:after {
clear: both
}
.prod-result-footer .show-option {
color: #888;
float: left;
height: 30px;
line-height: 30px;
font-size:14px;
}
.prod-result-footer .show-option span {
margin-right: 10px
}
.prod-result-footer .show-option .page-gap {
border-left: 1px solid #dae0e6;
margin: 2px;
display: inline-block;
height: 14px;
vertical-align: middle
}
.prod-result-footer .show-option .page-select-option {
padding: 0 8px;
color: #555
}
.prod-result-footer .show-option .page-select-option.selected {
font-weight: bold;
color: #e64545
}
.prod-result-footer .pager {
text-align: right
}
.pager a {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0 10px;
border: 1px solid #ced3d9;
background: #f5f7fa;
margin: 0 2px;
border-radius: 3px;
text-decoration: none;
color: #222;
vertical-align: top
}
.pager a:hover {
background: #e6ecf2;
text-decoration: none
}
.pager a .micon {
cursor: pointer;
}
.pager a.main {
background: #e64545;
border-color: #e64545;
color: #fff;
}
.pager a.main:hover {
background: #d92121;
}
.pager .dot,.pager .current {
display: inline-block;
vertical-align: top;
height: 30px;
line-height: 30px;
padding: 0 6px;
}
.pager .current {
min-width: 18px;
color: #AC1E1D;
text-align: center;
font-size: 14px;
}
.pager .disClick {
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 10px;
margin: 0 2px;
border-radius: 3px;
text-decoration: none;
vertical-align: top;
cursor: not-allowed;
background: #edf0f2;
border: 1px solid #dae0e6;
color: #b2b2b2
}
.pager .disClick .micon {
line-height: 28px
}
.pager a[disabled],.pager a[disabled]:hover {
cursor: not-allowed;
background: #edf0f2;
border: 1px solid #dae0e6;
color: #b2b2b2
}
.pager a[disabled] .micon,.pager a[disabled]:hover .micon {
cursor: not-allowed
}
.pager .micon {
margin-right: 0;
line-height: 28px
}
.pager .page-main {
background: #AC1E1D;
border: 1px solid #AC1E1D;
color: #fff
}
.pager .page-main:hover {
border-color: #d92121;
background: #d92121
}
.page-num a{font-size: 14px;}
.page-num .ob-icon{height:30px;line-height:30px;font-size: 14px;}
.pager-simple .pager-box {
display: inline-block;
width: 67px;
height: 28px;
border: 1px solid #ced3d9;
border-radius: 3px;
vertical-align: top;
overflow: hidden;
font-size: 0
}
.pager-simple .pager-box a,.pager-simple .pager-box button {
float: left;
width: 33px;
text-align: center;
line-height: 28px;
height: 28px;
background: #f5f7fa;
color: #555;
border: 0
}
.pager-simple .pager-box a:hover,.pager-simple .pager-box button:hover {
background: #e6ecf2
}
.pager-simple .pager-box a:first-child,.pager-simple .pager-box button:first-child
{
border-right: 1px solid #ced3d9
}
.pager-simple .pager-box button:first-child {
width: 34px
}
.pager-simple .pager-box .micon,.pager-simple .pager-box .ob-icon {
margin-right: 0
}
.pager-simple .page-num {
display: inline-block;
line-height: 30px;
vertical-align: top;
color: #555;
margin-right: 6px
}
.pro-catalogs .ob-icon {
margin-right: 5px;
font-size:14px;
}
.header{ padding-top:20px;padding-bottom:0;}
.logo{height: auto; float:left;padding:0;}
.nav{width:auto;height:auto;line-height:normal;padding: 0;margin:0;list-style: none;border-bottom:none;}
.nav ul{float: none;width: auto;overflow: visible;height: auto;background: #FFF;margin-top: 5px;}
.nav ul li {float:none;}
.header .row{margin:0 auto;}
@media (min-width: 1440px) {
}
.sr-side-searchBar {
padding-bottom: 0;
border-bottom: 0;
}
@media only screen and (max-width:1280px) {
.sr-side-searchBar {
margin-left: -20px;
margin-right: -20px
}
}
.sr-side-searchBar-wrap {
position: relative;
height: 36px;
padding-right: 38px
}
.sr-side-searchBar-input {
border: 1px solid #ced3d9;
height: 36px !important;
padding: 0 10px 0 10px;
border-radius: 3px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
width: 100%;
margin-right: 38px;
font-size: 14px !important;
outline:none;
color: #888;
}
.sr-side-searchBar-input:focus { border:1px solid #1470cc; }
.sr-side-searchBar-button {
border: 1px solid #ced3d9;
border-left: none;
width: 38px;
height: 36px;
border-radius: 0 3px 3px 0;
background: #f5f7fa;
color: #222;
position: absolute;
top: 0;
right: 0;
outline: none;
color: rgba(0,0,0,0.5);
}
.sr-side-searchBar-button:hover {
background: #e6ecf2;
}
.sr-side-searchBar-button .micon {
margin-right: 0;
}
.total-tip {
color: #888;
font-size:14px;
}
.total-tip h1 {
display: inline;
color: #AC1E1D;
font-weight: bold
}
.total-tip span{
color: #AC1E1D;
font-weight: bold;
padding:0;
margin:0;
}
top-refine {
border: 1px solid #dae0e6;
position: relative
}
.top-refine .attri-selected {
padding: 7px 10px;
border-bottom: 1px solid #eef2f5;
line-height: 24px;
margin-top: -7px
}
.top-refine .attri-selected .clear-all {
float: right;
margin-top: 7px
}
.top-refine .attri-selected .selected-item-list {
margin-right: 50px
}
.top-refine .attri-selected .selected-item {
display: inline-block;
vertical-align: middle;
*vertical-align: middle;
*display: inline;
*zoom: 1;
float: left;
height: 24px;
padding: 0 10px;
background: #7a8a99;
color: #fff;
border-radius: 3px;
margin-right: 3px;
margin-top: 7px
}
.top-refine .attri-selected .selected-item .ico-delete {
display: inline-block;
vertical-align: middle;
*vertical-align: middle;
*display: inline;
*zoom: 1;
width: 8px;
height: 8px;
margin-left: 10px;
margin-top: -1px;
background: url(../images/close.png) 0 0 no-repeat;
opacity: .8
}
.top-refine .attri-selected .selected-item:hover {
text-decoration: none;
background: #667380
}
.top-refine .attri-selected .selected-item:hover .ico-delete {
opacity: 1
}
.top-refine .refine-item {
/*
padding: 5px 10px;
border-bottom: 1px solid #eef2f5;
*/
line-height: 24px;
height: 24px;
margin-bottom: -1px;
overflow: hidden;
*position: relative;
}
.top-refine .refine-item.refine-item-auth {
overflow: visible;
/*border-bottom: 1px solid #dae0e6*/
}
.top-refine .refine-item.refine-item-auth .ico-checkbox {
*display: inline !important;
zoom: 1
}
.top-refine .refine-item.refine-item-auth input {
*visibility: hidden !important
}
.top-refine .refine-item.refine-region {
}
.top-refine .refine-item .attri {
cursor: pointer;
position: relative
}
.top-refine .refine-item .attri a {
position: relative
}
.top-refine .refine-item .attri .ico-checkbox {
display: inline-block;
vertical-align: middle;
*vertical-align: middle;
*display: inline;
*zoom: 1;
width: 12px;
height: 12px;
margin-right: 3px;
background: url(../images/checkbox.png) 0 0 no-repeat;
/*position: absolute;*/
left: 0;
top: 1px;
*display: none
}
.top-refine .refine-item .attri:hover {
color: #f90;
text-decoration: underline
}
.top-refine .refine-item .attri:hover .ico-checkbox {
background-position: 0 -12px
}
.top-refine .refine-item .attri.disabled {
color: #888;
cursor: default
}
.top-refine .refine-item .attri.disabled .ico-checkbox {
background-position: 0 -48px
}
.top-refine .refine-item .attri.disabled:hover {
text-decoration: none
}
.top-refine .refine-item .attri.disabled:hover .ico-checkbox {
background-position: 0 -48px
}
.top-refine .refine-item .attri.checked {
color: #222;
cursor: pointer
}
.top-refine .refine-item .attri.checked .ico-checkbox {
background-position: 0 -24px
}
.top-refine .refine-item .attri.checked:hover {
color: #f90;
text-decoration: underline
}
.top-refine .refine-item .attri.checked:hover .ico-checkbox {
background-position: 0 -24px
}
.top-refine .refine-item .attri input {
visibility: hidden;
margin-right: 5px;
visibility: visible \9;
width: 1px \9;
height: 1px \9;
margin-right: 15px \9;
*width: auto;
*height: auto;
*margin-right: 5px
}
.top-refine .refine-item.refine-region .checked:hover .ico-checkbox {
background-position: 0 -36px
}
.top-refine .refine-item a:hover {
text-decoration: none
}
.top-refine .refine-item .num {
color: #888
}
.top-refine .last {
border-color: #fff
}
.top-refine .refine-title {
float: left;
width: 130px;
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size:14px;
}
.top-refine ul {
margin-right: 50px;
overflow: hidden;
zoom: 1
}
.top-refine .refine-item-li {
float: left;
box-sizing: border-box;
width: 20%;
*width: 120px;
padding-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.top-refine .refine-item-li a {
color: #222
}
.top-refine .refine-item-li a:hover {
color: #f90
}
.top-refine .more-less {
float: right;
text-decoration: none;
display: none
}
.top-refine .more-less span:hover {
text-decoration: underline
}
.top-refine .more-less .icon {
vertical-align: -2px;
color: #888;
margin: 0
}
.top-refine .refine-member a {
background-image: url(../images/fake-sel.png);
background-position: 0 -198px;
background-repeat: no-repeat;
padding-left: 15px
}
.top-refine .refine-member a:hover {
background-position: 0 2px
}
.top-refine .refine-member a.selected {
background-position: 0 2px
}
.top-refine .refine-member a.selected:hover {
background-position: 0 -91px
}
.top-refine .refine-member img {
vertical-align: -4px
}
.top-refine .more-refine-item {
display: none
}
.top-refine-act {
padding: 5px 10px;
border: 1px solid #dae0e6;
border-top: 0;
border-bottom: 0;
position: relative;
overflow: hidden
}
.top-refine-act .pro-match {
float: left;
line-height: 24px
}
.top-refine-act .pro-match em {
font-weight: bold;
color: #e64545
}
.top-refine-act .more-attri {
line-height: 24px;
float: right;
cursor: pointer;
position: relative;
z-index: 5;
color: #246bb3
}
.top-refine-act .more-attri .icon {
color: #888;
margin: 0;
vertical-align: -2px
}
.top-refine-act .act-box {
display: none;
text-align: center;
margin: 0 120px
}
.top-refine-act .act-box .btn {
height: 22px;
line-height: 22px;
padding: 0 10px;
margin: 0 3px
}
.sub-refine {
padding: 5px 10px;
border: 1px solid #ddd;
margin-top: -1px;
margin-bottom: -1px
}
.sub-refine .input-text {
padding: 3px;
border: 1px solid #ddd
}
.refine-box {
padding: 7px 10px;
background: #fff;
border: 1px solid #dae0e6
}
.refine-title {
float: left;
width: 130px;
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.refine-auth {
height: 23px;
float: left
}
.refine-auth .refine-auth-item {
float: left;
margin-right: 20px
}
.refine-auth .refine-auth-item a {
color: #555;
position: static !important
}
.refine-auth .refine-auth-item a:hover {
color: #f90
}
.refine-auth img {
vertical-align: -4px;
cursor: pointer;
margin-right: 6px
}
.refine-auth .ico-checkbox {
top: 7px !important;
}
.refine-auth li {
float: left;
margin-right: 10px;
cursor: pointer;
margin-top: 2px
}
.refine-auth li .fork-check {
display: block;
padding-left: 22px;
background-image: url(../images/fake-sel.png);
background-position: 0 -196px;
background-repeat: no-repeat;
color: #555;
text-decoration: none
}
.refine-auth li .fork-check.checked {
background-position: 0 4px
}
.refine-auth li .fork-check.checked:hover {
background-position: 0 -89px
}
.refine-auth li input {
cursor: pointer
}
.refine-auth li img {
vertical-align: -2px;
cursor: pointer
}
.refine-auth .fork-check img {
position: relative;
top: 2px
}
.refine-auth .auth-select {
position: relative;
width: 150px;
z-index: 2
}
.refine-auth .auth-select .plus {
margin-top: -5px
}
.refine-auth .auth-select .fork-check {
height: 20px;
padding-left: 16px
}
.refine {
margin-bottom: 10px
}
.refine .refine-node {
margin-bottom: 10px
}
.refine dt {
font-weight: bold;
font-size: 16px;
padding: 6px 0;
_position: relative
}
.refine dt i {
font-size: 14px;
display: none
}
.refine dd .cat-title {
font-weight: bold;
padding: 5px 0;
display: block;
line-height: 16px
}
.refine dd .cat-sub {
padding: 5px 10px;
display: block;
line-height: 16px
}
.refine dd a {
padding: 5px 0;
display: block;
color: #555;
line-height: 16px;
text-decoration: none
}
.refine dd a:hover {
color: #AC1E1D
}
.refine dd a .gray {
color: #888
}
.refine dd .refine-selected {
padding: 4px 30px 4px 10px;
margin-bottom: 5px;
display: block;
background: #eef0f3;
position: relative
}
.refine dd .refine-selected strong {
font-weight: normal
}
.refine dd .refine-selected .close {
display: block;
padding: 0;
position: absolute;
right: 5px;
top: 50%;
/*margin-top: -8px;*/
margin-top: -10px;
font-size: 12px;
line-height: 18px;
color: #b8c2cc;
transform: scale(0.8);
-webkit-transform: scale(0.8)
}
.refine dd .refine-selected .close i{font-size: 18px;color: #555;}
.refine dd .refine-selected .close:hover,.refine dd .refine-selected .close:hover i{
color: #000;
}
.refine dd .multi-sub {
padding: 3px 0 3px 20px;
color: #555;
display: block
}
.refine dd .extra-option {
display: none
}
.refine dd .show-more i,.refine dd .show-less i {
font-size: 14px;
color: #b8c2cc;
vertical-align: -2px
}
.refine .refine-member img {
vertical-align: -4px;
margin-right: 2px
}
.refine .refine-node-region .refine-selected {
margin-bottom: 5px
}
.refine .refine-node-region .city {
max-height: 182px;
overflow: auto
}
.refine .option-show .extra-option {
display: block
}
.refine .refine-node-more {
padding: 10px 0;
height: 26px;
line-height: 26px;
border-top: 1px solid #e7ebf3
}
.refine .refine-node-more i {
font-size: 14px;
color: #b8c2cc;
vertical-align: -2px
}
.refine .refine-node-hide {
display: none
}
.refine .refine-node-hide.refine-node-show {
display: block
}
.pager{
margin:0px;
}
.sr-proSlide .swiper-container {
margin-left: auto;
margin-right: auto;
overflow: hidden;
z-index: 1
}
.sr-proSlide .swiper-wrapper {
position: relative;
width: 100%;
height: 100% !important;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.sr-proSlide .swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
font-size: 0
}
.sr-slidePre-wrapper {
display: none
}
.sr-slidePre-wrapper .slidePre-loading {
position: absolute;
width: 64px;
height: 64px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 199;
background: #fff url("../images/loading.gif") no-repeat
center;
background-size: 100%
}
.sr-slidePre-wrapper .slidePre-content {
height: 100%;
width: 100%
}
.sr-slidePre-wrapper .slidePre-bg {
zoom: 1;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: .65;
z-index: 99
}
.sr-slidePre-wrapper .slidePre-main {
position: fixed;
width: 900px;
height: 616px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #fff;
z-index: 100
}
.sr-slidePre-wrapper .slidePre-slide {
height: calc(100% - 58px)
}
.sr-slidePre-wrapper .slidePre-title {
position: absolute;
top: -20px
}
.sr-slidePre-wrapper .slidePre-footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 0;
background: #f0f1f2;
z-index: 1001
}
.sr-slidePre-wrapper .icon-play,.sr-slidePre-wrapper .icon-pause {
cursor: pointer;
font-size: 32px;
color: #919599;
border-radius: 16px
}
@media only screen and (min-width:769px) {
.sr-slidePre-wrapper .icon-play:hover,.sr-slidePre-wrapper .icon-pause:hover
{
background-color: rgba(0, 0, 0, 0.05)
}
}
.sr-slidePre-wrapper .slidePre-prev,.sr-slidePre-wrapper .slidePre-next
{
cursor: pointer;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
border-radius: 16px
}
@media only screen and (min-width:769px) {
.sr-slidePre-wrapper .slidePre-prev:hover,.sr-slidePre-wrapper .slidePre-next:hover
{
background-color: rgba(0, 0, 0, 0.05)
}
}
.sr-slidePre-wrapper .slidePre-prev {
margin-right: 25px;
background: url("../images/arrow-left.png")
}
.sr-slidePre-wrapper .slidePre-next {
margin-left: 25px;
background: url("../images/arrow-right.png")
}
.sr-slidePre-wrapper .slidePre-close {
cursor: pointer;
background: #737373;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
position: absolute;
right: -50px;
top: 0
}
@media only screen and (min-width:769px) {
.sr-slidePre-wrapper .slidePre-close:hover {
background: #4c4c4c
}
}
.sr-slidePre-wrapper .icon-delete {
font-size: 28px
}
.sr-slidePre-wrapper .slidePre-image {
float: left;
width: 50%;
height: 0;
font-size: 0;
position: relative;
padding-bottom: 506px;
overflow: hidden;
border: 1px solid #e6ecf2;
box-sizing: border-box
}
.sr-slidePre-wrapper .slidePre-image img {
max-width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.sr-slidePre-wrapper .slidePre-product {
float: left;
width: 50%;
box-sizing: border-box;
padding-left: 20px
}
.sr-slidePre-wrapper .slidePre-product-title {
font-size: 18px;
font-weight: bold
}
.sr-slidePre-wrapper .slidePre-product-title a {
color: #222
}
.sr-slidePre-wrapper .slidePre-product-title a:hover {
color: #e64545;
text-decoration: none
}
.sr-slidePre-wrapper .slidePre-product-info {
margin-top: 10px;
padding: 10px;
background: #f5f7fa;
font-size: 14px
}
.sr-slidePre-wrapper .slidePre-product-info .slidePre-product-col1 {
width: 130px
}
.sr-slidePre-wrapper .slidePre-product-info .slidePre-product-col2 {
width: 200px;
font-size: 16px;
font-weight: bold
}
.sr-slidePre-wrapper .slidePre-product-label {
color: #888
}
.sr-slidePre-wrapper .slidePre-product-price {
color: #e64545
}
.sr-slidePre-wrapper .slidePre-product-row {
margin-top: 10px;
font-size: 14px;
position: relative
}
.sr-slidePre-wrapper .slidePre-product-col1 {
width: 140px;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #888;
margin-right: 20px
}
.sr-slidePre-wrapper .slidePre-product-col1.col-minorder {
color: #222
}
.sr-slidePre-wrapper .slidePre-product-col2 {
width: 210px;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.sr-slidePre-wrapper .slidePre-product-btn {
margin-top: 20px
}
.sr-slidePre-wrapper .slidePre-product-btn a {
display: block
}
.sr-slidePre-wrapper .slidePre-product-btn .half {
width: calc(50% - 5px);
float: left;
margin-top: 10px
}
.sr-slidePre-wrapper .slidePre-product-btn .half:last-child {
margin-left: 10px
}
@media only screen and (max-width:768px) {
.sr-slidePre-wrapper .slidePre-product-btn .half {
width: 100%
}
.sr-slidePre-wrapper .slidePre-product-btn .half:last-child {
margin-left: 0
}
}
.sr-slidePre-wrapper .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
padding: 30px 10px 20px 30px;
height: 100%
}
.sr-slidePre-wrapper .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.sr-slidePre-wrapper .swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
overflow-y: auto;
position: relative;
padding-right: 20px
}
.sr-slidePre-wrapper .swiper-button-disabled {
background: rgba(0, 0, 0, 0.2);
cursor: default
}
@media only screen and (min-width:769px) {
.sr-slidePre-wrapper .swiper-button-disabled:hover {
background: rgba(0, 0, 0, 0.2)
}
}
.sr-slidePre-wrapper .showLocation-content {
top: 130%
}
@media only screen and (max-width:1023px) {
.sr-slidePre-wrapper .slidePre-main {
width: calc(100% - 130px)
}
.sr-slidePre-wrapper .slidePre-image {
border: 0;
height: auto;
padding-bottom: 0
}
.sr-slidePre-wrapper .slidePre-image img {
position: relative
}
.sr-slidePre-wrapper .swiper-container {
padding: 20px
}
}
a.btn,a.btn:hover {
text-decoration: none
}
button {
outline: 0
}
.btn .micon,.btn .ob-icon {
margin-right: 5px;
vertical-align: -10%;
*vertical-align: middle
}
.btn-main {
color: #fff;
border: solid 1px #AC1E1D;
background-color: #AC1E1D
}
.btn-main:hover {
color: #fff;
border: solid 1px #d92121;
background-color: #d92121
}
.btn-aux {
color: #fff;
border: solid 1px #1470cc;
background-color: #1470cc
}
.btn-aux:hover {
color: #fff;
border: solid 1px #1369bf;
background-color: #1369bf
}
.btn-inquiry {
color: #fff;
border: solid 1px #ff9500;
background-color: #ff9500
}
.btn-inquiry:hover {
color: #fff;
border: solid 1px #e58600;
background-color: #e58600
}
.btn-big {
height: 40px;
line-height: 38px;
font-size: 16px;
padding: 0 20px
}
.btn-small {
height: 30px;
line-height: 28px;
font-size: 12px;
padding: 0 15px
}
.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover {
color: #b3b3b3;
border: solid 1px #ced3d9;
background-color: #edf0f2;
cursor: not-allowed
}
.add-to-basket {
margin: 0;
-webkit-text-size-adjust: none;
padding: 0 !important;
background: none !important
}
.add-to-basket a{
color: #1470cc;
text-decoration: none;
}
.add-to-basket a:hover{
color: #e64545;
}
.add-to-basket .icon,.add-to-basket .micon {
color: #666;
font-size: 16px
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #bbbbbb;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #bbbbbb;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #bbbbbb;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #bbbbbb;
}