/* @file  main.css
* @description  seeed.cc public style
* @author seeed-int 2015-12-04
*/

/*
 * font face
 */

/*ArialRoundedBold*/
@font-face {
    font-family: "ArialRoundedBold";
    src: url("../fonts/Arial_Rounded_Bold.ttf");
}

/*OpenSans*/
@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf");
}

/*OpenSans-Light*/
@font-face {
    font-family: "OpenSans-Light";
    src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
    font-family: "OpenSans-LightItalic";
    src: url("../fonts/OpenSans-LightItalic.ttf");
}

/*OpenSans-Bold*/
@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: "OpenSans-BoldItalic";
    src: url("../fonts/OpenSans-BoldItalic.ttf");
}

/*OpenSans-ExtraBold*/
@font-face {
    font-family: "OpenSans-ExtraBold";
    src: url("../fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
    font-family: "OpenSans-ExtraBoldItalic";
    src: url("../fonts/OpenSans-ExtraBoldItalic.ttf");
}

/*OpenSans-ExtraBold*/
@font-face {
    font-family: "OpenSans-Semibold";
    src: url("../fonts/OpenSans-Semibold.ttf");
}
@font-face {
    font-family: "OpenSans-SemiboldItalic";
    src: url("../fonts/OpenSans-SemiboldItalic.ttf");
}

/*DINPro*/
@font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro-Regular.ttf");
}

/*DINPro-Light*/
@font-face {
    font-family: "DINPro-Light";
    src: url("../fonts/DINPro-Light.ttf");
}

/*DIN-Black*/
@font-face {
    font-family: "DIN-Black";
    src: url("../fonts/DIN-Black.otf");
}

/*DINPro-Medium*/
@font-face {
    font-family: "DINPro-Medium";
    src: url("../fonts/DINPro-Medium.ttf");
}

/*Futura-LT-Condensed-Medium*/
@font-face {
    font-family: "Futura-LT-Condensed-Medium";
    src: url("../fonts/Futura-LT-Condensed-Medium.ttf");
}
/*Futura-Medium*/
@font-face {
    font-family: "Futura-LT-Medium";
    src: url("../fonts/Futura-LT-Medium.ttf");
}

/*FuturaStd-Book*/
@font-face {
    font-family: "FuturaStd-Book";
    src: url("../fonts/FuturaStd-Book.otf");
}

@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- */
}

@font-face {
    font-family: "Apercu-Bold";
    src: url("../fonts/Apercu Bold.otf");
} 

@font-face {
    font-family: "Apercu";
    src: url("../fonts/Apercu Light.otf");
} 

@font-face {
    font-family: "Apercu-BoldItalic";
    src: url("../fonts/Apercu Bold Italic.otf");
} 
@font-face { 
    font-family: "Apercu-Medium";
    src: url("../fonts/Apercu Medium.otf");
} 
@font-face { 
    font-family: "ProximaSansMedium";
    src: url("../fonts/ProximaSansMedium.ttf");
} 
.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;
}
.loading-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: 20px 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; */
    max-width: 335px;
    margin: 0 auto;
    font-family: "DINPro";
}
.potlayer .potlayer__confirm .btn {
    width: 200px;
    display: block;
    margin-top: 40px;
}

.potlayer .potlayer__confirm .btn-wire {
    width: 400px;
    display: block;
    margin-top: 40px;
}
.js-single-btn .btn {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/*
 * body base style
 */
/*start reset */

/*body*/
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-pcb { width: 1300px;}
.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;
}


/*common-upload*/
.com-img-uploader {
    width: 100%;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}
.com-img-uploader .file-item {
    float: left;
    margin: 10px;
}
.com-img-uploader .file-item img {
    max-width: 100px;
    max-height: 100px;
}
.com-img-uploader .file-item .info {
    max-width: 100px;
    max-height: 32px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    word-break: break-all;
}
.com-img-uploader .file-item .error { font-size: 12px;}

/*back-to-top*/
.back-to-top {
    position: fixed;
    display: none;
    right: 100px;
    bottom: 50px;
    width: 40px;
    z-index: 99;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #dfdfdf;
    transition: all 0.5s;
}
.back-to-top:hover {
    background-color: #0d926e;
}

.ico {
    background-image: url(../img/ico.png);
    background-repeat: no-repeat;
}

/*
 * header style 2015-12-05 ver1.0
*/
/*
.header--outer { width: 100%; background-color: #100f3f;}
.header--body { line-height: 90px; background-color: #100f3f;}
.header--body__logo {
    position: relative;
    top: 10px;
    line-height: 90px;
    margin: 0 50px;
}
.header--body__nav .item {
    float: left;
    padding: 0 20px;
    font-family: "ArialRoundedBold", Helvetica, Arial, sans-serif;
    color: #fff;
}
.header--body__nav .item:hover {
    background-color: #292852;
}
.header--body__nav .height-light { color:#7ed321; }
.header--body__user a { display: inline-block; padding: 0 10px;}
.header--body__user a:hover { background-color: #292852;}
.header--body__user .ico { color: #b6b6c3;}
 */

/*
 * header style 2015-12-05 ver2.0
 */
/*.header { width: 100%;}
.header__login-ba--outer { line-height: 25px;}
.header__login-bar-body .currency-list {
    display: none;
    top: 35px;
    left: -25px;
    z-index: 1;
    width: 70px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.header__login-bar-body .currency-list .arr-top {
    position: absolute;
    top: -6px;
    left: 38px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    transform: rotate(45deg);
    background-color: #fff;
}
.header__login-bar-body .currency-list li {
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}
.header__login-bar-body .currency-list .last { border: none;}
.header__login-bar-body .user-bar .item {
    display: inline-block;
}
.header__login-bar-body .user-bar .item:hover { text-decoration: underline;}
.header__search-bar {
    line-height: 80px;
}
.header__search-bar .right-bar { top: 10px;}
.header__search-bar .search-input { top: 23px;}
.header__search-bar .search-input input{
    width: 180px;
    padding: 0 10px;
    line-height: 35px;
    color: #9c9c9c;
    background-color: #f6f6f6;
    border-radius: 5px 0 0 5px;
    border: none;
}
.header__search-bar .search-btn {
    display: inline-block;
    width: 40px;
    line-height: 35px;
    color: #fff;
    border-radius: 0 5px 5px 0;
}
.header__search-bar .ico-bag {
    top: 7px;
    display: inline-block;
    width: 18px;
    height: 23px;
    background: url(../img/bag.svg) 0 0 no-repeat;
}
.header__nav--body { line-height: 50px;}
.header__nav--body .item {
    display: inline-block;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    padding: 0 20px;
    color: #fff;
}
.header__nav--body .item:hover { color: #f6f6f6;}
.header__nav--body .height-light { color: #7ed321;}
.header__nav--body .height-light:hover { color: #6fbf17;}
.second-nav {
    background-color: #f6f6f6;
    line-height: 56px;
}
.second-nav .item {
    padding: 0 25px;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #0b775a;
    border-right: 1px solid #dedede;
}
.second-nav .height-light { color: #1b1947; border: none;}*/

/*
 * header style 2016-01-09 ver3.0
 */
