@charset "utf-8";
h1, h2, h3, h4, h5, h6 { font-family:ProximaNova,Arial,Sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,html { font-family:ProximaNova,Arial,Sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100% ; word-break: break-all; background: #F8F8F8; font-size: 13px; -webkit-font-smoothing: antialiased;}
body.body-light { background: #fff;}
a { color: #757575;}
a:hover { text-decoration: none}
.font-smart {  font-family:ProximaNova,Arial,Sans-serif !important;}
.tc{text-align:center}
/*page print*/
@media print {
    .uk-print-hide { display:none;}
}
/*page print*/
.uk-print-show { display:none;}
@media print {
    .uk-print-show { display:block;}
}

.uk-badge-company:before { content: '@';}

@font-face {
    font-family: 'iconfont';  /* project id 96220 */
    src: url('//at.alicdn.com/t/font_96220_zahswkr0h9k.eot');
    src: url('//at.alicdn.com/t/font_96220_zahswkr0h9k.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_96220_zahswkr0h9k.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_96220_zahswkr0h9k.woff') format('woff'),
    url('//at.alicdn.com/t/font_96220_zahswkr0h9k.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_96220_zahswkr0h9k.svg#iconfont') format('svg');
}

@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-thin.woff?p) format("woff");  font-weight: 100;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-light.woff?p) format("woff");  font-weight: 300;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-regular.woff?p) format("woff");  font-weight: 400;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-semibold.woff?p) format("woff");  font-weight: 600;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-bold.woff?p) format("woff");  font-weight: 700;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-extrabold.woff?p) format("woff");  font-weight: 800;  font-style: normal  }
@font-face {  font-family: ProximaNova;  src: url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-black.woff?p) format("woff");  font-weight: 900;  font-style: normal  }
.iconfont{-webkit-font-smoothing: antialiased;}
.iconfont{ font-family:"iconfont"; font-size:24px; font-style:normal;}
.layui-layer { box-shadow: none;}
.layui-layer-light { box-shadow: none;  border-radius: 0;  border: 5px solid rgba(0,0,0,.3);}

