/*
 * @fileoverview: Bazaar 通用样式 body + header + footer 
 * @Author: kongpc88@gmail.com 
 * @Date: 2017-09-08 16:34:36 
 * @Last Modified by: pc.kong
 * @Last Modified time: 2018-05-18 09:57:24
 */

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfoot/fonts/iconfont.eot');
    /* IE9*/
    src: url('../fonts/iconfoot/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfoot/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfoot/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfoot/fonts/iconfont.svg#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    margin-right: 8px;
    transform: translateY(3px);
    display: inline-block;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-step4:before {
    content: "\e61b";
}

.icon-step3:before {
    content: "\e61a";
}

.icon-step2:before {
    content: "\e619";
}

.icon-step1:before {
    content: "\e618";
}

.icon-15days:before {
    content: "\e617";
}

.icon-contactus:before {
    content: "\e612";
}

.icon-helpcenter:before {
    content: "\e611";
}

.icon-deliveryinfomation:before {
    content: "\e610";
}

.icon-shape:before {
    content: "\e61f";
}

.icon-shape1:before {
    content: "\e61e";
}

.icon-shape2:before {
    content: "\e61d";
}

.icon-certified:before {
    content: "\e61c";
}


/*potlayer*/

.potlayer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.5) none repeat scroll !important;
    background: #000;
    filter: Alpha(opacity=50);
}

.potlayer-show {
    display: block;
}

.potlayer .potlayer__body {
    position: relative;
    height: 80%;
    margin: 3% auto;
    background-color: #fff;
}

.potlayer .btn-close-potlayer {
    position: absolute;
    right: -20px;
    top: -20px;
    display: block;
    width: 20px;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #e9e9e9;
    color: #4a4a4a;
}

.potlayer .potlayer__confirm {
    position: relative;
    width: 430px;
    padding: 60px 35px 40px 35px;
    margin: 16% auto 0 auto;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 4px #cdcdcd;
}

.potlayer .potlayer__confirm .title {
    margin-bottom: 30px;
    font-family: "DINPro-Medium";
    font-size: 24px;
    line-height: 1.3em;
}

.potlayer .potlayer__confirm .text {
    max-width: 320px;
    margin: 0 auto;
    font-family: "DINPro";
}

.potlayer .potlayer__confirm .btn {
    width: 200px;
    display: block;
    margin-top: 40px;
}

.js-single-btn .btn {
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/*
 * body base style
 */

body {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #4a4a4a;
    /*padding-top: 115px;*/
    top: 0 !important;
}


/* a */

a {
    color: #4a4a4a;
    text-decoration: none;
}


/*ul*/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

input,
button,
select,
textarea {
    outline: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}


/*end reset*/


/*base color*/

.c-ff {
    color: #fff;
}

.c-4a {
    color: #4a4a4a;
}

.c-9e {
    color: #9e9e9e;
}

.c-9d {
    color: #9d9e9e;
}

.c-9c {
    color: #9c9c9c;
}

.c-6c {
    color: #6C6C6C;
}

.c-3c {
    color: #3C3C3C;
}

.c-cc {
    color: #CCCCCC;
}

.c-0d {
    color: #0d926e;
}

.c-10 {
    color: #100f3f;
}

.c-82 {
    color: #828282;
}

.c-83 {
    color: #838383;
}

.c-9b {
    color: #9b9b9b;
}

.c-7b {
    color: #7b7b7b;
}

.c-d0 {
    color: #d0021b;
}

.c-fa {
    color: #f5a656;
}

.c-06 {
    color: #064d3a;
}


/*index v4 主要颜色*/

.c-80 {
    color: #80c059;
}

.c-e2 {
    color: #e23828;
}

.c-36D {
    color: #00936D;
}

.c-000 {
    color: #000000;
}

.c-f9 {
    color: #f96235;
}

.bg-ff {
    background-color: #fff;
}

.bg-0d {
    background-color: #0d926e;
}

.bg-09 {
    background-color: #09694f;
}

.bg-eb {
    background-color: #ebebeb;
}

.bg-4a {
    background-color: #4a4a4a;
}

.bg-f6 {
    background-color: #f6f6f6;
}

.bg-f8 {
    background-color: #f8f8f8;
}

.bg-fa {
    background-color: #fafafa;
}

.bg-fb {
    background-color: #fbfbfb;
}

.bg-f9 {
    background-color: #f9f9f9;
}


/*index v4*/

.bg-ed {
    background-color: #f7f7f7;
}

.bg-69 {
    background-color: #699863;
}

.bg-80 {
    background-color: #80c059;
}

.bg-ee {
    background-color: #136850;
}

.bg-f1 {
    background-color: #f1f1f1;
}


/*common width*/

.com-width {
    width: 1200px;
}

.com-select {
    border: 1px solid #e9e9e9;
}

.w100p {
    width: 100%;
}


/* line */

.top-line {
    border-top: 1px solid #e9e9e9;
}

.bottom-line {
    border-bottom: 1px solid #F1F1F1;
}


/*scrollbar*/

.scroll::-webkit-scrollbar {
    width: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    background: #4a4a4a;
}

.scroll::-webkit-scrollbar-track {
    background-color: #ececec;
}


/*font-family*/


/*ArialRoundedBold*/

.f-arb {
    font-family: "ArialRoundedBold", Helvetica, Arial, sans-serif;
}


/*OpenSans*/

.f-os {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
}

.f-os-l {
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
}

.f-os-li {
    font-family: "OpenSans-LightItalic", Helvetica, Arial, sans-serif;
}

.f-os-b {
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
}

.f-os-bi {
    font-family: "OpenSans-BoldItalic", Helvetica, Arial, sans-serif;
}

.f-os-eb {
    font-family: "OpenSans-ExtraBold", Helvetica, Arial, sans-serif;
}

.f-os-ebi {
    font-family: "OpenSans-ExtraBoldItalic", Helvetica, Arial, sans-serif;
}

.f-os-sb {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
}

.f-os-sbi {
    font-family: "OpenSans-SemiboldItalic", Helvetica, Arial, sans-serif;
}


/*DINPro*/

.f-dp {
    font-family: "DINPro", Helvetica, Arial, sans-serif;
}

.f-dp-l {
    font-family: "DINPro-Light", Helvetica, Arial, sans-serif;
}

.f-dp-m {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
}

.underline {
    text-decoration: underline;
}


/* form */

.com-input {
    padding: 0 10px;
    color: #100f3f;
    border: 2px solid #e0e0e0;
    border-radius: 3px;
}

.select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    color: #4a4a4a;
    border: 1px solid #f1f1f1;
}