/*header 顶部提示*/
.header-top-tips {
    display: block;
    color: #fff;
    line-height: 40px;
     /*height: 60px;*/
}
.header {
   /* position: fixed; */
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    /*box-shadow: 0 2px 4px 0px rgba(0,0,0,0.10);*/
}
.state-logo { width: 200px;}
.nav-shadow { box-shadow: 0 1px 1px #efefef;}
.main-nav { height: 60px; background-color: #fff;}
.main-nav .item {
    padding: 0 32px;
    font-size: 14px;
    color: #3C3C3C;
    /*text-transform: uppercase;*/
    font-weight: bold;
    border-top: 3px solid transparent;
/*    border-left: 1px solid #f6f6f6;*/
    transition: color 0.2s;
}
/*.main-nav .item:hover { color: #000; background: #fafafa; border-top: 3px solid #0d926e;}*/
.main-nav .item:hover { color: #979898;}
/*.main-nav .active { color: #4a4a4a; background-color: #fafafa; border-top: 3px solid #0d926e;}*/
.main-nav .active { color: #979898;}
/*.main-nav .last { border-right: 1px solid #f6f6f6;}*/
/*.user .op { display: inline-block; padding: 0 15px; color: #b1b1b1; border-top: 3px solid transparent;}
.user .op:hover { background-color: #fafafa;}*/
/*header style edit by pc @2016-03-30 */
/*.head-account { padding: 3px 8px 0 8px; color:#515151; }*/
/*.head-account a { display: inline-block; padding: 0 2px; color: #515151;}*/
.user-act { line-height: 57px;font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;}
.user {  z-index: 9; background-color: #fff; margin-top: 10px;}
.user .header-login {
    margin-top: 8px;
    margin-right: 10px;
}
.user .header-login a {
    padding: 0 10px;
}
.user-fixed {
    position: fixed;
    top: 2px;
    z-index: 11;
    margin-top: 0px;
}
.user-detail .user-ico {
    top: 8px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background-position: -127px 0;
}
.user-detail .user-avatar {
    padding: 6px 10px;
    background-color: #fff;
    z-index: 13;
    vertical-align: middle;
    display: inline-block;
}
.user-detail .user-avatar img{
	display: inline-block;
    margin-right: 5px;
}
.user-detail:hover .user-avatar {
    box-shadow: 0 0 5px #9f9f9f;
}
.user-detail:hover .white-taps { display: block;}
.user-detail .user-list {
    display: none;
    top: 38px;
    right: 0;
    width: 220px;
    background-color: #fff;
    box-shadow: 0 0 5px #9f9f9f;
    z-index: 12
}
.user-detail .user-list a { display: block; text-align: center; line-height: 45px;}
.user-detail .user-list a:hover { background-color: #f5f5f5;}
/*占位栏目，用于遮住box-shadow*/
.user .white-taps { display: none; width: 100%; height: 8px; background-color: #fff; bottom: -4px; z-index: 10;left: 0;}
/*购物车图标*/
.header-cart-btn {
    /*top: 9px;*/
    padding: 6px 10px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    z-index: 14;
}
.header-cart-btn img{
	display: inline-block;
    margin-right: 8px;
}
.header-cart:hover .header-cart-btn {
    box-shadow: 0 0 5px #9f9f9f;
}
.header-cart:hover .white-taps { display: block;}
.header-cart-btn  .cart-count { top: -7px;}
.btn-cart { display: inline-block; width: 22px; margin-right: 8px; height: 22px; background-position: -105px 0;}
.header-cart-detail {
    display: none;
    top: 38px;
    right: 0;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 0 5px #9f9f9f;
    z-index: 13;
}
.header-cart-list {
	/*max-height: 392px;*/
    overflow: hidden;
}
.header-cart-list li {padding: 20px;min-height: 35px;clear:both; line-height: 15px; border-bottom: 1px dotted #e6e6e6;}
.header-cart-list li a {
    font-size:12px;
}
.header-cart-list li:hover { background-color: #f5f5f5;}
.header-cart-list li:last-child { border-bottom: none;}
.header-cart-list .img { width: 50px; margin-right: 15px;}
.header-cart-list .link { display: block; width: 130px; max-height: 45px; overflow: hidden;}
.header-cart-detail .total-bar, .header-cart-detail .empty-bar { 
    line-height: 40px; 
    background-color: #fff; 
    padding:0 20px;
    width: 360px;
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 600;
    
}
.header-cart-detail .empty-bar .empty-text {
    text-align: center;
    display: block;
}
.header-cart-detail .empty-bar .empty-img {
    display: block;
    width:80px;
    margin: 0px auto;
    padding:35px 0px 10px 0px;
}
.header-cart-detail .cartCheckout {
	width: 310px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 6px auto 18px;
    background-color: #0d926e;
    color: #fff;
    font-size: 16px;
     /*font-family: "DINPro","OpenSans semibold",arial,sans-serif;*/
    border-radius: 2px;
    display: none;
    text-transform: uppercase;
}
.header-cart-detail .cartCheckout:hover {
	background-color: #09694f;
}
.header .logo {margin-top: 8px;background: url(//statics3.seeedstudio.com/assets/img/common/logo_horizontal.png) no-repeat;display: block;width: 202px;height: 49px;background-size: contain;text-indent: -9999px;}
.header .logo h1{
	margin: 0;
}
.main-nav .user .head-cart { color: #707070;}
.header-top { padding-top: 131px;}

/*header fusion sale ico*/
.header-sales-ico {
    position: absolute;
    top: 12px;
    right: 14px;
}

.search-act { margin-left: 70px; color:#e3e3e3;}
/*#g-search { width: 560px; padding: 0 30px; border:none;}*/
.search-result {
    display: none;
    left: -1px;
    width: 600px;
    background-color: #fff;
    border:1px #dfdfdf solid;
/*
    border-left: 1px solid #e4e5e5;
    border-right: 1px solid #e4e5e5;
    border-bottom: 1px solid #e4e5e5;
*/
    background-color: #fbfbfb;
    z-index: 3;
}
/*
.search-result:hover {
    border-left: 1px solid #80be59;
    border-right: 1px solid #80be59;
    border-bottom: 1px solid #80be59;
}
*/
.search-result a { display: block; padding: 0 30px;}
.search-result a:hover { background-color: #ebebeb;}
.search-result-active { background-color: #ebebeb;}
.hader-layer {
    top: 0;
    left: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #000;
    opacity: 0.6;
}
.search-close { display: inline-block; padding-right: 30px; color: #e3e3e3;}
/*second-nav */
/*.second-nav-outer {
    position: fixed;
    top: 60px;
    z-index: 4;
    background-color: #f6f6f6;
}
.second-nav { line-height: 55px; background-color: #f6f6f6;}
.second-nav .item {
    position: relative;
    display: inline-block;
    padding: 0 15px 0 30px;
    color: #4a4a4a;
}
.second-nav .item:hover { color: #064D3A;}
.second-nav .item:hover .sn-ico{ transition: all 0.2s; background-image: url('../img/nav_ico_green_23.png');}
.second-nav .item .sn-ico {
    position: absolute;
    top: 15px;
    left: 3px;
    width: 23px;
    height: 23px;
    background-image: url('../img/nav_ico_23.png');
    background-repeat: no-repeat;
    opacity: 0.6;
}
.second-nav .item .sn-01 { background-position: -6px 0;}
.second-nav .item .sn-02 { }
.second-nav .item .sn-03 { background-position: -65px 0;}
.second-nav .item .sn-04 { background-position: -92px 0;}
.second-nav .item .sn-05 { background-position: -122px 0;}
.second-nav .item .sn-06 { background-position: -155px 0;}
.second-nav .item .sn-07 { background-position: -183px 0;}*/

/* shop main nav
 * edit by pc 2016-03-19
 */
.shop-nav-bar {
    line-height: 40px;
    background-color: #fff;
}
.shop-nav-outer {
    background-color: #fff;
    /*border-bottom: 1px solid #DDDEDE;*/
}
#index .shop-nav-outer {background-color: #fff; z-index: 10;}
.js-nav-fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}
.shop-nav .title {
    width: 220px;
    padding-left: 20px;
    line-height: 42px;
    background-color: #00936D;
}
.shop-nav .title .fa{
	margin-right: 23px;
}
.shop-nav-list {
    display: none;
    top: 42px;
    left: 0;
    z-index: 4;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-weight: normal;
	background: #072B21;
}
.shop-nav-list { min-height: 440px;}
.shop-nav-list li { width: 240px;}
/*.shop-nav-list li:hover .fa { display: none;}*/
.shop-nav-list .item .fa{ float: right; margin: 12px 10px;opacity: 0.3;}
.shop-nav-list .item {
    display: block;
    padding-left: 20px;
    color: #fff;
    line-height: 40px;
}
/* 2016-04-01
.nav-item-content {
    display: none;
    top: 0;
    left: 200px;
    height: 380px;
    width: 420px;
    padding: 30px 10px;
    background-color: #fff;
}
.nav-item-content .nav-child-link {
    width: 840px;
    padding: 40px 30px;
    background-color: #fff;
}
.nav-child-link .link-block { line-height: 26px;}
.nav-child-link .link-block .sec-link {
    display: block;
    width: 110px;
    margin-right: 13px;
}
.nav-child-link .thr-link-block {
    width: 700px;
    margin-left: 15px;
}
.nav-child-link .link-block .thr-link {
    padding: 0 8px;
    color: #686688;
    border-left: 1px solid #e6e6e6;
}
.nav-item-content .nav-child-rels {
    padding: 30px 10px;
}
.nav-item-content .nav-child-rels .item { display: block;}
.nav-item-content .nav-child-rels .item img {
    width: 120px;
}
*/
.nav-item-content {
    display: none;
    top: 0;
    left: 240px;
    /*width: 420px;*/
    width: 300px;
    height: 424px;
    padding: 8px 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-face-color: #59ADBB;
    scrollbar-track-color: #FFFFFF;
    scrollbar-3dlight-color: #59ADBB;
    scrollbar-darkshadow-color: #59ADBB;
}

.nav-item-content::-webkit-scrollbar-track-piece {
    background-color:#f5f5f5;
    border-left:1px solid #ffffff;
}
.nav-item-content::-webkit-scrollbar {
    width:6px;
    height:6px;
}
.nav-item-content::-webkit-scrollbar-thumb {
    background-color:#c2c2c2;
    background-clip:padding-box;
    border:1px solid #ccc;
    min-height:28px;
}
.nav-item-content::-webkit-scrollbar-thumb:hover {
    border:1px solid #636363;
    background-color:#ccc;
    cursor: pointer;
}

/*/* 滚动槽 */
.nav-item-content::-webkit-scrollbar-track { 
  -webkit-box-shadow: inset 0 0 6px #ccc;
    box-shadow: inset 0 0 6px #ccc;
    border-radius: 10px;
    background-color: #F5F5F5;
}
/* 滚动条滑块 */
.nav-item-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #ccc;
  box-shadow: inset 0 0 6px #ccc;
  background-color: #555;
}
.nav-item-content::-webkit-scrollbar-thumb:window-inactive {
  background:#ccc;
}
.nav-item-content .nav-child-link {
    width: 100%;
}
.nav-item-content .nav-child-link a {
    float: left;
    /*width: 99px;*/
    padding-left: 25px;
    width: 100%;
    border: 1px solid transparent;
    line-height: 24px;
    color: #3c3c3c;
    /*text-align: center;*/
    margin-top: 14px;
}
.nav-item-content .nav-child-link a:first-child {
    margin-top: 0;
}
.nav-item-content .nav-child-link a:hover {
    color: #00936D;
    /*border: 1px solid #8ecf6d;*/
}
/*关联图片*/
.nav-item-content .nav-child-rels {
    padding: 30px 10px;
}
.nav-item-content .nav-child-rels .item { display: block;}
.nav-item-content .nav-child-rels .item img {
    width: 120px;
}

/*hover态*/
.shop-nav-list .on .item {
    color: #3C3C3C;
    background-color: #fff;
}
.shop-nav-list .on .item .fa{
    opacity: 1;
}
/*.shop-nav-list .item:hover .fa { color: #3C3C3C;}*/
.shop-nav-list .btn-more {
    display: block;
    width: 240px;
    color: #ffffff;
    line-height: 40px;
    cursor: pointer
}
.search-bar {
    width: 600px;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    /*border-left: 1px solid #80be59;*/
}
/*.search-bar:hover, .search-bar:hover .fa { border-color: #9e9e9e;}*/
.search-input { width: 526px; border: none; outline: none;color:#333;font-size: 14px;}
.btn-search {
	display: inline-block;
    /* padding: 0px 0px 0 20px; */
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 15px;
}
/*.btn-cart { padding: 5px 10px; border-radius: 5px;}*/



/*
 * footer style
 */
#footer { background: #fff; clear: both; }
#footer a{ font-weight: normal;}
/* footer outer*/
.footer--outer { width: 100%;}

/* footer body*/

/* footer-tips*/
.be-footer{height: 4px;width: 100%;background-color: #f7f7f7;}
.footer__tips--outer { width: 100%; /*background-color: #d6d7d7;*/    border-bottom: 1px solid #f7f7f7;}
.footer__tips {
    display: table;
    flex-flow: row wrap;
    height: 60px;
    line-height: 60px;
}
.footer__tips .rightBorder:after{
	content: '';
	width: 1px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 15px;
	background: #f7f7f7;
}
/*.footer__tips img{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.footer__tips span{
	vertical-align: middle;
}*/
.footer__tips .item {
    width: 33%;
    text-align: center;
    /*border-left: 1px solid #fff;
    border-right: 1px solid #fff;*/
    display: table-cell;
    position: relative;
}
.footer__tips .item:hover { /*background-color: #e3e3e3;*/color: #09694f;}
.footer__tips .item-center {
    border-left: none;
    border-right: none;
}
.footer__tips .ico {
    position: relative;
    top: 12px;
    display: inline-block;
    margin-right: 10px;
    width: 28px;
    height: 30px;
    background-image: url(../img/ico.png);
    background-repeat: no-repeat;
}
.footer__tips .ico-1 { width: 35px; background-position: 0 0;}
.footer__tips .ico-2 { background-position: -40px 0;}
.footer__tips .ico-3 { background-position: -78px 0;}

/* footer info*/
.footer--info {
    display: table;
    padding: 40px 0;
}
.footer--info .block {
    display: table-cell;
    line-height: 28px;
    padding-left: 60px;
}
.footer--info .block .last-block {
    border-right: 1px solid #f7f7f7;
}
.footer--info .block a { color: #9e9e9e; display: inline-block;}
.footer--info .block a:hover { color: #3c3c3c;}
.footer--info .title { color: #00936D; font-size: 16px;}
.footer--info .search { flex: 1.3;}
.footer--info .sign-text { width: 300px;line-height: 20px;}
.footer--info .sign { margin: 10px 0 20px 0;}
.footer--info .sign-input {
    width: 240px;
    padding: 0 8px;
    color: #333;
    height: 30px;
    border: 1px solid #B5B7B6;
    height: 40px;
    line-height: 40px;
}
.footer--info .btn-sign {
    color: #fff;
    line-height: 42px;
    display: inline-block;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background: #00936D;
    text-align: center;
    font-size: 12px;
}
.footer--info .sns__ico {
    margin-right: 10px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
.footer--info .foot-sns-li {
    display: table-cell;
}
.footer--info .social a{
	color: #fff;
}
.footer--info .social a:hover{
	color: #fff;
}
.footer--info .sns--google-plus {
    background: #FF3523;
}
.footer--info .sns--google-plus:hover {
    background: #CC2A1C ;
}
.footer--info .sns--instagram {
    background: #205A83;
}
.footer--info .sns--youtube {
    background-color: #e62117;
}
.footer--info .sns--instagram:hover {
    background: #194868;
}
.footer--info .sns--facebook {
    background: #3B599C;
}
.footer--info .sns--facebook:hover {
    background: #253863;
}
.footer--info .sns--twitter {
    background: #00B1EA;
}
.footer--info .sns--twitter:hover {
    background: #008DBB;
}
/* footer copyright*/
.footer--copyright {
	line-height: 50px;
    color: #9C9C9C;
    height: 50px;
    background: #f7f7f7;
    width: 100%;
}
.footer-list {
    width: 350px;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    left: 15px;
}
.footer-list li a {
    color: #9c9c9c;
}
.footer-list .site-map {
    margin-right: 95px;
}

/*支付方式*/
.footer--payment-list {
    color: #9e9e9e;
    line-height: 50px;
    border-top: 1px solid #f7f7f7;
}
/*.footer--payment-list .com-width {
    padding: 0 118px;
}*/
.footer--payment-list .title {
    padding-left: 60px;
}
.footer--payment-list .item, .footer--copyright .item {
    float: left;
    /*margin-right: 10px;*/
    /*margin-top: 15px;*/
    /*width: 80px;*/
    height: 20px;
}
.footer--payment-list .paypal, .footer--copyright .paypal{
    /*width: 70px;*/
    margin: 16px 4px 0 5px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_paypal.svg') 0 0 no-repeat;*/
}
.footer--payment-list .paypal img, .footer--copyright .paypal img { width: 60px;}
.footer--payment-list .visa, .footer--copyright .visa {
    margin-top: 15px;
    margin-right: 8px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_visa.svg') 0 0 no-repeat;*/
}
.footer--payment-list .visa img, .footer--copyright .visa img { width: 45px;}
.footer--payment-list .mastercard, .footer--copyright .mastercard {
    /*width: 40px;*/
    margin-top: 16px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_mastercard.svg') 0 0 no-repeat;*/
}
.footer--payment-list .mastercard img, .footer--copyright .mastercard img { width: 25px;}
.footer--payment-list .macfee { width: 120px;}
.footer--payment-list .macfee img {
    width: 70px;
    margin-top: 12px;
    margin-left: 20px;
}
.footer--copyright .macfee {
	margin-top: 17px;
    margin-left: 10px;
    margin-right: 20px;
}
.footer--copyright .macfee img {
    width: 45px;
}
.footer--copyright .select-con{
	display: inline-block;
	background: #FFFFFF;
	border-radius: 2px;
	width: auto;
	font-size: 12px;
	border: 1px solid #DFDFDF;
	color: #3C3C3C;
	height: 35px;
	line-height: 35px;
    /*padding-left: 10px;*/
    margin-top: 6px;
    min-width: 103px;
}
/*.footer--copyright .borderTrans{
	border: 1px solid #DFDFDF;
}*/
/*显示所有组合*/
.show-all-comb { margin-top: 40px; border-top: 1px dotted #f5f5f5;}
.show-all-comb .btn {
    width: 290px;
    margin-top: -20px;
}

/*
 * seo 新增配置推荐分类
 */
#footer .about_search {
  width: 100%;
  background: #f9f9f9;
}
#footer .about_search .pop_title {
  font-size: 16px;
  color: #6C6C6C;
  padding: 30px 0px 10px 0px;
  margin: 0px;
  text-transform: uppercase;
}
#footer .about_search .pop_search li {
  display: inline-block;
  margin: 0 5px 5px 0;
  height: 25px;
}
#footer .about_search .pop_search li a {
    background: #f1f1f1;
    /* border: 1px solid #DFDFDF; */
    border-radius: 2px;
    font-size: 12px;
    color: #9c9c9c;
    padding: 5px 10px;
    line-height: 20px;
}
#footer .about_search .pop_search li a:hover {
  color: #3c3c3c;
}





/*
 * item detail 商品详情 ver1.0
 */
/*.item-detail {
    display: flex;
    flex-flow: nowrap;
    min-height: 600px;
}


.item-detail--content {
    flex: 2;
    padding: 0 20px;
    border-right: 1px solid #e9e9e9;
}

.item-detail--content__slides .thumb-list {
    width: 610px;
    margin: 10px auto 50px auto;
}
.item-detail--content__slides .thumb-list .arr {
    position: relative;
    top: 8px;
    padding: 20px;
    font-size: 18px;
    color: #d2d2d2;
    cursor: pointer;
}

.item-detail--content__slides .big-img {
    max-width: 100%;
    min-height: 480px;
}

.item-detail--content__slides .thumb-list__box li {
    float: left;
}

.item-detail--content__slides .thumb-list__box .item {
    width: 80px;
    height: 80px;
    margin: 0 10px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
}

.item-detail--content__description .block { padding-bottom: 80px;}

.item-detail--content__description h3 {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 26px;
    line-height: 1.3em;
    color: #0d926e;
}

.item-detail--content__description .img {
    display: block;
    max-width: 100%;
} */
.cate-bg{
	background: #F9F9F9;
}
.cate-line{
	height: 1px;
	width: 100%;
	opacity: 0.5;
	background: #DFDFDF;
}
#breadcrumb {
    margin: 0 auto 10px;
    color: #9c9c9c;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding-top: 20px;
}
#breadcrumb .bread-a{color: #3C3C3C;display: inline-block;}
#breadcrumb .bread-a:hover { color: #4a4a4a;}
#breadcrumb .line { padding: 0 10px; color: #ccc;    display: inline-block;}
#breadcrumb h1 {
	color: #9c9c9c;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    margin: 0;
    display: inline-block;
    font-weight: normal;
}


/*建立通用表单样式*/
.table {
    width: 100%;
    margin: 1em 0;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
}
.table td {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

/* side */
.item-detail--side {
    flex: 1;
    padding: 0 20px;
}

/* 分类说明 */
.cage-des{
	max-height: 280px;
	overflow-y: scroll;
	margin-top: 5px;
	line-height: 20px;
}

.item-detail--side .title {
    font-family: "DINPro", Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 1.3em;
}

.item-detail--side .price {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 1.3em;
    color: #100f3f;
}

.item-detail--side .sale {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    line-height: 1.3em;
}

.item-detail--side .save-offer { color: #d0021b; line-height: 0.9em;}
.item-detail--side .save-offer .label {
    padding: 5px 10px;
    background-color: #d0021b;
    margin-right: 15px;
    line-height: 4em;
}
.item-detail--side .quantity {
    margin: 20px 0 10px 0;
    color: #100f3f;
    line-height: 1.4em;
}
.item-detail--side .quantity .quantity-num {
    width: 70px;
    height: 40px;
    margin: 0 15px;
}
.item-detail--side .quantity .stock {
    color: #9b9b9b;
}
.item-detail--side .shipment {
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    margin: 20px 0;
}
.item-detail--side .btn {
    width: 100%;
    padding: 0;
    margin: 15px 0;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 50px;
    border: 2px solid transparent;
}
/*.item-detail--side .btn:hover { color: #fff;}*/
.item-detail--side .but-it-now {
    border: 2px solid #100f3f;
}
.item-detail--side .sale-right-title {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    padding: 30px 0;
}
.item-detail--side .sale-right-link {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 30px 0;
    line-height: 1.3em;
    text-decoration: underline;
}
.item-detail--side .fixed-block {
    position: fixed;
    top: 20px;
    width: 373px;
    height: 688px;
}
.item-detail--side .absolute-block {
    position: absolute;
    bottom: 100px;
    width: 373px;
    height: 688px;
}

/*
 * item list
 */
.item-list__filters {
    width: 295px;
    margin-right: 10px;
}
.item-list__filters .block {
	padding: 20px;
	background: #FFFFFF;
	line-height: 19px;
	font-size: 14px;
	color: #3C3C3C;
}
.item-list__filters .js-slide { right: 0;}
.item-list__filters .title {
    padding-bottom: 5px;
}
.item-list__filters .title .js-slide,.item-list__filters .title .js-clear{
	cursor: pointer;
}
.item-list__filters .title span{
	vertical-align: middle;
}
.item-list__filters .title .slide-icon{
    transition: all 0.6s;
}
.item-list__filters .title .active-icon{
    transform: rotate(180deg)translateY(-1px);
    -webkit-transform: rotate(180deg)translateY(-1px);
    -ms-transform: rotate(180deg)translateY(-1px);
    -o-transform: rotate(180deg)translateY(-1px);
    -moz-transform: rotate(180deg)translateY(-1px);
}
/*.item-list__filters .choice-list { max-height: 250px; overflow: auto;}*/
.item-list__filters .choice-list li,.item-list__filters .choice-list-series li {
    margin: 13px 0;
    cursor: pointer;
}
.item-list__filters .choice-list li:last-child,.item-list__filters .choice-list-series li:last-child {
    /*padding-bottom: 20px;*/
    margin-bottom: 0;
}
.item-list__filters .choice-list .checked,.item-list__filters .choice-list-series .checked { font-weight: bold;}
/*.item-list__filters .check-ico,*/
.billing .check-ico {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border: 1px solid #4a4a4a;
    cursor: pointer;
}
/*.item-list__filters .choice-list .checked {
    background-color: #4a4a4a;
}*/
.item-list__filters .price {
    width: 80px;
    height: 40px;
    font-size: 14px;
    border-width: 1px;
}
.item-list__filters .apply {
    display: block;
    padding-left: 20px;
    line-height: 45px;
    border-radius: 40px;
}
/*.item-list__filters .price-block { display: none;}*/
/*不可用状态*
.item-list__filters .not-apply { cursor: default; background-color: #a9a9a9; }
/*.item-list__filters .apply:hover { background-color: #000;}*/
.item-list__filters .apply .ico-arr { top: 12px; right: 20px;}

/* 对应内容*/
.item-list__contnet {
    width: 895px;
    /*padding: 0 20px;*/
   /* border-left: 1px solid #f5f5f5;*/
}
/*轮播图片*/
#carousel-box {
    height: 300px;
}
.carousel .arr {
    position: absolute;
    display: block;
    z-index: 3;
    top: 130px;
    width: 60px;
    line-height: 60px;
    color: #4a4a4a;
    font-size: 35px;
    text-align: center;
    background-color: rgba(156,156,156,0.25);
    opacity: 0.3;
    cursor: pointer;
}
.carousel .arr:hover {
    background-color: rgba(156,156,156,0.5);
}
.carousel .arr-left { left: 10px;}
.carousel .arr-right { right: 10px;}
.carousel .pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 3;
    text-align: center;
}
.carousel .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
    z-index: 3;
    border: 2px solid rgba(0,0,0,0.3);
}
.carousel .swiper-active-switch { 
    background-color: rgba(255,255,255,0.8);
}

/*.item-list__contnet .select-box select {
    width: 180px;
    padding: 7px;
}*/
.item-list__contnet .select-box .over-all-bg{
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFFFFF;
	z-index: 10;
	opacity: 0;
}
.item-list__contnet .select-box .sele-con {
    padding: 8px 0 8px 20px;
    line-height: 18px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    width: 158px;
	font-size: 13px;
	color: #3C3C3C;
	position: relative;
	cursor: pointer;
}
.item-list__contnet .select-box .sele-con:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    background: url('../img/searchpage/triangle2.svg') no-repeat;
}
.item-list__contnet .select-box .boractive{
    border: 1px solid #9C9C9C;
}
.item-list__contnet .select-box .sele-con:after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    background: url('../img/searchpage/triangle2.svg') no-repeat;
}
.item-list__contnet .select-box .s-select{
	top: 42px;
	left: 0;
	width: 180px;
	z-index: 2;
	line-height: 36px;
	font-size: 12px;
	color: #3C3C3C;
	background: #FFFFFF;
	box-shadow: 0 0 8px 1px rgba(156,156,156,0.50);
	z-index: 11;
}
.item-list__contnet .select-box .s-select div{
	padding-left: 20px;
	cursor: pointer;
}
.item-list__contnet .select-box .s-select div:hover{
	background: #F1F1F1;
}
.item-list__contnet .select-box .s-select .active{
	background: #F1F1F1;
}
/* paging 分页 全站通用 */
.paging {
    color: #b7b7b7;
    border-left: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    background: #FFFFFF;
}
.paging .page-item,
.paging .page-limit,
.paging .page-prev,
.paging .page-next {
    float: left;
    width: 36px;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #F1F1F1;
}
.paging .page-limit{
	cursor: default;
}
.paging .page-on{
    background: #00936D;
	/*border: 1px solid #F1F1F1;*/
	color: #FFFFFF;
}
.paging .page-item:hover,
.paging .page-prev:hover,
.paging .page-next:hover {
    background: #F1F1F1;
}
.paging .page-on:hover{
    background: #00936D;
}
.item-list__contnet .select-box + .paging{
	margin: 11px 10px;
}
/* 内容框 */
/*.item-list__contnet .content-box { min-height: 850px;}*/
.item-list__contnet .content-box .item {
    position: relative;
    float: left;
    width: 295px;
    /*padding: 20px 18px 30px 18px;*/
    transition: all 0.5s;
    /*border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;*/
    background: #FFFFFF;
    margin: 5px 5px 0 0;
    height: 350px;
}
.item-list__contnet .content-box .sw-item {
	position: relative;
    float: left;
    width: 295px;
    background: #FFFFFF;
    height: 360px;
}
.item-list__contnet .content-box .item:nth-child(3n) {
    margin-right: 0;
}
.nocate .content-box .item {
    margin-right: 6.5px !important;
}
.nocate .content-box .item:nth-child(4n) {
    margin-right: 0 !important;
}
.item-list__contnet .content-box .item .js-add-scc { bottom: 5px;}
.item-list__contnet .content-box .item:hover {
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.15);
	/*transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -moz-transform: translateY(-3px);*/
    z-index: 1;
}
.item-list__contnet .content-box .item-fba-icon{
	display: block;
    top: 10px;
    left: 10px;
}
.item-list__contnet .content-box .item-fba-icon img{
	width: 43px;
}
.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;
    /*text-transform: uppercase;*/
    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 .pro-star {
	color: #FF7F15;
}
.item-list__contnet .content-box .pro-star-dis {
	color: #9C9C9C;
}
.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;
}
/* settlement style 结算页面样式
 * @date     2014-12-10
 * @author   PC<pengcheng.kong@seeed.cc>
*/
#settlement { padding: 0 50px; width: 1100px;}
/* header*/
.settlement__header { padding-top: 50px;}
.logo-link {
    display: block;
    width: 200px;
    height: 70px;
}

/*info*/
.settlement__content .info { width: 740px; padding-bottom: 50px;}
.settlement__content .card { position: relative;}
.settlement__content .card .title {
    padding: 20px 0;
    font-size: 20px;
    line-height: 1.3em;
    border-top: 1px solid #979797;
    cursor: pointer;
}
.settlement__content .card .arr {
    top: 8px;
    right: 0;
    display: block;
    padding: 10px;
    color: #cdcdcd;
    cursor: pointer;
}
.settlement__content .card .box { padding: 0 20px;}
.card .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
    background:rgba(204,204,204,0.1) none repeat scroll !important;   /**/
    background-color: #cccccc;
    filter:Alpha(opacity=90);
}
/*.card .mask .loading { margin-top: 5%;}*/
.card .mask .fa { font-size: 50px; color: #e6e6e6;}

/**/
.com-group-input { margin-bottom: 10px;}
.com-group-input .label { line-height: 12px; margin: 14px 0;cursor: pointer; }
.com-group-input .input {
    padding: 0 10px;
    line-height: 40px;
    border: 1px solid #cccccc;
    height: 40px;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.10);
    border-radius: 2px;
}
.com-option { border: 1px solid #f6f6f6; padding: 15px;}
.com-option:hover { background-color: #fbfbfb;}
.card .input {
    width: 300px;
}
.card .user-address .input {
    width: 96%;
}
.card .user-country .com-group-input {
    float: left;
}
.card .sm-input { width: 130px;}
.card .btn-save {
    display: block;
    width: 250px;
    margin: 40px 0;
    line-height: 50px;
}
.card .express-ico {
    top: 0;
    right: 0;
    width: 45px;
    height: 20px;
    border: 1px solid #b8b8b8;
}
.card .express-ico img { width: 45px;}
.card .express-lsit .com-option {
    width: 300px;
    float: left;
    margin-bottom: 20px;
    cursor: pointer;
}
/*radio*/
.card .express-list .check { color: #d1d1d1;}
.card .express-lsit .name { margin: 10px 0;}
.card .express-list .content { line-height: 1.6em; min-height: 60px;}
.card .express-list .btn-save { margin-top: 10px;}
.card .express-list .ntd { margin-right: 20px;}
/*payment-type*/
.payment-type .com-option {
    float: left;
    width: 300px;
    cursor: pointer;
    border-color: transparent;
}
.payment-type .com-option:hover,
.payment-type .checked { border: 1px solid #f6f6f6; background-color: #fbfbfb;}
.payment-ico { top: 0; right: 0;}


/*billing-address*/
.billing .same-shipping { line-height: 1.4em;}
.billing .com-group-input { float: left;}
.billing .address { width: 100%;}
.billing .lg-input { width: 93%;}

/*my-address*/
.my-address .com-option { margin-bottom: 30px; cursor: pointer;}
.my-address p { margin: 10px 0;}
.my-address .select-address { margin-right: 6px;}
.my-address .act { margin-top: 20px; color: #9b9b9b;}
.my-address .act a { display: inline-block; color: #9b9b9b; text-decoration: underline;}
.my-address .btn-add-new-address { display: inline-block;  text-decoration: underline;}

/* checkout ver2
 * 2016-03-11 edit by pc
 */
#checkout .com-option { padding: 10px; cursor: pointer;}
#checkout .card { margin-bottom: 20px;}
.checked-ico { display: none;}
.select-on { position: relative; border: 1px solid #0d926e;}
.select-on .checked-ico {
    display: block;
    right: 5px;
    bottom: 5px;
    color: #0d926e;
}
.top-title { padding: 20px 0; border-top: 1px solid #DFDFDF;line-height: 20px;}
.top-title a:hover { color: #9e9e9e;}
#checkout .my-address-2 { padding: 0;}
#checkout .my-address-2 .com-option { position: relative;}
#checkout .my-address-2 .js-option:hover .hover-act { display: block;}
#checkout .address-list { max-height: 400px; overflow: auto;}
#checkout .btn-new-bl-ad {
    display: block;
    margin: 10px 0;
    text-align: center;
    line-height: 60px;
    font-size: 12px;
    color: #4a4a4a;
    background-color: #f7f7f7;
}
.hover-act { display: none; position: absolute; z-index: 1; top: 10px; right: 10px;}
.hover-act a { color: #9e9e9e;}
.hover-act a:hover { text-decoration: underline;}
/*运输方式*/
.shipping-list span { display: inline-block;}
.shipping-list .price { width: 70px;color: #4a4a4a;}
.shipping-list .overweight { width: 443px;color: #9e9e9e;}
.shipping-list .time { width: 300px;}
/*.shipping-list .shipping { margin-left: 100px;}*/
.shipping-list .shipping-ico { display: inline-block; max-width: 30px; margin-right: 10px;}
.shipping-list .com-option { margin-bottom: 10px;}
.shipping-list .overweightdiv{cursor: no-drop;margin-bottom: 10px;padding: 10px;}
/*新增 提供信息 */
/*.card .provide-info {
  width: 696px;
  height: 38px;
  border: 2px solid #FFBB00;
  font-size: 16px;
  padding: 0px 20px 40px 20px;
  background-color: #FFFCF2;
  display: none;
}
.card .provide-info .prompt-desc {
  width: 303px;
  height: 38px;
  display: inline-block;
}
.card .provide-info .b-line {
  display: inline-block;
  width: 1px;
  margin-left: 21px;
  margin-top: 8px;
}
.card .provide-info .b-line a {
    height: 50px;
    border-left: 1px solid #FFBB00;
    display: inline-block;
    margin-left: -1px;
    opacity:0.3;
}*/

.card .provide-info .text-desc {
  display: inline-block;
  margin-left: 40px;
}
.card .provide-info .tip-eori {
  display: none;width: 146px;color: #d0021b;margin-top: 40px;
}


.leave-message {
  margin-top: 15px;
}
.leave-message .desc-list {
  margin-top: 10px;
  width: 738px;
  height: 108px;
  font-size: 14px;
}
.leave-message .title .tip-msg {
  top: 14px;right: 144px;
}
.leave-message .title .tip-msg span {
  width: 146px;color: #d0021b;
}
.leave-message .desc-list textarea {
    border: 1px solid #CCCCCC;
  	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.10);
  	height: 88px;
  	width: 718px;
  	padding: 10px;
  	resize:none;
  	display: inline-block;
  	border-radius: 2px;
}
.card .tips-delivery {
   font-family: "OpenSans", Helvetica, Arial, sans-serif;
   color: #d0021b;
   display: none;
}
.card .tips-address {
   font-family: "OpenSans", Helvetica, Arial, sans-serif;
   color: #9C9C9C;
   /*display: inline-block;*/
}
.card .warning {
   color: #D0021B !important;
   /*display: inline-block;*/
}

/*新增 减免 by longfei */
.shipping-list .com-option .reduction-icon{
   margin-bottom: 4px;
   width:16px;
}
.shipping-list .com-option .discount-text{
   text-decoration:line-through;
   width: 130px;
}

.shipping-list .com-option .tip {
    background-color: #FFFCF2;
    position: absolute;
    width: 238px;
    font-size:12px;
    border: 1px solid #FFBB00;
    padding: 8px 10px 6px 10px;
    top: -70px;
    /*left: -7px;*/
    box-shadow: 0px 0px 4px rgba(143,136,143,0.63);
}
.shipping-list .com-option .tip:after {
    content:'';
    position:absolute;
    border:10px solid transparent;
    border-color: #FFFCF2 transparent transparent transparent;
    top:100%;
    z-index:2;
    left:8px;
    border-left-width: 5px;
    border-right-width: 5px;
}
.shipping-list .com-option .tip .out {
    border:11px solid;
    border-color: #FFBB00 transparent transparent transparent;
    position:absolute;
    top:100%;
    left:7px;
    border-left-width: 6px;
    border-right-width: 6px;
}

.payment-list-2 .com-option {
    float: left;
    width: 335px;
    margin: 0 10px 10px 0;
}
.payment-list-2 .paypal-icon img{
	height: 22px;
	display: inline-block;
}
.payment-list-2 .payment-ico { display: inline-block; margin-left: 10px;}

/*edit by pc @2016-06-23 修改图标*/
.payment-list-2 .payment-ico i {
    display: block;
    background-image: url(../img/checkout_ico.png);
}
.payment-list-2 .payment-ico .ccard  {
    right: 10px;
    top: 12px;
    width: 90px;
    height: 20px;
    background-position: 0 0;
}
.svg-pay-ico {
    /*position: absolute;*/
    margin-top: 6px;
    margin-right: 10px;
    height: 14px;
    float: right;
}
.payment-list-2 .payment-ico .paypal {
    top: 12px;
    right: 10px;
    width: 75px;
    height: 20px;
    background-position: 82px 0;
}
.payment-list-2 .payment-ico .wire {
    right: 10px;
    top: 12px;
    width: 34px;
    height: 18px;
    background-position: 35px 0;
}
.list-title { padding: 10px;}
.credit-card-list { display: none;}
.credit-card-list .com-option { color: #9e9e9e;}
.credit-card-list span { display: inline-block;}
.credit-card-list .card-num { width: 360px;}
.credit-card-list .card-name { width: 210px; text-align: center;}
.credit-card-list .card-date { width: 130px; text-align: center;}
/*最终商品预览*/
.final-review { border: 1px solid #f6f6f6;}
.final-review .item { border-bottom: 1px solid #f2f2f2; padding: 20px 0;}
.final-review .item:last-child { border-bottom: none;}
.final-review .title { line-height: 36px; padding-left: 20px;}
.final-review .review-list { padding: 0 20px;}
.final-review .img { width: 95px; border: 1px solid #f6f6f6;}
.final-review .info { width: 230px; padding: 0 30px 0 0;}
.final-review .quantity { width: 200px;}
/*添加信用卡窗口 edit by pc @2016-04-06*/
#add-credit-card .potlayer__body { width: 500px; height: 400px; padding: 30px 50px 50px 50px;}
/*信用卡填写单*/
.credit-card-form .select { width: 155px;}
/*payment-info*/
.credit-card-form .com-group-input { float: left;}

/* edit by pc
 * 信用卡支付页面
 * @2016-05-07
 */
.creadit-page-wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-top: 150px;
}
.creadit-page-wrap .mcafee-logo {
    position: absolute;
    left: 760px;
    top: 80px;
    width: 80px;
    height: 20px;
    background: url('../img/checkout_ico.png') -135px 0 no-repeat;
}

.creadit-page-logo  {
    position: absolute;
    top: 60px;
    left: 340px;
}
.creadit-page {
/*    width: 100%;*/
    width: 400px;
    padding: 40px;
    border: 1px solid #f1f1f1;
    margin: 0 auto;
}
.creadit-page .btn {
    margin-top: 10px;
    padding: 0;
    border: none;
    cursor: pointer;
}
.creadit-page .title { font-size: 16px;}
.creadit-page .tips {
    font-size: 12px;
    color: #9b9b9b;
}
.creadit-page .loading {
    font-size: 20px;
    margin-left: 20px;
    overflow: auto;
}
.creadit-page .loading-gif {
    float: left;
}
.creadit-page .loading-text {
    width: 200px;
    margin-top: 30px;
    margin-left: 30px;
    font-size: 16px;
    float: left;
    color: #4a4a4a;
}
#braintree-form { display: none;}
#braintree { margin: 20px 0;}
.total-review { width: 250px; float: right; line-height: 36px;}
.total-review .btn-save { display: block; line-height: 50px;}
.guide-box {
    /*width: 760px;
    padding: 0 100px;*/
}
.guide-box .nav {
    top: 40px;
    left: -90px;
}
.guide-box .nav li {
    position: relative; float: left;
    height: 70px;
}
.guide-box .nav .num {
    position: absolute;
    right: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #c9caca;
    border-radius: 50%;
}
.guide-box .nav .title {
    position: absolute;
    right: -55px;
    top: 40px;
}
.guide-box li {
    width: 220px;
}
.guide-box .step-line {
    position: relative;
    top: 15px;
    width: 220px;
    height: 2px;
    background-color: #c9caca;
}
#new-user-guide .guide-box { /*height: 730px;*/}
#new-user-guide .guide-box .box {
    position: relative;
    padding-top: 10px;
    margin-top: 60px;
    border-top: 1px solid #e6e6e6;
}
/*重置表单样式 start*/
#new-user-guide .address-box {
    height: 550px;
}
/*重置最低高度*/
#new-user-guide .address-box .content {
     min-height: 470px;
}
/*next 按钮*/
.guide-box .btn  {
    position: absolute;
    bottom: 0;
    width: 200px;
}
.guide-box .btn-next { right: 0;}
.guide-box .btn-back { left: 0;}
/*当前项*/
.guide-box .nav .on .num,
.guide-box .nav .on .step-line { background-color: #00936d;}
.guide-box .nav .on .title { color: #00936d;}
/*.guide-box .com-option { margin-bottom: 10px;}*/
.guide-box .btn-back-addbook { position: absolute; top: 10px; left: 20px; display: none;}
.box-step-2, .box-step-3, .box-step-2 .content { display: none;}

/*
 * my-address ver2 end
 */

/*右边栏 preview*/
.preview-fixed {
    position: fixed;
    top: 70px;
}
.preview-fixed-order {
    position: fixed;
    top: 20px;
}

.preview-fixed-order + .fusion-china-tip {
    position: fixed;
    top: 500px;
}

.preview {
    width: 288px;
    padding: 20px;
    border: 1px solid #DFDFDF;
    background: #FFFFFF;
    z-index: 2;
}
.preview .sp-style{
	height: 18px;
    line-height: 20px;
    font-size: 13px;
    color: #6C6C6C;
}
.preview .title { /*color: #9e9e9e;line-height: 2.1em;*/ }
.preview .price { color: #3C3C3C;}
.preview .check-tip{
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #9C9C9C;
	padding-bottom: 20px;
}
.preview .price-total-all{
	font-size: 16px;
    color: #3C3C3C;
}
.preview .price-dis { color: #d0021b; }
.preview .total {
	padding: 15px 0 0;
    font-size: 14px;
    color: #6C6C6C;
    height: 20px;
    line-height: 20px;
}
.preview .title-total , .preview .price-total { /*line-height: 1.8em;*/}
.preview .arr-code {
    top: 1px;
    right: 0;
    color: #cdcdcd;
}
.preview .btn-promote-code { margin: 20px 0;}
.preview .promote-code .input { width: 230px;}
.preview .promote-result { right: 0;}
.preview .btn-save { display: block; line-height: 44px;width: 100%;}

/*loading Layer*/
.preview .loading-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 5;
    opacity: .8;
}
.preview .loading-layer  .loading-gif {
    width: 40px;
    margin-top: 75%;
}

.comfirmation-order {
    width: 680px;
    min-height: 750px;
    padding: 5px 40px;
}
.comfirmation-order .content {
    height: 560px;
    padding-right: 20px;
    overflow: auto;
}
.comfirmation-order .comfirm-info { width: 100%;}
.comfirmation-order .comfirm-info .item {
    width: 50%;
}
.comfirmation-order .comfirm-info .title {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    line-height: 1.7em;
    color: #9B9B9B;
}
.comfirmation-order .comfirm-info .address {
    height: 48px;
    overflow: hidden;
    word-break: break-word;
}
.account-block .comfirm-list{
    min-height: 70px;
    border: 1px solid #00936c;
    /* border-top: none; */
}
.comfirm-list { min-height: 70px;}
.account-block .comfirm-list th{
    /*text-align: left;
    padding-left: 20px;*/
}
.account-block .comfirm-list .img img { width: 60px; height: 45px; padding: 15px 20px;object-fit: cover;margin-left: 0;}

.comfirm-list tr { min-height: 100px;}
.account-block .comfirm-list tr {padding: 0}
.comfirm-list .img img { width: 120px; height: 90px; margin-left: 20px;}
.comfirm-list .title {
    /*border-bottom: 1px solid #e9e9e9;*/
}
.account-block .comfirm-list .name{
	line-height: 18px;

}
.comfirm-list .name {
    line-height: 1.2em;
    color: #100f3f;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}
.comfirm-list tr { padding: 0 25px;}
.account-block .comfirm-list .detail{ border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.account-block .comfirm-list .detail2 { border-top: 1px solid #dfdfdf;}
.account-block .comfirm-list .detail td,.account-block .comfirm-list .detail2 td { vertical-align: middle; word-wrap: break-word; word-break: break-all;padding: 0; }
.account-block .comfirm-list .detail .name,.account-block .comfirm-list .detail2 .name{
    width: 620px;
    margin: 10px 0;
}
.account-block .comfirm-list .detail .qty,.account-block .comfirm-list .detail2 .qty{
    width: 130px;
}
.account-block .comfirm-list .detail .pri,.account-block .comfirm-list .detail2 .pri{
    width: 75px;
    padding-right: 20px;
}
.account-block .comfirm-list .detail .pri2{
    padding-right: 20px;
}

.comfirm-list .price{
    /* text-align: right; */
    padding-right:20px;
}




.detail2{
    
}

.col{
    display:flex;
    flex-direction:column;
    width: 120px;
}

.col3{
    width:130px;
}

.col4{
    width:170px;
}
.col5,.col6,.col11,.col13,.col15,.col17{
    width:150px;
}
.col1 .middle,.col8 .middle,.col10 .middle,.col11 .middle,.col13 .middle,.col15 .middle,.col17 .middle{
    text-align: center;
}

.col11 .middle img,.col3 .middle img,.col13 .middle img,.col15 .middle img,.col17 .middle img{
  margin-left: 55px;   
}
.col1 .middle img{
    margin-left: 40px;
}
.col8 .middle img{
    margin-left: 40px;
}
.col10 .middle img{
    margin-left: 40px;
}
.col9{
    width:30px;
}

.left{
    height: 50px;
    text-align: center;
}
.left img{
    margin-left: 55px;
}
.middle{
    height: 100px;
}

.top-border1{
    border-top: 1px dashed #04ba62;
    margin-top:20px;
    /* margin-left: -60px; */
}
.top-border2{
    border-top: 1px dashed #04ba62;
    margin-top:20px;
    /* margin-left: -120px; */
}
.top-border3{
    border-top: 1px dashed #04ba62;
    margin-top:20px;
    /* margin-left: -60px; */
}
.bottom-border-line{
    margin-top: 0px;
}
.right{
    height: 90px;
    text-align: center;
}
.right img{
    margin-left: 55px;
}
.right .status-detail li{
    text-align: left;
}

.pass{
    color: #58C96B;
    opacity: .5;
}
.processing{
    color: #58C96B;
}
.undo{
    color: #C0C0C0;
}
.price-list .right{
    height: 30px;
}
.statusDetailWrap{
    color: #58C96B;
    position: relative;
}
.status-detail{
    position: absolute;
    left: -50%;
    top: 40px;
    background: #fff;
    padding: 10px;
    width: 300px;
    box-shadow: 3px 3px 8px #bbb;
    color: #3c3c3c;
    z-index: 999;
    max-height: 280px;
    overflow-y: auto;
}

.circle {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #58C96B;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 20px;
    cursor: pointer;
}

.detail-text{
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 35px;
}
.circle2:after {
    content: '';
    width: 1px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    border-left: 1px dashed #58C96B;
}
.status-ul{
    list-style-type: disc;
}

.status-ul li{
    min-height: 35px;
    margin-left: 20px;
    font-weight: 600;
}




.account-block .detail-bottom{
    border: 1px solid #DFDFDF;
    border-top: none;
    line-height: 28px;
}
.account-block .detail-bottom .common{
    width: 160px;
    text-align: right;
    color: #3C3C3C;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
}
.account-block .detail-bottom .total{
    font-size: 20px;
    color: #FF3523;
    letter-spacing: 0;
}

.comfirm-list .detail { border-top: 1px solid #e9e9e9;}
.comfirm-list .detail td { padding: 20px 0; vertical-align: top; word-wrap: break-word; word-break: break-all; }

.comfirm-list .detail .img{
    width: 100px;
}
.fus_status {
	font-size: 12px;
    color: #3C3C3C;
    position: relative;
}
.fus_status .fus_status_btn {
    padding: 5px 10px;
    background: #F1F1F1;
    border: 1px solid #DFDFDF;
    border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}
.fus_status .clicked {
	border: 1px solid #00936D;
	background: #ffffff;
	color: #00936D;
}
.comfirmation-order .comfirm-all {
    bottom: 0;
    z-index: 3;
    /*height: 135px;*/
    background-color: #fff;
    /*border-top: 1px solid #e9e9e9;*/
}
.comfirmation-order .comfirm-pay {
    width: 250px;
    display: block;
    line-height: 50px;
}
.comfirmation-order .scroll::-webkit-scrollbar { width:5px;}
.comfirmation-order .scroll::-webkit-scrollbar-thumb{ background: #9e9e9e;}
/*edit by pc @2017-06-12 fusion 订单状态*/
.fusion-sale-status {
    position: relative;
    top: -10px;
    left: 5px;
    font-size: 12px;
    padding: 2px 5px;
    border: 1px solid #3c3c3c;
    border-radius: 2px;
}
.f-status-1 {
    color: #ffab1f;
    border-color: #ffab1f;
}
/*edit by pc @2015-05-11 fusion订单样式*/
.order-fusion-list {
    font-size: 12px;
    color: #7b7b7b;
}
.order-fusion-list li { line-height: 18px;}

/* edit by pc @2016-12-05*/
.fusion_bom_state {
    position: absolute;
    height: 35px;
    top: 18px;
    left: 105px;
    font-size: 12px;
}
.fusion_bom_state .state {
    background: #FFFFFF;
    border: 1px solid #F96235;
    border-radius: 100px;
    line-height: 18px;
    color: #F96235;
    padding: 0 10px;
}
.fusion_bom_state .state_des {
    display: none;
    position: absolute;
    top: 28px;
    width: 320px;
    box-sizing: border-box;
    padding: 15px;
    color: #3c3c3c;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.10);
    border-radius: 2px;
    z-index: 3;
}

/*shopping cart details*/
.poplayer-md { width: 400px;height: auto;padding: 50px;}
/*edit by pc 2015-12-22 */
.cart-detail { width: 790px; padding: 0 40px 0 0;}
.cart-list .info { max-width: 230px; min-height: 90px;}
.comfirm-list .info { max-width: 230px; min-height: 90px;}
.comfirm-list .detail .price { width: 160px; padding-left: 10px;}
.comfirm-list .btn-del{
    position: absolute;
    right: 10px;
    top: 2px;
}


/* 新增减免优惠 by longfei */
.comfirm-list .detail .price .reduction-msg {
    font-size: 12px;
    color: #FF3523;
    cursor: pointer;
    position: absolute;
    padding-left: 5px;
    width: 80px;

}
.comfirm-list .detail .price .summary{
    background: #FFFCF2;
    border: 1px solid #FFBB00;
    border-bottom-color: #fffcf2;
    z-index: 10;
}

.comfirm-list .detail .price .reduction-desc {
    position: absolute;
    top: 25px;
    width: 250px;
    border: 1px solid #FFBB00;
    padding: 5px;
    background: #FFFCF2;
    z-index: 9;
}
.comfirm-list .detail .price .reduction-desc p {
    margin: 0px;
    margin-left: 5px;
}


.cart-list .info .name { height: 40px; overflow: hidden; color: #100f3f;}
.cart-list .item-act { bottom: -15px;}
.cart-list .quantity-num ,.comfirm-list .quantity-num { width: 60px; font-size: 14px; line-height: 30px; border: 1px solid #e9e9e9;}
.cart-list .edit-num { top: -5px;}
.cart-list .edit-num a ,.comfirm-list .edit-num a {
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
}
/*库存不足提示*/
.stock-warning { color: #d0021b;}
.outstock-box tr:first-child { border-top: none;}

/* index style 首页样式
 * @date     2015-12-14
 * @author   PC<pengcheng.kong@seeed.cc>
 *
 * edit by pc 2016-03-19 index.css v3
 *
 */
.carousel-index { width: 1920px; z-index: 1;}
.index-content .carousel .arr { display: none; top: 195px; border-radius: 50%;}
#carousel-index {height: 440px;}
.brand-show .last { border: none;}
/*ver1.0*/
/*
.index-content .item-block .title {
    float: left;
    padding-bottom: 20px;
    margin: 40px 0;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.3em;
    color: #100f3f;
    border-bottom: 6px solid #100f3f;
}
*/
/*ver2.0 配合index.html ver2.0*/
/*.index-content .item-block .title {
    float: left;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #0d926e;
}
.index-content .item-block .item {
    background-color: #fbfbfb;
}
.index-content .item-block .item-f {
    float: left;
    width: 270px;
    height: 340px;
}
.index-content .item-block .item-c {
    width: 270px;
    height: 165px;
}
.index-content .item-block .item-c img { height: 165px;}
.index-content .item-block .item img { max-width: 270px;}
.index-content .item-block .view-all { display: block; line-height: 165px;}*/
/* ver1.0样式 配合index.html ver1.0*/
/*
.index-content .item-block .item {
    float: left;
    background-color: #fff;
}
.index-content .lg-item { width: 344px; border: 1px solid #e9e9e9;}
.index-content .lg-item .info {
    padding: 0 16px;
}
.index-content .lg-item .info .name {
    padding-bottom: 10px;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.3em;
    border-bottom: 2px solid #f6f6f6;
}
.index-content .lg-item .info .dis {
    height: 54px;
    font-size: 14px;
    line-height: 1.3em;
}
.index-content .lg-item .info .btn-shop {
    display: block;
    line-height: 50px;
    border: 2px solid #4a4a4a;
}
.index-content .lg-item .item-pic {
    width: 335px;
    height: 230px;
    margin: 5px;
}
.index-content .ls-item {
    width: 250px;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 60px;
    border-bottom: 2px solid #d8d8d8;
}
.index-content .ls-item .item-pic {
    width: 250px;
    height: 200px;
    border: 1px solid #e9e9e9;
}
.index-content .ls-item .name {
    margin: 10px 0;
    font-size: 18px;
    line-height: 1.3em;
}
.index-content .ls-item .price {
    font-size: 22px;
    line-height: 1.4em;
    color: #0D926E;
}
.index-content .ls-item .sale {
    margin-top: 3px;
    font-size: 12px;
    color: #fff;
    background-color: #d0021b;
    border-radius: 10px;
    padding: 0 10px;
}
*/

/*index brand*/
.index-brand{
	background: #FFFFFF;
	/*height: 150px;*/
}
.index-brand .common{
	display: inline-block;
	width: 200px;
	/*padding: 15px 0;*/
	height: 150px;
	/*text-align: center;*/
	cursor: pointer;
}
/*.index-brand .on{
	background: #FBFBFB;
}*/
/*.index-brand-span{
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}*/
.index-brand-icon{
	display: inline-block;
	/*max-width: 200px;
	max-height: 120px;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-brand-on{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter:url('../img/svg/gray.svg#grayscale');
    filter: gray;
}
/*ver4.0 edit by pc @2016-03-19 */
.item-block { position: relative; margin-bottom: 40px;}
/* 解决首页seo 需求 by longfei @2016-11-30 */
.item-block:last-child{
  margin-bottom: 0px;
}
.item-block .title {
    /*width: 240px;*/
    /*padding-left: 10px;*/
    margin-bottom: 20px;
    /*font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;*/
    /*font-size: 18px;*/
    /*border-left: 2px solid #80c059;*/
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #3C3C3C;
}
/*占位符，无商品时loading*/
.loading-block {
    height: 350px;
    margin-bottom: 40px;
    background-color: #fff;
    text-align: center;
}
.loading-block img { display: inline-block; margin-top: 100px; vertical-align: middle;}
/*商品展示箭头*/
.item-show .arr {
    position: absolute;
    top: 100px;
    display: block;
    padding: 60px 30px;
}
.item-show .arr-left { left: -20px;}
.item-show .arr-right { right: -30px;}
.item-show .block-outer {  overflow: hidden;}
/*定义4个或3个时的容器宽度*/
.item-show .item-3 { width: 897px;}
.item-show .item-4 { width: 1200px;}
.block-container { position: relative; left: 0; width: 1200px;}
/*单个商品*/
.item-show .item {
    display: block;
    float: left;
    width: 291px;
    margin-right: 12px;
    margin-bottom: 12px;
    /*border-radius: 5px;*/
    background-color: #fff;
    transition: all 0.5s;


}
.item-show .item:nth-of-type(4){
  margin-right: 0;
}
.item-show .item:nth-of-type(8){
  margin-right: 0;
}
.item-show .item:nth-of-type(12){
  margin-right: 0;
}

.item-show .item:last-child { margin-right: 0;}
/*.item-show .item:hover { box-shadow: 0 0 6px #9b9b9b;}*/
.item-show .item .img-box {
     width: 291px;
    height: 220px;
    overflow: hidden;
}
.item-show .info { padding-left: 25px;}
/*商品标题*/
.item-show .item .name {
    margin: 10px 0 10px 0;
    color: #4a4a4a;
    font-family: "DINPro", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    height: 32px;
    overflow: hidden;
}
/*商品价格*/
.item-show .item .price { margin-bottom: 10px; font-size: 16px; color: #e23828;}

.item-show .item .count_yes{
    display: none;
}


/**** index count down ****/
.timerDv {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-left: 20px;
    background-image: url('../img/clock.svg');
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.timerDv label,
.timerDv span{ display: inline-block; }
.timerDv label{ margin-right: 10px; }
.timerDv span{ margin-right: 5px; font-weight: bold; color: #F00;}
.item-show .item .activity-price{
    color: #959595;
    margin-left: 6px;
    border-left: 1px solid #DEDEDE;
    padding-left: 6px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}
/*商品图片*/
.item-show .item img {
    width: 291px;
    height: 220px;
    /*border-radius: 5px 5px 0 0;*/

}
/*商品图片放大效果*/
.item-show .item img:hover {
    transform: scale(1.1, 1.1);
       /*transition: all .5s ease-in-out;*/
}
/*banenr show*/
.brand-show .item { display: block; height: 160px;}
.brand-show .item img {
   height: 160px;
    border-radius: 5px;
}
/*标签云*/
.tag-block {
    width: 220px;
    padding: 25px 30px;
    background-color: #f6f7f7;
}
.tag-block .tag {
    float: left;
    width: 100px;
    margin-bottom: 25px;
    line-height: 35px;
    font-size: 12px;
}
.tag-block .tag:nth-child(even) {
    margin-right: 20px;
}
/*recipe*/
.recipe-show .item-show { width: 1000px;}
.recipe-show .item-show .item { width: 241px; margin-right: 12px; overflow: hidden;}
.recipe-show .item-show .item:last-child { margin-right: 0;}
.recipe-show .item-show img { width: 241px;}
.recipe-show .item-show .info {
    clear: both;
    padding: 0 10px;
}
.recipe-show .item-show .info .name {
    float: left;
    width: 130px;
}
.recipe-show .dis {

}
.recipe-show {
    width: 1200px;
    background-color: #fff;
}
.recipe-show .like { margin-top: 6px; color: #c3c4c4;}
.recipe-show .dis {
    width: 130px;
    margin: 20px 0;
    padding: 0 20px;
    border-right: 1px solid #e7e7e7;
}

/*项目展示*/
.project-show .title {
    /*font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;*/
    font-size: 20px;
    line-height: 1.3em;
}
.project-show .item {
    position: relative;
    width: 272px;
    height: 272px;
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 37px;
}
.project-show .item:last-child { margin-right: 0;}
.project-show .item .link {
    position: relative;
    top: 0;
    width: 232px;
    padding: 5px 20px;
    color: #fff;
    transition: all 0.2s;
    background: rgba(0,0,0,0.5) none repeat scroll !important;   /*实现FF背景透明，文字不透明*/
    background: #000;
    filter: Alpha(opacity=50);
}
.project-show .item .link .name {

    font-family: "DINPro", Helvetica, Arial, sans-serif;
    color: #fff;
}
.project-show .item .link .dis { height: 50px; margin-top: 0; overflow: hidden; line-height: 16px; color: #d0d0d0;}
.project-show .item:hover .link { top: -84px;}
.project-show .item img { width: 272px; height: 272px;}
/*特殊展示*/
.special-show {
    padding: 10px;
    background-color: #fbfbfb;
}
.special-show .main-show img {
    width: 450px;
    height: 335px;
}
.special-show .btn-main {
    bottom: 25px;
    right: 60px;
}
.special-show .block-outer { width: 604px; overflow: hidden;}
.part-show { width: 640px; padding: 0 40px;}
.part-show .lh45 { line-height: 45px;}
.part-show .block-outer { width: 604px; height: 220px; margin: 30px auto;}
.part-show .title {
    border-bottom: 3px solid #979797;
}
.part-show .item,
.part-show .item img { width: 188px; height: 140px; }
.part-show .item {
    margin-right: 20px;
    display: block;
    float: left;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
}
.part-show .item:last-child { margin-right: 0;}
.part-show .name {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.3em;
    height: 36px;
    overflow: hidden;
}
.part-show .price {
    font-size: 18px;
    line-height: 1.3em;
    color: #0d926e;
}
/*箭头操作*/
.part-show .arr {
    position: absolute;
    top: 160px;
    width: 30px;
    display: block;
    background-color: #f3f3f3;
    line-height: 30px;
    text-align: center;
    color: #0d926e;
    z-index: 1;
}
.part-show .arr-left { left: 36px;}
.part-show .arr-right { right: 36px;}
/*主题banner*/
.theme-banner img { width: 1200px;}
/*频道展示*/
.channel-show {
}
.channel-show .item {
    position: relative;
    left: 0px;
    width: 594px;
    height: 335px;
    text-align: center;
    background-color: #000;
    /*border: 1px solid #e7e7e7;*/
    overflow: hidden;
}
.channel-show .dis {
    line-height: 20px;
    margin-top: 10px;
    color: #fff;
}
.channel-show .btn {
    width: 166px;
    margin: 50px auto 0 auto;
}
/* settlement my account 个人中心
 * @date      2014-12-17
 * @author    PC<pengcheng.kong@seeed.cc>
 */
/*#account { margin-top: 45px;}*/
.account-nav .selected {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
}
.account-block {
   min-height: 600px;    /*最小高度*/
   width: 100%;
}
.account-block .title {
	margin: 0 0 20px;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #3C3C3C;
	letter-spacing: 0;
	line-height: 33px;
	margin: 0 0 20px;
}
.account-block .bar {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    line-height: 60px;
    background-color: #f7f7f7;
}
.default-address {
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    color: #0d926e;
    cursor: auto;
}
.account-block .tag {
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    font-size: 12px;
    color: #9b9b9b;
}
.account-block .edit-detail .warning { right: 0;}
.account-block .edit-detail .com-group-input { width: 100%; position: relative; float: left;}
.account-block .edit-detail .input { width: 330px;}
.account-block .edit-detail .lg-input { width: 713px;}
/*新增地址弹出框*/
.potlayer .address-box {
    width: 700px;
    height: 700px;
    padding: 0 40px;
}
.address-box .content { min-height: 620px;}
.address-box .content .com-group-input { float: left;}
.address-box .input { width: 310px;}
.address-box .select { width: 330px;}
.address-box .lg-input { width: 670px;}
.address-box .sm-input { width: 128px;}
/*订单列表*/
.order-item { margin-bottom: 10px;}
.order-list .order-info {
    font-size: 14px;
    line-height: 40px;
    color: #9b9b9b;
    background-color: #efefef;
}
.order-list .order-info .item {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 6px;
}
.order-list .order-info .item:first-child { width: 24%; text-align: left;}
.older-list {
    border-top: 1px solid #c4c4c4;
    margin-top: 21px;
}
.older-list h1{
    font-size: 12px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    margin-bottom: 7px;
    color: #494948;
}
.val {
    margin-left: 5px;
    font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4a4a4a;

}
.account-block .val {
	font-size: 13px;
    color: #000000;
    letter-spacing: 0;
    line-height: 18px;
}
.order-list .order-info .ship-state {
    text-align: left;
    margin-left: 25px;
    color: #9b9b9b;
}
.order-list .order-info .btn-toggle {
    padding: 0 15px;
    font-size: 20px;
    cursor: pointer;
}
.order-list .order-box { display: block;}
.order-list .order-table {
    width: 530px;
   /* margin: 20px 0 40px 0;*/
}
.order-list .order-table .img { width: 110px;}
.order-list .order-table .name { width: 40%; padding-right: 10px;}
.order-list .order-table .text {
    line-height: 16px;
    overflow: hidden;
    width: 250px;
}
.order-list .order-table img { width: 80px; height: 70px; border: 1px solid #f5f5f5; margin-left: 10px;}
.order-list .order-table td {
    padding: 15px 10px;
    vertical-align: top;
     width: 140px;
}
.order-list .order-state,
.order-list .order-pay
{ width: 110px; display: block; margin-top: 15px; line-height: 36px; cursor: pointer;}
/*.order-list .order-state { width: 166px; margin-top: 15px; line-height: 36px; cursor: pointer;}*/
.order-list .order-pay-small {
    position: absolute;
    right: 22px;
    top: 0px;
    width: 166px;
    line-height: 36px;
}
/*order-detail*/
.btn-print { right: 60px; top: 10px;}
.info-card  { width: 100%; border: 1px solid #00936c;}
.info-card th { text-align: left; padding-left: 20px; font-weight: normal;border-bottom: 1px solid #dfdfdf;}
.info-card td { padding: 20px 0 10px 20px;}
.info-card .ship-info-til{
	line-height: 18px;
	margin-bottom: 10px;
}
.info-card .val {
	margin: 0;
	font-family: "OpenSans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #9C9C9C;
    letter-spacing: 0;
    line-height: 24px;
}
.info-card .address-left{
	width: 105px;
	margin-right: 80px;
}
.info-card .address-right{
	overflow: hidden;
	color: #3C3C3C;
}
.info-card .ship-info-invoice,.ship-info-list .canc,.ship-info-list .pay,.ship-review .review{
	display: block;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
	box-shadow: inset 0 1px 0 0 #FFFFFF;
	border-radius: 2px;
	width: 118px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-family: "OpenSans-Semibold", Helvetica, Arial, sans-serif;
	color: #3C3C3C;
	cursor: pointer;
}
.info-card .ship-info-invoice:hover{
	background: #F1F1F1;;
}
.ship-info-list .tip-circle{
	width: 8px;
    height: 8px;
    background: #DFDFDF;
    border-radius: 50%;
    margin-left: 4px;
    margin-right: 14px;
    margin-top: 25px;
    position: relative;
}
.ship-info-list .tip-circle:before{
	content: '';
	display: block;
	position: absolute;
	top: -40px;
	width: 1px;
	background: #DFDFDF;
	left: 50%;
	transform: translateX(-50%);
	height: 40px;
}
.info-card .ship-info-invoice{
	margin-top: 32px;
}
.info-card p {  margin: 5px 0; line-height: 16px;}
/* 新增了message */
.info-card .tr-msg {
 height: 100px;border-top: 1px solid #f6f6f6;
}
.info-card .tr-msg .text-desc{
  word-wrap: break-word;word-break: normal;max-width: 800px;padding: 20px;
}


.order-detail { padding: 0 25px; border: 1px solid #f6f6f6;}
/*结算*/
.total-price { /*width: 200px; */margin: 20px 0;}
/*付款方式*/
.payment-list .list-title {
    line-height: 50px;
    font-weight: normal;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
/*personal detail*/
#personal-detail .mt100 { margin-top: 100px;}

/*update-psw*/
.update-psw {
    width: 420px;
    padding: 10px 25px 10px 25px;
}
#update-psw .input { width: 400px;}
#update-psw .potlayer__body { margin-top: 10%; height: auto;}
#update-psw .btn-confirm { width: 100%;}

.potlayer .fill-email {
    height: 40%;
    margin-top: 13%;
}
.update-email, .fill-email {
    width: 420px;
    padding: 10px 25px 10px 25px;
}
#update-email .input, .fill-email .input { width: 400px;}
#update-email .potlayer__body, .fill-email .potlayer__body { margin-top: 5%; height: auto;}
#update-email .btn-confirm, .fill-email .btn-confirm { width: 100%;}


/*address book*/
.account-block .address-list .fa { display: none;}

/*edit by pc @2016-03-22 添加子订单样式*/
/*子订单样式*/
.child-order-box { border: 1px solid #e6e6e6; margin-bottom: 50px;}
.child-order-box .order-info {
/*    padding-left: 20px;*/
    line-height: 40px;
    background-color: #f7f8f8;
}
.child-order-text {
    font-size: 12px;
    line-height: 20px;
    padding: 0px 0 10px 10px;
}
.child-order-box .order-table {
    margin: 10px 0 0px 0;
}
.child-order-box .order-table tr:last-child { border: none;}
.child-order-box .child-order-detail .order-table { font-size: 12px;}
/* login style 登录注册样式补充
 * @date     2014-12-18
 * @author   PC<pengcheng.kong@seeed.cc>
 */
.user-operation {
    width: 420px;
    padding:10px 25px 40px 25px;
    border: 1px solid #f1f1f1;
}


.user-operation .user-act { line-height: 50px;}
.user-operation .input { width: 400px;}
.user-operation .warning { right: 0;}
.user-operation .btn {
    width: 100%;
    display: block;
    font-size: 18px;
}
.login-tips{
    height: 25px;
    line-height: 25px;
}
.user-operation .sm-select { width: 200px;}


.user-operation2 {
    padding:10px 25px 40px 25px;
    border: 1px solid #f1f1f1;
}


.user-operation2 .user-act { line-height: 50px;}
.user-operation2 .input { width: 400px;}
.user-operation2 .warning { right: 0;}
.user-operation2 .btn {
    width: 100%;
    display: block;
    font-size: 18px;
}
.user-operation2 .sm-select { width: 200px;}

/*edit by pc @2016-04-06 物流追踪样式*/
.tracking-block { display: none;}
.tracking-detail-box {
    margin: 15px 0;
    border: 1px solid #00936D;
}
.tracking-detail-box .text {
    line-height: 40px;
    margin-top: 20px;
}
.tracking-detail-box .track-detail {
    padding: 0 20px 20px 20px;
    border: 2px solid #00936D;
    background: #F7FFFD;
}
.tracking-detail-box .track-detail .arrow{
    position: absolute;
    border-width: 10px;
    border-top-width: 0;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: #00936D;
    top: -10px;
    right: 140px;
    border-style: solid;
    display: block;
}


.tracking-detail-box .tracking-step li { position: relative; padding-left: 30px; line-height: 30px;}
.tracking-detail-box .tracking-step li:first-child .fa { color: #00936D;}
.tracking-detail-box .tracking-step li:first-child {
    color:#00936D;
}
.tracking-detail-box .track-detail .time { display: inline-block; width: 250px;}

/*edit by longfei 2016.06.29 物流需求订单信息 start*/
.tracking-detail-box .img-wrap{
  	margin: 35px 20px 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}
.tracking-detail-box .img-wrap .wrapper1 {
  width: 200px;
}
.tracking-detail-box .img-wrap .wrapper2 {
  width: 212px;
}
.tracking-detail-box .img-wrap .wrapper3 {
  width: 207px;
}
.tracking-detail-box .img-wrap .wrapper4 {
  width: 230px;
}
.tracking-detail-box .img-wrap .wrapper .sub-img {
  margin-top: 5px;
  margin-left: 10px;
}
.tracking-detail-box .img-wrap .wrapper .desc {
    margin: 0px;
    margin-left: 3px;
    color: #9c9c9c;
    margin-top: 14px;
    line-height: 18px;
    font-size: 13px;
}
.tracking-detail-box .img-wrap .wrapper1 .desc{
  margin-left: 0;
}
.tracking-detail-box .img-wrap .wrapper2 .desc{
  margin-top: 16px;
}
.tracking-detail-box .img-wrap .wrapper3 .desc{
  margin-top: 8px;
}
.tracking-detail-box .img-wrap .wrapper4 .desc{
  margin-left: 20px;
  margin-top: 12px;
}
.tracking-detail-box .img-wrap .wrapper .c-9c{
  color: #9c9c9c;
}

.tracking-detail-box .img-wrap .wrapper .line {
  margin: 0;
  padding: 0;
  width: 140px;
  height: 2px;
  background-color: #00936D;
  overflow: hidden;
  position: relative;
  top: 25px;
  margin-left: 10px;
}
.tracking-detail-box .img-wrap .wrapper .bg-df{
    background-color: #DFDFDF;
}
.tracking-detail-box .img-wrap .wrapper .bg-line {
  margin: 0;
  padding: 0;
  width: 80px;
  height: 2px;
  background-color: #DFDFDF;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 131px;
}
.tracking-detail-box .img-wrap .wrapper .tip-msg {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 22px;
  left: 129px;
}
.tracking-detail-box .img-wrap .wrapper .tip-msg .tip-name {
    margin: 0px;
    margin-left: 3px;
    transform: translateX(-50%);
    font-size: 13px;
    color: #3C3C3C;
    letter-spacing: 0;
    line-height: 16px;
    font-family: 'OpenSans-Semibold', Helvetica, Arial, sans-serif;
    width: 100px;
    text-align: center;
}
.tracking-detail-box .img-wrap .wrapper-right {
  width: 58px;
}
.tracking-detail-box .img-wrap .wrapper-right .sub-img {
  margin-top: 5px;
  margin-left: 10px;
}
.tracking-detail-box .img-wrap .wrapper-right .desc {
  margin: 0px;
  margin-left: 4px;
  color: #9c9c9c;
  margin-top: 12px;
  line-height: 18px;
  font-size: 13px;
}
.tracking-detail-box .img-wrap .wrapper-right .c-0936D, .tracking-detail-box .img-wrap .wrapper .c-0936D , .ship-info-list .c-0936D {
  color: #00936D;
}
.tracking-detail-box .ship-info{
	margin: 0 20px 10px;
    font-size: 13px;
    color: #3C3C3C;
    letter-spacing: 0;
}
.tracking-detail-box .ship-info img{
	width: 44px;
	height: 24px;
}
.tracking-detail-box .ship-info .impor{
	color: #000000;
}
.tracking-detail-box .ship-info-list,.tracking-detail-box .ship-review{
	margin: 0 20px 25px;
}
.tracking-detail-box .ship-info-list .pay ,.tracking-detail-box .ship-review .review{
	background: #00946C;
	border: 1px solid #007A63;
	box-shadow: inset 0 1px 0 0 #33A98A;
	border-radius: 2px;
	color: #FFFFFF;
}
.tracking-detail-box .ship-info-tip{
    width: 882px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 15px;
    /* height: 18px; */
    line-height: 18px;
}
.tracking-detail-box .ship-info-tip .fr { width: 700px;}

.tracking-detail-box .time-repeat{
	font-size: 16px;
	color: #F96235;
	letter-spacing: 0;
}

/*edit by longfei 2016.06.29 物流需求订单信息 end*/

.tracking-step .step-ico { position: absolute; left: 0;}
.tracking-step .block { position: absolute; top: 22px; left: 3px; display: block; width: 2px; height: 16px; background-color: #9d9e9e;}
/* order detail 打印样式*/
@media print {
    table {page-break-after:always;}
    #order-detail {
        width: 100%;
        padding: 0;
        border: 0;
    }
    #order-detail .btn-print { display: none;}
    #order-detail .img img { display: none;}
    .comfirm-list td:nth-child(1) { display: none;}
    .comfirm-list td:nth-child(2) { width: 75%;}
}

/*track style edit by pc @2016-04-05 */
.track-box-list {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.track-box {
    width: 450px;
    line-height: 40px;
    background-color: #efefef;
/*    z-index: 1;*/
}
.track-box p { margin: 0;}
.track-box p:first-child { border-bottom: 1px dotted #fff;}
.track-box .track-detail {
    padding: 0 20px;
    color: #fff;
    background-color: #b5b5b6;
}

#opl { }

.opl-filter-list {
    width: 210px;
    background-color: #fff;
    box-shadow: 0 0 4px #cdcdcd;
}
.opl-filter-list li {
    display: block;
    padding: 3px 15px;
    cursor: pointer;
}
.opl-filter-list .on { background-color: #f6f6f6; font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;}
.opl-filter-list li:hover { background-color: #f6f6f6;}
/*opl-content*/
.opl-list { display: none; font-size: 12px;}
.opl-list .title { line-height: 35px;}
.opl-list .title th { border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f4f4f4;}
.opl-list td { padding : 10px; text-align: center; /*强制换行*/ word-break: break-all;}
.opl-list td:first-child { text-align: left;}
.opl-content { width: 940px; min-height: 800px;}
.o-item { width: 245px;}
.o-sku { width: 90px;}
.o-part { width: 155px;}
.o-pack { width: 150px;}
.o-price { width: 120px;}
.o-qu { width: 105px;}
.opl-list .search-bar input { width: 90%;}
.opl-list .thumb { width: 52px;}
.opl-list .info { width: 163px;}
/*.opl-list .name { text-decoration: underline;}*/
.opl-list .explain { color: #9b9b9b; margin: -5px 0;}
.opl-list .pdf-link { color: #777; text-decoration: underline;}
.opl-content .btn-add-opl { display: block; width: 86px; margin-top: 5px; line-height: 25px; font-size: 12px; border-radius: 5px; }
.opl-list input { border: 1px solid #e9e9e9; padding: 3px;}
.opl-list .s-input { width: 50px;}

.opl-content .select-wraning {
    display: none;
    left: -35px;
    top: 46px;
    width: 150px;
    line-height: 16px;
}
/*opl-total*/
.opl-total { line-height: 60px;}
/*opl guide edit by pc @2016-08-23*/
#opl-guide {
    position: fixed;
    bottom: 0; left: 0; right: 0;
}
.opl-outer {
    width: 100%;
    height: 80px;
    background: url('//statics3.seeedstudio.com/assets/img/fusion/opl_guide_bg.png') center no-repeat;
}
.opl-guide-body {
    height: 80px;
    background: url('//statics3.seeedstudio.com/assets/img/fusion/opl_guide_text.png') center no-repeat;
}
.opl-guide-body a {
    display: block;
    height: 80px;
}
.opl-guide-body .guide-link {
    width: 1130px;
}
.opl-guide-body .btn-close {
    width: 70px;
}

 /* fusion start
  *edit by Alice @2016-3-30
  */
 /*fusion*/
.channel-show .js-set-fusion img{
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2
}
/*.channel-show .item img:hover{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition：all .3s ease;
}*/
.channel-show .js-set-fusion .info{
    display: block;
    position: absolute;
    top:50px;
    /*width:100%;*/
    text-align: left;
    z-index: 4;
    margin: 0 60px 0 100px;
}
.channel-show p{
	margin: 0;
	padding: 0;
}
.channel-show .js-set-fusion .c-0d{ width: 100%;}
.radius-title{
	width: 201px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    background: #0DB26E;
    color: #fff;
    margin-top: 10px;
}
.radius-title .fa{
    margin-left: 17px;
}
.c-fusion{ display: block; transition:all 1s ; }
.js-set-fusion .c-0d,.js-set-fusion .mt30{ color: #fff }
.c-fusion .c-4a {margin-top:20px; color: #fff;font-size: 20px;line-height: 22px;}

/*edit by pc @2015-05-17 结算页添加优惠券*/
.coupon-box { /* border: 1px solid #f6f6f6; margin-bottom: 20px;*/position: relative;padding: 15px 0 23px;}
.coupon-box .title {
    /*background-color: #f9f9f9;
    padding: 0 12px;
    line-height: 36px;*/
    font-size: 12px;
    color: #00936D;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
}
.coupon-box .com-group-input { /*padding: 20px;*/margin-top: 10px;height: 62px; }
.coupon-box .input { width: 176px; /*margin-right: 10px;font-size: 15px;*/}
.coupon-box .btn {
	width: 78px;
    line-height: 40px;
    height: 38px;
    font-size: 12px;
    margin-left: 10px;
    border: 1px solid #007A63;
    box-shadow: inset 0px 1px 0px 0px rgba(58, 168, 138,0.50);
    border-radius: 2px;
}
.coupon-box .tips { display: none; left: 4px; top: 88px; color: #d0021b;}

/*edit @2016-05-17 顶级导航下拉菜单 */
.nav-layer:hover .child-nav {
    display: block;
}
.nav-layer:hover .op-layer {
    display: block;
}
.nav-layer:hover .item {
    box-shadow: 0 0 5px #9f9f9f;
}
.child-nav {
    display: none;
    position: absolute;
/*    left: 0;*/
    top: 60px;
    z-index: 10;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 0 5px #9f9f9f;
    padding: 10px 0;
}
.nav-layer .list-1 {
    width: 400px;
    left: 0px;
}
.nav-layer .list-2 { width: 100%; left: 0px;
    }
.nav-layer .list-2 li {float: none;}
.nav-layer .list-2 a { padding: 0 28px;}
.child-nav li {
    float: left;
}
.child-nav li a {
    display: block;
    width: 136px;
    padding: 0 24px;
    line-height: 30px;
    font-size: 14px;
}
.child-nav li a:hover {
    color: #979898;
}
/*覆盖层*/
.nav-layer .op-layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: -2px;
    z-index: 15;
    background-color: #fff;
}

/*bom覆盖层 start*/
.pcb-bom-detail {
	width: 210px;
    /*height: 80px;*/
    font-size: 12px;
    background: #F9F9F9;
    border: 1px solid #DFDFDF;
    color: #C6C6C6;
    margin-top: 5px;
}
.pcb-bom-detail .container {
	padding: 10px 15px 15px 10px;
	line-height: 17px;
}
.pcb-bom-detail li {
	width: 92px;
	display: block;
}
.pcb-bom-detail li:nth-child(2n) {
	text-align: right;
}
.pcb-bom-detail .common {
	color: #000000;
}
.pcb-bom-detail .c-blue, .fusion-bom-contain .email{
	color: #007AC9 ;
	cursor: pointer;
}
.pcb-bom-detail .c-blue i{
	margin-left: 2px;
}
.fusion-bom-bg{
	background: #000000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 100;
}
.fusion-bom-close{
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.fusion-bom-contain{
	padding: 30px 60px 35px;
	background: #FFFFFF;
	position: fixed;
	width: 675px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%)translateX(-50%);
	z-index: 101;
	line-height: 20px;
}
.fusion-bom-detail .con-new{
	padding: 30px 0 35px 60px;
	width: 735px;
}
.fusion-bom-contain li{
	color: #6C6C6C;
	margin-left: 30px;
}
.fusion-bom-contain li:first-child{
	margin-left: 0;
}
.fusion-bom-contain .cir-bg{
	display: inline-block;
	width: 30px;
	height: 16px;
	background: #F1F1F1;
	border-radius: 100px;
	text-align: center;
	line-height: 16px;
	margin-left: 5px;
	color: #3C3C3C;
}
.fusion-bom-contain .tab-div{
	height: 370px;
	overflow: hidden;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
}
.fusion-bom-contain .fusion-table{
	border-collapse:collapse;
	text-align: center;
	line-height: 40px;
	word-break: break-all;
}
.fusion-bom-contain .fusion-table,.fusion-bom-contain th,.fusion-bom-contain td{
	border:1px solid #DFDFDF;
}
.fusion-bom-contain th{
	border-top: 1px solid #00946C;
}
.fusion-bom-contain .fusion-table .w-1{
	width: 60px;
	border-left: 1px solid #00946C;
}
.fusion-bom-contain .fusion-table .w-2{
	width: 120px;
}
.fusion-bom-contain .fusion-table .w-3{
	width: 150px;
}
.fusion-bom-contain .fusion-table .w-4{
	width: 150px;
	border-right: 1px solid #00946C;
}
.fusion-bom-contain .fusion-table .w-5{
	width: 450px;
}
.bottomBorder {
    border-bottom: 1px solid #e4e4e4;
}
.fusion-bom-contain tr{
	background: #EFF4F8;
}
.fusion-bom-contain tr:first-child{
	background: #00946C;
	color: #FFFFFF;
}
.fusion-bom-contain tr:nth-child(2n){
	background: #F9F9F9;
}
.fusion-bom-contain .mCSB_inside>.mCSB_container{
	margin-right: 60px;
}
.fusion-bom-contain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.fusion-bom-contain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
	background-color: #9F9F9F;
}
.fusion-bom-contain .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #9F9F9F !important;
}
.fusion-bom-contain .mCSB_scrollTools .mCSB_draggerRail{
	background-color: #E5E5E5;
	width: 3px;
}
.fusion-bom-contain .email:hover{
	text-decoration: underline;
}
.bom-list {
    display: none;
    position: absolute;
    z-index: 5;
    width: 500px;
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 5px #9f9f9f;
}
.pcb-bom .bom-list th { padding: 0 10px; text-align: left;}
.pcb-bom .bom-list td { padding: 0 10px;}
.pcb-bom .bom-list tr { padding: 0; border-top: 1px solid #e6e6e6;}


/*add order by peishan*/
/*.login_use{ z-index: 0 }*/
.css-new-tit{
    font-size: 14px;
    font-weight: bold;
}
.css-credit-card{ border-bottom: 2px solid #dedede }
.potlayer .css-new-potlayer{
    width: 820px;
/*    height: 630px;*/
    position:absolute;
    top:50%;
    left: 50%;
    margin: -320px 0px 0px -410px;
}
#new-user-guide .css-new-potlayer .content{
    min-height: 440px
}
#new-user-guide .css-new-potlayer{
     min-height: 620px
}
#new-user-guide .css-new-potlayer .box{
    margin-top: 40px
}
.css-new-potlayer .nav{
    top: 30px
}
.potlayer .css-new-boxstep{
    width: 700px;
    margin-left: 60px;
    padding:0px;
    border-bottom: none;
}
.css-new-potlayer li {
    width: 260px;
}
.css-new-potlayer .step-line {
    width: 240px;
    height: 3.7px;
}
#new-user-guide .css-new-boxstep .js-next{
    right: 10px
}
#new-user-guide .css-new-boxstep{
    height: 480px
}
.com-group-input .css-new-input{
    height: 36px;
    line-height: 36px;
    border:1px solid #dedede;
}
.com-group-input .css-cpm-input{
    width: 670px;
}
.com-group-input .css-new-laber{
    margin: 14px 0px 10px
}
.css-new-address{ margin-top: 10px }
.css-new-back{ left: 0px }
.css-new-group{
    margin-bottom: 5px
}
.css-new-option{
    border: 1px solid #dedede
}
.css-new-shipping .select-on{
    border:2px solid #94D56D;
}
.css-new-content{
    width: 700px;
    margin-left: 60px;
    padding-top:30px;
}
.css-new-content .js-save-add{
    margin-top: 20px
}
.css-new-content h1{ padding-bottom: 20px; border-bottom: 1px solid #dedede }

/*add myaccount*/
.order-list .css-new-order .name{
    width: 250px;
    word-break: break-all;
}
/* edit by longfei */
.order-list .css-new-order{
    position: relative;
    width: 100%;
}
/*add buy again*/
.order-list .buy-again-td {
	height: 70px;
    right: 0;
}
.order-list .buy-again-btn {
	width: 74px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    cursor: pointer;
}
.re_upload{
    text-align: center;
    margin: 30px 100px;
}
.re_upload_item > div{
    height: 100%;
    width: 275px
}
.re_upload .webuploader-container {
    width: 170px

}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
    z-index:3
}

.order-item .re_upload {
    position: absolute;
    right: -26px;
    margin: 0px;
    margin-right: 40px;
}
.re_upload .webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #0d926e;
    color: #fff;
    width: 90px;
    overflow: hidden;
    padding: 5px 12px;
    position: relative;
    text-align: center;
    font-size: 16px
}
.re_upload .webuploader-pick-hover {
    background: #09694f;
}

.re_upload .webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
.re_upload_layer {
    display: none;
}

.overlay {
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.theme-popover {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    display: none;
    min-height: 180px;
    left: 50%;
    margin: -90px 0 0 -225px;
    position: fixed;
    top: 50%;
    width: 450px;
    text-align: center;
    z-index: 9999;
}

.theme-popover .re_upload .webuploader-pick{
     width: 250px;
     line-height: 36px;
}
#rt_rt_1aj99uc2jt2l1so3qfq141d83v1{
    height: 60px;
}
.reupload_warning span{
    display: block;
    width: 110px;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 20px;
    padding: 0px 40px;
}
.reupload_warning .fl{
    margin-left:25px;
    background-color: #fff;
    border: 2px solid #4a4a4a;
    color: #4a4a4a;
}
.reupload_warning .fr{
    margin-right: 25px;
    border:2px solid #0d926e;

}
.reupload_warning .upload_tit{
    float: left;
    width: 170px
}

/*my_account add by peishan*/
#invoice{ display: block; }
.inv_right,.ina_right{
    float: right;
    line-height: 40px;
    color: #699863;
    width: 150px;

}
.ina_right{
    width: 40px;
}
.invoice_r{
    margin-right: 15px;
    font-weight: bold;
    float: right;
 }
/*invoice*/
#invoice{ width: 1050px; margin: 0 auto }
.invoice .tit{
    text-align: center;
    font-weight: normal;

}
.invoice h3{
    margin-top: -10px;
}
.invoice .js-print{
    display: block;
    width: 100%;
    text-align: center;
    background: none;
    border:none;
    font-size: 14px;
    color: #f60;
}
 @media print {
    .invoice .js-print{ display: none; }
}
.invoice .m1,.invoice .tb{
    padding: 0px 20px;
    margin-bottom: 20px
}
.invoice .tb1 ul{
    float: left;
    width: 320px;
    margin-right: 10px;
    word-break: break-all;
}

.invoice .tb {
    border-bottom: 2px solid #ddd;
   padding-bottom: 10px
}
.invoice .tb span{
    float: right;
    width: 100px;
    margin-right: 20px;

}
.invoice .tb span img{
    width: 130px
}
.invoice table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.invoice .tb4 .gap {
    width: 0px
}
.invoice .tb4 th{
    background: #f9f9f9;
    height: 1.1cm;
    line-height: 1.1cm;
    font-weight: normal;
}
.invoice .tb4 td {
    height: 1.8cm;
    line-height: 1.8cm;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    }


.invoice .m2 {
    float: left;
    margin-top: 20px;
    border: 1px solid #ddd;
}
.invoice .tb4 ul{
    float: left;
       border-bottom: 1px solid #ddd;

}
.invoice .tb4 li{
    float: left;
    width: 152px;
    padding: 5px 20px;
    text-align: right;


}
.invoice .tb4 li b{
    line-height: 30px;
     }
.invoice .tb4 .inv_id{
    width: 240px;
    text-align:left;
}
.invoice .tb4 li:nth-child(2){
    text-align: left;
}
.invoice .tb4 li p{
    margin-top: 3px;
}
.invoice .tb4 li ul{
    border-bottom: none;
    padding-bottom: 10px;
}
.invoice .tb4 li ul li{
    display: block;
    width: 240px;
    padding: 0px;
    line-height: 22px;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    word-break: break-all;
}

.cost-detail-row{
    display: flex!important;
}

.invoice .info {
    position: relative;
    top: -1px;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.invoice .info .statistic{
    float: right;
    margin-right: 20px;
    padding:20px 0px;
}
.invoice .info .list {
    line-height: 25px;
}

.invoice .info .list .label {
    float: left;
    width: 350px;
    text-align: right;
}
.invoice .info .list .price {
    float: left;
    width: 100px;
    margin-left: 20px;
    text-align: right;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

.order-list .order-state, .order-list .css-order-add{
    margin-top: 3px;
    right: 80px
}
/*sitemap*/
.site-title{
	font-size: 30px;
	color: #3C3C3C;
	padding: 20px 0 10px;
	line-height: 40px;
}
.site-sec-til{
	font-family: OpenSans-Semibold;
	font-size: 20px;
	color: #3C3C3C;
	padding-top: 20px;
	border-top: 1px solid #DFDFDF;
	line-height: 27px;
}
.site-wrap{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.site-box{
    float: left;
    width: 400px;

}

.site-box h2{
    width: 390px;
    font-size: 16px;
    word-break: break-all;
    margin-right: 10px;

}
.site-box h2 a{
    color: #00936D;
    margin: 20px 0 10px;
    display: inline-block;
}
.site-box ul{
    font-size: 13px;
    font-family: OpenSans-Semibold;
	color: #3C3C3C;
	letter-spacing: 0px;
	line-height: 24px;
}
.site-box h2{
    line-height: 22px;
    margin: 0;
}
.other .site-box h2 a{
	margin: 10px 0 0;
}
.site-box a:hover,.site-sec-til a:hover{
	text-decoration: underline;
}

/*edit by pc @2016-06-22 支付信息页面 start */
#pay-msg { min-width: 1200px;}
.pay-result-img {
    width: 100%;
    height: 400px;
}
.pay-success {
    background: url('//statics3.seeedstudio.com/assets/img/bazaar/pay_success.jpg') center no-repeat;
}
.pay-faild {
    background: url('//statics3.seeedstudio.com/assets/img/bazaar/pay_failed.jpg') center no-repeat;
}
.pay-msg .show-msg {
    line-height: 30px;
    width: 1000px;
    text-align: left;
}
.pay-msg .show-tips {
    width: 1000px;
    color: #979898;
}
.pay-msg .show-tips a {
    color: #2b9e7f;
}
.pay-act {
    width: 1000px;
    margin-top: 50px;
}
.pay-act .act-btn {
    width: 580px;
    padding-top: 50px;
    height: 100px;
    border-right: 1px solid #e6e6e6;
}
.pay-act a { width: 240px; display: inline-block;}
.pay-act .ml60 { margin-left: 60px;}
.pay-act .list li { color: #2b9e7f; list-style-type: disc; margin-left: 20px;}

/*new pay page*/
.new-pay-msg,.dropShipping-pay-msg{
	padding: 40px 30px 30px;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	box-sizing: border-box;
}
.new-pay-msg .ml150,.dropShipping-pay-msg{
	margin-left: 150px;
}
.new-pay-msg .lh24,.dropShipping-pay-msg{
	line-height: 24px;
}
.new-pay-msg .lh19,.dropShipping-pay-msg .lh19{
	line-height: 19px;
}
.new-pay-msg .flex,.projects-flex-con .flex,.dropShipping-pay-msg .flex{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
.new-pay-msg .flex-auto,.dropShipping-pay-msg .flex-auto{
	-webkit-box-flex: inherit;
    -webkit-flex: inherit;
    flex: inherit;
}
.new-pay-msg .flex1,.projects-flex-con .flex1,.dropShipping-pay-msg .flex1{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.new-pay-msg .common-link,.dropShipping-pay-msg .common-link{
	color: #00946C;
	cursor: pointer;
}
.new-pay-msg .common-link:hover,.dropShipping-pay-msg .common-link:hover{
	text-decoration: underline;
}
.pay-msg-btn .btn-comm{
	padding: 13px 32px;
	border-radius: 2px;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
	box-shadow: inset 0 1px 0 0 #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
}
.pay-msg-btn .btn-order-list:hover{
	background: #F1F1F1;
}
.pay-msg-btn .btn-back-cart,.projects-flex-cart .projects-flex-btn{
	background: #00946C;
	border: 1px solid #007A63;
	box-shadow: inset 0 2px 0 0 #33A98A;
	color: #FFFFFF;
}
.pay-msg-btn .btn-back-cart:hover,.projects-flex-cart .projects-flex-btn:hover{
	box-shadow: inset 0px 1px 0px 0px rgba(58, 168, 138,0.50);
	background: #007A63;
}
.new-pay-msg .pay-msg-imgs,.dropShipping-pay-msg .pay-msg-imgs{
	height: 280px;
	width: 1140px;
}
.new-pay-msg .pay-msg-imgs img,.dropShipping-pay-msg .pay-msg-imgs img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
/*公共Recommend or history*/
.projects-flex-con{
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	padding: 10px 30px 40px;
}
.projects-flex-title{
	padding: 20px 0;
}
.projects-flex-list{
	width: 1140px;
}
.projects-flex-list .arr{
	opacity: 0.6;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
	box-shadow: inset 2px 0 0 0 #FFFFFF;
	border-radius: 2px;
	font-size: 18px;
    color: #9C9C9C;
    padding: 17px 11px;
    top: 40px;
    z-index: 9;
}
.projects-flex-list .arr:hover{
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.20), inset 2px 0 0 0 #FFFFFF;
}
.projects-flex-list .swiper-button-disabled:hover{
	box-shadow: inset 2px 0 0 0 #FFFFFF;
}
.projects-flex-list .arr-left{
    left: 0;
}
.projects-flex-list .arr-right{
    right: 0;
}
.projects-flex{
    width: 180px;
    margin-left: 12px;
}
.projects-flex:first-child{
    margin-left: 0;
}
.projects-flex .projects-flex-img{
	border: 1px solid #f1f1f1;
    background: #FFFFFF;
    box-sizing: border-box;
	height: 135px;
	font-size: 12px;
	position: relative;
}
.projects-flex .projects-flex-img img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.projects-flex .projects-flex-name{
	position: absolute;
    bottom: 0;
    height: 17px;
    left: 0;
    right: 0;
    line-height: 17px;
    padding: 8px 11px;
    background: rgba(255,255,255,0.9);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.projects-flex .projects-flex-cart{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% - 20px);
	height: calc(100% - 22px);
	padding: 12px 10px 10px;
	color: #3C3C3C;
	line-height: 17px;
	background: rgba(255,255,255,0.9);
}
.projects-flex:hover .projects-flex-cart,.projects-flex-list:hover .arr{
	display: block;
}
.projects-flex .projects-flex-btn{
	position: absolute;
	bottom: 6px;
	left: 10px;
	right: 10px;
	height: 32px;
	line-height: 30px;
	box-sizing: border-box;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
.projects-flex-price{
	font-size: 14px;
	line-height: 19px;
	color: #F96235;
	margin-top: 10px;
	text-align: center;
}
.projects-flex-link:hover{
	text-decoration: underline;
}
/*edit by pc @2016-06-22 end */



/*edit by longfei @2016-06-23 大客户需求 start */
.customer-cont .container {
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.customer-cont .container .btn-wrap {
  width: 270px;
  margin: 0 auto;
}
.customer-cont .container .btn-download {
  height: 20px;
  width: 270px;
  background-color: #00936D;
  margin: 0 auto;
  color: #fff;
  padding: 20px;
}

.customer-cont .container .list {
  padding-bottom: 20px;
  border-top: 1px solid #f6f6f6;
  width: 43%;
  margin: 0 auto;
  margin-top: 20px;
}
.customer-cont .container .list .input-wrapper {
  width: 490px;
}
.customer-cont .container .list .com-group-input {
  position: relative;
  clear: both;
}

.customer-cont .container .list .warning {
    position: absolute;
    right: -120px;
    top: 10px;
}

.customer-cont .container .list .file-module {
  clear: both;
  width: 91%;
  border: 1px dashed #ccc;
  height: 30px;
  margin-bottom: 40px;
  padding: 20px;
}
.customer-cont .container .list .btn-submit {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}
.customer-cont .container .list .webuploader-pick {
   background-color: #fff;
   color: #747474;
}
.success-tip {
  text-align: center;
  margin: 0 auto;
  padding-top: 80px;
  background-color: #fff;
  display: none;
}
.success-tip .layout-img {
  width: 80px;
  margin: 0 auto;
}
.success-tip .sub-one {
  color: #00936D;
  margin: 0px;
  margin-top: 20px;
}
.success-tip .sub-two {
  color: #00936D;
  margin: 0px;
  margin-bottom: 20px;
}
.success-tip .btn-foot {
  height: 400px;
}
.success-tip .btn-foot .btn-back {
  border: 0px;
  padding: 0px;
  width: 180px;
  height: 50px;
  font-size: 14px;
}
.success-tip .btn-foot .btn-home {
  border: 0px;
  padding: 0px;
  font-size: 14px;
  background-color: #fff;
  border: 2px solid #000;
  width: 180px;
  height: 50px;
}
/*edit by longfei @2016-06-23 end

/*个人订单物流需求 */



.propDiv{
    /*display: none;*/
}
.em_bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.6;
}
.cenDv{
    width: 440px;
    height: 340px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -220px;
    background-color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.cenDv h1{
    font-size: 18px;
    color: #3C3C3C;
    text-align: center;
    z-index: 10;
    margin-top: 30px;
}
.em_tip{
    font-size: 12px;
    color: #9B9B9B;
    width: 348px;
    text-align: center;
    margin: 0 auto;
    height: 34px;
    line-height: 16px;
}
.tre_h{
    text-align: center;
    color: #3C3C3C;
    font-size: 18px;
}
.tre_login{
    display: table;
    margin: 0 auto;
    font-size: 19px;
    color: #ffffff;
}
.tre_login li{
    float: left;
}

.tre_login li i{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.tre_login .fa-facebook{
    background-color: #3B599C;
    margin-right: 20px;
}
.tre_login .fa-twitter{
    background-color: #00B1EA;
    margin-right: 20px;
}
.tre_login .fa-google-plus{
    background-color: #FF3523;
    margin-right: 20px;
}
.tre_login .fa-github-alt{
    background-color: #333333;
}
#update{
    width: 340px;
    height: 50px;
    font-size: 16px;
    background-color: #0d926e;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-top: 20px;
    color: #ffffff;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    display: block;
}
#update:hover{
    background-color: #0A795B;
}
.emtip{
    display: block;
    width: 100px;
    font-size: 14px;
    color: #9C9C9C;
    margin: 32px auto 0;
    text-align: center;
    cursor: pointer;
}
.emtip:hover{
    color: #3C3C3C;
}
.em_input{
    margin: 20px 0;
}
#inEmail{
    width: 320px;
    margin: 0 auto;
    height: 48px;
    display: -webkit-box;
}
.propDiv .warning{
    width: 340px;
    margin: 0 auto;
}
.at-share-tbx-element.addthis_20x20_style .at-share-btn, .at-share-tbx-element.addthis_20x20_white_style .at-share-btn{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.fb_ck_btn{
    width: 420px;
    height: 50px;
    display: block;
    margin: 10px auto 0;
    background: #3B599C;
    color: #ffffff;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}
.fb_ck_btn:hover{
    background-color: #344E88;
}
.fb_ck_btn .fa-facebook{
    margin-right: 20px;
}
/*
 * 拆单提醒
 */
.tipIcon{
    /*margin-left: 5px;*/
    color: #7c7c7c;
}
.singleTip{
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e5e5;
    margin-bottom: 20px;
    display: none;
}
.singleTip .com-option .tip {
    background-color: #FFFCF2;
    position: absolute;
    width: 543px;
    font-size:12px;
    border: 1px solid #FFBB00;
    padding: 8px 10px 6px 10px;
    line-height: 15px;
    z-index: 10;
    box-shadow: 0px 0px 4px rgba(143,136,143,0.63);
    top: -229px;
}
.singleTip .com-option .tip h1{
    font-size:15px;
}
.singleTip .com-option .fir_tip{
    left: 212px;
}
.singleTip .com-option .sec_tip{
    left: 225px;
}
.singleTip .com-option .tip:after {
    content:'';
    position:absolute;
    border:10px solid transparent;
    border-color: #FFFCF2 transparent transparent transparent;
    top:100%;
    z-index:2;
    left:8px;
    border-left-width: 5px;
    border-right-width: 5px;
}
.singleTip .com-option .tip .out {
    border:11px solid;
    border-color: #FFBB00 transparent transparent transparent;
    position:absolute;
    top:100%;
    left:7px;
    border-left-width: 6px;
    border-right-width: 6px;
}


/*edit by longfei @2016-08-01 货币换算 start*/
.currency-menu {
  cursor: pointer;
  position: relative;
  padding: 8px 10px 0px 0px;
  margin: 0px !important;
  height:42px;
}
.currency-menu .currency-avatar {
  padding: 11px;
  margin: 0px;
  position: relative;
  z-index: 12
}
.currency-menu .hover{
   box-shadow: 0 0 5px #9f9f9f;
}
.currency-menu .taps {
  width: 99%;
  height: 10px;
  background-color: #fff;
  bottom: -4px;
  z-index: 3;
  display: none;
}
.currency-menu .sub-list {
  top: -288px;
  width: 360PX;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 5px #9f9f9f;
  display: none;
  z-index: 11;
  padding-bottom: 20px;
  height: 273px;
}
.currency-menu .sub-list li .name{
    display: block;
    text-align: right;
    width: 62px;
    position: relative;
    float: left;
    margin-left: 18px;
    height: 18px;
    line-height: 18px;
    padding: 20px 0 0;
}

.currency-menu .sub-list li:hover{
  background-color: #f5f5f5;
}

/* 详情货币 */
.currency-main {
  cursor: pointer;
  margin-left: 10px;
  width: 68px;
}

.currency-main .currency-avatar {
  padding: 8px 10px;
  background-color: #fff;
  margin: 0px;
  position: relative;
  margin-right: -10px;
  z-index: 2;

}
.currency-main .hover{
   box-shadow: 0 0 5px #9f9f9f;
}
.currency-main .taps {
  width: 67.76px;
  height: 8px;
  background-color: #fff;
  bottom: -3px;
  z-index: 3;
  display: none;
}

.currency-main .sub-list {
  top: 40px;
  width: 90px;
  right: 0px;
  background-color: #fff;
  box-shadow: 0 0 5px #9f9f9f;
  text-align: center;
  line-height: 45px;
  display: none;
}
.currency-main .sub-list li:hover{
  background-color: #f5f5f5;
}

/*edit by longfei @2016-08-01 货币换算 end*/
/*活动聚合*/
#activity .c-width{
	width: 1200px;
}
#activity .summer-banner {
    padding-bottom: 20px;
    background-color: #fff;
    /*height: 290px;
    background: url(../img/new-avvs-banner.png) center no-repeat;*/
}
#activity .wrap,#activity .faq{
	background-color: #fff;
}
#activity .summer-banner img{
	max-width: 1200px;
	max-height: 420px;
	margin: 0 auto;
}
#activity .item-list {
    background-color: #f7f7f7;
    padding: 15px;
    /*margin-top: -60px;*/
}
#activity .item-detail {
    width: 216px;
    background-color: #fff;
    margin: 0 22px 25px 0;
    float: left;
    position: relative;
}
#activity .title {
    color: #4a4a4a;
    height: 36px;
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
}
#activity .sl-title {
    width: 300px;
    margin: 30px auto;
}
#activity .info {
    font-size: 16px;
    padding: 10px;
}
#activity .price {
    color: #0d926e;
    margin-top: 10px;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 10px;
}
#activity .hover-type-all:hover{
	background-color: #09694f;
}
#activity .price .discount{
	/*text-decoration: line-through;*/
    color: #9C9C9C;
    font-weight: normal;
    position: relative;
}
#activity .price .discount:before{
	content: '';
	position: absolute;
	top: 50%;
	width: 100%;
	border-bottom: 2px solid #9C9C9C;
}
#activity .item-list .item-img-box {
    width: 216px;
    height: 162px;
    overflow: hidden;
}
#activity .item-list .item-img {
    max-width: 216px;
    display: block;
    border: none;
}
#activity .item-detail:nth-child(5n+5){
    margin-right: 0;
}
#activity .item-title{
    width: 304px;
    height: 80px;
    line-height: 80px;
    color: #04AF4E;
    font-size: 26px;
    background: url("//statics3.seeedstudio.com/assets/img/bazaar/activity_bg_20160815.png") no-repeat;
    background-size:cover;
    margin: 20px auto 30px;
    position: relative;
    text-align: center;
}
#activity .item-title:first-child{
	margin-top: 0;
}
#activity .item-link{
    text-align: right;
    margin-right: 24px;
    line-height: 36px;
    color: #007AC9;
    cursor: pointer;
    margin-top: -36px;
}
#activity .item-link:hover{
    text-decoration: underline;
}
#activity .item-title-bor{
    height: 284px;
    width: 62px;
    border: 8px solid;
    border-image: linear-gradient(#6EE7E3, #7DD826) 20 20;
    transform: rotate(90deg);
    box-shadow: 0 0 2px #fff;
    background-color: #fff;
    margin: 0 auto;
}
#activity .item-title-con{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 300px;
    text-align: center;
    color: #04AF4E;
    font-size: 26px;
}
#activity .con-ta{
	width: 100%;
	/*position: absolute;*/
	padding-bottom: 100px;
}
#activity .btn-add-basket{
	display: block;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #0d926e;
}
#activity .dis-btn{
	display: block;
    color: #fff;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    background-color: #c7c7c7;
    cursor: no-drop;
}
#activity .tip{
	display: none;
}
#activity .tip-bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000000;
	opacity: 0.4;
	z-index: 100;
}
#activity .tip-con{
	position: absolute;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	z-index: 101;
}
#activity .faq{
	margin-top: -120px;
    color: #666;
    font-size: 13px;
    line-height: 15px;
    background: #f7f7f7;
    padding-bottom: 20px;
    display: none;
}
#activity .faq div{
	margin: 0 20px;
}
#activity a{
	color: #007AC9;
}
#activity .faq .til{
	font-size: 20px;
}
#activity .faq .fba-q{
	margin-top: 15px;
}
#activity .faq .fba-q:first-child{
	margin-top: 0;
}
#activity .faq .fba-a{
	margin-top: 5px;
}
/*到货通知*/
.notify-click{
	font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #00695C;
    text-decoration: underline;
}
.notifyTipsBox{
	display: none;
}
.notifyTipsBox .notifyTips{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background:rgba(0,0,0,0.5) none repeat scroll !important;
    background:#000;
    filter:Alpha(opacity=50);
}
.notifyTipsBox .tipCon{
	width: 455px;
    height: 330px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -227px;
    z-index: 100;
    background-color: #ffffff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.notifyTipsBox .secWidth{
	width: 650px !important;
	margin-left: -325px !important;
}
.tipCon .tip-cont{
	padding: 30px 30px 40px 30px;
}
.tipCon .tip-cont label{
	color: #00946C;
}
.tipCon .not-tips{
	text-align: center;
    /*font-weight: 600;*/
    font-family: DINPro-Medium, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #0D926E;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 37px;
}
.tipCon .tip-close{
	position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6c6c6c;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    right: -10px;
    top: -10px;
}
.tipCon .tip-ero{
	width: 320px;
	margin: 0 auto;
	height: 70px;
}
.tipCon input{
	width: 298px;
    display: block;
    height: 50px;
    padding-left: 20px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 1.17px;
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.tipCon .error-tip{
	color: red;
	display: none;
	font-size: 12px;
}
.tipCon .tip-sub{
	width: 320px;
    text-align: center;
    background-color: #0d926e;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    font-family: DINPro-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
}

/*无结果提示图片*/
.no-result-tips {
    width: 100%;
    text-align: center;
    padding-top: 5%;
}
.no-result-tips .no-result-img {
    width: 107px;
    margin: 0 auto;
}
/*404页面*/
#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;
}
.hover-type-all:hover{
	background-color: #09694f;
}

/*国旗*/
.country_flag{
	width: 18px;
	height: 18px;
	/*background: url('../img/countryflag.png');*/
	display: block;
    position: absolute;
    top: 20px;
    left: 12px;
}

/*订单详情
 fusion状态
 * */
.fus_status .fus-bg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0;
	z-index: 2;
}
.fus_status .tip{
    position: absolute;
    width: 450px;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    padding: 25px 30px 20px 20px;
    top: 40px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
    background: #FEFEFD;
    border-radius: 2px;
    z-index: 10;
}
.fus_status .tip:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-color: transparent transparent #FFFCF2 transparent;
    top: -19px;
    z-index: 2;
    left: 68px;
    border-left-width: 5px;
    border-right-width: 5px;
}
.fus_status .tip .out {
    border: 11px solid;
    border-color: transparent transparent #dfdfdf transparent;
    position: absolute;
    top: -22px;
    left: 67px;
    border-left-width: 6px;
    border-right-width: 6px;
}
.fus_status .tip li{
    vertical-align: baseline;
}
.fus_status .tip h1{
	margin: 0 0 16px 0;
    font-size: 16px;
    color: #3C3C3C;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.fus_status .tip li .fa{
    margin-right: 12px;
    font-size: 16px;
}
.fus_status .tip li .fa-check-square{
    color: #00936D;
}
.fus_status .tip li .fa-exclamation-triangle{
    color: #F5A623;
}
.fus_status .tip li .fa-clock-o{
    color: #9C9C9C;
}
.fus_status .tip li .status_name{
	color: #3C3C3C;
	line-height: 30px;
}
.fus_status .tip li .status_time{
	color: #9C9C9C;
	line-height: 30px;
}

/*分销商加盟*/
#distributor .top{
	height: 400px;
	background: #000000;
}
#distributor .dis-width{
	width: 1120px;
}
#distributor .title{
	width: 625px;
	height: 130px;
	padding-top: 112px;
	margin-left: 170px;
	font-size: 48px;
	color: #FFFFFF;
	line-height: 62px;
}
#distributor .desc{
	width: 800px;
	/*height: 185px;*/
	margin: 60px auto 45px;
	font-size: 16px;
	color: #3C3C3C;
	line-height: 30px;
	text-align: center;
}
#distributor h1{
	padding: 0;
	margin: 0;
}
#distributor .ques{
	height: 43px;
	line-height: 43px;
	font-size: 30px;
	color: #3C3C3C;
	text-align: center;
}
#distributor .item{
	width: 33.3333%;
	float: left;
}
#distributor .dv-tip i{
	float: left;
    font-size: 50px;
    transform: translateY(12px);
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    -moz-transform: translateY(12px);
    color: #0BB16D;
    margin-right: 12px;
}
#distributor .dv-tip img{
	display: inline-block;
    float: left;
    margin-right: 25px;
}
#distributor .li-tip{
	height: 19px;
    line-height: 19px;
}
#distributor .li-tip .item{
	font-size: 14px;
	color: #3C3C3C;
}
#distributor .li-tip .item label{
	color: #000000;
}
#distributor .li-tip .item .spe-tip{
	font-size: 12px;
	color: #6C6C6C;
	margin-left: 8px;
}
#distributor .sq-point{
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #3C3C3C;
	border-radius: 50%;
	vertical-align: middle;
    margin-right: 10px;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
}
#distributor .li-tip:before,#distributor .li-tip:after,#distributor .dis-fix:after,#distributor .dis-fix:before,#distributor .dv-tip:after,#distributor .dv-tip:before{
	content: '';
	clear: both;
	display: block;
}
#distributor .dis-gri{
	background: #EAF3F1;
	margin-top: 60px;
	font-size: 14px;
	height: 600px;
}
#distributor .dis-gri h1{
	font-size: 30px;
	color: #3C3C3C;
	padding: 35px 0 56px;
	text-align: center;
}
#distributor .dis-gri .dis-le{
	width: 620px;
	margin-right: 40px;
	background: #ffffff;
}
#distributor .dis-gri .dis-le .dv-tr{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
#distributor .dis-gri .dis-le .dv-tr span{
	opacity: 1;
}
#distributor .dis-gri .dis-le .dv-td-1{
	width: 170px;
	height: 100%;
	position: relative;
}
#distributor .dis-gri .dis-le .dv-td-2{
	width: 250px;
	height: 100%;
	position: relative;
}
#distributor .dis-gri .dis-le .dv-td-3{
	width: 200px;
	height: 100%;
	position: relative;
}
#distributor .dis-gri .dis-ri{
	width: 460px;
}
#distributor .dis-gri .dis-le .bg1{
	background: #39579B;
}
#distributor .dis-gri .dis-le .bg2{
	background: #334E8B;
}
#distributor .dis-gri .dis-le .bg3{
	background: #F5F6FA;
}
#distributor .dis-gri .dis-le .bg4{
	background: #EBEEF5;
}
#distributor .dis-gri .dis-le .bg5{
	background: #D7DDEB;
}
#distributor .dis-gri .dis-le .dv-tr:first-child{
	color: #ffffff;
}
#distributor .dis-gri .dis-le .dv-tr .tr-td-1{
	padding: 16px;
	line-height: 20px;
	display: inline-block;
}
#distributor .dis-gri .dis-le .dv-tr .earn{
	font-size: 16px;
    color: #3C3C3C;
    height: 22px;
    line-height: 22px;
    margin-top: 15px;
}
#distributor .dis-gri .dis-le .dv-tr .earn i{
	color: #39579B;
	font-size: 16px;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
}
#distributor .dis-gri .dis-le .dv-tr .sell{
    font-size: 12px;
    color: #3C3C3C;
    height: 17px;
    line-height: 17px;
    margin-top: 3px;
    margin-left: 45px;
}
#distributor .dis-gri .dis-le .dv-tr .ri-border:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #F1F1F1;
}
#distributor .dis-gri .dis-ri .til{
	font-size: 18px;
	color: #000000;
	height: 24px;
	line-height: 24px;
	position: relative;
}
#distributor .dis-gri .dis-ri .til .num{
	top: 2px;
	left: 0;
	font-size: 14px;
	color: white;
	width: 23px;
	height: 22px;
	line-height: 22px;
	text-align: center;
}
#distributor .dis-gri .dis-ri .til i{
	color: #39579B;
	font-size: 22px;
	padding-right: 2px;
	transform: translateY(2px);
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    -moz-transform: translateY(2px);
}
#distributor .dis-gri .dis-ri .ri-desc{
	font-size: 14px;
	color: #000000;
	line-height: 24px;
}
#distributor .dis-foot{
	height: 520px;
	background: #F9F9F9;
	text-align: center;
}
#distributor .dis-foot .foot-til{
	font-size: 30px;
	color: #3C3C3C;
	height: 41px;
	line-height: 41px;
	padding: 66px 0 30px;
}
#distributor .bot-w{
	width: 1090px;
}
#distributor .bot-w .item{
	width: 250px;
	height: 310px;
	background: #ffffff;
}
#distributor .bot-w .item p{
	margin: 0;
}
#distributor .bot-w .item i{
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 42px;
	color: #ffffff;
	display: block;
	margin: 30px 65px 20px;
	border-radius: 50%;
}
#distributor .bot-w .item .step1{
	background: #7EC5D9;
}
#distributor .bot-w .item .step2{
	background: #F9BE00;
}
#distributor .bot-w .item .step3{
	background: #9DC319;
}
#distributor .bot-w .item .step4{
	background: #1FC3BE;
}
#distributor .bot-w .item .step{
	font-size: 20px;
	color: #3C3C3C;
	height: 27px;
	line-height: 27px;
}
#distributor .bot-w .item .con{
	width: 220px;
	margin: 0 auto;
	font-size: 14px;
	color: #3C3C3C;
	margin-top: 10px;
	line-height: 19px;
}
#distributor .dis-ft-bar{
	height: 80px;
	background: #00936D;
	line-height: 80px;
	font-size: 18px;
	color: #FFFFFF;
}
#distributor .dis-ft-bar a{
	color: #FFFFFF;
	text-decoration: underline;
}
#distributor .dis-ft-bar i{
	display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 0.6;
    background: #00664C;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin-left: 30px;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
}
/*
 * fusion pcb layout servive style
 * edit by pc @2016-08-25
 */
