/* @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");
}
/*DINPro-Medium*/
@font-face {
    font-family: "DINPro-Medium";
    src: url("../fonts/DINPro-Medium.ttf");
}

@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfoot/fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfoot/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfoot/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfoot/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfoot/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size: 20px;
  margin-right:8px;
  transform: translateY(3px);
  display: inline-block;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-step4:before { content: "\e61b"; }
.icon-step3:before { content: "\e61a"; }
.icon-step2:before { content: "\e619"; }
.icon-step1:before { content: "\e618"; }
.icon-15days:before { content: "\e617"; }
.icon-contactus:before { content: "\e612"; }
.icon-helpcenter:before { content: "\e611"; }
.icon-deliveryinfomation:before { content: "\e610"; }
.icon-shape:before { content: "\e61f"; }
.icon-shape1:before { content: "\e61e"; }
.icon-shape2:before { content: "\e61d"; }
.icon-certified:before { content: "\e61c"; }

/*potlayer*/
.potlayer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    background:rgba(0,0,0,0.5) none repeat scroll !important;
    background:#000;
    filter:Alpha(opacity=50);
}
.potlayer .potlayer__body {
    position: relative;
    height: 80%;
    margin: 3% auto;
    background-color: #fff;
}
.potlayer .btn-close-potlayer {
    position: absolute;
    right: -20px;
    top: -20px;
    display: block;
    width: 20px;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #e9e9e9;;
    color: #4a4a4a;
}
.potlayer .potlayer__confirm {
    position: relative;
    width: 430px;
    padding: 60px 35px 40px 35px;
    margin: 16% auto 0 auto;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 4px #cdcdcd;
}
.potlayer .potlayer__confirm .title {
    margin-bottom: 30px;
    font-family: "DINPro-Medium";
    font-size: 24px;
    line-height: 1.3em;
}
.potlayer .potlayer__confirm .text {
    max-width: 320px;
    margin: 0 auto;
    font-family: "DINPro";
}
.potlayer .potlayer__confirm .btn {
    width: 200px;
    display: block;
    margin-top: 40px;
}
.js-single-btn .btn {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/*
 * body base style
 */

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

/* a */
a { color: #4a4a4a; text-decoration: none;}
a:hover { }
a:active { }
a:visited { }

/*ul*/
ul { list-style-type: none; margin: 0; padding: 0;}
input, button, select, textarea{ outline:none}

/*base color*/
.c-ff { color: #fff;}
.c-4a { color: #8ccd6d;}
.c-9e { color: #9e9e9e;}
.c-9d { color: #9d9e9e;}
.c-9c { color: #9c9c9c;}
.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;}

.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;}

/*common width*/
.com-width { width: 1200px;}
.com-select { border: 1px solid #e9e9e9;}
.w100p { width: 100%;}

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

/*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: 46px;
    text-align: center;
    color: #4a4a4a;
    border: 2px solid #4a4a4a;
    transition: all 0.2s;
}
.btn-default:hover {
    color: #808080;
    border-color: #808080;
}
.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-color: #c7c7c7;
    /*border-radius: 5px;*/
    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;}
.com-img-uploader .file-item .upload-state-done {

}

/*back-to-top*/
.back-to-top {
    position: fixed;
    display: none;
    right: 50px;
    bottom: 50px;
    width: 40px;
    z-index: 3;
    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: 45px;
}
.header {
/*    position: fixed;*/
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
}
.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 { top: 10px; z-index: 9; background-color: #fff;}
.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;
}
.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: 2;
    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;
}
.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: 3;left: 0;}
/*购物车图标*/
.header-cart-btn {
    /*top: 9px;*/
    padding: 6px 10px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.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: 350px;
    background-color: #fff;
    box-shadow: 0 0 5px #9f9f9f;
    z-index: 2;
}
.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: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: #f5f5f5; padding:0 20px;}
.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;}
.header .logo img { width: 202px; }
.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: 9;}
.js-nav-fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}
.shop-nav {
}
.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: 40px;
    left: 0;
    z-index: 4;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.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);
}
.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 { margin-top: 40px;    background: #fff; clear: both; }
/* footer outer*/
.footer--outer { width: 100%;}

/* footer body*/
.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: #4a4a4a;}
.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--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--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 {
    float: left;
    /*margin-right: 10px;*/
    /*margin-top: 15px;*/
    /*width: 80px;*/
    height: 20px;
}
.footer--payment-list .paypal{
    /*width: 70px;*/
    margin: 14px 6px 0 15px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_paypal.svg') 0 0 no-repeat;*/
}
.footer--payment-list .paypal img { width: 70px;}
.footer--payment-list .visa{
    margin-top: 14px;
    margin-right: 12px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_visa.svg') 0 0 no-repeat;*/
}
.footer--payment-list .visa img { width: 48px;}
.footer--payment-list .mastercard{
    /*width: 40px;*/
    margin-top: 15px;
    /*background: url('//statics3.seeedstudio.com/assets/img/bazaar/svg_payment_mastercard.svg') 0 0 no-repeat;*/
}
.footer--payment-list .mastercard img { width: 30px;}
.footer--payment-list .macfee { margin-right: 120px;}
.footer--payment-list .macfee img {
    width: 70px;
    margin-top: 12px;
    margin-left: 20px;
}
/*显示所有组合*/
.show-all-comb { margin-top: 40px; border-top: 1px dotted #f5f5f5;}
.show-all-comb .btn {
    width: 290px;
    margin-top: -20px;
}







/*
 * 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%;
} */


#breadcrumb {
    margin: 0 auto 20px;
    color: #9c9c9c;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding-top: 20px;
}
#breadcrumb .bread-a {color: #9c9c9c;display: inline-block;text-decoration: underline;}
#breadcrumb .bread-a:hover { color: #4a4a4a;}
#breadcrumb .line { padding: 0 10px; color: #ccc;    display: inline-block;}


/*建立通用表单样式*/
.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;
}