.warning {
    font-size: 12px;
    color: #d0021b;
}

.warning-border {
    box-shadow: 0 0 10px #ff495f !important;
}

.remove-line {
    text-decoration: line-through;
}

.btn-confirm {
    width: 250px;
    font-size: 16px;
    line-height: 1.3em;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #0d926e;
    transition: all 0.2s;
    text-transform: uppercase;
    border: 1px solid #007A63;
    box-shadow: inset 0px 1px 0px 0px rgba(58, 168, 138, 0.50);
    border-radius: 2px;
}

.btn-confirm:hover {
    box-shadow: inset 0px 1px 0px 0px rgba(58, 168, 138, 0.50);
    background: #007A63;
}

.btn-default {
    font-size: 16px;
    line-height: 1.3em;
    line-height: 50px;
    text-align: center;
    color: #3c3c3c;
    transition: all 0.2s;
    background: #F9F9F9;
    border: 1px solid #DFDFDF;
    box-shadow: inset 0 1px 0 0 #FFFFFF;
    border-radius: 2px;
}

.btn-default:hover {
    color: #3c3c3c;
    background: #F1F1F1;
}

.btn-light {
    display: block;
    color: #7b7b7b;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
}

.btn-disable {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background: #9C9C9C;
    border: 1px solid #6C6C6C;
    box-shadow: inset 0px 2px 0px 0px rgba(177, 177, 177, 0.5);
    border-radius: 2px;
    cursor: no-drop;
}

.btn-normal {
    display: block;
    text-align: center;
    color: #8ecf6d;
    background-color: #fff;
    outline: 1px solid #8ecf6d;
}

.btn-normal:hover {
    color: #fff;
    background-color: #8ecf6d;
}

/* body {
  padding-top: 60px;
} */
.header-wrap-box {
  margin-top: -60px;
}

/* 按钮 */
.item-list__contnet .content-box .item{position:relative;float:left;width:295px;transition:all 0.5s;background:#FFFFFF;margin:5px 5px 0 0;height:350px;}
.item-list__contnet .content-box .item:nth-child(3n){margin-right:0;}
.item-list__contnet .content-box .item:hover{box-shadow:0 0 20px 5px rgba(0,0,0,0.15);z-index:1;}
.item-list__contnet .content-box .item-img{width:290px;height:221px;object-fit:cover;}
.item-list__contnet .content-box .item-con{font-size:12px;line-height:17px;overflow:hidden;margin:5px 10px 0;height:75px;}
.item-list__contnet .content-box .sale-tip{color:#FF7F15;height:17px;line-height:17px;}
.item-list__contnet .content-box .sale-tip span{vertical-align:middle;text-transform:uppercase;width:230px;display:inline-block;height:17px;overflow:hidden;}
.item-list__contnet .content-box .item-name{max-height:36px;font-size:14px;line-height:18px;overflow:hidden;}
.item-list__contnet .content-box .item-sku{color:#9C9C9C;}
.item-list__contnet .content-box .item-price{margin:0 10px 20px;height:27px;line-height:27px;}
.item-list__contnet .content-box .item-dis-price{text-decoration:line-through;}
.item-list__contnet .content-box .btn-add-basket{display:block;line-height:48px;width:273px;text-align:center;font-size:14px;color:#fff;background:#00946C;border:1px solid #007A63;box-shadow:inset 0 1px 0 0 #33A98A;border-radius:2px;position:absolute;bottom:10px;left:10px;z-index:1;}
.item-list__contnet .content-box .btn-add-basket:hover{box-shadow:inset 0px 1px 0px 0px rgba(58, 168, 138,0.50);background:#007A63;}
.item-list__contnet .content-box .btn-disable{line-height: 50px; width: 275px; position: absolute; bottom: 10px; left: 9px; z-index: 1;}

/* error style */
#errorPage .mh{min-height:600px;background:#fff;}
#errorPage .error-img{display:block;margin:0 auto;padding:100px 0 10px;}
#errorPage .tip{text-align:center;font-size:16px;color:#3C3C3C;}
#errorPage .tip a{color:#00936D;}
#errorPage .error-img {
  display: block;
  margin: 0 auto;
  padding: 100px 0 10px;}