#fusiton-pcb-layout {

}
#fusiton-pcb-layout .f-outer {
    width: 100%;
}
/*公共标题*/
#fusiton-pcb-layout .title {
    font-family: OpenSans-Semibold;
    font-size: 30px;
    color: #fff;
    padding-top: 120px;
}
#fusiton-pcb-layout .how-order .title { color: #3c3c3c;}
#fusiton-pcb-layout .banner-1 {
    background: url('//statics3.seeedstudio.com/assets/img/fusion/fusion_layout_pcb/fusion_layout_01.png') center no-repeat;
}
#fusiton-pcb-layout .banner-1 .dis {
    padding-top: 200px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
#fusiton-pcb-layout .banner-1 .dis li {
    float: left;
}
#fusiton-pcb-layout .banner-1-bg {
    height: 500px;
}
#fusiton-pcb-layout .banner-2 {
    background: url('//statics3.seeedstudio.com/assets/img/fusion/fusion_layout_pcb/fusion_layout_02.png') center no-repeat;
    height: 445px;
}
#fusiton-pcb-layout .banner-2 .arr-left {
    width: 55px;
    margin-top: 18px;
}
#fusiton-pcb-layout .banner-2 .ico-list { margin-left: 200px;}
#fusiton-pcb-layout .banner-2 .ico-list li {
    float: left;
    margin-right: 55px;
}
#fusiton-pcb-layout .banner-2 .text-list { margin-left: 200px;}
#fusiton-pcb-layout .banner-2 .text-list li {
    float: left;
    margin-top: 27px;
    color: #fff;
    font-size: 20px;
}
#fusiton-pcb-layout .banner-2 .btn {
    display: inline-block;
    width: 200px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background-color: #0DB26E;
}
#fusiton-pcb-layout .how-order { height: 593px;}
#fusiton-pcb-layout .how-order .title { padding-top: 43px;}
#fusiton-pcb-layout .how-order .img-1 {
    width: 358px;
    left: 160px;
}
#fusiton-pcb-layout .how-order .text {
    width: 700px;
    margin: 0 auto;
}
#fusiton-pcb-layout .how-order .list {
    text-align:left;
    top: 230px;
    right: 355px;
}
#fusiton-pcb-layout .how-order .list li {
    list-style-type: disc;
}
#fusiton-pcb-layout .how-order .text-1 {
    top: 150px;
    right: 180px;
}
#fusiton-pcb-layout .how-order .text-2 {
    margin-top: 350px;
    margin-bottom: 30px;
}
#fusiton-pcb-layout .how-order .mail-link {
    color: #0DB26E;
    text-decoration: underline;
}