.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 { margin-top: 20px;}
.item-list__filters {
    width: 239px;
    padding: 0 30px;
}
.item-list__filters .block { margin-bottom: 50px;}
.item-list__filters .js-slide { right: 0;}
.item-list__filters .title {
    margin: 10px 0;
    padding-bottom: 10px;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    border-bottom: 1px solid #e7e7e7;
}
/*.item-list__filters .choice-list { max-height: 250px; overflow: auto;}*/
.item-list__filters .choice-list li {
    margin: 10px 0;
    cursor: pointer;
}
.item-list__filters .choice-list .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: 860px;
    padding: 0 20px;
   /* border-left: 1px solid #f5f5f5;*/
}
/*轮播图片*/
#carousel-box {
    height: 300px;
}
.carousel .arr {
    position: absolute;
    display: block;
    z-index: 3;
    top: 130px;
    width: 50px;
    line-height: 50px;
    color: #4a4a4a;
    font-size: 20px;
    text-align: center;
    background-color: #fff;
    opacity: 0.3;
    cursor: pointer;
}
.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 10px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 3;
    opacity: 0.6;
}
.carousel .swiper-active-switch { background-color: #4a4a4a;}

.item-list__contnet .select-box select {
    width: 180px;
    padding: 8px;
}
/* paging 分页 全站通用 */
.paging {
    color: #b7b7b7;
    border-left: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;;
}
.paging .page-item,
.paging .page-prev,
.paging .page-next {
    float: left;
    width: 36px;
    line-height: 36px;
    text-align: center;
    border-right: 1px solid #e9e9e9;
}
.paging .page-on, .paging .page-item:hover {
    color: #4a4a4a;
    background-color: #f7f7f7;
}

/* 内容框 */
.item-list__contnet .content-box { min-height: 850px;}
.item-list__contnet .content-box .item {
    position: relative;
    float: left;
    width: 250px;
    padding: 20px 18px 30px 18px;
    transition: all 0.5s;
    /*border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;*/
}
.item-list__contnet .content-box .item .js-add-scc { bottom: 5px;}
.item-list__contnet .content-box .item:hover {
    background-color: #f9f9f9;
}
.item-list__contnet .content-box .item-img {
    width: 250px;
    height: 187px;
}
.item-list__contnet .content-box .item-name {
    height: 45px;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 10px;
    overflow: hidden;
    text-transform: uppercase;
}

.item-list__contnet .content-box .item-sku {
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    margin-top: 10px;
    overflow: hidden;
    color: #9C9C9C;
}
.item-list__contnet .content-box .item-price {
    margin: 10px 0;
    font-family: "DINPro-Medium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #0d926e;
}
.item-list__contnet .content-box .btn-add-basket {
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #0d926e;
}
.item-list__contnet .content-box .btn-add-basket:hover{
	background-color: #09694f;
}

/* 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;
}
.settlement__content {}

/*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; margin:  }
.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 #94d56d;}
.select-on .checked-ico {
    display: block;
    right: 5px;
    bottom: 5px;
    color: #94d56d;
}
.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;*/
}

