@charset "utf-8";

/* CSS Document */
body,div,p,dl,dt,dd,ul,ol,li,form,input,H1,H2,H3,H4,H5,textarea{margin:0; padding:0; }
textarea,input{color:#666;font-family:微软雅黑;}
html{font-size:20px;}
body {font-family:微软雅黑; color:#333; position:relative; font-size:14px;}
body{ margin:0 auto;}
ol,ul{list-style:none;}
img{border:0; -ms-interpolation-mode:bicubic;}
img.img0 { -ms-interpolation-mode:bicubic;}
h1,h2{font-weight:normal;}
a{text-decoration:none; outline:none; cursor:pointer;}
a:active {}
a:hover{text-decoration:underline; cursor:pointer;}
a{text-decoration:none; outline:none; cursor:pointer; color:#333; }
a:active {}
a:hover{text-decoration:underline; cursor:pointer; color:#48b148;}

input[type="button"],input[type="submit"],input[type="reset"],button { -webkit-appearance:none; appearance:none; outline:none;} 
i,em{font-style:normal;}
.wrap{width:100%;padding-bottom:60px;}
.relative{position:relative; left:0; top:0;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.fl{float:left;}
.fr{float:right;}
.c666{color:#666;}
.c999{color:#999;}
.czhuse{color:#ffbe00;}
.cred{color:#e3253f;}
.m_t{margin-top:20px;}
span.loadmore {display:block; border:#d1d1d1 1px solid; height:40px; margin:10px auto; width:98%; line-height:40px; text-align:center; color:#333333; text-decoration:none; }
.red{color:red}
.width100 {width:100%;}
.price{font-size:16px;color:#ff0036;}
.text-hide-ell{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-hide{overflow:hidden;white-space: nowrap;}

.hide{display:none;}
.bderbtn12{border-bottom:12px solid #f4f4f8;}

.bgcolorf5{background:#f5f5f5;}
a:hover{ text-decoration:none;color:#bb996c;}
.number{font-family:arial;}
.price{color:#ff0036;font-family:'helvetica neue',arial;}
.combg{background:#fff;}
.iconbg{background:none;background-image:url("../images/bgicon.png"); background-repeat:no-repeat; }
/* 公用图片放大效果 */
.imgtrans{display: block; overflow: hidden;position: relative;}
.imgtrans img{width: 100%;height: 100%;-webkit-transition: -webkit-transform 1s ease 0s; -moz-transition: -moz-transform 1s ease 0s;  -o-transition: -o-transform 1s ease 0s;  transition: transform 1s ease 0s;-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity:0.95;}
.imgtrans:hover img{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); opacity:1;}

/*文字上下居中*/
.tranY{position:relative;}
.tranY .middle{position:absolute;top:50%;left:50%;width:100%;transform: translate(-50%, -50%);display:block;}
.imgtran{position:relative;}
.imgtran .middle{position:absolute;top:50%;left:50%;width:100%;transform: translate(-50%, -50%);display:block;}
.green {color: #bb996c;}

/*定位样式*/
.relat{position:relative;}
.absol{position:absolute;}
.fixed{position:fixed;}


.scrollfix.fixshow{position:fixed;top:0px;}

/*按钮样式*/
.button{display:block;width:100px;height:30px;line-height:30px;text-align:center;color:#fff;background:#bb996c; border-radius: 2px;border:none;}
.loading{display:block;margin:20px auto;color:#fff;font-size:12px;background:url("../images/loading.gif") no-repeat left center; background-size:100%; width:50px;height:50px;}

/*基础布局*/
.layout{width:1100px;margin:0 auto;}
.layout100{width:100%;}

.logobg{background:url("../images/logo.png") no-repeat center center;}
.login_logobg{background:url("../images/login_logo.png") no-repeat center center;}



.common_header{background:#fff;}
.common_header .topbar{background:#333;height:40px;line-height:40px;color:#ccc;font-size:12px;}
.common_header .topbar a{color:#ccc;}
.common_header .topbar a.active,
.common_header .topbar a:hover{color:#bb996c;}
.common_header .topbar .topbar-l{float:left;}
.common_header .topbar .topbar-l a{margin-left:15px;}
.common_header .topbar .barleft{ float:left;}
.common_header .topbar .barleft a{ color:#999;}
.common_header .topbar .barleft a.hover,
.common_header .topbar .barleft a:hover{ color:#bb996c;}
.common_header .topbar .barleft i{color:#c4c4c4; padding:0px 10px;}

.common_header .topbar .topbar-r{float:right;}
.common_header .topbar .topbar-r a{padding:0px 12px;display:block;float:right;}
.common_header .topbar .topbar-r a.cart{}
.common_header .topbar .topbar-r a.cart:hover{color:#ccc; text-decoration:none; }
.common_header .topbar .topbar-r a.app{background-position:0px 3px; padding-left:15px; margin-left:12px;}
.common_header .topbar .topbar-r a.app:hover{color:#bb996c; text-decoration:none; }

.allcheckbox .icon{width:14px;height:14px; border:1px solid #ccc;display:inline-block; }
.allcheckbox.checked .icon{ background:url("../images/boxchoose@2x.png.png") no-repeat center center /10px;}
.checkbox .icon{width:14px;height:14px; border:1px solid #ccc;display:inline-block; }
.checkbox.checked .icon{ background:url("../images/boxchoose@2x.png.png") no-repeat center center /10px;}