/* 新用户首次进入 by longfei 2016-09-13 */
.activity-cover {
    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;
    filter:Alpha(opacity=50);
}
.activity-cover .btn-close {
    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;
}


.new-user-activity {
  position: fixed;
  top: 20%;
  left: 28%;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
  width: 650px;
  height: 490px;
  z-index: 999;
}
.new-user-activity .img-width {
  width: 650px;
}
.new-user-activity .desc {
  font-family: OpenSans-Semibold;
  font-size: 14px;
  color: #097B5C;
  margin: 20px 53px;
}
.new-user-activity .enter-input {
  width: 360px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 10px 0px;
  margin-left: 50px;
  border-radius: 2px;
}
.new-user-activity .enter-input .txt-input {
  border: none;
  outline: none;
  color: #333;
  width: 88%;
  padding: 0 20px;
  font-size: 14px;
  line-height: 30px;
}
.new-user-activity .btn-join-now {
  width: 170px;
  height: 50px;
  display: inline-block;
  margin-top: 0px;
  margin-left: 10px;
  border-radius: 2px;
}
.new-user-activity .txt-bottom {
  font-size: 12px;
  color: #C7C7C7;
  letter-spacing: 0px;
  clear: both;
  text-align: center;
  padding-top: 20px;
}

/*longfei */