/*新增 减免 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 {

}
.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;
}
.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;}
.final-review .prices {}
/*添加信用卡窗口 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 {
    width: 288px;
    padding: 20px;
    border: 1px solid #DFDFDF;
    background: #FFFFFF;
    z-index: 2;
}
.preview .sp-style{
	height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #6C6C6C;
}
.preview .title { /*color: #9e9e9e;line-height: 2.1em;*/ }
.preview .price { font-size: 16px;color: #3C3C3C;margin-right: 10px;}
.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: 50px;width: 100%;font-family: "OpenSans", Helvetica, Arial, sans-serif;}
/*订单最终确认弹出框*/
.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;
}
.comfirm-list tr { min-height: 100px;}
.comfirm-list .img img { width: 120px; height: 90px; margin-left: 20px;}
.comfirm-list .title {
    /*border-bottom: 1px solid #e9e9e9;*/
}
.comfirm-list .name {
    line-height: 1.2em;
    color: #100f3f;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}
.comfirm-list tr { padding: 0 25px;}
.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; }
.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 @2015-05-11 fusion订单样式*/
.order-fusion-list {
    font-size: 12px;
    color: #7b7b7b;
}
.order-fusion-list li { line-height: 18px;}

/*shopping cart details*/
.poplayer-md { width: 400px;height: auto;padding: 50px;}
/*edit by pc 2015-12-22 */
.cart-detail { width: 750px; padding: 0 40px;}
.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 { width: 60px; font-size: 14px; line-height: 30px; border: 1px solid #e9e9e9;}
.cart-list .edit-num { top: -5px;}
.cart-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: 960px; z-index: 1;}
.index-content .carousel .arr { display: none; top: 195px; border-radius: 50%;}
#carousel-index {height: 440px;}
.brand-show .last { border: none;}
/*商品展示*/
.index-content . {
    padding: 0 0 65px 0;
}
/*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;
}
*/

/*ver4.0 edit by pc @2016-03-19 */
.item-block { position: relative; margin-bottom: 40px;}
.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, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #6C6C6C;
}
/*占位符，无商品时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 {
    width: 780px;
    min-height: 600px;    /*最小高度*/
    padding: 0 60px;
    border-left: 1px solid #e9e9e9;
}
.account-block .title {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif;
    line-height: 1.4em;
}
.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 { 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;
}
.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 #f6f6f6;}
.info-card th { text-align: left; padding-left: 28px; font-weight: normal;}
.info-card td { padding: 10px 0 10px 28px;}
.info-card .val { margin: 0;}
.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%;}

.update-email {
    width: 420px;
    padding: 10px 25px 10px 25px;
}
#update-email .input { width: 400px;}
#update-email .potlayer__body { margin-top: 5%; height: auto;}
#update-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;}

