body{ min-width: 1420px; padding-top:130px; font-size: 16px; color:#333333; font-family: '微软雅黑'; background-color:#fff;}
ul{ padding:0; margin:0;}
li{ list-style: none;}
a{ text-decoration: none; color:#222222;}
p{ margin:0; padding:0;}

.wrapper{ width:1400px; margin:0 auto;}
.wrap{ width:1200px; margin:0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.border0{ border:0 !important;}

/* 公用间距 */
.pl0{ padding-left: 0 !important;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pl25{ padding-left: 25px;}
.pl30{ padding-left: 30px;}
.pt0{ padding-top: 0 !important;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.ml0{ margin-left: 0 !important;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
body.en .ml30{ margin-left: 10px;}
.mt0{ margin-top: 0 !important;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}

/* 头部 */
.header{ width:100%; position: fixed; top:0; left: 0; z-index: 999; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background-color: #fff;}
.header-top{ height: 40px; line-height: 40px; background-color: #fff;}
.header-per .link{ color:#333333; margin:0 20px;}
.header-lang{ padding-left: 70px;}
.header-lang .icon{ position: relative; top: 4px;}
.header-lang .select{ border:1px solid #CCCCCC; background:none;}

.header-bottom{ height:90px;}
.header-logo{ padding-top:10px; height: 70px; line-height: 70px; font-size: 30px; font-weight: bold; overflow: hidden;}
.header-logo img{ max-width:135px;}

.header-nav{ height: 90px; padding-left: 125px; }
.header-nav li{ float: left; margin:0 15px;}
.header-nav li a{ display: block; height:86px; padding:0 20px; line-height: 86px; color: #444444; border-bottom:4px solid #fff;}
body.en .header-nav li a{ padding:0; font-size: 14px;}
.header-nav li a:hover,.header-nav li.active a{ color:#623d08; border-bottom:4px solid #623d08;}

.header-cart{ padding:35px 60px 0 0;}
.header-cart .link{ position: relative; display: inline-block; width: 32px; height: 32px; background:url(../img/common/icon-cart.png) no-repeat;}
.header-cart .num{ position: absolute; right:-6px; top:-6px; display: inline-block; width:16px; height: 16px; line-height: 16px; border-radius: 100px; font-size: 12px; text-align: center;  color:#fff; background-color: #dd0c33;}

/* 底部 */
.footer{ min-height: 40px; line-height: 24px; font-size: 12px; text-align: center;}
.footer-banner img{ max-width: 100%;}

.footer-index{ min-height: 40px; line-height: 24px; font-size: 12px; text-align: center;}
.footer-index-banner img{ max-width: 100%;}

/* 联系客服 */
.customer{ position: fixed; right:20px; top:200px; width:80px; height: 80px; font-size: 12px; line-height: 18px; text-align: center;  }
.customer .font{padding:10px 0; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.customer .font.on{ background:#fff; background:rgba(204,204,204,.5); }
.customer .list{ display:none; position: absolute; top:0; left: -220px; width:200px; font-size: 16px; line-height: 20px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.customer .list::before{ content: ''; position: absolute; right:-26px; top:28px; width:0; height:0; border-width: 12px; border-style: solid; border-color: transparent transparent transparent #b7a8a8; filter: blur(1px); }
.customer .list::after{ content: ''; position: absolute; right:-24px; top:28px; width:0; height:0; border-width: 12px; border-style: solid; border-color: transparent transparent transparent #fff; }
.customer .list li{ height: 78px; border-bottom:1px solid #dddddd;}
.customer .list .img{ padding:19px 0 0 14px;}
.customer .list .des{ padding:20px 0 0 5px; text-align: left;}
.customer .list .email{ height: 70px; padding:20px 0;}

/* 内页主体 */
.main{ padding-top:80px; background:url(../img/common/main_bg.jpg) top center no-repeat;}

/* 白钻图标 */
.shapeIcon{ display: inline-block; width:32px; height: 32px; background-image:url(../img/icon/all_shape.png); background-repeat: no-repeat;}
.shapeIcon01{ background-position: 0 0;}
.shapeIcon02{ background-position: -72px 0;}
.shapeIcon03{ background-position: -144px 0;}
.shapeIcon04{ background-position: -216px 0;}
.shapeIcon05{ background-position: -288px 0;}
.shapeIcon06{ background-position: -360px 0;}
.shapeIcon07{ background-position: -432px 0;}
.shapeIcon08{ background-position: -504px 0;}
.shapeIcon09{ background-position: -576px 0;}
.shapeIcon10{ background-position: -648px 0;}
.shapeIcon11{ background-position: -720px 0;}

/* 彩钻图标 */
.colorIcon{ display: inline-block; width:35px; height: 35px; background-image:url(../img/icon/all_color.png); background-repeat: no-repeat;}
.colorIcon01{ background-position: -112px -66px;}
.colorIcon02{ background-position: -117px -8px;}
.colorIcon03{ background-position: -8px -66px;}
.colorIcon04{ background-position: -62px -66px;}
.colorIcon05{ background-position: -68px -11px;}
.colorIcon06{ background-position: -171px -11px;}
.colorIcon07{ background-position: -171px -67px;}
.colorIcon08{ background-position: -63px -120px;}
.colorIcon09{ background-position: -11px -120px;}
.colorIcon10{ background-position: -11px -8px;}
.colorIcon11{ background-position: -114px -119px;}

/* 标准表单样式 */
.form-control{ height: 32px; line-height: 32px; padding:0 0 0 15px; font-size: 14px; border:1px solid #BBBBBB; box-sizing: border-box; background-color:#fff;}
.form-textarea{ width:700px; height: 130px;  border:1px solid #BBBBBB; border-radius: 4px; background-color:#fff;}
.input-sm{ height: 16px; line-height: 16px; padding:0;}

/* 标准按钮样式 */
.btn{ padding:0 20px; height: 34px; line-height: 34px; border:1px solid #bbbbbb; border-radius: 5px; cursor: pointer; background:#fff;}
.btn_primary{ color: #fff; border-color: #25b1da; background-color: #25b1da;}
.btn_danger{ color: #fff; border-color: #dd0c33; background-color: #dd0c33;}

/* 标准表格样式 */
.table{ width: 100%; max-width: 100%; font-size: 12px; text-align: center; border:1px solid #e8e8e8; border-collapse: collapse; background-color: transparent; }
.table th{ height:40px; font-size: 14px; font-weight: normal; color:#555; border:1px solid #f8f8f8; border-right: 1px solid #fff; background-color:#f8f8f8;}
.table th:last-child{ border-right: 1px solid #dddddd;}
.table td{ height: 40px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}

.table_bar{ line-height: 40px; border-top:1px solid #DDDDDD;}
.table_bar .btn{ height: 28px; line-height: 28px;}

/* 状态样式 */
.status{ position: relative; top:-5px; padding:7px 12px; font-size: 0;}
.status_danger{ background:#F54D3D;}
.status_warning{ background:#EA9B2A;}
.status_success{ background:#25B1DA;}

/* 字体样式 */
.text_danger{ color:#F54D3D !important;}
.text_notes{ color:#888888 !important;}
.text_link{ color:#25b1da !important;}
.text_l{ text-align: left !important;}
.text_c{ text-align: center !important;}
.text_r{ text-align: right !important;}
.f12{ font-size: 12px !important;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}

/* 分页样式 */
.page{ padding:40px 0; font-size: 12px; text-align: center;}
.page li{ display: inline-block;}
.page a,.page span{ padding:8px 12px; margin:0 3px; color:#666666; border:1px solid #bbbbbb;}
.page .active span{ color:#fff; border:1px solid #623d08; background:#623d08;}

/* 排序按钮 */
.base_sort{ position: relative; top:1px; display: inline-block; width:6px; height: 12px; background: url(../img/icon/icon_sort.png) no-repeat;}
.base_sort.asc{ background: url(../img/icon/icon_sort_up.png) no-repeat;}
.base_sort.desc{ background: url(../img/icon/icon_sort_down.png) no-repeat;}

/* 地址弹框 */
.layer_address .form_box{ padding:40px 0; font-size: 12px;}
.layer_address .form_box .form_group{ margin-bottom:10px;}
.layer_address .form_box .form_group .title{ display: inline-block; width:140px; height: 32px; line-height: 32px; text-align: right;}
.layer_address .form_box .form_group .form-control{ width:230px;}
body.en .layer_address .form_box .form_group .title{ width:200px;}


/*兼容移动端*/
@media(max-width:1200px){
    body{
        padding:0;
    }
    .header{
        position: relative;
    }
    .header .wrapper{
        width:100%;
    }
    .header-nav{
        padding-left:50px;
    }
}
@media(max-width:1400px){
    .header .wrapper{
        width:1200px;
    }
    .header-nav{
        padding-left: 30px;
    }
    .header-cart{
        padding:35px 30px 0 0
    }
}