.ui-price {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
.visible-login-none { }
.visible-login-none.login { display: none;}
.visible-login { display: none;}
li.visible-login.login { display: list-item; }
/*container*/
.container { width: 1226px; margin-right: auto; margin-left: auto;}

/* 文本超出省略 */
.line-clamp {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.line-clamp1 {-webkit-line-clamp: 1;}
.line-clamp2 {-webkit-line-clamp: 2;}
.line-clamp3 {-webkit-line-clamp: 3;}
.line-clamp4 {-webkit-line-clamp: 4;}
.line-clamp5 {-webkit-line-clamp: 5;}
.line-clamp6 {-webkit-line-clamp: 6;}
.line-clamp7 {-webkit-line-clamp: 7;}
.line-clamp8 {-webkit-line-clamp: 8;}
.line-clamp9 {-webkit-line-clamp: 9;}
.line-clamp10 {-webkit-line-clamp: 10;}

.uk-form-input {     max-width: 100%;
    padding: 4px 6px;
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #444444;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    border-radius: 4px;}

/*overwrite uikit*/
.uk-navbar-nav>li>a {font-family: ArialMT;color:#eaeaea;text-shadow:none!important;font-size: 20px}

.link-back { background-color: #fff; height: 50px; width: 50px; line-height: 50px; position: fixed; left: 50%; margin-left: 620px; bottom: 20px; color: #0baae4; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.2); text-align: center;}
.link-back strong { font-size: 30px; font-weight: normal; color: #0baae4;}

    /*top bar*/
.site-topbar {position: relative;  z-index: 30;  height: 40px;  font-size: 12px;  color: #b0b0b0;  background: #333;}
.site-topbar .topbar-nav { line-height: 40px; margin-top: 0;}
.site-topbar ul { margin-bottom: 0;}
.site-topbar .topbar-nav>li { margin-top: 0;}
.site-topbar .topbar-nav a { color: #b0b0b0;}
.site-topbar .topbar-nav a:hover { color: #fff;}
.site-topbar .topbar-nav>:nth-child(n+2):before { border-color: #424242; }
.site-topbar .topbar-nav i.iconfont { font-size: 14px; color: #b0b0b0;}
.site-topbar .menu-cart:before { content: ''; display: none; }
.site-topbar .menu-cart a { padding: 0 15px; height: 40px;}
.site-topbar .menu-cart div.uk-badge { position: absolute; display: none; top: 0; right: 0;}
.site-topbar .menu-cart.uk-open a{background: #d63412;}
.site-topbar .menu-cart.uk-open i.iconfont { color: #fff;}

    /*site-header*/
.site-header { background: #191B2A; padding-top: 10px; color: #fff;}
.site-header .header-logo{text-align: center}
/*.site-header .header-logo img{width: 115px;height: 19px;}*/
.site-header .site-category{text-align: center; width:100%;height:70px;line-height: 70px;display: flex;justify-content: center; align-items: center}
.site-footer { background: #fff; margin: 50px 0 0 0 ; min-height: 100px; padding-top: 40px;  color: #999;}
.site-footer .footer-logo { text-align: right; padding-right: 20px;}
.site-footer h5 {margin-bottom: 10px;   color: #999;}

.navbar-main { padding: 20px 20px 0 0;}
.navbar-main.uk-navbar { background: none; border: 0;}
.navbar-main.uk-navbar-nav>li>a { font-size: 16px;}
.navbar-main.uk-navbar-nav>li>a:hover,
.navbar-main.uk-navbar-nav>li>a:focus { border-color: #fff !important; background-color: #f0f0f0; color: #ea0001;}
.site-header>.container { position: relative;}
.site-category-list { display: none;  top: 107px;  left: 0;  z-index: 21;  width: 234px;  height: 460px;  font-size: 15px;}
.site-category-list>ul { height: 420px; border: 0; color: #fff;  background: #333;  background: rgba(0,0,0,0.6);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;     padding: 20px 0;}
.site-category-list .title {position: relative; display: block;  padding-left: 30px;  height: 42px;  line-height: 42px;  color: #fff;}
.site-category-list .title i.iconfont { position: absolute; top: 14px;  right: 20px;  font-size: 20px;  line-height: 16px; color: #e0e0e0}
.site-category-list .category-item-active .title { color: #fff; background: #d63412;}
/*home layout*/
.layout-home .site-category-list { display: block;}

.panel-search { text-align: left;background: #FFFFFF;border-radius: 20px;padding: 0 5px;width: 280px}

.panel-search input.search-field  { outline: none;padding: 8px 10px; border-width: 0 0 0 0; width: 240px;   font-size: 14px;  font-family:ProximaNova,Arial,Sans-serif; }
.panel-search a { font-size: 26px; margin-bottom: 6px; display: inline-block; vertical-align: bottom; }

.uk-search-flat input { border: 0; border-bottom: #ddd 1px solid; padding: 2px 3px;}
.uk-search-flat input:focus {  border-bottom-color:rgba(101,159,19,.7); outline: none  }

.home-hero-container { margin-bottom: 10px;}
.home-hero-slider {position: relative; height: 460px;}
.home-hero-slider .hd { position: absolute; z-index: 20; right: 20px; bottom: 20px;}
.home-hero-slider .hd ul { margin-bottom: 0;}
.home-hero-slider .bd ul { margin-bottom: 0;}
.home-hero-slider .hd li { display: inline-block ;width: 6px;  height: 6px;  margin: 0 5px;  border: 2px solid #fff;  border-color: rgba(255,255,255,0.3);  border-radius: 10px;  text-align: left;  text-indent: -9999px;  overflow: hidden;  _zoom: 1;  background: #f5f5f5; background: rgba(0,0,0,0.4);  -webkit-transition: all .2s;  transition: all .2s;}
.home-hero-slider .hd li.on { background: #fff; background: rgba(255,255,255,0.4);border-color: #757575;  border-color: rgba(0,0,0,0.4);}
.home-hero-slider .prev, .home-hero-slider .next {
    position: absolute;  left: 0;  top: 50%;  margin-top: -35px;  display: block;  width: 41px;  height: 69px;  background: url(../images/icon_slides.png)no-repeat;  filter: alpha(opacity=50);  opacity: 0.5;
}
.home-hero-slider .prev { background-position: -84px 50%;}
.home-hero-slider .prev:hover { background-position: 0 50%;}
.home-hero-slider .next  { right: 0; left: auto; background-position: -125px 50%;}
.home-hero-slider .next:hover { background-position: -43px 50%;}
.home-hero-slider .bd img { width: 992px;height: 460px}
/*Home section*/
.home-section { padding-bottom: 10px;}
.home-section .section-title { padding-top: 20px; margin-bottom: 10px;}

/*轮播图片*/
.sliderproduct { text-align: center; position: relative;}
.sliderproduct .bd { overflow: hidden; margin: 0 -10px;}
.sliderproduct .bd ul { padding-top: 5px !important; }
.sliderproduct .bd li {  margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; padding: 20px 0 10px 0; background: #fff; border-top: #ddd 1px solid;}
.sliderproduct .bd li p { margin: 0; color: #999; margin-bottom: 10px; font-size: 12px;}
.sliderproduct .bd li h5.title { margin: 10px 0 0 0;}
.sliderproduct .bd li .price { font-size: 16px;}
.sliderproduct .bd li.sliderproduct-item-0 { border-top-color: #ffac13;}
.sliderproduct .bd li.sliderproduct-item-1 { border-top-color: #83c44e;}
.sliderproduct .bd li.sliderproduct-item-2 { border-top-color: #2196f3;}
.sliderproduct .bd li.sliderproduct-item-3 { border-top-color: #e53935;}
.sliderproduct .bd li.sliderproduct-item-4 { border-top-color: #00c0a5;}
.sliderproduct .hd { overflow:hidden;  padding: 0;position: absolute; top: -90px; right: 0; }
.sliderproduct .hd ul{ float:right; overflow:hidden; zoom:1; margin: 5px 0;}
.sliderproduct .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: #ddd; border-radius: 5px; }
.sliderproduct .hd ul li.on{ background-color:#999; }

/*hot 1*/
.home-section-hotproduct1 .ad-1 img,
.home-section-hotproduct1 .ad-2 img{ width: 100%; height: 290px; margin-bottom: 10px;}
.hotproduct1 { position: relative;}
.hotproduct1 .hd { position: absolute; right: 0; top: -30px; left: auto;}
.hotproduct1 .hd .uk-subnav { float: right; margin: 0;}
.hotproduct1 .hd .uk-subnav li { margin: 0;}
.hotproduct1 .hd .uk-subnav li.on { color: #d63412;}
.hotproduct1 .bd ul { height: 600px;}
.hotproduct1 .bd li .product-item { overflow:hidden; text-align:center; padding: 20px 0 10px 0; margin-bottom: 10px; background: #fff; position: relative; }
.hotproduct1 .bd li .product-item p { margin: 0; color: #999; margin-bottom: 10px; font-size: 12px;}
.hotproduct1 .bd li .product-item h5.title { margin: 10px 0 0 0;}
.hotproduct1 .bd li .product-item .price { font-size: 16px;}
.hotproduct1 .bd li .product-item .sku { position: absolute; left: 5px; top: 5px; background-color: #35b3ee; color: #fff; font-size: 12px; line-height: 1.4em; display: inline-block; }
.hotproduct1 .bd .uk-grid-small { margin-top: 0 !important;;}

.block-customer-guide { background-color: #fff; padding-bottom: 40px; margin-bottom: 20px;}
.block-customer-guide .section-title { margin-bottom: 30px; padding-top: 30px;}
.block-customer-guide li a { display: block; width: 320px; height: 450px; margin: 0 auto; border-radius: 4px}
.block-customer-guide li a span { display: none; }
.block-customer-guide li.card-2d a { background: url("../images/icon_diy_2d.png")}
.block-customer-guide li.card-3d a { background: url("../images/icon_diy_3d.png")}
.block-customer-guide li.card-bespoke a { background: url("../images/icon_diy_bespoke.png")}

/*阴影*/
.item-shadow-hover {  -webkit-transition: all .2s linear;  transition: all .2s linear;   -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);  box-shadow: 0 15px 30px rgba(0,0,0,0.1);  -webkit-transform: translate3d(0, -4px, 0);  transform: translate3d(0, -4px, 0);}

/*系统面包屑*/
.uk-breadcrumb { padding: 10px 0; margin-bottom: 0;}
.uk-breadcrumb > li:nth-child(n+2):before { content: '>'; color: #b0b0b0; font-family: sans-serif;}


.filter-list-wrap {  position: relative;  }
.filter-list-wrap,
.filter-selected-list-wrap,
.full-toggle-wrap {  border-top: 1px solid #e0e0e0;  }
.filter-list-wrap:first-child,
.filter-selected-list-wrap:first-child,
.full-toggle-wrap:first-child {  border-top: 0;  }
.filter-list {  width: 1032px;  overflow: hidden;  _zoom: 1; -webkit-transition: height .3s ease-in;  transition: height .3s ease-in;  }
.filter-list dd {padding: 0 30px; height: 32px;line-height: 32px; border-radius: 16px;text-align: center;  }
.filter-list dd.active {background: #333333;}
.filter-list dd.active a {  color: #FFFFFF; }  .filter-list a {  color: #666666;  }
.filter-list dt, .selected-list dt {  position: absolute;  left: 0;  top: 11px;  width: 72px;  color: #b0b0b0; font-weight: normal; }
.filter-list, .selected-list {  position: relative; margin: 0;padding: 30px 0;  }
.filter-list dd,
.selected-list dd {  float: left; margin: 0; }

.order-list-box { padding: 10px 0;}
.order-list-box .order-list { margin-bottom: 0;}
.order-list-box .order-list li.active a { color: #FF6363; font-size: 14px;}
.product-list-box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 6px;
}
.product-list-box .product-item {
    width: 300px;
    margin-bottom: 20px;
}
.product-list-box .product-item .image{
    height: 400px;
    width: 300px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list-box .product-item .image img { height: 278px;  }
.product-list-box .title {  color: #333333; margin-bottom: 10px;margin-top: 10px; font-size: 16px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.product-list-box .price { font-size: 16px;font-weight: bold; color: #333333;!important;}


div.pagination { text-align: center; padding-top: 20px;}
ul.pagination{ list-style: none; }
ul.pagination li { display: inline-block; margin: 0 5px;}
ul.pagination a,
ul.pagination span { display: inline-block; width: 48px; height: 24px; padding: 4px 0; line-height: 24px; font-size: 18px; font-weight: 200; color: #b0b0b0;}
ul.pagination li.active span { background-color: #757575; color: #fff;}
ul.pagination a:hover { background-color: #fff;}

.product-detail { background-color: #fff;margin-top: 25px;}
/*.product-image-slider { padding: 20px;}*/
.product-image-slider .bd li{display: flex;justify-content: center}
.product-image-slider .hd {float: left;overflow: hidden;}
/*.product-image-slider .hd li { border: #CCCCCC 1px solid;border-radius: 6px;margin-right:10px;float: left;}*/
.product-image-slider .hd li.on { border-color: #F54C4C;}
/*.product-image-slider .hd li img { height: 80px; border-radius: 6px;}*/
.product-image-slider .bd img { box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.product-info-box {
    width: 580px;
    background: #FFFFFF;
    border-radius: 6px;
    padding:30px;
}
.product-info-box h1.product-name { font-size: 22px; line-height: 35px; margin-bottom: 10px;color: #1A1A1A;font-weight: bold; }
.product-info-box p.keyword { color: #999; font-size: 16px; margin: 5px 0;}
.product-info-box div.price { border-bottom: 1px solid #e0e0e0; margin-top: 20px;color: #999999;font-size: 16px;padding-bottom: 20px; }
.product-info-box div.price strong { color:#1A1A1A; font-size: 26px; line-height: 36px;font-weight: bold; }
.product-info-box div.price del { font-size: 16px; color: #999; margin-left: 10px; text-decoration: line-through;}

.spec-menu-content { padding: 20px 0;}
.spec-menu-content .spec-group { margin-bottom: 10px;}
.spec-menu-content .spec-group>label { font-size: 18px; margin-bottom: 5px; display: block;}
.spec-menu-content .spec-detail { padding: 5px 0; margin-left: 0}
.spec-menu-content .spec-detail .spec-detail-item { display: inline-block; margin-bottom: 5px; padding-left: 0; margin-right: 5px;}
.spec-menu-content .spec-detail>div>a {min-width: 86px; border: 1px solid #D6D6D6; font-size: 15px; display: block; text-align: center; padding: 1px;border-radius: 3px;}
.spec-menu-content .spec-detail>div>a span { line-height: 30px; padding: 0 10px; display: inline-block;}
.spec-menu-content .spec-detail>div>a img {height: 40px;}
.spec-menu-content .spec-detail>div>a.active { border-color: #1A1A1A; border-width: 1px; padding: 0; color: #1A1A1A;font-weight: bold;}
.spec-quantity-cmd { display: inline-block;border: #e5e5e5 1px solid;  text-align: center;}
.spec-quantity-cmd>i { display: inline-block; width: 34px; height: 34px; font-size: 30px; color: #999; line-height: 28px; text-align: center; font-style: normal; font-family: sans-serif}
.spec-quantity-cmd>span {  display: inline-block; width: 34px; height: 34px; font-size: 17px; vertical-align: top; line-height: 34px;color:#4A4A4A; }
.spec-quantity-cmd>input {  display: inline-block; width: 100px; height: 34px!important; font-size: 17px; vertical-align: top; line-height: 34px!important;color:#4A4A4A;border: none!important;text-align: center!important; }
.spec-menu-btn .uk-button { border-radius: 6px; padding: 2px 35px;width: 180px;height: 60px;margin-right: 20px}
.spec-menu-btn .uk-button-primary {  background: #F5A623;}
.spec-menu-btn .uk-button-success { background: #FF5959;}
.spec-menu-btn .uk-button-diy { float: right; margin-right: 0; width: auto; color: #FF5959; border-color: #FF5959; background-color: #fff;}
.spec-menu-btn .uk-button-diy.disabled { opacity: 0.5; cursor: default;}
.spec-menu-btn .add-to-cart{
    width: 278px;
    height: 66px;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #1A1A1A;
    font-weight: bold;
    font-size: 18px;
    color: #1A1A1A;
}
.spec-menu-btn .buy-now{
    width: 278px;
    height: 66px;
    background: #1A1A1A;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #D6D6D6;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
}
.spec-menu-top { background-color: #f9f9fa; padding: 20px 30px; margin-bottom: 20px;}
.spec-menu-top p { margin-bottom: 0;}

/*登录*/
.section-login { background: url("../images/au.jpg?v=1") no-repeat center; background-size: 100% auto; height: 600px; padding-top: 25px;}
.section-login~.site-footer { margin-top: 0;}
.section-login .form-login-container { background: rgba(255,255,255,0.85); margin: 50px auto; padding: 30px 40px 0 40px; width: 360px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.25); border-radius: 8px; }
.form-login-container .form-title { font-size: 22px; text-align:center; font-family: Arial-Black, Arial; font-weight: 900; color: #4A4A4A;}

.form-login-container .form-group { height: 34px; border-radius: 4px; border: 1px solid #CCCCCC; position: relative; margin-bottom: 25px; padding: 0 15px }
.form-login-container .form-group .control-label { display: none;}
.form-login-container .form-group span.error { position: absolute; right: 0; top: 9px; font-size: 12px; z-index: 2; color: #ff6600;}
.form-login-container .form-group .form-control { font-size: 12px; background: none; padding: 10px 0; border: 0; text-indent: 0; width: 100%; color: #333; outline: none;}
.form-login-container .form-group .form-control::-webkit-input-placeholder { color: #999;}
.form-login-container .form-command { text-align: center; padding: 30px 0px 50px;}
.form-login-container .form-command .btn { display: block; width: 100%;height: 44px;line-height:44px; color: #fff; background: #FF5959;  border-radius:4px; margin-bottom: 0px; }
.form-login-container .form-command .btn:hover { color: #666;}
.form-login-container #img_Verify { height: 38px; width: 100px; position: absolute; right: 0; top: 0; z-index: 1;}
.form-login-container .p-forget .create-account { color: #FF8080; }
.navbar-cart-container { width: 380px; padding: 10px; }
.navbar-cart-container .uk-button-success { border-radius: 6px;color: #fff;background: #FF5959;}
.navbar-cart-container p { margin: 0; line-height: 30px;}
.navbar-cart-container .cart-item { padding: 5px 0 5px 90px; min-height: 80px;}
.navbar-cart-container .cart-item .image { width: 80px; height: 80px; float: left; margin-left: -90px; }
.navbar-cart-container .cart-item h4 { font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 0}
.navbar-cart-container .cart-item p { color: #999;}

.uk-panel-account { border: 0;}
.uk-panel-account div.info { color: #999;}
.uk-panel-account { min-height: 250px; margin-bottom: 40px !important;}
.uk-panel-account h2.uk-h2 { line-height: 2em;}
.uk-panel-account h2.uk-h2 small { font-size: 14px; color: #999;}
.uk-panel-account h3{color: #4A4A4A;font-weight: 500;font-size:20px}
.uk-panel-account .uk-thumbnail { width: 120px; /*height: 120px;*/}
.uk-panel-account .uk-form-thumbnail-flat .uk-thumbnail { border-radius: 4px;}
.uk-panel-account .uk-form-thumbnail-flat .uk-thumbnail-add { text-align: center; line-height: 110px;}
.uk-panel-account .center-dashboard-link { font-size: 15px;}
.uk-panel-account .center-dashboard-link .iconfont { font-size: 22px; margin-right: 20px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #fff; background-color: #ff8f7d; display: inline-block; text-align: center;}
.uk-panel-account .center-dashboard-link .uk-panel-box { border: 0; background: none; padding: 0;  font-size: 18px;}
.uk-panel-account .center-dashboard-link .uk-panel-box:hover { }
.uk-panel-account hr { margin: 20px 0; border-top: #eee 1px solid;}
.account-profile-box{  display: flex; justify-content: space-between;  align-items: center;  }
.profile-box{background-image: url("../images/profile-bg.png");width: 366px;height:372px;}
.profile-box .edit-profile{ width: 80px; height: 28px; background: #FFFFFF; box-shadow: 0px 2px 10px 0px rgba(255, 0, 13, 0.23);  border-radius: 17px;  float: right;  margin-right: 10px;  margin-top: 10px;  line-height: 28px;  font-size: 12px;  color: #FF6363;  text-align: center;  }
.profile-box .edit-profile a{color: #FF6363;  }
.profile-box .logo-box{margin-top: 40px;width: 100%; text-align: center; color: #FFFFFF;  }
.profile-box .logo-box .uk-thumbnail{ width: 160px;height:160px; border-radius: 50%;  }
.profile-box .logo-box .uk-h2{  color: #FFFFFF;  font-size: 36px;  font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: 500;  }
.profile-box .logo-box .info{color: #FFFFFF; font-family: SourceHanSansCN-Regular, SourceHanSansCN;  font-weight: 400;margin-bottom: 5px }

.account-box{width: 544px; height: 372px; background: #FFFFFF; border-radius: 6px; margin-left: 20px; }
.account-box .uk-h4{padding: 20px 30px 0 30px;color: #4A4A4A;font-size: 20px;font-weight: 500;  }
.account-box hr{margin: 0 30px; border-top: #eee 1px solid;  }

.account-box .items{ margin-top: 45px; display: flex; justify-content: space-around;  align-items: center;  }
.account-box .items .line{  width: 1px;  height: 200px;  background: #eee;  }
.account-box .items .item{ text-align: center; width: 49%;  }
.account-box .items .item .uk-h1{ font-family: FZZZHONGJW--GB1-0, FZZZHONGJW--GB1; font-weight: normal; color: #FF6363; font-size: 45px;  }
.account-box .items .item p{ font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-weight: 400; color: #333333; font-size: 20px;  }
.account-box .items .item p{ font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-weight: 400; color: #333333; font-size: 20px;  }
.account-box .items .item .actions{ margin-top: 30px; display: flex; justify-content: space-around; }
.account-box .items .item .actions .uk-text-warning{ width: 90px; height: 28px; line-height: 28px; border-radius: 17px; border: 1px solid #FF6363; text-align: center;  }
.account-box .items .item .actions .uk-text-warning a{ color: #FF6363;  }
.account-box .items .item .actions .uk-text-primary{ width: 90px; height: 28px; line-height: 28px; border-radius: 17px; border: 1px solid #5F8FFA; text-align: center;  }
.account-box .items .item .actions .uk-text-primary a{ color: #5F8FFA;  }
.uk-panel-box-secondary-menu { border: 0; padding: 30px;}
.uk-panel-box-secondary-menu .uk-panel-title { margin-bottom: 20px;}
.uk-panel-box-secondary-menu .uk-list-line > li:nth-child(n+2) { border-top: 0; font-size: 14px;}
.uk-panel-box-secondary-menu .uk-list-line > li { padding: 5px 0;}
.nav-goods-detail{
    background: #fff;
    margin-top: 20px;
}
.product-detail-nav {padding: 20px 0;}
.product-detail-nav li { display: inline-block; list-style: none; font-size: 20px; margin-left: 40px}
.product-detail-nav li.active a { color: #FF6363;font-weight: 800;}
.uk-subnav-line > :nth-child(n+2):before{
    border: none;
}
.cart-list-container { background: #fff;}
.cart-list-container .uk-table th { padding: 20px; font-size: 14px; font-weight: 300}
.cart-list-container .uk-table td { padding: 15px 20px; font-size: 14px; font-weight: 300;}
.cart-list-container .cart-item { padding: 5px 0 5px 90px; min-height: 80px;}
.cart-list-container .cart-item .image { width: 80px; height: 80px; float: left; margin-left: -90px; }
.cart-list-container .cart-item h4 { font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 0}
.cart-list-container .cart-item p { font-size: 14px; color: #666;}
.cart-list-container .link-remove .iconfont { font-size: 22px;}

.uk-form input[type=radio],.uk-form input[type=checkbox] { width: 20px !important; height: 20px !important; line-height: 20px; border-radius: 0!important;}
.uk-form input[type=checkbox]:checked,.uk-form input[type=radio]:checked {border-color: #d63412 !important;}
.uk-form input[type=checkbox]:checked:before, .uk-form input[type=checkbox]:indeterminate:before,
.uk-form input[type=radio]:checked:before, .uk-form input[type=radio]:indeterminate:before{
    content: '-';
    background: #d63412 url("../images/icon_checked.png") center no-repeat !important;
    background-size: 80% 80%;
    border-color: #d63412 !important;
    color: #fff;
    font-family: "iconfont" !important;
    line-height: 16px !important;
    height: 100% !important;
    width: 100% !important;
    font-weight: bold;
    overflow: hidden;
    text-indent: -200px;
    border-radius: 0!important;
    margin: 0 !important;
}
.cart-total-container { margin-top: 20px; background: #fff; text-align: right;}
.cart-total-container strong { font-weight: 200; color: #666; font-size: 16px; display: inline-block; padding:0 15px; line-height: 45px;}
.cart-total-container .uk-button { border-radius: 6px; line-height: 45px;color: #fff;background: #FF5959;}

.section-checkout {}
.checkout-container { background: #fff; padding: 20px 35px;}
.checkout-container .uk-button-confirm { border-radius: 6px;border-color: #ff0036;color: #fff; background: #FF5959;}
.address-list{display: flex; padding-right: 130px; }
.address-list .uk-panel-box { cursor: pointer; position: relative; margin-bottom: 10px; border-radius: 0;}
.address-list .uk-panel-box .command { bottom: 10px; right: 10px; position: absolute;}
.address-list .uk-panel-box.active {background: #fff; border-color: #ff6700;}
.address-list .uk-panel-box.active .uk-badge { background:#ff6700; }
.address-list .uk-panel-box .address-tag { position: absolute; right: 10px; top: 10px;}
.address-list .uk-panel-box h3 { margin-bottom: 10px; margin-top: 5px;}
.address-list .uk-panel-box p { color: #999; margin: 5px 0 10px 0;}
.address-list .uk-panel-box address { margin-top: 0;color: #999; margin-bottom: 0px;}
.address-list .address{
    width: 300px;
    height: 130px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #FF6363;
}
.address-list .address .uk-badge-danger{
    background: #FFCACA;
    color: #FF5959;
    border-radius: 6px;
    padding: 2px 5px;
}
.address-list .btn-add { width: 200px;  height: 130px; background: #FFFFFF; border-radius: 6px; border: 1px solid #FF6363; display: flex; justify-content: center; align-items: center; }
.address-list .btn-add i.iconfont { width: 34px; height: 34px; display: inline-block; text-align: center; background: #FF8080; color: #fff; font-size: 34px; line-height: 40px; border-radius: 50%;}
.option-list .uk-panel-box {border-radius: 0; padding: 10px 20px ; cursor: pointer; text-align: center;}
.option-list .uk-panel-box.active { background: #fff; border-color: #ff6700;}
.option-list .uk-panel-box.active h4 { color: #ff6700 !important; }
.checkout-container .table-product.uk-table {margin-bottom: 40px;}
.checkout-container .table-product.uk-table th { background-color: #f0f0f0;}
.checkout-container .table-product.uk-table .uk-thumbnail { width: 40px; height: 40px; float: left; margin-right: 10px;}
.checkout-container .uk-text-total,
.payment-container .uk-text-total { font-size: 16px; padding-right: 20px;}

/**/
.dialog-footer { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%;}
.dialog-footer .form-command { background: #fff; padding:10px 15px; text-align: right; border-top: #ededed 1px solid;}
.dialog-footer .form-command .info { float: left;}
.dialog-footer .uk-button { margin-left: 15px; }
.dialog-footer .uk-button-primary { border-radius:15px; padding:0 25px;}
.dialog-footer .uk-button-cancel { border:0; background:#fff;}

.uk-form-dialog { margin: 5px; padding: 15px; background: #fff;}
.uk-form-dialog input[type=text],
.uk-form-dialog select,
.uk-form-dialog textarea { border-radius: 0;}

.uk-form-tiny.uk-form-horizontal .uk-form-label { margin-left: -10px; width: 110px;}
.uk-form-tiny.uk-form-horizontal .uk-form-controls {margin-left: 120px; }

.article-subtitle { margin-bottom: 0; padding: 10px; }

.order-total-list li { padding: 10px;}
.order-total-list li span { display: inline-block; width: 100px; text-align: right}
.order-total-list li.price-product { font-size: 16px;}
.order-total-list li i { font-style: normal;}
.pay-success{background: #FFFFFF;border-radius: 6px; display: flex; flex-direction:column; padding: 100px 0 30px;  }
.pay-success img{ margin: auto;  }
.pay-success div{ margin: auto; color: #FF6363; font-size: 20px;  }
.pay-success .home{ width: 220px; height: 50px; line-height: 50px; background: #FF6363; border-radius: 25px; text-align: center; color: #FFFFFF; margin-top: 100px;  }
/*payment*/
.payment-container { background: #fff; padding: 20px 35px; min-height: 550px;}
.payment-container .uk-button-confirm {background: #FF5959;color:#fff;padding: 0 30px}

.diy-nav-panel {background: #fff url("../images/au_2.jpg") no-repeat center; background-size: 100% auto; padding: 20px 35px; min-height: 550px;}
.diy-nav-panel~.site-footer { margin-top: 0;}
.diy-nav-panel>.container { width: 1000px;}
.diy-nav-panel { text-align: center;}
.diy-nav-panel .uk-grid { padding-top: 180px;}
.diy-nav-panel a { font-style: normal; font-weight: 200; display: inline-block; text-shadow: 2px 2px #ff0000; width: 180px; background-color: rgba(255,255,255,0.3); height: 180px; border: 1px solid rgba(255,255,255,0.6); border-radius: 50%; font-size: 36px; line-height: 180px; color: #fff;}
.diy-nav-panel a:hover { background-color: rgba(255,255,255,0.5)}
.diy-nav-panel a.nav-1 { border-color: #ffac13; text-shadow: 2px 2px #ffac13;}
.diy-nav-panel a.nav-2 { border-color: #83c44e; text-shadow: 2px 2px #83c44e;}
.diy-nav-panel a.nav-3 { border-color: #2196f3; text-shadow: 2px 2px #2196f3;}

/**/
.panel-wizard { background-color: #fff; margin-bottom: 20px; position: relative;}
.panel-wizard>.uk-grid { width: 100%;}
.panel-wizard li { text-align: center;}
.panel-wizard h3 {margin-bottom: 5px;}
.panel-wizard .uk-navbar-nav>li { }
.panel-wizard .uk-navbar-nav>li>a { height: auto;  padding: 10px; border-top: 1px solid #ccc;}
.panel-wizard .uk-navbar-nav>li.uk-active.item-0 a{ border-top-color: #ffac13;}
.panel-wizard .uk-navbar-nav>li.uk-active.item-1 a{ border-top-color: #83c44e;}
.panel-wizard .uk-navbar-nav>li.uk-active.item-2 a{ border-top-color: #2196f3;}
.panel-wizard .uk-navbar-nav>li.uk-active.item-3 a{ border-top-color: #e53935;}
.panel-wizard .uk-navbar-nav>li.uk-active.item-4 a{ border-top-color: #00c0a5;}
.panel-wizard .uk-navbar-nav-subtitle>div { line-height: 16px;}
.panel-wizard .uk-navbar-flip { position: absolute; right: 0; float: none; z-index: 1000;}
.panel-wizard .uk-navbar-flip .link-more { display: inline-block; padding: 15px 20px; line-height: 30px; font-size: 15px; color: #00a8e6}
.panel-wizard .uk-navbar-flip .link-more i { font-size: 20px; margin-right: 4px;}
.panel-wizard .uk-navbar-flip .link-more span { display: inline-block; vertical-align: top}

/*操作提示*/
.design-guide-info { position: absolute; left: 50%; margin-left: 590px; top: 295px; border: rgba(0,160,233,0.5) 1px solid; border-radius: 10px; padding: 1px; background: rgba(255,255,255,0.8); z-index: 1000;}
.design-guide-info>div {border: rgba(0,160,233,0.45) 3px dotted; border-radius: 8px; min-width: 210px; padding: 10px;}
.design-guide-info>.uk-btn-close { position: absolute; color: rgba(0,160,233,0.8); right: -5px; top: -5px; background-color: #fff; font-size: 12px; display: inline-block; width: 16px; height: 16px; line-height: 17px; text-align: center; border-radius: 50%; border:rgba(0,160,233,0.8) 1px solid; }

.system-message { background: #fff; padding: 40px; min-height: 400px; margin-top: 45px;}

/**/
.pageConf , .pageConf *{  display : inline;  }
.ui-page{  display : inline-flex;  }
.pagination{  margin : 0;  }
.ui-page > * {  margin-right : 10px;  }
.ui-page input[type="text"] , .ui-page select{  width : 34px;  height : 34px;  line-height : 34px;  text-align : center;  border : 1px solid #eee;  margin : 0 4px;  background-color : #fff;  border-radius : 0;  }
.ui-page select{  width : auto ;  }

.uk-subnav-tab { font-size: 16px; margin-bottom: 15px;}
.uk-subnav-tab > .uk-active > * {  color: #ff6700 }
.uk-subnav-tab > :before { height: 16px;}

.uk-data-container tbody { font-size: 14px;}
.uk-data-container thead th { background-color: #eee; font-weight: 400; padding-top: 15px; font-size: 15px; padding-bottom: 15px;}
.order-count-box{
    width: 550px;
    height: 50px;
    background: #F3F3F3;
    border-radius: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style:none;
    padding: 0;
}
.order-count-box > .uk-active{
    width: 151px;
    height: 42px;
    background: linear-gradient(135deg, #FFB990 0%, #FF3241 100%);
    border-radius: 40px;
}
.order-count-box > .uk-active a{
    color: #FFFFFF!important;
}
.order-count-box > .order-count a{
    color: #333333;
}
.order-count-box .order-count{
    width: 151px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    margin:0px;
    text-align: center;

}
.order-list {}
.order-list .order-item { border: #ddd 1px solid;  margin: 20px 0;}
.order-list .order-item-header h3.order-status { margin: 0; padding: 10px 20px; border-bottom: #ddd 1px solid; background: #F0F0F0}
/*.order-list .order-item-header h3.order-status .uk-badge {*/
    /*width: 80px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*background: #54A2FE;*/
    /*box-shadow: 0px 2px 10px 0px rgba(84, 162, 254, 0.33);*/
    /*border-radius: 20px;*/
    /*text-align: center;*/
/*}*/
.order-list .order-item-header .uk-float-right { margin-left: 10px;}
.order-list .order-item-header .icon-logistics .iconfont { font-size: 18px; vertical-align: middle}
.order-item .order-data { padding: 10px 20px; font-size: 14px;}
.order-item .order-data ul  { margin-bottom: 0}
.order-item .order-product-list { margin-top: 0;}
.order-item .order-total { font-size: 14px; padding: 10px 20px; text-align: right}
.order-item .order-total strong { font-size: 28px; font-weight: 700;color: #FF6363}
.order-list .table-product { margin-left: 20px;}
.order-list .table-product tr:last-child td { border-bottom: 0;}
.order-list .table-product h5 { margin-bottom: 5px;}
.order-list .table-product h4 { margin-bottom: 5px;color: #4A4A4A; font-family: SourceHanSansCN-Regular, SourceHanSansCN;}
.order-list .table-product .uk-table td { border-bottom: #f0f0f0 1px solid;}
.order-list .uk-thumbnail { width: 100px; height: 100px; border-radius: 2px; border:none;}
.order-list .order-links { padding: 0 20px 20px; display: flex;}
.order-list .order-links .uk-button { width: 140px;
    height: 30px;line-height:30px; border-radius: 25px;
    background: #fff; border-color: rgba(0,0,0,0.1); font-size: 12px; word-break: keep-all;margin-right:20px }
.order-list .order-links .uk-button:hover { border-color: rgba(0,0,0,0.2);}
.order-list .order-links .uk-button-primary { color: #54A2FE; border-color: #54A2FE;}
.order-list .order-links .uk-button-success { color: #FFFFFF; border-color: #FF6363; background:#FF6363 }
.order-list .order-links .uk-button-warning { color: #FF6363; border-color: #FF6363;}
.order-list .uk-field-list { padding: 0 20px; margin-top: 2px; margin-bottom: 2px;}
.order-list .order-field-list {background: #FFFFFF; padding: 5px 0; border-radius: 3px; margin-bottom: 10px;}
.page-list { height: 40px;}
.page-list .pagination {float:left; padding-left: 0}
.page-list .pagination span {cursor: pointer; width: 40px; text-align: center;}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:none; margin: 25px 20px;}
.page-list .page-total input, .page-list .page-total select{ height: 26px; border: 1px solid #ddd;  margin: 0 4px;}
.page-list .page-total input {width: 40px; padding-left:3px; margin: 0 4px;}
.page-list .page-total select {width: 50px;}

.uk-panel .more { position: relative;}
.uk-panel .more .actions { position: absolute; top: 0; right: 0;}


/*订单详情*/
.uk-panel-order { width: 850px; margin: 0 auto; border-radius: 0; box-shadow: none;}
.uk-panel-order .avatar { border: #ddd 1px solid; padding: 1px; border-radius: 4px; position: absolute; right: 10px; top: 10px;}
.uk-panel-order .article-subtitle { padding: 10px; font-size: 14px; background-color: #f5f5f5 ; margin-bottom: 0;}
.uk-panel-order .article-subtitle i { font-size: 12px; color: #999;}
.uk-panel-order .text-order-status { font-size: 15px;}
.uk-panel-order .text-order-status strong { border-bottom: #999 2px solid; color: #999; padding: 5px; font-weight: normal; line-height: 1.6em; display: inline-block;}
.uk-panel-order .uk-panel-body { padding: 10px; position: relative;}
.order-product-list tfoot td { text-align: right; border-bottom: 0; font-style: normal; padding-bottom: 0;}
.order-product-list tfoot td span.text-price { display: inline-block; width: 100px; font-size: 13px;}
.order-product-list tfoot .row-price td { color: #e4393c}
.order-product-list tfoot .row-price td span.text-price { font-size: 18px;}
.order-product-list caption { padding: 10px; border-bottom: 1px solid #dddddd}
.order-product-list tbody td { padding-left: 0; padding-right: 0;}
.order-product-list .product-info img { float: left; border: #ddd 1px solid; padding: 1px; border-radius: 4px; margin-right: 10px;}
.order-product-list .product-info h5 { margin: 0 0 10px 0; font-size: 15px;}
.order-product-list .product-info p { font-size: 12px; color: #999; margin: 5px;}

.uk-description-list-horizontal > dd { margin-bottom: 0;}
.uk-table-caption caption{ padding: 10px; border-bottom: 1px solid #dddddd; font-size: 14px;}
.panel-order-detail { border-top: 1px solid #dddddd; }
.panel-order-detail h3 { padding-top: 20px;}
.panel-order-detail dt { font-weight: normal;}
.panel-order-detail dd { color: #999;}
.panel-order-detail .uk-table-delivery { padding: 1px;}
.panel-order-detail .uk-table-delivery th { color: #333; font-weight: normal; background-color: #efefef; }
.panel-order-detail .uk-table-delivery td { }
.panel-order-detail .uk-table-delivery { font-size: 12px; color: #999; border: #ddd 1px solid;}
.panel-order-detail .uk-table-bill th { border-top: #ddd 1px solid; color: #333; font-weight: normal; }

.uk-table-option td,
.uk-table-option th { border: 0; padding: 2px 0;}
.uk-table-option th { padding-left: 0; font-weight: normal; width: 180px;}
.uk-table-option td { color: #999;}
.uk-table-option-border { border: #f0f0f0 1px solid;}

.order-view-box { padding: 30px 0 10px 0;}
.order-view-box .order-progress {  height: 65px;  margin-bottom: 15px  }
.order-view-box .progress-list {  width: 880px;  height: 20px;  margin: 0 auto;  padding: 0;  list-style-type: none;  border-radius: 20px;  font-size: 12px;  line-height: 20px;  text-align: center;  color: #424242;  background-color: #eee  }
.order-view-box .progress-list .step {  float: left;  width: 176px;  height: 20px  }
.order-view-box .progress-list .step-first {  border-top-left-radius: 20px;  border-bottom-left-radius: 20px  }
.order-view-box .progress-list .step-last {  border-top-right-radius: 20px;  border-bottom-right-radius: 20px  }
.order-view-box .progress-list .step-done {  background-color: #83c44e;  color: #fff  }
.order-view-box .progress-list .step-active {  border-top-right-radius: 20px;  border-bottom-right-radius: 20px;  background-color: #83c44e;  color: #fff  }
.order-view-box .progress-list .step .info {  margin-top: 15px;  color: #757575  }
.order-view-box .progress-list-col-4 .step {  width: 220px  }
.order-view-box .progress-list-col-3 .step {  width: 293px  }
.order-view-box .progress-list-col-3 .step-first {  width: 294px  }
.order-view-box .progress-list-col-2 .step {  width: 440px  }
.order-view-box .progress-list-6 {  width: 876px  }
.order-view-box .progress-list-6 .step {  width: 146px  }

.uk-form-modal { padding: 20px;}
.uk-form-modal .uk-form-label,
.uk-form-east  .uk-form-label { font-weight:normal;}
.uk-form-modal .uk-form-label span { color: #999;}
.uk-form-modal .uk-form-more { position: fixed; top: 0; right: 0; height: 100%; z-index: 1; border-left: #eeeeee 1px solid; padding: 20px; }


.uk-form-panel { /*padding: 30px; background: #f8f8f8;*/ margin: 0; }
.uk-form-panel .uk-form-label { text-align: left; font-weight: normal; padding-right: 15px; display: block; margin-bottom: 5px; }
.uk-form-panel .text-value { display: inline-block; margin: 5px ;}
.uk-form-panel .check-box-group { margin: 5px;}
.uk-form-panel .check-box-group label { margin-right: 15px;}
.uk-form-panel .check-box-group label small { color: #ccc;}
.uk-form-footer { padding: 15px 0 15px 145px; background: #ffc; margin: 15px 20px; }
.uk-form-footer-2 { padding-left: 0; background: #fff; padding-right: 15px; margin-left: 0; margin-right: 0; text-align: left;}


#conWrap{ width: 300px;  margin: 0 auto;  padding-top: 30px;}
#pictureUpload{  height: 300px;  background-color: #DFDFDF;  position: relative;  overflow: hidden;  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTIvMjYvMTbqO24fAAAAL0lEQVQ4jWP8////fwY84MGDB/ikGZjwyhIBRg0YDAawEIpnBQUF2rpg1IDBYAAAx4oJvmsD7cgAAAAASUVORK5CYII=") center repeat;  margin-bottom: 10px;  }
#pictureUpload-bg{  position: absolute;  left: 0 ;  top:0;  width: 100%;  height:100%;  background-repeat: no-repeat;  background-position: center;  -webkit-background-size: contain;  background-size:contain;  }
#pictureUpload-mask{  width: 100px;  height:100px;  position: absolute;  left: 50%;  top:50%;  margin-left: -47px;  margin-top: -47px;  border:2px dashed #EFEFF4;  }

#canvasWrap{  text-align:center;  margin-bottom: 20px;  }
#canvasWrap canvas{  display: block;  margin: 0 auto 20px;  }
#conWrap #select{ background-color: #ccc;  }
#conWrap #button{  display: -moz-box;  display: -webkit-box;  margin-bottom: 20px;  }
#conWrap #button>div{  -moz-box-flex: 1;  -webkit-box-flex: 1; display: block;  height: 31px;  line-height: 31px; font-size: 14px;  border-radius: 2px;  text-align: center;  margin-right:10px;  }
#conWrap #button>div:nth-child(3){  margin-right: 0px; }
#conWrap #button>div.active{   }


.upload-file { padding: 5px 15px;}
.upload-file .btn { position: relative; float: right; display: inline-block; border-radius: 3px; padding: 5px 10px; line-height: 1.4em; border: #ccc 1px solid;}
.upload-file .btn input { position: absolute; visibility: hidden; left: -9999px;}
.upload-file .accepted-filetypes { line-height: 26px; padding: 5px 0; color: #999; font-size: 12px;}


.checkout-container .uk-thumbnail { width: 100px;  height: 100px; vertical-align:  top; margin-right: 5px;}
.checkout-container .uk-thumbnail img { max-width: 100%; max-height: 100%;}

.attachment-list .attachment { display: inline-block; width: 48px; height: 48px; background: url("../images/icon_attachment2.png") no-repeat center; margin-right: 5px;}
.attachment-list { padding: 10px 0;}
.attachment-list .attachment { display: inline-block; border: #ddd 1px solid; background-color: #fff; text-align: center; position: relative; width: 50px; vertical-align: top; word-break: break-all; height: 50px; margin-right: 5px;}
.attachment-list .attachment i { position: absolute; z-index: 1; right: 1px; top: 0; width: 18px; height: 18px; background: rgba(0,0,0,0.75); color: #fff; line-height: 18px; font-style: normal; text-align: center;}
.attachment-list .attachment-upload input { width: 50px; height: 50px; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1;}
.attachment-list .attachment-upload { font-size: 20px; line-height: 50px; background: #fff !important;}


/* 商品详情页-用户评论列表 */
.nav-goods-detail {padding: 0;background: #fff;border-bottom:1px solid rgba(178, 184, 198, 0.1);}
.nav-goods-detail .product-detail-nav { text-align: left; margin: 0;padding: 0 0 0 32px;color:#4A4A4A;}
.nav-goods-detail .product-detail-nav li {position:relative; display: inline-block; list-style: none;margin:0;padding:0 42px;text-align:center;height: 70px;line-height: 70px;}
.nav-goods-detail .product-detail-nav li a { font-size: 16px;}
.nav-goods-detail .product-detail-nav li .bottom-decorate {position:absolute;bottom: -1px;left:50%;width: 98px;height:4px;margin-left:-49px;background-color:#1A1A1A;display:none;}
.nav-goods-detail .product-detail-nav li.active { color: #1A1A1A;font-weight: bold}
.nav-goods-detail .product-detail-nav li.active a {color: #1A1A1A;}
.nav-goods-detail .product-detail-nav li.active .bottom-decorate {display:block;}

.section-goods-detail-and-comment {padding: 0;background: #fff; }
.section-goods-detail-and-comment .section-goods-detail {}
.section-goods-detail-and-comment .section-goods-detail .uk-article { padding: 30px 50px;}
.section-goods-detail-and-comment .section-goods-comment {}
.section-goods-detail-and-comment .section-goods-comment .rate-summary {height: 220px;border-bottom: 1px solid rgba(178, 184, 198, 0.1);}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item {height: 30px; line-height:30px;font-size:20px;display: flex;align-items: center;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item .rate-title {padding-right:20px;font-size: 14px;color: #666666;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item progress {width: 320px;height: 10px;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item progress::-moz-progress-bar { background:#ECECEC; }
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item progress::-webkit-progress-bar { background: #ECECEC; }
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item progress::-webkit-progress-value  { background: #FF5959; }
.section-goods-detail-and-comment .section-goods-comment .rate-summary .rate-item .rate-number {font-size: 14px; color: #666666;margin-left: 20px;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail {height:40px;line-height: 40px;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-number-wrap {font-size:36px;font-weight: bold;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-number-wrap .score-real {color: #1A1A1A;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-number-wrap .score-full {color: rgba(193, 193, 193, 1);}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-list {display: inline-block;list-style-type: none;margin:0;padding:0;height:40px;line-height: 40px;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-list .score-item {display: inline-block;width:30px;height:30px;margin-right: 5px;color:#333333;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .score-list .score-item i{font-size:30px;}
.section-goods-detail-and-comment .section-goods-comment .rate-summary .scores-detail .total-count{font-weight: 400;font-size: 14px;color: #999999;line-height: 36px;}

.section-goods-detail-and-comment .section-goods-comment .comment-list-container {}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item {position:relative;padding:20px 0;border-bottom: 1px solid rgba(178, 184, 198, 0.1);min-height: 180px;font-size: 20px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-header {margin-left: 20px;width: 44px}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-nickname {font-weight:bold;font-size: 16px;color: #333333;line-height: 36px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-header .item-avatar { width: 44px; height: 44px; border-radius: 50%;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body { margin-left: 12px;width: 90%}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-score{color: #333333;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-score i{font-size: 20px;margin-right: 3px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-meta{ font-weight: 400;
    font-size: 12px;
    color: #999999;
    line-height: 36px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-content{width:900px;margin-top: 16px;color:#333;font-size:14px;line-height:24px;margin-bottom: 20px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .comment-image{width:128px;height:128px; margin-right: 10px;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .comment-item .item-body .item-time{position:absolute; bottom:20px; right:36px;color:#9B9B9B;}
.section-goods-detail-and-comment .section-goods-comment .comment-list-container .no-result {padding:40px;font-size:20px;text-align: center;}


/*关于客户服务*/
.question-9 { color: #659f13!important;}
.question-8 { color: #999999!important;}
.question-1 { color: #d85030!important; animation:twinkling 1s infinite 0.9s ease-in-out alternate;}
.question-2 { color: #e28327!important; /*animation:twinkling 1s infinite 0.9s ease-in-out alternate;*/}

@-webkit-keyframes twinkling{   /*透明度由0到1*/
    0%{
        opacity:0.1;                /*透明度为0*/
    }
    100%{
        opacity:1;              /*透明度为1*/.
    }
}
@keyframes twinkling{   /*透明度由0到1*/
    0%{
        opacity:0.1;                /*透明度为0*/
    }
    100%{
        opacity:1;              /*透明度为1*/
    }
}

.question-list-container { padding-bottom: 50px;}
.question-list-container .question-title { border: 0; }
.question-list-container .question-list { padding: 10px 70px;}
.question-list-container .question-list .question-item-0 .avatar { float: left; margin-left: -60px; width: 50px; height: 50px; border-radius: 50%;}
.question-list-container .question-list .question-item-1 .avatar { float: right; margin-right: -60px; width: 50px; height: 50px; border-radius: 50%;}
.question-list-container .question-list .question-item .uk-comment-title { margin-bottom: 5px; font-size: 14px;}
.question-list-container .question-list .question-item-0 .uk-comment-title small{ float: right; color: #999;}
.question-list-container .question-list .question-item-1 .uk-comment-title { text-align: right}
.question-list-container .question-list .question-item-1 .uk-comment-title small{ float: left; color: #999;}
.question-list-container .question-item .uk-alert { margin-top: 5px; }
.question-command { margin: 0 ; position: fixed; width: 100%; text-align: center; bottom: 0; left: 0; padding-bottom: 15px;}
.question-command a { margin: 0 5px; display: inline-block; border: #0077dd 1px solid; padding: 5px 10px; border-radius: 5px;}
.question-command a:hover { text-decoration: none}
.btn-question { }

/*回复框*/
.question-reply-form-container { background-color: rgba(255,255,255,0.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.question-reply-form-container .question-reply-form { bottom: 0; width: 100%; left: 0; position: absolute; padding-bottom: 50px; }

.html5-sortable { }
.html5-sortable tr.moving td,
.html5-sortable tr.moving th{ border-bottom: #8ec73b 1px solid; }
.html5-sortable tr.over td,
.html5-sortable tr.over th{ border: #e28327 1px solid; }

.tiny-item { position: relative; display: inline-block; padding: 2px 5px; line-height: 20px;}
.tiny-item small.remove { display: none; position: absolute; width: 20px; line-height: 22px; background: #ccc; color: #fff; }
.tiny-item:hover { border: #ccc 1px solid; background: #fff; padding: 1px 4px; }
.tiny-item:hover small.remove { display: inline-block; z-index: 1; border: #ccc 1px solid; border-left: 0; top: -1px; right: -20px; text-align: center;}

/*line*/
.uk-list-line li.active a { color: #FF6363; font-weight: normal; font-size: 19px; }

/*TAB NAV*/
.uk-tab-nav.uk-tab>li>a { font-size: 15px;   padding: 8px 7px 8px 7px; margin-left: 1px;color: #333333}
.uk-tab-nav.uk-tab>li.uk-active>a{ border-bottom: #FF6363 2px solid; border-radius: 0;
    color: #FF6363;}
/*.uk-tab-nav.uk-tab>li>i.uk-badge {position: absolute; right: -4px; top: -8px; border-radius: 8px; opacity: 0.8; padding: 0 4px; z-index: 100; font-weight: normal; font-style: normal;}*/
.order-count { position: relative;}
.order-count>i.uk-badge {position: absolute; right: -4px; top: -8px; min-width: 6px; color: #fff; border-radius: 8px; opacity: 0.8; padding: 0 4px; z-index: 100; font-weight: normal; font-style: normal;background: #FF6363}
/*.uk-tab-nav.uk-tab>li.uk-active>i.uk-badge { display: none;}*/

.bespoke-action{
    float: right;
    width: 80px;
    height: 30px;
    background: linear-gradient(135deg, #FFB990 0%, #FF3241 100%);
    box-shadow: 0px 2px 10px 0px rgba(255, 0, 13, 0.23);
    border-radius: 17px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    font-style: 12px;
}
.common-list table { width: 100%; border-collapse: collapse;}
.common-list thead th {    height: 32px;  line-height: 32px;  text-align: center;  background: #f5f5f5;  color: #666;  font-weight: 400; }
.common-list .sep-row { height: 20px;}
.common-list .sep-row td { border: 0;}
.common-list .tr-th {background: #f5f5f5;  height: 31px;  line-height: 31px;  color: #aaa;  overflow: hidden;}
.common-list .tr-th strong { font-weight: normal; color: #000;}
.common-list tbody td { border: 1px solid #e5e5e5; padding:5px 10px;}
.common-list tbody td h5 { margin-bottom: 4px;}
.common-list tbody td p { margin-bottom: 5px; margin-top: 0;}
.common-list .tr-th td { border-bottom-color: #f5f5f5; padding: 0 10px;}

.uk-progress-modal { position: fixed; z-index: 10000; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; text-align: center;}
.uk-progress-modal .uk-progress-container { width: 500px; display: inline-block; top: 50%; position: absolute; left: 50%; margin-left: -250px; }
.uk-progress-modal .uk-progress-title { color: #fff; padding: 5px; text-align: center; font-size: 15px;}
.uk-progress-modal .uk-progress-command a { color: #fff; }

.uk-zoom-modal {position: fixed; z-index: 10000; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: none;}
.uk-zoom-large-image {width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:10001;border: 10px solid #fff; display: none;}

.section-login-tiny { padding: 30px 50px 0 50px;}

/*支付列表*/
.payment-list input[type=radio]{ margin-right: 10px;}
.payment-list > li:nth-child(n+2) { margin-top: 15px; padding-top: 15px;}
.payment-list .panel-payment-document { background: #f0f0f0; border: #dfdfdf 1px solid; padding: 20px; margin: 20px 0 0 34px;}
.payment-list .panel-payment-document .bill-verify {font-size: 22px; background-color: #fff; border: #ddd 1px solid; display: inline-block; padding: 5px 10px;}

.form-control {  outline: 0;  border-color: #ECECEC;  border-style: solid;  border-width: 1px;  width: 95%;  background-color: #ffffff;  padding: 6px;  border-radius: 2px;  margin-bottom: 5px;  font-size: 14px;  }

/*输入提示*/
.angucomplete-holder {  position: relative;  }
.angucomplete-dropdown {  border-color: #ececec;  border-width: 1px;  border-style: solid;  border-radius: 2px;  width: 250px;  padding: 6px;  cursor: pointer;  z-index: 9999;  position: absolute; /*top: 32px;   left: 0px;   */  margin-top: -6px;  background-color: #ffffff;  }
.angucomplete-searching {  color: #acacac;  font-size: 14px;  }
.angucomplete-description {  font-size: 14px;  }
.angucomplete-row {  padding: 5px;  color: #000000;  margin-bottom: 4px;  clear: both;  }
.angucomplete-selected-row {  background-color: lightblue;  color: #ffffff;  }
.angucomplete-image-holder {  padding-top: 2px;  float: left;  margin-right: 10px;  margin-left: 5px;  }
.angucomplete-image {  height: 34px;  width: 34px;  border-radius: 50%;  border-color: #ddd;  border-style: solid;  border-width: 1px;  }
.angucomplete-image-default { /* Add your own default image here    background-image: url('/assets/default.png');   */  background-position: center;  background-size: contain;  height: 34px;  width: 34px;  }

.uk-form-data {padding: 15px 30px; background: #f8f8f8; margin: 0 20px; }
.uk-form-data li { border-right: #ddd 1px solid;}
.uk-form-data li h5 { font-size: 26px; line-height: 40px; margin-bottom: 10px;}
.uk-form-data li h5 small { font-size: 12px; color: #999; line-height: 12px;}
.uk-form-data li h6 { margin-top: 10px; color: #999;}
.uk-form-data li:last-child { border: 0;}
.uk-form-data blockquote { font-size: 12px; border-left-width:3px; padding-left: 10px; }

.uk-description-list-horizontal > dd.dt-money { text-align: right; float: right; width: 380px; padding-left: 20px;  margin-left: 0;}
.dt-money .uk-width-1-2 { border-right: #ddd 1px solid;     padding-left: 0;    padding-right: 10px;}
.dt-money .uk-width-1-2 h2 { margin-bottom: 8px;}
.dt-money .uk-width-1-2 h1 { margin-bottom: 8px;}
.dt-money .uk-width-1-2 p { color: #999; margin-top: 5px; margin-bottom: 5px;}
.dt-money .uk-width-1-2:last-child { border-right: 0;}

.uk-table-head th { background-color: #f4f4f4;}

.uk-table .upload-file .btn { border: none; line-height: 20px; padding: 4px 8px; min-height: 28px; }
.uk-modal-price-container .uk-panel { }
.uk-modal-price-container .uk-panel-header { padding: 20px 20px 0 20px;}
.uk-modal-price-container .uk-panel-header .uk-tab li { border-radius: 4px; padding: 5px 20px;}
.uk-modal-price-container .uk-panel-header .uk-tab li.uk-active { background-color: #00a8e6; color: #fff;}
.uk-modal-price-container .uk-panel-header .uk-tab-grid:before { border: none;}
.uk-modal-price-container .uk-table {  border: #ddd 1px solid;}
.uk-modal-price-container .uk-table th,
.uk-modal-price-container .uk-table td { border-right: #ddd 1px solid; min-width: 40px;}

#blockDiscountSummary>h5 { font-size: 16px; background-color: #f0f0f0; padding-left: 5px; border-left: #ddd 3px solid; line-height: 2em;}
#blockDiscountSummary>p { margin: 5px 0;}
.uk-table-auto { width: auto; border: #ccc 1px solid; min-width: 120px;}
.uk-table-auto th, .uk-table-auto td { padding: 4px 10px; border: #ddd 1px solid;}

/*ucenter*/
.section-center { }

.order-tb thead th {padding: 5px 10px;}


.uk-panel-box.uk-panel-disabled {
    border-style: dashed !important;
}
.color-bg-with-shadow {
    text-shadow: #fff 1px 1px 0;
}


.uk-form-horizontal-comment { margin-top: -15px;}
.uk-form-horizontal-comment .uk-form-panel .uk-form-label { padding-left: 30px; width: 180px!important; font-size: 14px;}
.uk-form-horizontal-comment .uk-form-controls { margin-left: 225px; !important;}
.uk-form-horizontal-comment .uk-form-row { }
.uk-form-horizontal-comment .uk-form-controls { background-color: #f8f8f8; padding:30px 40px 20px 40px;}
.uk-form-horizontal-comment .product-info h5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin: 10px 0;
}
.uk-form-horizontal-comment  .input-item { margin-bottom: 20px;}
.uk-form-horizontal-comment  .input-item:last-child { margin-bottom: 0;}
.uk-form-horizontal-comment  .input-item textarea { min-height: 80px;}
.uk-form-horizontal-comment  hr { margin:0 0 20px 0;}

.cu-modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1110;opacity: 0;outline: 0;text-align: center;-ms-transform: scale(1.185);-webkit-transform: scale(1.185);transform: scale(1.185);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px;background: rgba(0, 0, 0, 0.6);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;pointer-events: none;}
.cu-modal.show {opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);overflow-x: hidden;overflow-y: auto;pointer-events: auto;}
.cu-dialog {position: relative;display: inline-block;vertical-align: middle;margin-left: auto;margin-right: auto;width: 460px;max-width: 100%;background-color: #f8f8f8;border-radius: 10px;overflow: hidden;top:250px;padding: 0 20px;}
.cu-dialog .cu-bar{padding: 13px 0;font-size: 18px;font-weight: bold;color: #333333;}
.cu-dialog .label-input{width: 100%;height: 50px;}
.cu-dialog .close-icon{position: absolute;top: 20px;right: 20px;}

.container-product-detail { width: 1440px; margin-right: auto; margin-left: auto;}