@charset "utf-8";
/* CSS Document */
/*公共样式*/

iframe{ border:0;}
html,body{ width:100%; height:100%; margin:0 auto; padding:0; box-sizing:content-box;}
body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:#333;}
input,textarea,select{ font-family:inherit; outline:none; padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,form{margin:0;}
ul,li,ol,dl,dt,dd,em,i{list-style-type:none;font-style:normal; margin:0; padding:0}
a{ cursor:pointer; color:#666; text-decoration:none;}
a:hover{ color:#e85959;}

h4,h5,h6{
    font-size:1em;
}
ul,ol{
    padding-left:0; 
    list-style-type:none;
}
img,button{ border:0;vertical-align: middle; outline:none;}
a,button{ cursor:pointer;}
/*清除浮动*/
.clearfix:after ,.clearfix:before{content:"";display:table;}	
.clearfix:after{clear:both;	}	
.clearfix{zoom:1;	}
/*---------------初始化完毕---------------*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder{
    color: #999;
}

input::-webkit-input-placeholder{
    color: #999;
}

/* ---------------------single CSS----------------------- */
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */
/* height */
.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h60{height:60px;}
.h90{height:90px;}
.h360{ height:360px;}
.h600{ min-height:1000px;}
.h620{ min-height:620px;}
.h720{ min-height:720px;}
.h830{ min-height:830px;}

/* color */
.red{color:#eb3238;}
.blue{color:#0077ff;}
.gray3{ color:#333;}
.gray9{ color:#999;}
/*width*/
.w66{ width:66px;}
.w80{ width:80px;}
.w144{ width:144px;}
.w155{ width:155px;}
.w200{ width:200px;}
.w336{ width:336px;}
.w600{ width:600px;}
.w5 {
    width: 5%;
    min-height:1px;
}
.w6 {
    width: 6%;
    min-height:1px;
}
.w7 {
    width: 7%;
    min-height:1px;
    white-space:normal;
    word-break:break-all;
}
.w8 {
    width: 8%;
    min-height:1px;
}
.w9 {
    width: 9%;
    min-height:1px;
}
.w10{ width:10%;min-height:1px;}
.w15 {
    width: 15%;
    min-height:1px;
}
.w25{ width:25%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w75{width:75%;}
.w90{width:90%;}
/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml60{margin-left:60px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
.ml-10{margin-left:-20px;}
.mt-25{margin-top:-25px;}


/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf6{background-color:#f6f6f6;}
.bgeb{background-color:#ebebeb;}
.bgf0{background-color:#f0f0f0;}
/* font-size */
.f0{font-size:0;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
/*vertical-align*/
.vatop{ vertical-align:top;}
/*text-align*/
.text-c{ text-align:center;} 
.text-l{ text-align:left;} 
.text-r{ text-align:right;} 
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* float */
.fl{float:left;}
.fr{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
.fonal{ font-weight:normal;}
/*ling-height*/
.lh40{ line-height:40px;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
/* zoom */
.z{*zoom:1;}


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
	-webkit-transition:all 0.3s;	
	        transition:all 0.3s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading{background:url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
.disabled{color:#acacac!important; border-color:#acacac!important; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover{text-decoration:none!important;}

/*input*/
input[type="password"],input[type="text"],input[type="number"],textarea,select,.loadBtn{border:1px solid #ccc; background-color:#fff; vertical-align:middle; outline:none;}
input[type="password"],input[type="text"],input[type="number"]{ text-indent:12px;height: 30px; line-height: 30px;}
select{ height:32px; text-align:center; }
input[type="radio"]{ margin:0 3px; vertical-align:middle;}

/*头部*/
body{ background:#f0f0f0;}
input,button{ outline:none;}
.layout{ position:relative;width:100%; margin:0 auto;}
heard{ position:relative; width:100%; height:100%;}
.topnav{ height:30px; overflow:hidden; line-height:30px;}
.topnav .topleft{ position:absolute; left:0; top:0;}
.topnav .topleft a{ margin-right:15px;}
.topnav .topleft .phone em{ width:14px; height:20px; display:inline-block; background:url(../images/icon_01.png) 0 0 no-repeat; vertical-align:middle; margin-right:5px;}
.topnav .topright{ position:absolute; right:0; top:0;}
.topnav .topright a{ padding:0 20px;}
.topnav .topright span{ margin-left:20px;}

.heard{ position:relative; background-color:#e85959; height:75px; width:100%; padding-top:25px; z-index:11;}
.heard .logo{ position:relative;width:142px; height:45px; }
.heard .logo .img{ vertical-align:top;}
.mainnav{ padding-left:40px; color:#fff;}
.mainnav li{ width:130px; height:45px; line-height:45px; text-align:center; font-size:16px; float:left; position:relative;}
.mainnav>li>a{ color:#fff; z-index:1000; position:relative; display:block;}
.mainnav li .active{ color:#666;}
.mainnav li .active i{background:url(../images/icon_07.png) 0 4px no-repeat;}
.mainnav li a i,.buycarbtn i{ vertical-align:middle;}
/*下拉导航*/
.lr_menu{ width:128px;background-color:#fff; border:#e0e0e0 solid 1px;position:absolute; top:0; padding-top:42px;z-index:200; display:none; left:0;}
.lr_menu a{ width:100%;display:block; color:#666;height:34px; line-height:34px; font-size:14px; text-align:left;}
.lr_abtn i{width:23px; height:20px; background:url(../images/icon_06.png) 0 4px no-repeat;display:inline-block;}
.lr_menu a:hover{background-color:#f0f0f0; color:#e85959; }
.lr_menu dd a{text-indent:24px;}
/*搜索框*/
.serchBox{ width:250px;height:40px; float:left;line-height:40px; background-color:#fff; overflow:hidden;}
.serchBox .serch{ width:200px; height:40px;outline:none;text-indent:12px; border:0;line-height:40px; }
.serchBox .serchbtn{ width:50px; height:100%; background-color:#f0f0f0; cursor:pointer; border:0;}
.serchBox .serchbtn i{ width:50px; height:23px; background:url(../images/icon_01.png) 13px -32px no-repeat; display:block; margin-top:8px;}
.serchBox .serchbtn:hover,.serchBox .serchbtn:active{background-color:#e6e6e6;}
/*购物车*/
.cart-status{ position:relative; height:38px;background-color:#f0f0f0; border:1px solid #e3e3e3; display:block; padding:0 40px 0 20px; line-height:38px;}
.cart-status i{ width:23px; height:30px; background:url(../images/icon_01.png) 6px -62px no-repeat;display:inline-block; vertical-align:middle;}
.cart-status var {font-style: normal; position:absolute; top:6px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    margin-left: 4px;
    vertical-align: middle;
    background: #f01414;
    color: #fff; z-index:1;behavior:url(css/PIE.htc);
}
@media screen and (max-width:1024px) {
.layout{width:980px;}
.c-right{ width:838px;}
.employee .list .imgWrap{ width:80px; height:80px;}
}