﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{ margin: 0px; padding: 0px;font-family:"Microsoft YaHei","微软雅黑";-webkit-font-smoothing:antialiased; }
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width:100%;}
body{font-family: Arial,'Microsoft Yahei',sans-serif;font-size: 14px;line-height: 1.42857143;color: #222222;min-width:931px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table{ border-collapse:collapse; border-spacing:0; }
button,input,textarea,fieldset{ padding:0;*overflow:visible;}
button,input,select,textarea{outline: none;resize:none;}
fieldset,img{ border:0; }
img {vertical-align: middle;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul,li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
h3, ul, li, img, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style-type: none;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0; }
label{ cursor:pointer; }
legend{ margin-left:0; }*+html legend{ margin-left:-7px;  margin-top:-7px; padding-bottom:10px; }
*html legend{ margin-left:-7px;  margin-top:-7px;  padding-bottom:10px; }
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:focus{ text-decoration:none; color:#ff4700; outline:none; }
input[type="button"], input[type="submit"], input[type="reset"], input[type=text], textarea {-webkit-appearance: none;}
.db{display: block;}
.bc{margin: 0 auto;}
.f_r{float: right;}
.f_l{float: left;}
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px;}
.f20{font-size: 20px !important;}
.rel{position: relative;}
.text-center{text-align: center;}
.padding-small{padding: 5px; }
.pt50 {padding-top: 50px;}
.ml3{margin-left: 3px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt30{margin-top: 30px;}
.mb50{margin-bottom: 50px;}
.w{width: 100%;}
.wd120{width: 120px !important;}
.cf:after{clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}

/**颜色**/
.g9{color: #999;}
.navy { color: #001f3f; }
.blue { color: #00adef; }
.bluedeep{color: #5592e3;}
.wathet{}
.aqua { color: #7fdbff; }
.teal { color: #39cccc; }
.olive { color: #3d9970; }
.green { color: #4dac00; }
.lime { color: #01ff70; }
.yellow { color: #fabe00; }
.orange { color: #ff9c00; }
.red { color: #F00; }
.fuchsia { color: #f012be; }
.purple { color: #966add; }
.maroon { color: #85144b; }

.white{color:white;}
.white a{color:white;}
.white a:hover{color:#fff;}
.whitelow{color:#f2f2f2;}
.whitelow a{color:#f2f2f2;}
.whitelow a:hover{color:#ffffff;}
.whitedeep{color:#e5e5e5;}
.whitedeep a{color:#e5e5e5;}
.whitedeep a:hover{color:#ffffff;}

.silver { color: #dddddd; }
.gray { color: #aaaaaa; }
.black { color: #111111; }
.whitebg{background-color: #fff;}
/*主色*/
.a_prime{ color:#222 !important;}
.a_prime a{ color:#222;}
.a_prime a:hover{ color:#ff4700;}
.a_prime a:active{ color:#222;-webkit-tap-highlight-color:transparent;}
.a_hover{color:#ff4700 !important;}


/*主色副*/
.a_prime_f{ color:#222;}
.a_prime_f a{ color:#222;}

/**通用顶部**/
.soo-common-top {height: 34px;}
.soo-common-container{display: block;width:1200px;}
.soo-common-container,.soo-common-container-layout{margin:0 auto;padding:0px;}
.soo-common-container a{text-decoration: none;}

.soo-common-topleft{color: #666666;font-size: 12px;float: left;}
.soo-common-topleft a{display: inline-block;line-height: 34px;margin-right: 5px;color: #666666;}

.soo-common-homeicn{width:15px;float: left;margin-top: 7px; display:none;}

.soo-common-topright{float: right;}
.soo-common-topright ul{float: left;}
.soo-common-topright li{position: relative;float: left;width: 82px;}
.soo-common-topright li .soo-common-biaoti{float: left;font-size: 12px;line-height: 34px;color: #666;cursor: pointer;width:100%;padding: 0 15px;text-align: center;background: url(http://www.soo56.com/shouye/images/xjt.png) 70px center no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.soo-common-topright li:hover .soo-common-biaoti{background: url(http://www.soo56.com/shouye/images/sjt.png) 70px center #ffffff no-repeat;color: #000;}
.soo-common-topright li:hover .soo-common-hidecnt{display: block;}
.soo-common-topright li a{display: block;text-align: center;font-size: 12px;line-height: 34px;color: #666;}
.soo-common-topright .soo-common-hidecnt{position: absolute;top: 34px;left: auto;right: -20px;width: 170px;height: 200px;display: none;}
.soo-common-topright .soo-common-item{background:#ffffff;color:#333;text-align:left;border:#dddddd 1px solid;border-width:0 1px 1px 1px;position:relative;padding:10px 0; z-index:10000; height:100px;}
.soo-common-topright .soo-common-item span{display: block;padding: 2px 0;height: 30px;}
.soo-common-topright .soo-common-item i{display: block;margin: 3px 11px;border-top: #EBEBEC 1px solid;border-bottom: #FFF 1px solid;}
.soo-common-topright .soo-common-item span a{display: block;text-align: center;font-size: 12px;height: 30px;line-height: 30px;color: #888;}
.soo-common-topright .soo-common-item span a:hover{background-color: #f4f4f4;}
.soo-common-topright .soo-common-hidecnt .h200{height: 200px;}

.soo-common-mainnav {
    background: url(/UserControls/images/topbj.gif) left 35px repeat-x;
    _background: url(/UserControls/images/topbj.gif) left 35px repeat-x;
    height: 37px;
}
/**顶部**/
.header {width: auto;background: url(../images/kumao-04.jpg) repeat-x #fff;}

.header .container{margin: 0 auto;text-align: left;width: 1240px;}
.container{margin: 0 auto;text-align: left;width: 1240px;}

.topnav a, footer a {color: #666;}
.header .topnav{height: 40px;line-height: 39px;font-size: 12px;}
/**顶部左边**/
.header .topnav .topnav_l li:first-child{background: none;}
.header .topnav .topnav_l li {float: left;padding: 0 10px;background: url(../images/kumao-01.jpg) no-repeat center left;text-align: center;}
/**顶部右边**/
.header .topnav .toptxt{height: 40px;line-height: 40px;float: right;}
.header .topnav .toptxt > li{float: left;padding: 0 10px;text-align: center;background: url(../images/line01.jpg) no-repeat center left;}
.header .topnav .toptxt > li:first-child{background: none;}
.clickbox{cursor: pointer;display: inline-block;}
.iconb_arrow04_o {background-position: -127px -36px;width: 16px;height: 16px;}
.header .topnav .toptxt > li:hover .iconb_arrow04_o{transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header .topnav .toptxt >li .dropdown-menu {display: none;margin-top: 0px;left: auto;right: 0px;position: absolute;top: 100%;z-index: 1000;overflow: hidden;float: left;min-width: 90px;padding: 5px 0;margin: 0;font-size: 12px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #e6e6e6;border: 1px solid rgba(0, 0, 0, .09);border-radius: 2px;-webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, .06);box-shadow: 0 0 4px 4px rgba(0, 0, 0, .06);}
.header .topnav .toptxt > li:hover ul{display:block;}
.dropdown-menu li > a {display: block;padding: 6px 15px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;overflow: hidden;}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;}

/*统一arrow旋转开始*/
.header .topnav .toptxt > li .iconb_arrow04_o,
.webchange > div .dt .iconb_arrow05_o,
.prochangebox > div .dt .iconb_arrow05_o{
-webkit-transition: -webkit-transform .2s ease-in;
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.header .topnav .toptxt > li.hover .iconb_arrow04_o,
.webchange.hover > div .dt .iconb_arrow05_o,
.prochangebox > div.hover .dt .iconb_arrow05_o{
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}

/**头部**/
.header .logobox{height: 100px;position: relative;}
.header .logobox .logo{width: 175px;height:50px;position: absolute;top:25px;left: 0px;}

/****/
.header .logobox .shopcarbox {position: absolute;top: 29px;right: 0px;}
.header .logobox .searchbox{width: 433px;height: 40px;position: relative;padding-bottom: 1px;}
.header .logobox .shopcarbox > span{float: left;position: relative;padding-bottom: 1px;}
.header .logobox .searchbox input {width: 394px;display: inline-block;vertical-align: middle;-webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box;}
.input-40, .form-group-40 .form-control {height: 24px;padding: 8px 14px;font-size: 12px;line-height: 1.33;border-radius: 2px;}
.form-control{color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #e6e6e6;webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;font-family: Arial,'Microsoft Yahei';}
.header .logobox .searchbox .searchBtnbox.btn-default{color: #fff;background-color: #ff4700;font-size: 16px;}
.header .logobox .searchbox .searchBtnbox {
    height: 42px;
    width:100px;
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial,'Microsoft Yahei';
    transition-property: background-color,border-color,height,width,color;
    -webkit-transition-property: background-color,border-color,height,width,color;
    -o-transition-property: background-color,border-color,height,width,color;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;}
.btn-40{padding: 6px 9px;font-size: 14px;height: 28px;border-radius: 2px;line-height: 24px;}

.icon-shopcart{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: url(../images/kumao-03.png) 0px 0px no-repeat;}
.btn-warning{color: #ffffff;background-color: #ff4700;border-color: #fabe00;}
.btn-warning:hover{color: #ffffff;}
/**导航栏**/
.header .mainnav{height: 35px;font-size: 18px;border-top-left-radius: 3px;-webkit-border-top-left-radius: 3px;border-top-right-radius: 2px;-webkit-border-top-right-radius: 2px;}
.header .mainnav ul.navbox{padding-left: 250px;height: 35px;position: relative;font-size: 0;}
.header .mainnav ul.navbox li{display: inline-block;}
.header .mainnav ul.navbox li > a {position: relative;display: block;height: 35px;font-size: 16px;line-height: 35px;padding: 0 25px;}
.header .mainnav ul.navbox li .prorecommend {display: none;width: 992px;position: absolute;top: 100%;right: 0;z-index: 99;opacity: 0.93;background-color: #fff;border: #e6e6e6 solid;border-width: 1px 1px 1px 1px;color: #222;overflow: hidden;height: auto;padding-top: 0px;margin-top: 0px;padding-bottom: 0px;margin-bottom: 0px;}
.header .mainnav ul.navbox li:hover .prorecommend{display: block;}
.header .mainnav ul.navbox li .prorecommend a{color: #000000;font-size: 14px;line-height: 24px;padding: 5px 10px;float: left;margin: 0 5px;position: relative;}
.header .mainnav ul.navbox li .prorecommend a:first-child{margin-left: 23px;}
.header .mainnav ul.navbox li .prorecommend a:hover{background: #cccccc;color: #333;}
.header .mainnav ul.navbox li .prorecommend dl{float: left;width: 50%;padding-top: 20px;padding-bottom: 20px;padding-right: 5px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.header .mainnav ul.navbox li .prorecommend dl:first-child {border-right: #e6e6e6 solid 1px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.header .mainnav ul.navbox li .prorecommend dl dd {float: right;width: 60%;padding-top: 6%;}
.header .mainnav ul.navbox li .prorecommend dl dd .title {height: 20px;overflow: hidden;word-break: break-all;}
.header .mainnav ul.navbox li .prorecommend dl dd .info {height: 40px;overflow: hidden;word-break: break-all;}
.header .mainnav ul.navbox li .prorecommend dl dt {width: 40%;text-align: center;}
.header .mainnav ul.navbox li .prorecommend dl dt img {width: 156px;}
/**分类列表**/
.header .mainnav dl.classbox {width: 250px;position: absolute;z-index: 100;}
.header .mainnav dl.classbox dt {border-bottom: 2px solid #ff4700;height: 35px;line-height: 35px;font-size: 16px;color: #fff;background-color: #ff4700;text-align: center;cursor: pointer;border-top-left-radius: 2px;-webkit-border-top-left-radius: 2px;overflow: hidden;}
.header .mainnav dl.classbox dd {position: relative;}
.header .mainnav dl.classbox dd .classbox_con {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:74px;background-color: #fafafa;border: #e6e6e6 solid;border-width: 0 1px 1px 1px;padding: 15px 10px 0 10px; font-size: 14px;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;}
.header .mainnav dl.classbox dd .classbox_con .title {color: #ff4700;}
.header .mainnav dl.classbox dd .classbox_con .txtcon {margin-top: 5px;min-height: 22px;overflow: hidden;}
.header .mainnav dl.classbox dd .classbox_con .txtcon > a {color: #666;display: inline-block;margin-right: 5px;}
.header .mainnav dl.classbox dd .classbox_con:hover {background-color: #ffffff;padding-left: 21px;border-right-color: #fff; z-index: 1;}
.header .mainnav dl.classbox dd .classbox_con:hover .classbox_ddcon{display: block;}
.header .mainnav dl.classbox dd .classbox_con .classbox_ddcon {display: none;position: absolute;top: 0;left: 249px;width: 430px;height: 438px;background-color: #fff;border-top: #e6e6e6 solid 1px;border-right: #e6e6e6 solid 1px;border-bottom: #e6e6e6 solid 1px;z-index: 1;padding: 5px;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .06);-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .06);border-top-right-radius: 2px;-webkit-border-top-right-radius: 2px;border-bottom-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-webkit-box-sizing:content-box;;-moz-box-sizing: content-box;box-sizing: content-box;}
.header .mainnav dl.classbox dd .classbox_con .classbox_ddcon ul {max-height: 620px;padding: 12px 25px 12px 25px;}
.header .mainnav dl.classbox dd .classbox_con .classbox_ddcon li {float: left;height:40px;width: 50%;padding: 10px 0;line-height: 40px;overflow: hidden;}
.header .mainnav dl.classbox dd .classbox_con .classbox_ddcon li a > img {margin-right: 10px;width: 48px;height: 48px;}
/**轮播图**/
.banner{width: 100%;height: 450px;overflow: hidden;}
.banner .container {padding-left: 250px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.switchlunbo-cnt{width:100%;height: 450px;overflow:hidden; position:relative;}
.switchlunbo-cnt .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:40px; z-index:1; }
.switchlunbo-cnt .hd ul{ overflow:hidden; zoom:1; float:left;  }
.switchlunbo-cnt .hd ul li{ float:left; margin-right:8px;  width:15px; height:15px;background-image: url(../images/kumao-02.png);background-position: 0 0;cursor:pointer;}
.switchlunbo-cnt .hd ul li.on{background-position: 0 -33px; }
.switchlunbo-cnt .bd{ position:relative; height:100%; z-index:0;   }
.switchlunbo-cnt .bd li{ zoom:1; vertical-align:middle;text-align: center;text-align: -webkit-center;background-color: #333;}
.switchlunbo-cnt .bd p{width:100%;height:450px; display:block;background-repeat: no-repeat;background-position: 50% 50%;}

.switchlunbo-cnt .prev,.switchlunbo-cnt .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://www.soo56.com/shouye/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.switchlunbo-cnt .next{ left:auto; right:3%; background-position:8px 5px; }
.switchlunbo-cnt .prev:hover,.switchlunbo-cnt .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/**banner图下面三个商品**/
.banner_pic {height: 182px;}
.banner_pic li{width: 33.3333333%;float: left;height: 182px;border: #e6e6e6 solid;border-width: 1px 1px 1px 0;overflow: hidden;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.banner_pic li > a{background-position: center;display: block;height: 182px;}
/**内容**/
.flexsbox1{position: relative;}
.drd_py_tit01{width: auto;height: 48px;line-height: 48px;overflow: hidden;}
.drd_py_tit01 .titbox{width: 140px;font-size: 20px;float:left;}

.drd_py_tit02{width: auto;height:70px;line-height:70px;overflow: hidden;}
.drd_py_tit02 .titbox{font-size: 24px;float:left;color: #000;font-weight:800;}
/**列表1**/
.flexsbox1 .flex-direction-nav{ width:55px; text-align:right; position:absolute; top:15px; right:0;}
.flexsbox1 .flex-direction-nav li{ display:inline-block;}
.drd_py_listbox{ width:1250px; padding-top:4px; margin-top:-4px; margin-left:-5px; padding-left:5px;overflow: hidden;}

.drd_py_list{ width:100%;height: 315px; width: 3935px; margin-left: 0px;}
.drd_py_list ul li{float:left; width:311px; height:310px; background-color:#fff; line-height:26px;  border:#e6e6e6 solid 1px; text-align:center; position:relative; overflow:hidden; margin-left:-1px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.drd_py_list ul li:first-child{ margin-left:0; width:310px;}
.drd_py_list .imgbox{ width:100%; height:216px; overflow:hidden; padding-top:20px;}
.drd_py_list .imgbox img{ width:220px; height:220px;}

.drd_py_list ul li:hover{ border-color:#d2d2d2; position:relative; z-index:1;-webkit-box-shadow: 0 0 0 4px #f2f2f2;-moz-box-shadow: 0 0 0 4px #f2f2f2;-ms-box-shadow: 0 0 0 4px #f2f2f2;-o-box-shadow: 0 0 0 4px #f2f2f2;box-shadow: 0 0 0 4px #f2f2f2;}
.drd_py_list ul li,.drd_py_list ul li > div{transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.drd_py_list .txtbox{ height:60px; margin-left:20px; margin-right:20px;}
.drd_py_list .txtbox >div{ line-height:30px; height:30px; overflow:hidden;text-overflow: ellipsis;color: #f04e20;}

.drd_py_box02ul .txtbox > div{line-height: 30px;overflow: hidden;color: #f04e20;}
.drd_py_box02ul li:hover > div{border-color: #d2d2d2;-webkit-box-shadow: 0 0 0 4px #f2f2f2;-moz-box-shadow: 0 0 0 4px #f2f2f2;-ms-box-shadow: 0 0 0 4px #f2f2f2;-o-box-shadow: 0 0 0 4px #f2f2f2;box-shadow: 0 0 0 4px #f2f2f2;}
.badgecj{width: 48px;position: absolute;top: -1px;left: 10px;height: 24px;line-height: 23px;text-align: center;color: #fff;z-index: 10;font-size: 12px;border-bottom-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;-o-border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-o-border-bottom-right-radius: 2px;}
.badgecj.greenbg{background-color: #8cc253;}
.badgecj.redbg{background-color: #ff4700;}

.drd_py_box02{width: auto;border-top: #e6e6e6 solid 1px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
/*列表2*/
.drd_py_box02ul li.picbox{ width:621px;border-left:#e6e6e6 solid 1px;margin-left: -1px;}
.drd_py_box02ul li.picbox img{width: 620px;height: 309px;}
.drd_py_box02ul li.picboxy{ height:620px;border-left:#e6e6e6 solid 1px;margin-left: -1px;}
.drd_py_box02ul li.picboxy img{width: 309px;height: 620px;}

.drd_py_box02ul li{float:left; width:310px; height:310px; background-color:#fff; line-height:26px;  border-right:#e6e6e6 solid 1px; border-bottom:#e6e6e6 solid 1px; position:relative;z-index:1;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.drd_py_box02ul li > div{height:310px; overflow:hidden; border:none;}

.drd_py_box02ul .imgbox{ width:100%; height:216px; overflow:hidden; padding-top:20px; text-align:center;}
.drd_py_box02ul .imgbox img{ width:220px; height:220px;}
.drd_py_box02ul .txtbox{ padding:0 20px;}
.drd_py_box02ul .txtbox .name{ height:30px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center;color: #222;}

@media (max-width: 1240px){
.header .container,.container{
    width: 931px;
}
.soo-common-container{width: auto;}
.drd_py_list ul>li:first-child+li+li+li {
    display: none;
}
.drd_py_box02ul>li:first-child+li+li, .drd_py_box02ul>li:first-child+li+li+li {
    display: none;
}
}


.drd_py_box02ul .txtbox > div{ line-height:30px; overflow:hidden;}
.drd_py_box02ul li:hover{ z-index:2 !important;}
.drd_py_box02ul li > div{border:#e6e6e6 solid 1px; margin-left:-1px; margin-top:-1px; width:311px; height:311px; position:absolute; top:0; left:0; z-index:2;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.drd_py_box02ul li:hover > div{border-color:#d2d2d2;-webkit-box-shadow: 0 0 0 4px #f2f2f2;-moz-box-shadow: 0 0 0 4px #f2f2f2;-ms-box-shadow: 0 0 0 4px #f2f2f2;-o-box-shadow: 0 0 0 4px #f2f2f2;box-shadow: 0 0 0 4px #f2f2f2;}

.drd_py_box02ul li > div,.drd_py_box02ul li > div > div{left:0;position:relative;transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.drd_py_box02ul li:hover > div > div{left:-4px;transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
/**底部**/
.footer{background-color: #fafafa;margin-top: 50px;}
.footer .ft_addr{width: auto;text-align: center;line-height: 26px;}
.footer .ft_addr .footlink > a{margin: 0 10px;}

.soo-common-x2{float: left;width:16.66666667%;text-align: left;}
.soo-common-x2 ul li {font-size: 14px;color: #666666;width: 170px;height: 27px;line-height: 27px;font-family:"Microsoft YaHei","微软雅黑";}
.soo-common-x2 h3,.soo-common-x2 h3 a{font-size: 18px;font-family:"Microsoft YaHei","微软雅黑";color: #000000;height: 35px;line-height: 35px;margin-bottom: 8px;}
.soo-common-footer-bottom{padding: 30px 0 30px 0;color: #888;font-size: 14px;line-height: 30px;text-align: center;background: #282828;}
.ft_slogen{width: auto;padding: 20px 0 50px 0;border-bottom: #e6e6e6 solid 1px;}
.ft_slogencnt span{float: left;width:25%;height: 42px;background-repeat: no-repeat;background-size: 100% 100%;}
.ft_slogencnt span.fore1{background-image:url(../images/kumao-foot01.jpg); }
.ft_slogencnt span.fore2{background-image:url(../images/kumao-foot02.jpg); }
.ft_slogencnt span.fore3{background-image:url(../images/kumao-foot03.jpg); }
.ft_slogencnt span.fore4{background-image:url(../images/kumao-foot04.jpg); }

.fuwubtn{float: left;width: 100%;}
.fuwubtn a{border: 1px solid #f15121;text-align: center;font: 14px/48px "微软雅黑";color: #FFF !important;display: block;width: 130px;height: 30px;line-height: 28px;float: left;background: #f15121;}
.fuwubtn a:last-child{float: right;}
.fuwubtn a:hover{color: #f15121 !important;background: #FFF;}

.dialog-mask
{
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #000;
z-index: 100;
filter: alpha(opacity=50);
opacity: .5;
overflow-x: hidden;
overflow-y: auto;
}
.dialog-win
{
display: none;
position: fixed;
width: 400px;
z-index: 101;
left: 50%;
top: 40%;
margin-left: -200px;
}
.dialogtow
{
border: 1px solid #ddd;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
border-radius: 4px;
background-color: #fff;
}
.dialogtow .dialog-head
{
border-bottom: solid 1px #ddd;
background-color: #f5f5f5;
border-radius: 4px 4px 0 0;
}
.dialogtow .dialog-head .close
{
float: right;
line-height: 24px;
}
.close
{
display: inline-block;
font-size: 24px;
cursor: pointer;
line-height: 24px;
}
.close:before
{
content: "\00d7";
}
.dialogtow .dialog-body
{
padding: 15px 50px;
}
.dialogtow .dialog-foot
{
text-align: right;
border-top: solid 1px #ddd;
}
.dialogtow .dialog-head, .dialogtow .dialog-foot
{
padding: 10px 20px;
}
.callbutton
{
border: solid 1px #ddd;
background: transparent;
border-radius: 4px;
font-size: 14px;
padding: 6px 15px;
margin: 0;
display: inline-block;
line-height: 20px;
transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
cursor: pointer;
}
.dialog-body label
{
float: left;
margin-right: 10px;
line-height: 25px;
font-size: 14px;
}
.dialog-body .phonenumber
{
width: 180px;
text-align: left;
padding: 0 10px;
font-size: 14px;
line-height: 25px;
height: 25px;
border-radius: 5px;
border: 1px solid #ddd;
outline: none;
}

/**团购页面的样式**/
.header .soo-common-topcnt{border-bottom:0;background-color:transparent;}

.xfkf span{ background:url(http://kumall.soo56.com/kumao/images/kf1.png) left center no-repeat; padding-left:26px; color:#b7b7b7; display:block; margin-top:18px;}
.xfkf b{font-size:20px; color:#b7b7b7;margin-top:5px; display: block;}
.xfkf b label{color:#747474; font-weight:400; margin-left:7px;}
.dy .gzh{background:url(http://kumall.soo56.com/kumao/images/tb1.png) left center no-repeat; width:40px; height:40px; float:right; margin-left:10px; position:relative;}
.dy .gzh:hover{background:url(http://kumall.soo56.com/kumao/images/tb11.png) left center no-repeat;}
.dy .gzh.y{background:url(http://kumall.soo56.com/kumao/images/tb2.png) left center no-repeat; width:40px; height:40px;}
.dy .gzh.y:hover{background:url(http://kumall.soo56.com/kumao/images/tb22.png) left center no-repeat;}
.kumallfootbtm .bottomewm{width:150px;}
.dy .gzh img{position:absolute; left:-22px; top:-90px; display:none;}
.dy .gzh:hover img{display:block;}
.kumallfootbtm{padding-bottom:25px;}
.kumallfootbtm .bottomewm{top:33px;}