@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:12px;}
input,body{ font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.top{height:30px;background: #222;border-bottom: 1px solid #e3e4e4;width: 100%;min-width: 1200px;font-size: 12px; line-height:30px;}
.top a:hover {text-decoration: none;color: #ff0036;}
.content{width:1200px;margin:0 auto;}
.p-left{ float:left;}
.p-right{ float:right;}
.top-left{ color:#fff;}
.top-left a{ color:#fff;}
.top-right-nav{ font-size:12px; color:#fff;}
.top-right-nav a{ display:inline-block; margin-left:10px; color:#fff;}
.top-right-nav a span{ font-size:10px; position:relative; color:#fff; top:1px; margin-right:2px;}
.top-right-nav a:hover span{ color:#f00;}

.logo-area{ width:1200px; height:auto; margin:0px auto; position:relative; height:110px; background:#fff;}
.logo{ height:58px; margin-top:34px;}
.logo-txt{ position:relative; top:22px; margin-left:10px;}
.top-search{ float:left; margin-left:105px; margin-top:30px;}
.search-area{ height:40px; width:540px;}
.search-area input{ width:430px; height:36px; border:2px solid #ed145b; overflow:hidden; padding:0px 5px; outline-style:none; float:left;}
.search-area button{ width:96px; height:40px; float:left; border:none; background:#ed145b; color:#fff; cursor:pointer; font-size:14px;outline-style:none;}
.search-area button:hover{ opacity:0.8;}
.hot-serach{ width:100%; height:auto; margin-top:10px; color:#666;}
.hot-serach a{ color:#666;}
.hot-serach a:hover{ color:#f00;}
.global-cart{ width:140px; height:36px; border:1px solid #d9d9d9 !important; color:#999 !important; float:right; margin-top:30px; text-align:center; line-height:34px;}
.global-cart i{ padding:1px 8px; background:#ed145b; color:#fff; font-size:11px; border-radius:10px; font-style:normal;}
.global-cart span{ position:relative; top:1px;}

.menu-area{ width:100%; height:38px; background:#393a3b; min-width:1200px;}
.menu-area-main{ width:1200px; height:38px; margin:0 auto; position:relative;}
.mall-cate{ width:240px; height:38px; background:#ed145b;  cursor:pointer;position:relative;}
.mall-cate h3{ width:100%; height:38px; text-align:center; height:38px; font-size:16px; line-height:38px; color:#fff;}
.swim-menu{ width:240px; height:505px; background:#fff; position:absolute; left:0; top:38px; border:1px solid #ddd; box-sizing:border-box; border-top:none; z-index:10}
.swim-menu dl{ width:100%; height:auto; overflow:hidden; padding:10px 20px 10px 0px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.swim-menu dl dt{ width:100%; padding-left:20px; box-sizing:border-box; font-size:16px; color:#000; font-weight:500;}
.swim-menu dl dd{ width:100%; height:auto; overflow:hidden; margin-top:8px;}
.swim-menu dl dd a{ float:left;color:#8a8a8a; font-size:13px; margin:5px 0 5px 20px;}
.swim-menu dl dd a:hover{ color:#f00; text-decoration:underline;}
.menu-ul li{ float:left; height:38px; padding:0px 0px; overflow:hidden;}
.menu-ul li a{ width:160px; text-align:center; display:block; color:#fff; font-size:16px; line-height:38px; height:38px;}
.menu-ul li a.hover,.menu-ul li a:hover{ background:#ed145b; color:#fff;}


.foot{ width:100%;min-width:1200px;height:377px;background:#242424;}
.foot .foot_top{padding:35px 0 45px 0;overflow:hidden; border-bottom:1px  solid #333333;}
.foot .foot_top .foot_top_main{width:1200px;margin:0 auto;}
.foot .foot_top .foot_top_main .foot_item{width:160px;border-right:1px solid #3f3f3f;box-sizing:border-box;padding:0 37px;float:left;}
.foot_toptitle{color:#eeeeee;font-size:15px;padding-bottom:24px;}
.foot_list>a{font-size:13px;color:#eeeeee;line-height:30px;}

.foot .code_img{overflow:hidden;float:left;padding-left:34px}
.foot .code1{width:100px; float:left;margin-right:27px;}
.foot .code1>img{width:100px;height:100px;}
.foot .code_text{text-align:center;color:#eeeeee;font-size:13px;padding-top:15px;}

.foot .fl_top>div{display:inline-block;vertical-align:middle;}
.foot .fl_down{font-size:14px;color:#eeeeee;padding-top:20px;}

.foot_down{box-sizing:border-box;padding-top:33px;}
.foot_down_item{width:1200px;color:#eeeeee; margin:0 auto;text-align:center;}
.foot_down_item>a{font-size:14px;color:#eeeeee;}







.ui-fix-bar{ width:35px; height:100%; position:fixed; top:0; right:0; z-index:666; background-color:#000;}
.ui-fix-top{ width:35px; height:35px; background:url(../images/fix-top.png) no-repeat center center; cursor:pointer; position:absolute; bottom:0;}
.ui-fix-qrcode{ width:35px; height:35px; background:url(../images/qrcode.png) no-repeat center center; cursor:pointer; position:absolute; bottom:35px;}
.ui-fix-online{ width:35px; height:35px; background:url(../images/online.png) no-repeat center center; cursor:pointer; position:absolute; bottom:70px;}
.ui-fix-main{ width:35px; height:400px; position:absolute; top:50%; margin-top:-200px;}
.ui-fix-cart{ width:35px; height:100px; text-align:center; box-sizing:border-box; color:#fff; cursor:pointer; overflow:hidden;}
.ui-fix-cart img{ display:block; margin:9px auto 4px auto;}
.ui-fix-cart span{ width:20px; font-size:12px; text-align:center; height:auto; display:block; margin:0px auto;}
.ui-fix-line{ height:1px; width:60%; background:#444; margin:0px auto;}
.ui-fix-user{ width:35px; height:35px; background:url(../images/iuser.png) no-repeat center center; cursor:pointer; margin:5px auto 0px auto;}
.ui-fix-fav{ width:35px; height:35px; background:url(../images/fav.png) no-repeat center center; cursor:pointer; margin:5px auto;}
.ui-fix-his{ width:35px; height:35px; background:url(../images/his.png) no-repeat center center; cursor:pointer;margin:5px auto;}
.ui-fix-cart:hover,.ui-fix-online:hover,.ui-fix-qrcode:hover,.ui-fix-top:hover,.ui-fix-fav:hover,.ui-fix-his:hover,.ui-fix-user:hover{ background-color:#ff0036;}
.ui-fix-mark{ position:absolute; right:35px; background:#333; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:none;}
.ui-fix-qrcode .ui-fix-mark{ width:110px; height:110px; z-index:666; bottom:0px; border-radius:4px;}
.ui-fix-msg{ padding:0px 4px; background-color:#ff0036; color:#fff; border-radius:15px; position:absolute; right:2px; top:-5px; font-size:10px; display:none;}
.ui-fix-qrcode .ui-fix-mark img{ display:block; margin:10px auto;}
.ui-fix-zs{ color:#333; position:absolute; right:28px; font-size:28px; display:none;}

.ui-fix-adv{ width:55px; height:150px; position:absolute; top:0; right:0; overflow:hidden;}

.topadv{ width:100%; min-width:1200px; height:80px; overflow:hidden; cursor:pointer; position:relative;}
.topadv span.advclose{ width:15px; height:15px; background:rgba(0,0,0,.5); color:#fff; border-radius:3px; position:absolute; right:65px; top:10px; text-align:center;}