/* edit by pc @2016-09-21 fusion header tips */
.j-h-fusion-tips {
    display: none;
    /*height: 85px;*/
    /*padding-top: 10px;*/
    color: #3c3c3c;
    background-color: #f8d02d;
    }
/*.j-h-fusion-tips p {
    line-height: 16px;
    margin: 0;
}
.j-h-fusion-tips .close-fusion-tips {
    position: absolute;
    right: -50px;
    top: 20px;
    display: block;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #EEFAF0;
    background-color: #B4E0CF;
}*/

/*FBA show*/
.usa_icon_cart{
	cursor: pointer;
	width: 120px;
}
.usa_icon_cart img{
	width: 100%;
}
.usa_icon_cart .ama_tip{
	left: 0;
	top: 32px;
	width: 275px;
	padding: 15px 20px;
	font-size: 12px;
	color: #3C3C3C;
	line-height: 20px;
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.10);
	border-radius: 2px;
	z-index: 2;
	word-break: normal;
}
.usa_icon_cart .ama_tip:after,.usa_icon_cart .ama_tip:before{
	content: '';
    display: block;
    position: absolute;
    border-color: transparent transparent transparent transparent;
    width: 0px;
    height: 0px;
    border: 8px transparent solid;
}
.usa_icon_cart .ama_tip:after{
	top: -14px;
	border: 7px transparent solid;
	border-bottom-color: #FFFFFF;
	left: 13px;
}
.usa_icon_cart .ama_tip:before{
	top: -17px;
	border-bottom-color: #DFDFDF;
	left: 12px;
}
.usa_icon_cart .ama_tip label{
	color: #00946C;
}