/*edit by pc @2016-04-06 物流追踪样式*/
.tracking-block { display: none;}
.tracking-detail-box {
    margin-bottom: 30px;
}
.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 .wrapper {
  width: 31%;
}
.tracking-detail-box .img-wrap .wrapper .sub-img {
  margin-top: 10px;
  margin-left: 10px;
}
.tracking-detail-box .img-wrap .wrapper .desc {
  margin: 0px;
  margin-left: 5px;
  color: #00936D;
}
.tracking-detail-box .img-wrap .wrapper .c-9c{
  color: #9c9c9c;
}

.tracking-detail-box .img-wrap .wrapper .line {
  margin: 0;
  padding: 0;
  width: 180px;
  height: 2px;
  background-color: #00936D;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 60px;
}
.tracking-detail-box .img-wrap .wrapper .bg-df{
    background-color: #DFDFDF;
}
.tracking-detail-box .img-wrap .wrapper .bg-line {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 2px;
  background-color: #ededed;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 90px;
}
.tracking-detail-box .img-wrap .wrapper .tip-msg {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -20px;
  left: 86px;
}
.tracking-detail-box .img-wrap .wrapper .tip-msg .tip-name {
  margin: 0px;
  margin-left: -20px;
  color: #00936D;
}
.tracking-detail-box .img-wrap .wrapper-right {
  width: 7%;
}
.tracking-detail-box .img-wrap .wrapper-right .sub-img {
  margin-top: 10px;
  margin-left: 10px;
}
.tracking-detail-box .img-wrap .wrapper-right .desc {
  margin: 0px;
  margin-left: 5px;
  color: #9c9c9c;
}
.tracking-detail-box .img-wrap .wrapper-right .c-0936D {
  color: #00936D;
}





/*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;}
.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: 312px;
}
.nav-layer .list-2 { width: 143px; left: 554px;
    }
.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 {

}
.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
}

.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;
}

.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-wrap{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.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: #f60
}
.site-box ul{
    padding-bottom: 15px
}
.site-box h2{
    line-height: 0px;
}

/*edit by pc @2016-06-22 支付信息页面 start */
#pay-msg {}
.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;}
/*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;
}
.seeAll{
    float: right;
    font-size: 16px;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
}
.seeAll:hover{
    /*text-decoration: underline;*/
    color: #0d926e;
    /*border-bottom: 1px solid #0d926e;*/

}

/*edit by longfei @2016-08-01 货币换算 start*/
.currency-menu {
  cursor: pointer;
  position: relative;
  margin-top: 8px;
  margin-right: 10px;
}
.currency-menu .currency-avatar {
  padding: 12px;
  background-color: #fff;
  margin: 0px;
  position: relative;
}
.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: 32px;
  width: 84px;
  right: 0px;
  background-color: #fff;
  box-shadow: 0 0 5px #9f9f9f;
  text-align: left;
  line-height: 45px;
  display: none;
}
.currency-menu .sub-list li .name{
    display: block;
    text-align: right;
    width: 61px;
    position: relative;
}

.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{
	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;
}
#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 .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-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;*/
}
#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;
}
/*到货通知*/
.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: 12.5px;
    left: 12px;
}
.usd_flag{
	background: url('../img/svg/usd.svg') no-repeat;
	background-size: cover;
	/*background-position: 0 0;*/
}
.eur_flag{
	background: url('../img/svg/eur.svg') no-repeat;
	background-size: cover;
	/*background-position: -116px 0;*/
}
.jpy_flag{
	background: url('../img/svg/jpy.svg') no-repeat;
	background-size: cover;
	/*background-position: -21px 0;*/
}
.gbp_flag{
	background: url('../img/svg/gbp.svg') no-repeat;
	background-size: cover;
	/*background-position: -45px 0;*/
}
.cad_flag{
	background: url('../img/svg/cad.svg') no-repeat;
	background-size: cover;
	/*background-position: -93px 0;*/
}
.aud_flag{
	background: url('../img/svg/aud.svg') no-repeat;
	background-size: cover;
	/*background-position: -69px 0;*/
}

/*订单详情
 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-family: OpenSans-Semibold;
  font-size: 12px;
  color: #C7C7C7;
  letter-spacing: 0px;
  clear: both;
  text-align: center;
  padding-top: 50px;
}

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