/*三个圆圈的加载动效*/
@-webkit-keyframes bubble-pulse{
	0%,
	80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	45%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
}
@keyframes bubble-pulse{
	0%,
	80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
	45%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
}
.el-loading-bubble.bubble1 {
    -webkit-animation-delay: .16s;
    animation-delay: .16s;
}
.el-loading-bubble.bubble2 {
    -webkit-animation-delay: .32s;
    animation-delay: .32s;
}
.el-loading-bubble.bubble2 {
    -webkit-animation-delay: .48s;
    animation-delay: .48s;
}
.el-loading-bubble {
    height: 12px;
    width: 12px;
    background-color: #9c9c9c;
    margin: 0 3px;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: 1s cubic-bezier(.2,.68,.18,1.08) infinite both bubble-pulse;
    animation: 1s cubic-bezier(.2,.68,.18,1.08) infinite both bubble-pulse;
}

/* fusion top banner */
/*.fusion-top-banner {
    display: block;
    background-color: #f8d02d;
}*/



/**
 * 万圣节 活动
 *
 */
.halloween-activity {
  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;
  filter: Alpha(opacity=50);
}
.halloween-activity .bg-main {
  width: 652px;
  background: url(//statics3.seeedstudio.com/assets/img/event/2016_halloween/bg_box_01.png);
  height: 340px;
  background-repeat: no-repeat;
  position: fixed;
  top: 20%;
  left: 28%;
}
.halloween-activity .bg-main p{
   margin: 0px;
   padding: 0px;
}
.halloween-activity .bg-main .btn-clone {
  position: absolute;
  top: 32px;
  right: 85px;
  height: 26px;
  width: 20px;
  cursor: pointer;
}
.halloween-activity .bg-main .txt-discount {
  position: absolute;
  top: 100px;
  left: 198px;
  color: #3E2A72;
  font-size: 70px;
  line-height: 70px;
}
.halloween-activity .bg-main .txt-coupon_code {
  position: absolute;
  top: 241px;
  left: 220px;
  color: #FF8B00;
  font-size: 28px;
}

/* edit by pc @2016-11-09 new fusion header */
/*fusion nav*/
/* #fusion-header .fusion-nav {
    line-height: 32px;
    background-color: #007A63;
    min-width: 1200px;
} */
/*height light*/
/* #fusion-header .fusion-nav .on {
    background: #006250;
    color: #fff;
} */
#fusion-header .user-fixed {
    height: 40px;
    top: 0;
    /*background-color: #007A63;*/
}
/* #fusion-header .child-list {
    display: none;
    width: 200px;
    top: 33px;
    left: 0;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 1px 0 10px #9C9C9C;
    color: #fff;
    z-index: 12;
} */
#fusion-header .child-list a {
    display: block;
    color: #3c3c3c;
    font-size: 13px;
}
#fusion-header .child-list a:hover {
    color: #007A63;
}
/* #fusion-header .more-link {
    padding: 6px 18px 2px 18px;
} */

/*shangxiang view-history*/
.view-history{
	background: #FFFFFF;
	/*border: 1px solid #DFDFDF;*/
	/*width: 100%;*/
	height: 360px;
}
.view-history .vi-title{
	padding: 70px 0 20px 0;
	font-size: 20px;
	color: #4A4A4A;
}
.view-history .vi-list{
	width: 860px;
}
.item-detail .view-history .vi-list .arr{
	font-size: 18px;
    color: #9C9C9C;
    background: #F9F9F9;
    border: 1px solid #DFDFDF;
    box-shadow: inset 2px 0px 0px 0px #FFFFFF;
    border-radius: 2px;
    padding: 17px 11px;
}
.item-detail .recipes .re-list .arr{
	font-size: 18px;
    color: #9C9C9C;
    background: #F9F9F9;
    border: 1px solid #DFDFDF;
    box-shadow: inset 2px 0px 0px 0px #FFFFFF;
    border-radius: 2px;
    padding: 17px 11px;
}
.vi-list .arr-left{
	left: 0;
    top: 40px;
    z-index: 9;
}
.vi-list .arr-right{
	right: 0;
	top: 40px;
    z-index: 9;
}
.vi-list .vi-item{
	width: 160px;
    height: 272px;
}
.vi-item .vi-item-img{
	display: block;
	width: 160px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
.vi-item .vi-item-img img{
	max-width: 100%;
    max-height: 100%;
    width: 158px;
    margin: 0 auto;
}
.vi-item .vi-item-name{
	font-size: 13px;
    color: #3C3C3C;
    line-height: 16px;
    margin-top: 10px;
    display: block;
    height: 48px;
    overflow: hidden;
}
.vi-item .vi-item-price{
	font-size: 14px;
    color: #F96235;
    line-height: 19.67px;
}
.vi-item .vi-item-add{
	width: 158px;
    height: 40px;
    /*background: #F6F6F6;
    border: 1px solid #DFDFDF;
    color: #3C3C3C;*/

   	background: #00946C;
   	color: #FFFFFF;

    text-align: center;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #007A63;
    box-shadow: inset 0px 1px 0px 0px rgba(58, 168, 138,0.50);
    border-radius: 2px;
}
.vi-item .vi-item-dis{
	width: 158px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    cursor: no-drop;
    background: #9C9C9C;
	border: 1px solid #6C6C6C;
	box-shadow: inset 0px 2px 0px 0px rgba(177,177,177,0.5);
	border-radius: 2px;
	color: #FFFFFF;
}
/*.vi-item .vi-item-add:hover{
	color: #00946C;
	background: #FFFFFF;
	border: 1px solid #00946C;
}*/
.vi-item .js-add-scc{
	bottom: 0;
}
/*首页活动模板样式*/
.home-activity{
	background: url('../img/Bitmap.jpg') no-repeat;
	background-size: cover;
	width: 860px;
	height: 340px;
	margin-top: 30px;
	font-size: 13px;
	color: #3C3C3C;
	border-radius: 5px;
}
.home-activity .tab{
	padding: 10px;
}
.home-activity .tab .common{
	font-size: 13px;
	color: #FFFFFF;
	display: inline-block;
	line-height: 18px;
	padding: 10px 15px;
	background: #E7364A;
	border-radius: 2px;
	cursor: pointer;
}
.home-activity .tab .miss{
	font-size: 16px;
	color: #E7364A;
	letter-spacing: 0px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.50);
	line-height: 22px;
}
.home-activity .tab .tip{
	font-size: 12px;
	color: #E7364A;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.50);
	line-height: 18px;
	display: block;
}
.home-activity .tab .tip:hover{
	text-decoration: underline;
}
.home-activity .tab .active{
	background: #FFFFFF;
	color: #9B4D00;
}
.home-activity .activity-con{
	width: 840px;
	height: 270px;
	margin: 0 auto;
}
.home-activity .activity-con .vi-list{
	width: 840px;
}
.home-activity .vi-container{
	padding: 10px 10px 20px;
}
.home-activity .vi-list .vi-item{
	height: 250px;
}

/* 单选按钮 */
.el-radio {
  color: #1f2d3d;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.el-radio + .el-radio {
  margin-left: 15px;
}
.el-radio__input {
  white-space: nowrap;
  outline: none;
  line-height: 1;
  vertical-align: middle;
}
.el-radio__inner,
.el-radio__input {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.el-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.el-radio__inner {
  border: 1px solid #c0ccda;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
.el-radio__inner.is-checked::after {
  transform: translate(-50%,-50%) scale(1);
}
.el-radio__inner::after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: transform 0.15s cubic-bezier(0.71,-0.46,0.88,0.6) 0s, -webkit-transform 0.15s cubic-bezier(0.71,-0.46,0.88,0.6) 0s;
  width: 4px;
}
.el-radio__inner.is-checked {
  border-color: #0d926e;
  background: #0d926e;
}
.el-radio__label{
  margin-left: 2px;
}

/*购物车*/
.fullTipBox{
	display: none;
	font-size: 14px;
	color: #3C3C3C;
	margin-bottom: -8px;
	font-family: 'OpenSans-Semibold', Helvetica, Arial, sans-serif;
}
.fullTipBox img,.fullTipBox span{
	vertical-align: middle;
}
.fullTipBox img{
	display: inline-block;
	margin-right: 5px;
}
.fullTipBox .link{
	color: #F96235;
	margin-left: 10px;
	vertical-align: middle;
}
.fullTipBox .link:hover{
	text-decoration: underline;
	cursor: pointer;
}

/*reivew star*/
.re-star{
	display: inline-block;
	width: 95px;
	height: 17px;
	/*background: url('../img/star.png');*/
	background: url('../img/svg/star.svg');
	transform: translateY(2px);
	-webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    -moz-transform: translateY(2px);
}
.star-1{
	background-position: 113px 17px;
}
.star-2{
	background-position: 132px 17px;
}
.star-3{
	background-position: 151px 17px;
}
.star-4{
	background-position: 170px 17px;
}
.star-5{
	background-position: 0 17px;
}

/*UserVoice*/
.uv_customer{
    font-size: 13px;
	background: #00936D;
	padding: 0 15px;
}
.uv_customer, .rootbot-link {
	position:fixed;
	right: 0;
	bottom: 0;
	height: 29px;
	line-height: 29px;
	color: #fff;
	border-radius: 6px 0 0 0;
}
.uv-icon{
	opacity: 1 !important;
}


.widget-app-container {
    bottom: 20px!important;
}

#hubspot-messages-iframe-container{
        bottom: 20px!important;

}

/* fusion 机器人 */
.rootbot-link {
    width: 150px;
    height: 52px;
    background: url('https://statics3.seeedstudio.com/assets/img/fusion/fusion_rootbot.png') 0 0 no-repeat;
}
.rootbot-link .text {
    position: relative;
    font-size: 13px;
    left: 10px;
    top: 20px;
}

/*首页秒杀活动*/
.sale-con{
	width: 100%;
	height: 680px;
	background: url('../img/sale-bg.png') no-repeat;
	background-size: cover;
	margin-top: -40px;
	margin-bottom: 40px;
}
.sale-top{
	width: 575px;
}
.sale-con .tip-img{
	padding: 30px 0;
}
.sale-con .s-btn{
	display: block;
	width: 65px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #FF6243;
	border: 1px solid #D83110;
	box-shadow: inset 0 2px 0 0 #FF876F;
	border-radius: 2px;
	top: 108px;
    right: 112px;
    color: #FFFFFF;
}
.sale-con .list{
	/*height: 350px;*/
	/*min-height: 300px;*/
}
.list .sale-load{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	min-height: 300px;
}
.list .sale-load img{
	margin: 0 auto;
	padding-top: 80px;
}
.sale-item{
	display: block;
	width: 230px;
	/*height: 350px;*/
	padding-bottom: 20px;
	float: left;
	background: #FFFFFF;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,0.16);
	margin-right: 12px;
	position: relative;
	transition: 0.3s;
}
.sale-item:nth-child(5n){
	margin-right: 0;
}
.sale-item:hover{
	box-shadow: none;
	transform: translateY(-5px);
}
.sale-item a{
	text-decoration: none;
	font-size: 14px;
	color: #3C3C3C;
}
.sale-item img{
	width: 230px;
	height: 173px;
	object-fit: cover;
}
.sale-item .name{
	width: 200px;
	margin: 10px auto 5px;
	line-height: 19px;
	height: 38px;
	overflow: hidden;
}
.sale-item .price-dis{
	font-size: 13px;
	color: #9C9C9C;
	text-decoration: line-through;
	line-height: 18px;
	margin: 5px 15px 0;
}
.sale-item .price{
	font-size: 21px;
	color: #FF6243;
	line-height: 28px;
	margin: 0 15px;
}
.sale-item .save{
	font-size: 14px;
}
.sale-item .btn{
	width: 198px;
	height: 40px;
	line-height: 40px;
	background: #FF6243;
	border: 1px solid #D83110;
	box-shadow: inset 0 2px 0 0 #FF876F;
	border-radius: 2px;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.10);
	margin: 12px auto 0;
	cursor: pointer;
}
.sale-item .btn:hover,.sale-con .s-btn:hover{
	background: #FB4825;
	border: 1px solid #AF1C00;
	box-shadow: inset 0 2px 0 0 #FF7155;
}
.sale-item .dis-btn{
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #DFDFDF;
	border: 1px solid #CCCCCC;
	box-shadow: inset 0 2px 0 0 #EDEDED;
	border-radius: 2px;
	color: #9C9C9C;
	text-shadow: 0 1px 1px rgba(0,0,0,0.10);
	margin: 12px auto 0;
	cursor: no-drop;
}
.sale-item .stock{
	position: absolute;
	top: 0;
	right: 20px;
	background: #FFCF45;
	width: 48px;
	height: 40px;
	font-size: 12px;
	color: #D83110;
	line-height: 17px;
}
.sale-item .stockAll{
	position: absolute;
	top: 0;
	left: 20px;
	background: #ADCF45;
	width: 55px;
	height: 40px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
}
.sale-item .dis-stock{
	color: #9C9C9C;
	background: #DFDFDF;
}
.sale-item .stock:after,.sale-item .stock:before,.sale-item .stockAll:after,.sale-item .stockAll:before{
	display: block;
	content: '';
	width:0;
	height:0;
	border-style:solid;
	position: absolute;
	bottom: 0;
	border-width: 5px 12px;
    bottom: -10px;
}
.sale-item .stockAll:after,.sale-item .stockAll:before{
	border-width: 5px 14px;
}
.sale-item .stock:after{
	right: 0;
	border-color:#FFCF45 #FFCF45 transparent transparent;
}
.sale-item .stockAll:after{
	right: 0;
	border-color:#ADCF45 #ADCF45 transparent transparent;
}
.sale-item .dis-stock:after{
	border-color:#DFDFDF #DFDFDF transparent transparent;
}
.sale-item .stock:before{
	left: 0;
    border-color: #FFCF45 transparent transparent #FFCF45;
}
.sale-item .stockAll:before{
	left: 0;
	border-color:#ADCF45 transparent transparent #ADCF45;
}
.sale-item .dis-stock:before{
	border-color:#DFDFDF transparent transparent #DFDFDF;
}
.js-add-scc{
	left: 15px;
	bottom: -2px;
	font-size: 12px;
}
.sale-input{
	width: 600px;
	height: 50px;
	padding-top: 42px;
}
.sale-input .up-inp{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.30);
	border-radius: 2px 0 0 2px;
	width: 369px;
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 22px;
	padding: 13px 10px 13px 20px;
	border-right: none;
}
.sale-input .up-btn{
	background: #FF9500;
	border: 1px solid #E58600;
	box-shadow: inset 0 2px 0 0 #FFB54C;
	border-radius: 0 2px 2px 0;
	height: 50px;
    line-height: 50px;
    width: 200px;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.10);
	text-align: center;
	cursor: pointer;
}
.sale-input .up-btn:hover{
	background: #DB8000;
	border: 1px solid #C67300;
	box-shadow: inset 0 2px 0 0 #EF9B25;
}
/*首页顶通倒计时*/
.j-index-full{
    height: 60px;
    line-height: 60px;
    background: #FF6243;
    overflow: hidden;
}
.j-index-full .top-dv{
	width: 1200px;
	margin: 0 auto;
}
.j-index-full .top-dv img{
	height: 40px;
    display: inline-block;
    margin-top: 10px;
    float: left;
}
.j-index-full .logo-time{
	font-family: 'OpenSans-Bold', Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #9D1900;
}
.j-index-full .logo-time .timer{
	font-family: 'OpenSans-Semibold', Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-shadow: initial;
}
.j-index-full .logo-time .timer label{
	color: #BB1E00;
	background: #FFFFFF;
	border-radius: 2px;
	padding: 4px 3px;
	margin-right: 1px;
}
.j-index-full .logo-time .timer .maohao{
	background: #FF6243;
	color: #FFFFFF;
}

/*fusion-header*/
#fusion-header .nav-layer .list-2 {
    width: 143px;
    left: 554px;
}

/*
 * 红点标记样式
 */
.sign-red {
    width:6px;
    height:6px;
    background: #F96235;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #FFFFFF;
    display: none;
}
.sign-myorder {
   top: 2px;
   right: 44px;
}
.sign-mycoupon {
   top: 2px;
   right: 60px;
}
.sign-top {
   top: -8px;
}

/**
 * 购物车界面样式
 */
.paypal-button-content img{
    width: 83px;
    height: 20px;
    margin: -3px 0 0 1px;
    display: inline-block;
}
.paypal-button {
    background: #FFC438;
    border: 1px solid #FEAF00;
    box-shadow: inset 0 1px 0 0 #FFDD8C;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.80);
    display: inline-table;
    line-height: 44px;
    width: 100%;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
}
.paypal-button:hover{
  background: #FFB609;
  border: 1px solid #F8AB00;
  box-shadow: inset 0 1px 0 0 #FFD87A;
}
.paypal-button-content {
    line-height: 35px;
    padding: 0px;
    margin: 0px;
    background: transparent;
    width: 200px;
    display: inline-block;
    overflow: visible;
}

.paypal-tip-box,.paypal-tip-box .paypal-tip-bg{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.paypal-tip-box .paypal-tip-bg{
	background: rgba(0, 0, 0, 0.6);
}
.paypal-tip-box .tip-box{
	width: 792px;
    height: 150px;
    background: #fff;
    padding: 50px 30px 55px;
    z-index: 104;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -436px;
    text-align: center;
}
.paypal-tip-box .paypal-button{
	width: 280px;
}
.paypal-tip-box .tip-box-close{
	position: absolute;
	width: 36px;
	height: 36px;
	right: -18px;
	top: -18px;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	background: #FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.50);
	color: #0d926e;
	cursor: pointer;
	font-size: 20px;
}



/*google translate*/
.goog-te-gadget-simple img{display:none !important;}
.goog-te-menu-frame{box-shadow:none !important;}/*position: absolute !important;*/
.goog-te-gadget-simple{background:none !important;border:none !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color: #888;}
.goog-te-banner-frame.skiptranslate {display: none !important;}
.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div{
	color: #3C3C3C !important;
	font-family: "OpenSans", Helvetica, Arial, sans-serif !important;
}
.goog-te-gadget-simple .goog-te-menu-value{
	display: block;
}
.goog-te-gadget-simple .goog-te-menu-value span{
	margin: 0 5px;
	/*float: left !important;*/
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(3){
	display: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span:nth-child(1){
	margin-left: 12px !important;
}
.goog-te-menu2{
	border: 1px solid #DFDFDF !important;
}
.goog-te-menu-value{
	padding: 0 !important;
}
#goog-gt-tt{
	display: none !important;
}


/*
 * 新建推荐商品公共样式
 */
#commonRecommend .vi-list .arr,
#commonRecommend .re-list .arr,
.commonHistory .vi-list .arr,
.commonHistory .re-list .arr {
  font-size: 18px;
  color: #9C9C9C;
  background: #F9F9F9;
  border: 1px solid #DFDFDF;
  box-shadow: inset 2px 0px 0px 0px #FFFFFF;
  border-radius: 2px;
  padding: 17px 11px;
}
#commonRecommend .vi-list{
  width: 950px;
}
#commonRecommend .vi-list .arr-left,
.commonHistory .vi-list .arr-left {
  left: 0;
  top: 90px;
  z-index: 9;
}
#commonRecommend .vi-list .arr-right,
.commonHistory .vi-list .arr-right {
  right: 0;
  top: 90px;
  z-index: 9;
}
#commonRecommend .vi-title{
  padding: 20px 0 20px 0;
}
/* fusion gallery beta */
.gallery-beta {
    right: 20px;
    top: -10px;
    color: #F96235;
}

.gallery-beta-header {
    right: -8px;
    top: -7px;
    color: #F8E81C;
}
/*fusion 特价版提示*/
.fusion_sp_tips {
    left: -16px;
    top: 19px;
    padding: 0 8px 0 5px;
    height: 60px;
    color: #b3b3b3;
    cursor: pointer;
}
.fusion_sp_tips .text {
    display: none;
    width: 260px;
    padding: 10px 15px;
    box-shadow: 1px 0 10px #9C9C9C;
    text-align: left;
    background-color: #fff;
    z-index: 10;
}
.fusion_sp_tips:hover .fa {
    color: #007A63;
}
.fusion_sp_tips:hover .text {
    display: block;
}
.swiper-slide {
	  will-change: transform;
}
/* pcba test style */
.pcba-test-detail {
    position: relative;
    box-sizing: border-box;
    width: 600px;
    color: #3c3c3c;
    top: 30%; 
    z-index: 9;
    padding: 20px 40px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
}
.pcba-test-detail .title {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}
.pcba-test-detail p { line-height: 18px; color: #6c6c6c;}
.pcba-test-detail h2 { margin: 0;}
.pcba-test-detail .btn-close {
    position: absolute;
    width: 30px;
    text-align: center;
    right: 0;
    top: 0;
    font-size: 20px;
    cursor: pointer;
}

/* 
* @description  nav
* @author duanliang
* @update-time 2017-8-3;
*/

/* .header-wrap-box {
    width: 100%;
    background: #fff;
    min-width: 1200px;
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.17);
}
.header-fixed {
    position: fixed;
    top:0;
    width: 100%;
    background: #fff;
    min-width: 1200px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.17);
    z-index: 12;
}
.header-wrap-box .header-content-wrap {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
} */

.header-content-wrap .logo-box {
    width: 192px;
}

.header-content-wrap .logo-box .logo-img {
    width:156px;
    /* height:30px; */
    /* margin-top:16px; */
    /* margin-top: 10px; */
    height:60px;
    object-fit: contain;
}

/* start nav-tab */
.header-wrap-box .nav-tab-list {
    border-right:1px solid #f6f6f6;
}
.nav-tab-list li.nav-tab-item{
    width: 86px;
    text-align: center;
    font-size:14px;
    height: 60px;
    cursor: pointer;
    border-left:1px solid #f6f6f6;
}
.nav-tab-long-item{
    width: 96px!important;
}

.nav-tab-list li .title-h2 {
    font-family: "OpenSans-Semibold";
    font-size: 13px;
    color: #3C3C3C;
    height: 60px;
    line-height: 60px;
    margin:0;
    
}
.nav-tab-list li .title-h2 a {
    display: block;
}
.nav-tab-list .active .title-h2 {
    opacity: 0.3;
    /* transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s; 
    -o-transition: opacity 0.2s;   */
}
.nav-tab-list li .nav-item-content-box {
    position: absolute;
    width: 100%;
    left:0px;
    height: 522px;
    background: #fff;
    z-index:1001;
    border-top:1px solid #ededed;
    box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.12);
    display: none;
}

.nav-tab-list .fusion-tab-item .nav-item-content-box{
    height: 310px;
}
.nav-tab-list .support-tab-item .nav-item-content-box{
    height: 310px;
}

.nav-tab-list .nav-item-content-box .nav-tab-content {
    width: 1200px;
    margin:0 auto;
    height: 478px;
    position: relative;
    padding:22px 0px;
}
.nav-tab-list .fusion-tab-item .nav-item-content-box .nav-tab-content{
    height: 266px;
}
.nav-tab-list .support-tab-item .nav-item-content-box .nav-tab-content{
    height: 266px;
}
.nav-item-content-box .nav-tab-content .icon-tip:before {
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #ededed;
    position: absolute;
    content: "";
    z-index: 888;
    top: -10px;
}
.nav-item-content-box .nav-tab-content .icon-tip:after {
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;
    position: absolute;
    content: "";
    z-index: 888;
    top: -9px;
}
/* start (bazaar funsion) 公共部分 */
.nav-tab-list .nav-tab-content .category-list{
    width: 1200px;
    position: relative;
}
.nav-tab-content .category-list .category-item {
    text-align: left;
    height: 35px;
    width: 192px;
}
.category-list .category-item .title-h3 {
    margin:0px;
    font-size:14px;
    width: 192px;
    height: 35px;
    font-weight: 400;
    position: relative;
    color:#333;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
}
.category-list .category-item .title-h3-hover {
    font-family: "OpenSans-Semibold";
    padding-left: 5px;
    width:197px
}
.category-list .category-item .title-h3-hover .icon-more{
   display: none;
}
.category-list .category-item .title-h3:hover {
    font-family: "OpenSans-Semibold";
    padding-left: 5px;
    width:197px
}
.category-list .category-item .title-h3:hover .icon-more {
    display: none;
}
.category-list .category-item .title-h3 .icon-more{ 
    position: absolute;
    right: 5px;
    font-size:16px;
    color:#dfdfdf;
}
.category-list .category-item .font-weight {
    font-weight: 700
}
.category-list .category-item .title-h3 .icon-active-class {
    color:#3c3c3c
}
/* 二级分类 */
.category-list .category-content-box {
    width: 1000px;
    display: none;
    position: absolute;
    left:192px;
    top:0px;
    height: 478px;
    z-index:6;
}
.category-list .title-list {
    width:190px;
    height: 100%;
    border-right:1px solid #f1f1f1;
}
.category-list .title-list li {
    line-height: 20px;
    padding-bottom: 12px;
}
.category-list .title-list li:hover {
    padding-left: 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
}
.category-list .title-list li a {
    color:#3c3c3c;
    font-size:14px;
    display: block;
}
.category-list .title-list li a:hover {
   font-family: "OpenSans-Semibold"
}
/* end (bazaar funsion) 公共部分 */

/* bazaar */
.nav-item-content-box .bazaar-content .icon-tip:before {
    left: 225px;
}

.nav-item-content-box .bazaar-content .icon-tip:after {
    left: 225px;
}
.nav-item-content-box .bazaar-content .line {
    width: 1px;
    height: 522px;
    border-right:1px solid #ededed;
    position: absolute;
    left:191px;
    top:0px;
}
.nav-item-content-box .bazaar-content .title-list{
    padding-left:20px;
    width: 170px;
}

/* img-list */
.category-list .category-content {
    width:808px;
}
.category-content .content-list {
    padding-left:40px;
}
.category-content .content-list .product-item-box {
    width: 180px;
    height: 210px;
    float:left;
    margin:8px 10px 12px 0px;
    text-align: center;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
}
.category-content .content-list .product-item-box:hover {
    box-shadow:0 0 20px 5px rgba(0,0,0,0.15);
    
}

.category-content .content-list .product-item-box .title-h4 {
    font-size:13px;
    width: 170px;
    line-height: 20px;
    overflow: hidden;
    color:#3c3c3c;
    margin:10px 0px 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:0px 5px;
}
.category-content .content-list .product-item-box .price-box {
    font-size: 14px;
    color: #00936D;
    margin:0px;
    font-family: "OpenSans-Bold"
}
.category-content .content-list .product-item-box .products-price {
    color:#9c9c9c;
    font-size: 12px;
    padding-left:5px;
    text-decoration:line-through; 
}

/* fusion */
.nav-item-content-box .fusion-content .icon-tip:before {
    left: 315px;
    transition: left 0.3s;
    -moz-transition: left 0.3s;
    -webkit-transition: left 0.3s; 
    -o-transition: left 0.3s; 
}

.nav-item-content-box .fusion-content .icon-tip:after {
    left: 315px;
    transition: left 0.3s;
    -moz-transition: left 0.3s;
    -webkit-transition: left 0.3s; 
    -o-transition: left 0.3s; 
}
.fusion-content .category-list .category-item {
    width:223px;
}

.fusion-content .category-list .title-list {
    border:none;
}
.fusion-content .category-list .category-item .title-h3{
    width:223px;
    font-weight: 400;
}
.fusion-content .category-list .category-item .title-h3 a { 
    display: block;
} 
.fusion-content .category-list li a:hover{
    font-weight:700;
}
.fusion-content .category-list .category-content-box {
    width:940px;
    left: 223px;
    height:260px;
}
.nav-item-content-box .fusion-content .title-list{ 
    width: 270px;
}
.fusion-content .category-content-box .category-img-box {
    width: 620px;
    height: 219px;
}
.fusion-content .category-content-box .category-img-box  img{ 
    display: block;
    width: 620px;
    height: 219px;
}
/* support */
.nav-item-content-box .support-content .icon-tip:before {
    left: 485px;
}

.nav-item-content-box .support-content .icon-tip:after {
    left: 485px;
}
.nav-item-content-box .support-content {
    height: 276px;
}
.support-content .support-title-list {
    width: 192px;
    height: 276px;
    border-right:1px solid #ededed;
    overflow: hidden;
}
.support-content .support-title-list li {
    text-align: left;
    height:30px;
}
.support-content .support-title-list li:hover {
    padding-left: 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
}
.support-content .support-title-list li .support-title {
    color: #333;
    font-size:14px;
}
.support-content .support-title-list li .support-title:hover{
    font-family: "OpenSans-Bold"
}

.support-content .img-list .img-item {
    width: 240px;
    float:left;
    margin-left:10px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    -o-transition: all 0.3s; 
}
.support-content .img-list .img-item img {
    width:240px;
    height: 135px;
}
.support-content .img-list .img-item:hover {
    box-shadow:0 0 20px 5px rgba(0,0,0,0.15);
}
.support-content .img-list .img-item .title-h4 {
    font-size:13px;
    height: 32px;
    line-height:17px;
    color:#333;
    margin:10px 0;
}
.support-content .img-list .img-item .tag-box {
    font-size:0;
}
.support-content .img-list .img-item .tag {
    display:inline-block;
    font-size: 12px;
    color: #9C9C9C;
    background: #f1f1f1;
    margin:0 2px;
    padding:2px 4px;
    width: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* end nav-tab */

/* search */
/* .header-wrap-box .header-search-wrap {
    width: 522px;
    height: 60px;
    border-right:1px solid #f1f1f1;
}
.header-wrap-box .header-search-wrap .search {
    position:relative;
    padding-left:20px;
    cursor: pointer;
} */

.header-search-wrap .search .search-nav-input {
    display: block;
    width:100%;
    height: 60px;
    line-height: 60px;
    border:0;
    padding:0;
    margin:0;
    font-size: 14px;
    color:#9c9c9c;
    font-style: italic;
}

.header-search-wrap .icon-search {
    position: absolute;
    right:12px;
    top:16px;
    font-size:28px;
}
.header-search-wrap .icon-search:hover {
    opacity: 0.8
}
.header-search-wrap .search-content-box {
   display: none;
}
.search-content-box .search-mask {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin:0 auto;
    background: rgba(0,0, 0, .8);
    z-index:999;
}
.search-content-box .search-content {
    position: fixed;
    top:0px;
    width: 895px;
    left:50%;
    margin-left: -432px;
    background: #fff;
    z-index:1002;
    opacity: 0;
    transition: all 0.3s;
}

.search-content-box .search-fadeIn-box {
    -webkit-animation: fadeIn 400ms both;
    animation: fadeIn 400ms both;
}
.search-content-box .search-fadeIn-box .icon-closed {
    -webkit-animation: close-small 600ms 150ms both;
    animation: close-small 600ms 150ms both
}
.search-content-box .ac-gn-searchview-close-wrapper {
	display: block;
	width: 41px;
    height: 41px;
    position: absolute;
    right:5px;
    top:6px;
    z-index: 33;
    cursor: pointer;
}
.search-content-box .ac-gn-searchview-close-wrapper:hover {
    opacity: 0.8
}

.ac-gn-searchview-close-wrapper .ac-gn-searchview-close-left,
.ac-gn-searchview-close-wrapper .ac-gn-searchview-close-right {
    height: 20px;
	width: 2px;
	background: #3c3c3c;
    position: absolute;
	display: block;
	top: 11px;
    z-index: 1;
    
}

.ac-gn-searchview-close-wrapper .ac-gn-searchview-close-left {
	right: 12px;
	-webkit-transform: scale3d(1, 0.65, 1);
	transform: scale3d(1, 0.65, 1);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.search-fadeIn-box .ac-gn-searchview-close-left {
	-webkit-animation: ac-gn-searchview-close-left-searchshow 450ms both;
	animation: ac-gn-searchview-close-left-searchshow 450ms both
}

.search-fadeOut-box  .ac-gn-searchview-close-left {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.search-fadeOut-box .ac-gn-searchview-close-left {
	-webkit-animation: ac-gn-searchview-close-left-searchhide 450ms both;
	animation: ac-gn-searchview-close-left-searchhide 450ms both
}

.ac-gn-searchview-close-wrapper .ac-gn-searchview-close-right {
	left: 12px;
	-webkit-transform: scale3d(1, 0.65, 1);
	transform: scale3d(1, 0.65, 1);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.search-fadeIn-box  .ac-gn-searchview-close-right {
	-webkit-animation: ac-gn-searchview-close-right-searchshow 450ms both;
	animation: ac-gn-searchview-close-right-searchshow 450ms both
}

.search-fadeIn-box .ac-gn-searchview-close-right {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.search-fadeOut-box .ac-gn-searchview-close-right {
	-webkit-animation: ac-gn-searchview-close-right-searchhide 450ms both;
	animation: ac-gn-searchview-close-right-searchhide 450ms both
}




.search-content .search-val-box {
    position: relative;
    width: 895px;
    z-index: 1002;
}
.search-content  .search-val-box .icon-search {
    position: absolute;
    width: 28px;
    left:10px;
    top:16px;
    font-size:28px;
    opacity: 0;
    -webkit-animation: search-animation 500ms both;
    animation:  search-animation 500ms both;
}
.search-content  .search-val-box .icon-closed {
    position: absolute;
    width: 25px;
    right:5px;
    top:16px;
    font-size:25px;
}
.search-content  .search-val-box .search-nav-input {
    display: block;
    width: 853px;
    padding-left:40px;
    height:57px;
    border:0;
    border-bottom:1px solid #f1f1f1;
}
.search-content .result-list {
    width: 874px;
    padding:20px 10px;
    display: none;
}
.search-content .result-list li {
    height: 32px;
    line-height: 32px;
    margin-bottom:5px;
    
}
.search-content .result-list li.searchresults-animated {
    -webkit-animation: searchresults-items-show 500ms both;
	animation: searchresults-items-show 500ms both
}
.search-content .result-list li a {
    display: block;
    font-size:14px;
    color:#9c9c9c;
    padding-left:10px;
    font-family: "OpenSans";
}
.search-content .result-list li:hover {
    height: 32px;
    line-height: 32px;
}
.search-content .result-list li a:hover {
    background: #f1f1f1;
    color:#01936e;
    font-weight: 700;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
}
.search-content .result-list li a:hover span {
    color:#01936e !important;
}
/* user */
/* .header-wrap-box .user-wrap-box {
    width: 86px;
    text-align: center;
    position: relative;
} */
/* .user-wrap-box .sign-in-box {
    height: 60px;
    line-height: 60px;
} */
.user-wrap-box .sign-in-box .sign-in-link {
    font-family: "OpenSans-Bold";
    font-size: 13px;
    color: #3C3C3C;
}
.user-wrap-box .sign-in-box .sign-in-link:hover {
    opacity: 0.8
}
.user-wrap-box .sign-red {
    position: absolute;
    right: 16px;
    top:12px;
}
/* .user-wrap-box .sign-in-box .user-img {
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color:#fff;
    border-radius: 50%;
    display: block;
    position:absolute;
    background:#8FC31F;
    top:16px;
    right: 20px;
} */
.user-wrap-box .sign-in-box .user-img:hover {
    opacity: 0.8;
}
/*edit by xh @2017-10-20 顶部下拉导航改成自适应*/
.user-wrap-box .user-info-list{
    display: none;
    position: absolute;
    width: 174px;
    /*height: 264px;*/
    padding:0px 28px;
    background: #fff;
    z-index:555;
    right: 3px;
    top: 59px;
    border-radius: 2px;
    border-top:1px solid #efefef;
    box-shadow: 0 10px 12px 0 rgba(0,0,0,0.12);
}
.user-wrap-box .user-info-list:before {
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #ededed;
    position: absolute;
    content: "";
    z-index: 55;
    right:20px;
    top: -10px;
}
.user-wrap-box .user-info-list:after {
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #fff;
    position: absolute;
    content: "";
    z-index: 55;
    right:20px;
    top: -9px;
}
.user-info-list ul .user-info-item {
    border-bottom:1px solid #f1f1f1;
    text-align: left;
    font-size:0px;
    color:#3c3c3c;
    height:50px;
    line-height: 50px;
}

.user-info-list ul .user-info-item:first-child i{
    font-size:29px;
}
.user-info-list ul .user-info-item:last-child {
    border-bottom:none;
    cursor: pointer;
}
.user-info-list ul .my-products {
    display: none;
}
.user-info-list ul .user-info-item i {
    display: inline-block;
    width:25px;
    font-size:30px;
    color:#6c6c6c;
    margin-right: 15px;
}
.user-info-list ul .user-info-item i.icon-products {
    font-size:20px;
    width:20px;
    padding-left:5px;
}

.user-info-list ul .user-info-item i.icon-BatchPurchase {
    font-size:20px;
    width:20px;
    padding-left:5px;
}

.user-info-list ul .user-info-item i.icon-Bills {
    font-size:20px;
    width:20px;
    padding-left:5px;
}

.user-info-list ul .user-info-item a {
    font-size:14px;
    color:#3c3c3c;
    display: block;
    height:50px;
    line-height: 50px;
}
.user-info-list ul .user-info-item:hover i {
     color:#3c3c3c;
}
.user-info-list ul .user-info-item:hover a,
.user-info-list ul .user-info-item:hover span {
     font-family: "OpenSans-Semibold"
}
.user-info-list ul .user-info-item span {
    font-size:14px;
    color:#3c3c3c;
    display: inline-block;
    position: relative;
    top:-5px;
}
.user-info-list ul .user-info-item  .sign-red {
    right: -10px;
}

/* shoppingCart */
/* .header-wrap-box .shopping-cart-box {
    height: 60px;
    line-height: 60px;
    width: 50px;
    position: relative;
} */
.shopping-cart-box .icon-cart {
    font-size:30px;
    position: relative;
    left:10px;
    top: -2px;
}
.shopping-cart-box .icon-cart:hover {
    opacity: 0.8
}
.shopping-cart-box a.link {
    display: block;
    height:60px;
}
.shopping-cart-box .cart-count {
    width:20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    color:#fff;
    position: absolute;
    right: 1px;
    top:10px;
    font-size:12px;
    font-family: "OpenSans-Semibold";
    background: #f96235;
}

.shopping-cart-box .cart-list {
    position: absolute;
    background: #fff;
    right: 0px;
    z-index:44;
    top:60px;
}

/* start 交互动画*/

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes search-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
        opacity: 1;
        -webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes search-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
        opacity: 1;
        -webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes close-small {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
		animation-timing-function: cubic-bezier(1, 0, 0, 1)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes close-small {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
		animation-timing-function: cubic-bezier(1, 0, 0, 1)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes ac-gn-searchview-close-left-searchshow {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

@keyframes ac-gn-searchview-close-left-searchshow {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}
@-webkit-keyframes ac-gn-searchview-close-left-searchhide {
	0% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1)
	}
}

@keyframes ac-gn-searchview-close-left-searchhide {
	0% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1)
	}
}

@-webkit-keyframes ac-gn-searchview-close-right-searchshow {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

@keyframes ac-gn-searchview-close-right-searchshow {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

@-webkit-keyframes ac-gn-searchview-close-right-searchhide {
	0% {
		opacity: 1;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1)
	}
}

@keyframes ac-gn-searchview-close-right-searchhide {
	0% {
		opacity: 1;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1, 0.65, 1);
		transform: scale3d(1, 0.65, 1)
	}
}

@-webkit-keyframes searchresults-items-show {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes searchresults-items-show {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

/* end 交互动画 */

/* index 增加fusion宣传位 */
.fusion-brands .mr5 { margin-right: 5px;}
.fusion-brands .mb5 { margin-bottom: 5px;}
.fusion-brands .btn {
    width: 140px;    
    line-height: 40px;
    color: #000;    
    opacity: 0.8;
    background: #F8E71C;
    border-radius: 2px;
    margin: 20px auto 0 auto;
}
.fusion-brands .yellow { color: #F8E71C;}
.fusion-brands .main-brands {
    width: 630px;
    height: 365px;
    text-align: center;
    color: #fff;
    font-family: 'OpenSans-Bold';
}
.fusion-brands .main-brands h2 { 
    font-size: 36px; 
    margin: 60px 0 20px 0;
 }
.fusion-brands .main-brands img {
    top: 0;
    left: 0;
    z-index: -1;
}
.fusion-brands .other-brands { width: 565px;}
.fusion-brands .other-brands a {
    position: relative;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 180px;
    text-align: center;
    font-family: 'OpenSans-Bold';
}
.fusion-brands .other-brands img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.fusion-brands .other-brands .middle{
    width: 280px;
}
.fusion-brands .other-brands .small{
    width: 185px;
}


/*大客户隐藏 @2017-10-20*/
.only-business {
    display: none;
}

/* 分销商隐藏 @2018-1-26*/
.only-distributor{
    display: none;
}

/* fusion xmas 2017 */
.fusion-xmas-2017 {
    display: none;
    box-sizing: border-box;
    width: 660px;
    height: 70px;
    background: url('https://statics3.seeedstudio.com/assets/img/fusion/xmas2017/cart_banner.png') 0 0 no-repeat;
    padding: 10px 0 0 66px;
    font-size: 13px;
}

.mt0 {
    margin-top: 0;
}
.mb0 {
    margin-bottom: 0;
}

/* 新增搜索栏 wiki 入口 */
.search-content .search-val-box .wiki-link {
  position: absolute;
  right: 80px;
  top: 10px;
  width: 74px;
  height: 38px;
  text-align: center;
  line-height: 40px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  box-shadow: inset 0 1px 0 0 #fff;
  border-radius: 2px;
  font-size: 16px;
  color: #9c9c9c;
}

/* 订单列表 fusion kit */
.kit-print-list, .kit-package-list {
    font-size: 12px;
    color: #7b7b7b;
    
}
.kit-print-list.c-3c, .kit-package-list.c-3c {
    color: #3c3c3c;
}
.kit-print-list li, .kit-package-list li {
    line-height: 18px;
}
.kit-title {
    font-size: 14px;
    color: #00936D;
    margin-top: 10px;
}
.kit-package-list .a-blue, .kit-print-list .a-blue {
    color: #007AC9;
    text-decoration: underline;
}

.radio-inline{
    height: 30px;
}

.p-mg25{
    padding-left:25px;
}
.li-mg10{
    margin-bottom:10px;
}

.no-border{
    border:none;
}

.disabled-geppetto{
    background: #bfb9b9!important;
    cursor: not-allowed!important;
    border: none!important;
}

@keyframes backgroundChange
{
    0%   {background: #fff3ef;}
    25%  {background: #eefaf0;}
    100%  {background: #fff3ef;}
}

@keyframes borderChange
{
    0%   {border:1px dashed  #f96235;}
    25%  {border:1px dashed  #00946c;}
    100%  {border: 1px dashed  #f96235;}
}

#fusion-header .fusion-nav .item {
    float: left;
    /* margin-right: 10px; */
    padding: 6px 10px 0 10px;
    color: #fff;
    border-bottom: 2px solid transparent;
}
#fusion-header .fusion-nav .item:hover {
    /*text-decoration: underline;*/
    border-bottom: 2px solid #fff;
}

.top-img{
    max-width: 1200px;
}

.header-wrap-box {
    width: 100%;
    background: #fff;
    min-width: 1200px;
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.17);
}
.header-fixed {
    position: fixed;
    top:0;
    width: 100%;
    background: #fff;
    min-width: 1200px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.17);
    z-index: 12;
}
.header-wrap-box .header-content-wrap {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

#fusion-header .fusion-nav {
    line-height: 32px;
    background-color: #007A63;
    min-width: 1200px;
}

/* search */
.header-wrap-box .header-search-wrap {
    width: 522px;
    height: 60px;
    border-right:1px solid #f1f1f1;
}
.header-wrap-box .header-search-wrap .search {
    position:relative;
    padding-left:20px;
    cursor: pointer;
}
#fusion-header .arr {
    top: -7px;
    left: 316px;
    width:0;
    height:0;
    border-left: 6px solid  transparent;
    border-right: 6px solid  transparent;
    border-bottom: 8px solid #007A63;
    line-height: 0;
    font-size: 0;
}
.com-width { 
    width: 1200px;
}

.nav-fusion{
    display:none;
}
#fusion-header .fusion-nav .on {
    background: #006250;
    color: #fff;
}
#fusion-header .more-link {
    padding: 6px 8px 2px 8px;
}
.header-wrap-box .user-wrap-box {
    width: 86px;
    text-align: center;
    position: relative;
}
/* shoppingCart */
.header-wrap-box .shopping-cart-box {
    height: 60px;
    line-height: 60px;
    width: 50px;
    position: relative;
}

.user-wrap-box .sign-in-box {
    height: 60px;
    line-height: 60px;
}

#fusion-header .child-list {
    display: none;
    width: 200px;
    top: 33px;
    left: 0;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 1px 0 10px #9C9C9C;
    color: #fff;
    z-index: 12;
}

.user-wrap-box .sign-in-box .user-img {
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color:#fff;
    border-radius: 50%;
    display: block;
    position:absolute;
    background:#8FC31F;
    top:16px;
    right: 20px;
}