@charset "utf-8";
h1, h2, h3, h4, h5, h6 { font-family: 'webfont', sans-serif, "宋体";}
body,html { font-family: 'webfont', sans-serif, "宋体";background: #fff; font-size: 13px; -webkit-font-smoothing: antialiased;}
body.body-dash { background: #eaedf1;}


.layui-layer { box-shadow: none;}
.uk-badge-company:before { content: '@'; margin-left: -3px; margin-right: 3px;}
/*.uk-badge-company:after { content: '#'; margin-left: 3px; margin-right: -3px;}*/

.hr-total { margin: 2px; border-top: #ddd 1px dashed;}
.hr-total:first-child {display: none;}

.uk-button-border { background: none;
    border: #0077dd 1px solid;
    padding: 5px 10px;
    border-radius: 5px;}
.uk-button-border:hover { background: none;}
.uk-close {}
.uk-close::after { content: '\e69a'; -webkit-font-smoothing: antialiased; font-family:"iconfont"}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    border: 1px solid #CCC!important;
}

/* flex */
.flex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-item {-webkit-box-flex:1; -moz-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1; width:0; }
.flex-direction-column {-webkit-box-orient: vertical;-webkit-flex-direction: column; flex-direction: column;}
.flex-direction-row {-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.flex-v-center {-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.flex-h-center {-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.flex-justify {-webkit-justify-content: space-between; justify-content: space-between;}
.justify-content-flex-end {-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}
.border-box {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.content-box {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing: content-box;}

.flexigrid { font-family: 'webfont', sans-serif, "宋体";}
.flexigrid div.bDiv td { white-space: normal; }
.flexigrid div.bDiv td div.product-item { padding: 0 0 5px 0; margin-bottom: 5px;}
.flexigrid div.bDiv td div.product-item img { border-radius: 4px; border: #ddd 1px solid; padding: 1px; background-color: #fff;}
.flexigrid div.bDiv td div.product-item:last-child { border-bottom: 0; margin-bottom: 2px;}
.flexigrid .icon { width: 18px; height: 18px; display: inline-block; background-size: 100% 100%; border-radius: 4px; border: #ddd 1px solid; margin-right: 3px; background-color: #fff; /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/}
.flexigrid .icon-daifa { background-image: url("../images/icon_order_daifa.png");}
.flexigrid .icon-comment { background-image: url("../images/icon_order_info.png");}
.flexigrid .icon-comment-mall { background-image: url("../images/icon_comment_mall.png");}
.flexigrid .icon-comment-factory { background-image: url("../images/icon_comment_factory.png");}
.flexigrid .icon-mall { background-image: url("../images/icon_order_mall.png");}
.flexigrid .icon-shop { background-image: url("../images/icon_order_shop_shop.png");}
.flexigrid .iconfont { vertical-align: middle;}
.flexigrid i.price { display: inline-block; text-align: right; padding-right: 5px; color: #ff0000; font-size: 12px; font-style: normal;}
.flexigrid div.bDiv td div.command { padding: 0; white-space: normal;}
.flexigrid div.bDiv td div.command a { margin-bottom: 10px; line-height: 1.2em; display: inline-block;}
.flexigrid tr.row-last td { border-bottom: #ddd 1px solid;}

.tiny-user { padding: 0 !important;}
.tiny-user i.avatar { padding: 1px; border: #ddd 1px solid; border-radius: 4px; display: inline-block; vertical-align: top;}
.tiny-user i.avatar img { width: 40px; height: 40px; border-radius: 3px; }

.layui-layer-prompt .layui-layer-input { margin: 10px 10px 0 10px;}
.layui-layer-btn a:last-child { margin-right: 0;}

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


.uk-badge-currency { border-color: #00a8e6; background: none; color: #00a8e6;}

.page-home,#page-home {  background: #F7F6F2; overflow: hidden;}
.page-error { background: url("../images/gone.png") no-repeat 90% 90% #F7F6F2; height: 100%;}
span.error { color: #e28327!important;}

.uk-auto-scroll { overflow-y: scroll; overflow-x: hidden;}

/*page print*/
@media print {
    .uk-print-hide { display:none;}
}
/*page print*/
.uk-print-show { display:none;}
@media print {
    .uk-print-show { display:block;}
}

@font-face {
    font-family: 'iconfont';  /* project id 96220 */
    src: url('//at.alicdn.com/t/font_96220_y5805a0e1lbu766r.eot');
    src: url('//at.alicdn.com/t/font_96220_y5805a0e1lbu766r.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_96220_y5805a0e1lbu766r.woff') format('woff'),
    url('//at.alicdn.com/t/font_96220_y5805a0e1lbu766r.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_96220_y5805a0e1lbu766r.svg#iconfont') format('svg');
}
@font-face {
    font-family: 'webfont';
    font-display: swap;
    src: url('//at.alicdn.com/t/webfont_ovamk3cqrl.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/webfont_ovamk3cqrl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/webfont_ovamk3cqrl.woff2') format('woff2'),
    url('//at.alicdn.com/t/webfont_ovamk3cqrl.woff') format('woff'), /* chrome、firefox */
    url('//at.alicdn.com/t/webfont_ovamk3cqrl.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/webfont_ovamk3cqrl.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */
}

.iconfont{-webkit-font-smoothing: antialiased;}
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;}
.icon-flag{ display:inline-block; padding-top:20px;}

i.gender { width: 16px; height: 16px; display: inline-block;}
i.gender-w { background: url("../images/icon_gender_woman.png");}
i.gender-m { background: url("../images/icon_gender_man.png");}

a:hover { text-decoration: none;}

i.icon-image { width: 16px; height: 16px; display: inline-block; background: url("../images/icon_image.png") center; vertical-align: text-bottom;}
.fl { float: left}
.uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button {
    margin-left: -5px;
}
/*checkbox*/
.uk-form input[type=checkbox] { width: 16px; height: 16px; border: #ccc 1px solid; border-radius: 3px; padding: 0; background-color: #fff; margin-top: 0;}
.uk-form input[type=checkbox]:checked:before, .uk-form input[type=checkbox]:indeterminate:before { content: ""; font-family: "Arial"; background: url("../images/icon_checked.png") #fff; margin-right: 2px; background-size: 100% 100%; height: 16px; width: 16px; position: relative; left: -1px; top: -1px;}
.uk-button-warning {    background-color: #f89406; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.1);}
.uk-button-warning:hover { background-color: #fbb450; color: #fff;}
.uk-button:active, .uk-button.uk-active { background-color: #dfdfdf;}

.uk-form-horizontal .uk-form-controls { margin-left: 115px;}
.uk-form-horizontal .uk-form-label { width: 100px; float: left;margin-top: 5px;}
.uk-form-horizontal .uk-form-label-small { width: 60px;}
.uk-form-horizontal .uk-form-label-auto { width: auto; padding-right: 5px;}

.uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form input[type=datetime-local], .uk-form input[type=date], .uk-form input[type=month], .uk-form input[type=time], .uk-form input[type=week], .uk-form input[type=color], .uk-form select, .uk-form textarea {
    border-radius: 2px;
}

/*extend the ui*/
.uk-dropdown { }
.uk-nav-divider { margin: 1px 0;}
.uk-breadcrumb {
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(to bottom,#fff,#eee);
    padding: 6px 10px;
    color: #1d8acb; /*box-shadow: inset 0 2px 4px rgba(0,0,0,.2);*/
    margin-bottom: 0;
    display: none;
}
.uk-button { }

/*uktable*/
.uk-table { font-size: 13px;}
.uk-table tbody td { font-size: 12px;}

/*admin page*/
.body-login { height: calc(100%);}

.gradient{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top,#fe4096, #f7704e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right,#fe4096, #f7704e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right,#fe4096, #f7704e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(60deg, #fe4096, #f7704e); /* Standard syntax (must be last) */
    /* background-image: url("/images/networkelement.png"), linear-gradient(60deg, #fe4096, #f7704e); */
    background-size: calc(100% + 50px);
}

.admin-login-footer { position: fixed; bottom: 0; left: 0; width: 100%;}
.admin-login-footer a.logo {}
.admin-login-footer .nav-top { padding: 5px;}
.admin-login-footer .top-link { float: right;}
.admin-login-footer .top-link a { display: inline-block; color: #fff; line-height: 40px; font-size: 16px; padding: 5px 20px; }
.admin-login-footer .top-link a:hover { border: rgba(255,255,255,0.4) 1px solid; padding: 4px 19px; text-decoration: none; color: #ff6600;}

.account-form-container { background: rgba(0,0,0,0.35); border-radius: 20px; padding: 20px 80px 50px 80px; margin: 0 auto; width: 250px;}
.account-form-container {}
.account-form-container .account-form { color: #fff; padding-top: 40px;}
.account-form-container .account-form .form-group { border-bottom: rgba(255,255,255,0.5) 1px solid; position: relative; margin-bottom: 10px;}
.account-form-container .account-form .form-group .control-label { display: none;}
.account-form-container .account-form .form-group span.error { position: absolute; right: 0; top: 9px; font-size: 12px; z-index: 2;}
.account-form-container .account-form .form-group .form-control { font-size: 14px; background: transparent; padding: 10px 0; border: 0; text-indent: 0; width: 100%; color: #fff; outline: none;}
.account-form-container .account-form .form-group .form-control::-webkit-input-placeholder { color: #fff;}
.account-form-container .account-form .form-command { text-align: center; padding-top: 50px;}
.account-form-container .account-form .form-command .btn { display: block; width: 100%;color: #fff; background: none; padding: 8px 0;  border: rgba(255,255,255,0.5) 1px solid; border-radius:20px; margin-bottom: 20px; }
.account-form-container .account-form .form-command .btn:hover { color: #fff;}
.account-form-container .account-form #img_Verify { height: 38px; width: 100px; position: absolute; right: 0; top: 0; z-index: 1;}

/*.account-form-container-block { background: url("../../../images/login_ad/login_4.jpg")}*/
.account-form-container-block { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex;justify-content: center;align-items: center; }
.account-form-container-block .account-form { width: 720px;  overflow: hidden; background-color: #fff; box-shadow: 12px 12px 20px 11px rgba(0, 0, 0,0.1); border-radius: 8px;}
.account-form-container-block .account-form>form { padding: 30px 130px;}
.account-form-container-block .account-form .form-group { position: relative; margin-bottom: 15px;}
.account-form-container-block .account-form .form-group .control-label { display: none;}
.account-form-container-block .account-form .form-group span.error { position: absolute; right: 0; top: 9px; font-size: 12px; z-index: 2; color: #ff6600;}
.account-form-container-block .account-form .form-group .form-control { font-size: 16px; background: none; padding: 10px 0; border: #ddd 1px solid; border-radius: 5px; text-indent: 10px; width: 100%; color: #333; outline: none;}
.account-form-container-block .account-form .form-group .form-control::-webkit-input-placeholder { color: #ccc;}
.account-form-container-block .account-form .form-command { text-align: center; padding-top: 10px;}
.account-form-container-block .account-form .form-command .btn { display: block; width: 100%;color: #fff; background: #2185d0; padding: 8px 0;  border: #2185d0 1px solid; border-radius:20px;}
.account-form-container-block .account-form .form-command .btn:hover { color: #fff;}
.account-form-container-block .account-form #img_Verify { height: 38px; width: 100px; position: absolute; right: 0; top: 0; z-index: 1;}
.account-form-container-block .form-title { color: #fff; padding: 5px 0; text-align: center; font-size: 22px; line-height: 45px; background: #3a6fc9;}
.account-form-container-block .brand-name { padding: 20px 0; text-align: center; margin: 0 5px; border-bottom: #eee 2px solid;}
.account-form-container-block .brand-name span { display: inline-block; border: #6bd4fa 1px solid; border-radius: 10px; padding: 18px; color: #0baae4; font-size: 28px; line-height: 40px; }
.account-form-container-block .brand-name small { font-size: 13px; line-height: 30px;}
.account-form-container-block .brand-name img { height: 80px; border-radius: 5px;}

.header-account-block { padding: 30px 70px; text-align: right;}
.header-account-block .btn { display: inline-block; padding: 0 10px; height: 36px; line-height: 36px; border: #FFFFFF 1px solid; color: #fff; border-radius: 4px; background: none;text-align: center; }
.account-form .shop-list ul { list-style: none ; padding: 0;}
.account-form .shop-list ul li { padding: 10px; margin: 0 0 15px 0; border-radius: 5px; border: 1px solid #fff; cursor: pointer;}
.account-form .shop-list ul li h4 { font-size: 20px; color: #fff; margin-bottom: 5px;}
.account-form .shop-list ul li p { margin: 0; opacity: 0.7;}

.account-login-footer { background-color: #f9fafb; border-top: #ddd 1px solid; text-align: center; line-height: 1.5em; padding: 15px 20px;}
.account-login-footer a.logo {}
.account-login-footer .nav-top { padding: 5px;}
.account-login-footer .top-link { }
.account-login-footer .top-link a { display: inline-block; color: #fff; line-height: 40px; font-size: 12px; padding: 5px 20px; }


/*后台管理中心，左菜单*/
.admin-menu-left { position: fixed; width: 140px; height: 100%; background: #20222a; color: #fff ; z-index: 1; padding-top: 3px;}
.admin-menu-left a { font-size: 13px; color: #fff; color:rgba(255,255,255, 1);display: block;  padding: 12px 0; transition: opacity .2s ease,background .2s ease,box-shadow .2s ease;}
.admin-menu-left a span { opacity: 0.7;}
.admin-menu-left a:hover { /*background: rgba(255,255,255,0.1);*/ color: #fff}
.admin-menu-left ul { }
.admin-menu-left li { width: 140px; text-align: left; line-height: 16px; /*border-bottom: #222 1px solid ; border-top: #454545 1px solid ; */position: relative;}
.admin-menu-left li.li-avatar { position: relative; height: 60px; background: #545454;}
.admin-menu-left li.on { background: rgba(255,255,255,0.1); }
.admin-menu-left>ul>li.current { padding: 2px 0;}
.admin-menu-left>ul>li.current>a { background: rgba(255,255,255,0.1); border-radius: 4px 0 0 4px; padding: 10px 0; margin-left: 5px;}
.admin-menu-left>ul>li.current>a i.iconfont { margin-left: 13px;}
.admin-menu-left>ul>li.current.hover>a { background: none}
.admin-menu-left li i.iconfont { display: inline-block; width: 20px; font-size:17px; font-weight: 200; line-height: 26px; margin: 0 10px 0 18px; text-align: center;}
.admin-menu-left img.avatar { width: 40px; height: 40px; border: #fff 1px solid; border-radius: 20px; margin: 8px 0; overflow: hidden }
.admin-menu-left li.hover {background: rgba(255,255,255,0.1); }
.admin-menu-left li ul.sub-menu { display: none; background: #444; padding:5px 0 5px 0 ;  position: absolute; left: 140px; top: -2px; border: #000 1px solid; border-left: 0; box-shadow: 10px 5px 20px 0 rgba(0, 0, 0, 0.3);}
.admin-menu-left li.hover>ul.sub-menu { display: block;}
ul.sub-menu li { border-bottom: 0; width: 170px; text-align: left; }
ul.sub-menu li a { padding:10px 0 10px 20px; line-height: 20px; }
ul.sub-menu li a.disabled { color: #666;}
ul.sub-menu li a:hover { background: #555;}
ul.sub-menu ul.sub-menu { left: 170px;}
.admin-menu-left li.li-avatar { }
.admin-menu-left li.li-avatar {}
.admin-menu-left li.li-avatar .uploadify { position: absolute; display: inline-block; left: 15px; padding: 0; top: 7px;}
.admin-menu-left li.li-avatar .uploadify object { left: 0}
.admin-menu-left #btn-upload-avatar-queue { display: none; }


.admin-frame-container { position: absolute; left: 140px; top: 91px; }
.admin-frame-container iframe { display: none;}
.admin-frame-container iframe.on { display: block;}


.uk-navbar-top { border-bottom: #ddd 1px solid; background: #fff; border-radius: 0;}
.uk-navbar-top .uk-navbar-brand { padding: 5px; display: inline-block; line-height: 40px; color: #fff; text-shadow: 0 2px 2px #000; font-size: 15px; letter-spacing: 2px;}
.uk-navbar-nav>li>a { height: 50px; line-height: 50px;}
.uk-navbar-nav>li>a>i.iconfont { font-size: 22px; color: #fff; text-shadow: 0 0 0 #000;}
.uk-navbar-top .uk-dropdown { padding: 5px 15px;}

.uk-navbar-top2 { border-bottom: #16aac4 1px solid; background: #48c7dd url("../images/logo_bubble.svg") right center no-repeat; background-size: auto 40px; border-radius: 0;}
.uk-navbar-top2 .uk-navbar-brand { padding: 5px; display: inline-block; height: 40px;}
.uk-navbar-nav2>li>a { height: 50px; line-height: 50px;}
.uk-navbar-nav2>li>a>i.iconfont { font-size: 22px; color: #fff; text-shadow: none;}
.uk-navbar-top2 .uk-dropdown { padding: 5px 15px;}
.uk-navbar-nav2>li>a:hover { background-color:rgba(255,255,255,0.2); }
.uk-navbar-nav2>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
    background-color:rgba(255,255,255,0.2);
}

.uk-navbar-top3 {
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#f5fafd 0,#dfeef6 100%);
    background: -moz-linear-gradient(top,#f5fafd 0,#dfeef6 100%);
    background: -o-linear-gradient(top,#f5fafd 0,#dfeef6 100%);
    background: linear-gradient(to bottom,#f5fafd 0,#dfeef6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1fcf3,endColorstr=#dfeef6,GradientType=0);
}

.uk-navbar-top4 {
    background-color: #373d41;
    border-bottom: #222 1px solid;
    /*background: -webkit-linear-gradient(top,#f5fdf6 0,#defae2 100%);
    background: -moz-linear-gradient(top,#f5fdf6 0,#defae2 100%);
    background: -o-linear-gradient(top,#f5fdf6 0,#defae2 100%);
    background: linear-gradient(to bottom,#f5fdf6 0,#defae2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f8fc,endColorstr=#defae2,GradientType=0);*/
}
.uk-navbar-top4 .uk-navbar-flip span { color: #fff; text-shadow: none; vertical-align: top;}

.page-error-container { }
.page-error-container h3 { font-size: 20px; padding: 25px 0 5px 20px; margin-bottom: 0; }
.page-error-container p { font-size: 13px; padding: 0 20px; margin: 0; color: #999; }
.page-error .success { background: url("../images/flag_green.png") 20px 22px no-repeat; padding-left: 60px;}
.page-error .warning { background: url("../images/flag_orange.png") 20px 22px no-repeat; padding-left: 60px;}
.page-error .error { background: url("../images/flag_red.png") 20px 22px no-repeat; padding-left: 60px;}

.page-module { border-bottom: #ccc 1px solid; position: relative; padding: 10px; background: #f9f9fa; background-size: auto 100px; min-height: 30px; }
.page-module .search-section-right { position: absolute; right: 10px; bottom: -38px;}
.page-module .uk-form { margin-bottom: 0;}
.page-module label { margin-left: 20px;}
.page-module .iconfont { font-size: 14px;}
.page-module .page-command-inner { padding: 0;}
.page-module .uk-subnav-line { margin: 0 -10px; padding: 8px 0 0 0;}
.page-module .uk-subnav-line li { margin-top: 0;}
.page-module .uk-button-group>a {position: relative;}
.page-module .uk-button-group>a>i.uk-badge {position: absolute; 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;}


.grid-container { padding: 5px 10px;}
.grid-container table { font-size: 12px;}

.page-command { padding: 5px 10px 0 10px; min-height: 34px;}
.page-command .uk-button { padding: 2px 10px;}
.page-command .iconfont { font-size: 14px;}

/*内部导航*/
.inner-menu { position: fixed; left: 0; height:100%;max-height: 100%;overflow-y:scroll; width: 175px; border-right: #ddd 0px solid; background: #EAEDF1}
.inner-menu::-webkit-scrollbar{width:0}
.inner-menu header { padding: 15px 20px 30px 20px; background: #D9DEE4;}
.inner-menu header h3 { margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.inner-menu header h3 i.iconfont { color: #999; font-size: 13px; font-weight: normal;}
.inner-menu header p { margin: 0; line-height: 1.2em; color: #666;}
.inner-menu ul { padding-left: 0; list-style: none; margin: 0;}
.inner-menu ul li { position: relative; }
.inner-menu ul li span.tools { position: absolute; right: 5px; top: 9px; display: none}
.inner-menu ul li a { display: block; padding: 10px 0 10px 20px; font-size: 13px; color: #444; line-height: 20px;}
.inner-menu ul li:hover {background: rgba(0,0,0,.02);}
.inner-menu ul li:hover span.tools { display: inline-block;}
.inner-menu ul li.active { background: #fff; }
.inner-menu ul li.active a { color: #111;}
.inner-menu i { width: 12px; height: 12px; display: inline-block; background-size: 12px 12px; cursor: pointer}
.inner-menu i.icon-remove { background-image: url("../images/icon_remove.png");}

/*内部主体*/
.inner-body { padding-left: 175px;}
.page-common-inner { padding: 10px 20px;}
.page-common-inner blockquote { background: #fefefe; position: relative; font-style: normal; padding-top: 5px; padding-bottom: 5px;}
.page-common-inner blockquote .switcher { }
.page-common-inner blockquote h3 { font-size: 17px; margin-bottom: 5px; margin-top: 0;}
.page-common-inner blockquote h3 small { font-size: 12px; color: #ccc;}


/*表单*/
.uk-form-table {font-size: 13px; padding: 20px;}
.uk-form-table table { font-size: 13px;}
.uk-form-table table th { text-align: right; padding-right: 10px; padding-bottom: 15px; font-size: 14px;}
.uk-form-table table th label { font-weight: normal}
.uk-form-table table td { padding-bottom: 15px;}
.uk-form-block input { width: 100%;}

/**/
.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;}
.dialog-footer .uploadify-button { float: right;}
.dialog-footer .uploadify { display: inline-block;}
.dialog-footer .swfupload { left: 0;}


/*for admin tab*/
.admin-tab { overflow: hidden; height: 42px; position: fixed; right: 0; top: 51px; z-index: 1  ;}
.admin-tab .system-brand { text-align: center; width: 130px; z-index: 1; position: relative; display: inline-block; padding: 5px;}
.admin-tab .system-brand img { max-width: 130px;}
.admin-tab .tools { position: absolute; right: 0; top: 0; padding: 10px 6px; }
.admin-tab .tools .iconfont { font-size: 17px;}
.admin-tab .tools a { color: rgba(255,255,255,0.7); font-size: 18px;}
.admin-tab ul { width: 10000px; left: 0; position: absolute; top: 0; padding: 0; margin: 0; height: 40px; background: #333744; border-bottom: #333744 0px solid;}
.admin-tab ul li.on {background: #00a8e6 /*rgb(0, 193, 222)*/; }
.admin-tab ul li.on span {padding: 5px 15px 5px 15px; color: #fff; }
.admin-tab ul li { float: left; position: relative;  border-right: rgba(255,255,255,0.1) 1px solid;  cursor: pointer; list-style: none;  background: rgba(255,255,255,0.05);}
.admin-tab ul li span { display: inline-block; padding: 5px 15px; height: 30px; line-height: 30px; color: rgba(255,255,255,0.8);}
.admin-tab ul li span:hover { color: #fff;}
.admin-tab ul li i.close { display: none; width: 7px; height: 7px; background: url("../images/icon_close.png"); position: absolute; right: 2px; top: 2px;}
.admin-tab ul li:hover i.close { display: inline-block;}
.admin-tab ul li:first-child:hover i.close { display: none;}

/*layout block*/
.layout-main-right { padding-right: 280px; position: relative; margin: 10px 10px 0 15px;}
.layout-main-right .right { right: 0; position: absolute; top:0;  width: 260px; padding-top: 35px;}

.uk-panel { border: #ddd 1px solid; background: #fff; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px;}
.uk-panel .uk-panel-header { border-bottom: #ddd 1px solid; padding:8px 10px;}
.uk-panel .uk-panel-header .message { color: #999;}
.uk-panel .uk-panel-header .bill-name { font-size: 22px; font-family: "宋体";  line-height: 35px; height: 35px; border-bottom: #999 1px solid;}
.uk-panel .uk-panel-header .bill-no { font-style: italic; color: #999;}
.uk-panel .uk-panel-footer { padding: 5px 10px; text-align: right; background: #f5f5f5; border-top: #ddd 1px solid;}
.uk-panel label.bill-property { display: inline-block; min-width: 200px; font-size: 13px;}

.uk-panel-expandable .uk-panel-header { background: url("../images/icon_expand_arrow.png?v=1") right center no-repeat;}
.uk-panel-expandable .uk-panel-header .message { margin-right: 25px;}
.uk-panel-expandable .uk-panel-body { display: none;}
.uk-panel-expandable .uk-panel-footer { display: none;}
.uk-panel-open .uk-panel-header { background-image: url("../images/icon_expand_arrow_open.png?v=1");}
.uk-panel-open .uk-panel-body { display: block;}
.uk-panel-open .uk-panel-footer { display: block;}

.uk-panel-box-primary { border-color: rgba(45, 112, 145, 0.3);  background-color: #ebf7fd;}

.content-editor {}
.form-item { margin-bottom: 10px;}
.form-item .form-label { line-height: 1.8em;}
.form-item .form-control input,
.form-item .form-control textarea { padding: 5px; font-size: 14px; border: #ccc 1px solid; border-radius: 5px; box-sizing: border-box}
.form-item .form-control textarea { width: 100%; height: 50px;}
.form-item .form-control select { padding: 5px 10px; border-radius: 5px;  border: #ccc 1px solid; font-size: 14px;}
.form-item .form-control input[type=checkbox] { padding: 0;}
.form-item .uk-list-line {}
.form-item .uk-list-line li { }
.form-item .mask { top: 0; height: 30px; background: #eee; }

.form-control-html { padding-right: 2px;}
.form-control-html .edui-container { width: 100% !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px 5px 0 0;}
.form-control-html .edui-toolbar {  }
.form-control-html .edui-container .edui-toolbar {border-radius: 5px 5px 0 0; box-shadow: none;}
.form-control-html .edui-body-container { width: 99% !important;}

.form-item-title .form-label { font-size: 22px; font-family: "宋体";  line-height: 35px; height: 35px;}
.form-item-title .form-control input { width: 100%; font-size: 18px;  }

.form-item #ImgCoverPhoto { padding: 2px; border: #ccc 1px solid; border-radius: 5px; width: 130px;}
ul.form-item-group { display: table; padding: 0; margin: 0;}
ul.form-item-group li { display: table-cell; padding-right: 5px;}
ul.form-item-group li:last-child { padding-right: 0;}
.uk-form-block ul.form-item-group { width: 100%;}

/*分类界面*/
.category-list-container { padding: 10px 10px 0 0; }
.category-list-container>ul { padding-left: 10px; }
.category-list-container ul { list-style: none;}
.category-list-container .item-info { background: #fff; padding: 10px 10px 10px 15px; margin-bottom: 5px; border-radius: 5px;}
.category-list-container .links { float: right;}

/*form*/
.config-container { padding: 15px;}
.config-container .config-item { margin-bottom: 10px;}
.config-container .config-title { }
.config-container .config-label { font-size: 13px; line-height: 30px;}
.config-container .config-item input[type=text] ,
.config-container .config-item textarea { padding: 5px; border-radius: 2px; border: #ccc 1px solid; width: 250px; }
.config-container .config-item-block input[type=text] ,
.config-container .config-item-block textarea { width: 100%;}
.config-container .config-item-block textarea { height: 60px;}

.editor-command {  border-top: #ccc 1px solid; padding: 15px;}

/**/
.content-ad-editor { padding: 15px;}
#table-area { background: #fff; border: #ccc 1px solid;}
#table-area th { font-size: 13px; background: #fff; text-align: left; padding: 5px 10px;}
#table-area td { background: #fff; border: #ccc 1px solid; font-size: 12px;}
#table-area td input { width: 100%;}

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

.tree-table-container { margin: 10px; border: #ccc 1px solid;  border-radius:5px;background: #fff; }
.tree-table-container table {  border-radius:5px; background: #fff;}
.tree-table-container table thead th { font-size: 13px; text-align: left; padding: 8px 5px; line-height: 1em; border-right: #eeeeee 1px solid; border-bottom: #eeeeee 1px solid; background: #f7f7f7;}
.tree-table-container table tbody td { font-size: 12px; padding: 5px; line-height: 20px; border-right: #eeeeee 1px solid; border-bottom: #eeeeee 1px solid; }

.product-photo-container .uploader .message { float: right; color: #333; line-height: 28px;}
.product-photo-container .photo-list { padding: 0px;}
.product-photo-container .photo-list .photo-item { background: #fff; border: #ccc 1px solid; width: 150px; float: left; margin: 0 10px 10px 0; box-shadow: #999 0 2px 4px;}
.product-photo-container .photo-list .photo-item .command { padding: 5px; background: #f0f0f0; border-top: #ccc 1px solid; text-align: right;}
.product-photo-container .photo-list .photo-item .photo { display: table-cell; vertical-align: middle; width: 150px; height: 150px; text-align: center;}
.product-photo-container .photo-list .photo-item .photo img { max-width: 150px; max-height: 150px;}
.product-photo-container .uploading-info {}


/*20151119 for table style*/
.table { border-color: #95B8E7; border-width: 0 1px 1px 0; font-size: 12px; text-align: left}
.table thead {
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}
.table thead th { border-width: 0 1px 1px 0; border-style: dotted; border-color: #ccc; padding: 5px 10px; font-weight: normal; font-size: 13px;}
.table thead th input[type=checkbox] { margin-top: -2px;}
.table thead th.input { padding: 0;}
.table thead th.input input { padding: 5px 0;width: 100%;  text-indent: 10px;}
.table tbody td { border-width: 0 1px 1px 0; border-style: dotted; border-color: #ccc;}
.table tbody td span.label { padding-left: 10px;}
.table input.readonly { background: #f9f9f9; }
.table tbody input.input,
.table tbody select.input{padding: 5px 0;  width: 100%; text-indent: 10px;}
.table tbody td.input { padding: 0;}
.table tbody td.input input { border: #eee 1px solid;}
.table tfoot { text-align: left;}
.table tfoot td { padding:5px 10px;}
.table tfoot i { display: inline-block; width: 26px; height: 26px;}
.table tfoot {}

.table-inner thead th { text-align: left;}
.table tbody td.input { padding: 2px;}
.table tbody td.input input { border: #ddd 1px solid;}
.table tbody a { color: #0099ff;}


.list-with-checkbox { padding: 0; margin: 0;}
.list-with-checkbox:after { content: ''; display: block; clear: both;}
.list-with-checkbox li { cursor: pointer; background: #fff; border-radius: 5px; width: 160px; margin: 0 10px 10px 0; overflow-clip:ellipsis; height: 40px; padding: 8px; list-style: none; display: inline-block; float: left; border: #ddd 1px solid;}
.list-with-checkbox li.checked { border-color: #99cc00 ; background: url("../images/icon_checked2.png") #fff no-repeat  96% 5px;}
.list-with-checkbox li h4 { font-size: 13px; margin-bottom: 0; font-family: 'Microsoft YaHei'; }
.list-with-checkbox li p { font-size: 12px; color: #999; margin: 0;}


.row-product-detail { list-style: none; margin: -4px; padding: 0;}
.row-product-detail li {  padding: 2px 0 2px 52px; border-bottom: #ededed 1px solid; min-height: 40px; }
.row-product-detail li:last-child { border-bottom: 0;}
.row-product-detail li h5 { padding: 0 0 0 0; margin: 0; font-size: 13px; line-height: 20px;}
.row-product-detail li h6 { padding: 0 0 0 0; margin: 0; font-size: 11px; color: #999; line-height: 20px;}
.row-product-detail li img { float: left; margin-left: -50px; width: 40px; height: 40px; border: #eee 1px solid;}


h2.module-title { margin: 10px; font:400 22px/28px Roboto,sans-serif; clear: left; line-height: 1.2em;}

.stock-panel-container { margin: 10px;}
.stock-panel-container .uk-panel { width: 250px; height: 135px; padding: 0; margin: 0 20px 20px 0; float: left; border-radius: 5px; background: url("../images/abg/abg_15.jpg") no-repeat right bottom #fff; background-size: auto 80px; }
.stock-panel-container .uk-panel .uk-panel-title { margin: 0; border-radius: 5px 5px 0 0 ; background: url("../images/bg_btn.png") repeat-x; padding: 5px 10px; font-size: 14px; /*border-bottom: #ddd 1px solid;*/ }
.stock-panel-container li { list-style: none; padding: 4px 0; line-height: 1.2em;}
.stock-panel-container li label { font-weight: bold; display: inline-block; width: 80px;}
.stock-panel-container ul { padding:8px 10px; margin: 0}
.stock-panel-container .command { padding: 5px 10px 5px 10px;}

.form-control-selector { display: inline-block; }
.form-control-selector .iconfont-drop { font-size: 14px;}
.form-control-selector .uk-dropdown-small { min-width: 200px; background: #fefefe; box-shadow: 2px 2px 20px rgba(0,0,0,0.2);}
.form-control-selector .uk-dropdown-small li { border-bottom: #efefef 1px solid;}
.form-control-selector .uk-dropdown-small li:last-child { border-bottom: 0;}
.form-control-selector .uk-dropdown-small li img { width: 40px; height: 40px; float: left; margin-right: 5px; border-radius: 20px; margin-left: -5px;}
.form-control-selector .uk-form-auto .uk-dropdown { position: relative; padding: 5px; display: block; margin-top: 5px;}
.form-control-selector .uk-form-auto>input { background: url("../images/icon_search.png") no-repeat 97% 50%;}
.form-control-selector .uk-form-auto { padding: 0; }
.form-control-selector .uk-form-auto .uk-dropdown { overflow-y: auto; max-height: 300px;}

.uk-autocomplete-image img.image {width: 40px; height: 40px; float: left; margin-right: 5px; border-radius: 20px; overflow: hidden; margin-left: -10px;}
.uk-autocomplete-image li div { padding-left: 35px; color: #666;}

.form-control-selector-2 .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 441px;}
.panel-sub-selector { margin: 0 -10px;}
.panel-sub-selector .panel-header {
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}
.panel-sub-selector .panel-header { border-width: 0 1px 1px 0; border-style: dotted; border-color: #ccc; padding: 5px 10px; font-weight: normal; font-size: 13px;}
.panel-sub-selector .uk-nav-container { margin: 5px 0; padding: 4px 0; overflow-y:auto; overflow-x: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 300px;}

.page_content_inner { padding: 10px;}

.wizard { background: #39f; /*box-shadow: 0 5px 20px rgba(0,0,0,0.1) inset;*/ }
.wizard .tablist { list-style: none; display: table; color: #fff; width: 100%; margin-bottom: 0; padding: 0;}
.wizard .tablist a {color: #fff;}
.wizard .tablist li { display: table-cell; padding: 15px 0 15px 15px; line-height: 24px;}
.wizard .tablist li.current { background: #51adf6; }
.wizard .tablist li span.number {  font-size: 14px; border: 2px solid #fff;  width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; display: inline-block; margin-right: 5px;}
.wizard-top { padding: 0 10px;}

.page-profile-container { padding: 20px 20px 20px 140px; width: 800px;}
.page-profile-container .avatar { float: left; width: 80px; height: 80px; margin-left: -100px; position: relative;}
.page-profile-container .avatar img {width: 80px; height: 80px; border-radius: 40px; border: #ddd 1px solid; background: #fff; }
.page-profile-container .avatar #btn-upload-avatar { width: 80px; height: 80px; display: inline-block; position: absolute; left: 0; top: 0; z-index: 1;}

.uk-panel .uk-panel-footer-page { text-align: left; padding:10px 10px 10px 15px;}

.dash-container { padding: 10px;}
.dash-container .dash-block { padding:0 2px 0 2px; margin-bottom: 20px;}
.dash-container .dash-block-item {background: #fff  right bottom no-repeat; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);    border: none; padding: 10px; border-radius: 0px;}
.dash-container .dash-block-item-1 { background-image:url("../images/dash_chart_1.png");}
.dash-container .dash-block-item-2 { background-image:url("../images/dash_chart_2.png");}
.dash-container .dash-block-item-3 { background-image:url("../images/dash_chart_3.png");}
.dash-container .dash-block-item-4 { background-image:url("../images/dash_chart_4.png");}
.dash-container .dash-block-item h4 { font-size: 14px; margin: 0 10px 0 0; color: #666; font-family: "宋体"; }
.dash-container .dash-block-item h5 { margin: 0; line-height: 50px; font:30px/1.5 "Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\5b8b\4f53,sans-serif;}

.li-add { margin: 0 0 10px 0;}
.user-list { padding: 10px 0 0 0; margin: 0;list-style: none; background: #fff; }
.user-list>li { display: inline-block; list-style: none; margin: 0; height: 105px;  position: relative;}
.user-list>li>a.image {  padding: 0 10px 0 10px; display: inline-block; }
.user-list>li>a.image>img { width: 80px; height: 80px; box-shadow: 0 0 2px rgba(0,0,0,0.05); transition-duration: 200ms;}
.user-list>li>a.image:hover>img { box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.user-list>li>span { display: block; font-size: 12px; height: 25px; overflow: hidden; line-height: 20px;  text-align: center; width: 100%; color: #999;}
.user-list>li.li-add { overflow: visible;}
.user-list>li.li-add span { display: none;}
.user-list>li i.icon-delete { position: absolute; top: -2px; right: -2px; width: 16px; height: 16px; background: url("../images/icon_delete_small.png"); display: inline-block; opacity: 0; transition-duration: 200ms;}
.user-list>li:hover .icon-delete { opacity: 1;}

.uk-tab-lang { margin-bottom: 10px;}
.uk-tab-lang img { margin-right:5px;}

.ui-layout-pane { border: 0;}
.ui-layout-pane-west { border-right: #eee 1px solid;}
.ui-layout-pane-east { border-left: #eee 1px solid;}
.ui-layout-resizer-west { background: #fff; border-right: none; width: 0 !important; overflow: visible !important;}
.ui-layout-resizer-east { background: #fff; border-right: none; width: 0 !important; overflow: visible !important;}
.ui-layout-toggler-west { width: 6px !important;}
.ui-layout-toggler-east { width: 6px !important; left: -5px !important;}

.uk-button-group-tab {display: block;}
.ui-layout-pane-center {padding: 0; background: transparent;}
.ui-layout-toggler-west-open-hover { background: #00a8e6;}

.uk-button-group>div { vertical-align: top;}

.flexigrid div.hDiv { border-radius: 4px 4px 0 0; border-color: #ddd; }
.flexigrid div.bDiv { border-color: #ddd;}
.flexigrid div.vGrip { border-color: #ddd; border-radius: 0 0 4px 4px; }
.flexigrid div.pDiv { border-color: #ddd;}
/*.flexigrid div.pDiv input { width: 25px; height: 22px;}*/
.flexigrid div.pDiv select {  height: 22px;}
.flexigrid div.pDiv .records{  padding: 0 5px;}
.flexigrid div.pDiv .pcontrol{position: relative;top:0; font-size: 13px;  }
.flexigrid div.pDiv input{
    position: relative;
    top:1px;
    width:20px;
    text-align: center;
    border:none;
    font-size: 13px;
}
.flexigrid div.mDiv { border-radius: 5px 5px 0 0;}
.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div {}
.flexigrid div.tDiv { border-radius: 5px 5px 0 0; background: #f9f9f9; border-color: #ddd;}
.flexigrid div.tDiv span { padding-left: 0px !important;;}
.flexigrid div.tDiv span .iconfont { vertical-align: bottom;}
.flexigrid div.tDiv2 { float: right;}
.grid-container-command .flexigrid div.hDiv { border-radius: 0 0 0 0 !important;}
.grid-container-command-2 div.tDiv2 { float: left; padding-left: 15px;}
.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div {
    padding: 6px 5px;
}
.flexigrid div.hDiv th, div.colCopy {
    height: 32px;
}
.flexigrid span.image { display: inline-block; width: 45px; height: 45px; float: left; margin-right: 10px; padding: 1px; border: #ddd 1px solid; border-radius: 3px;}
.flexigrid h4 { margin: 0 5px 5px 5px; font-size: 14px; font-weight: normal;}
.flexigrid h4 small { font-size: 12px; color: #999;}
.flexigrid p { margin: 0 5px; font-size: 12px; color: #999;}

div.pGroup { margin: 0 3px;}

.grid-container-selector { padding: 0;}
.grid-container-selector .flexigrid div.hDiv { border-radius: 0;}
.grid-container-selector .flexigrid div.vGrip { border-radius: 0;}

.modal-container-scroll { overflow-x: hidden; overflow-y: scroll;}

.uk-form-row+.uk-form-row { margin-top: 10px; }
.uk-form-blank { border:#ddd 1px dotted !important;}

.uk-form-modal hr { margin: 15px -20px; border-top: #ddd 1px dotted; }
.uk-form-modal-bill { margin: 0 0 -10px 0; padding: 15px;}

/*打印容器*/
.print-container { margin: 20px 40px; background: #fff; }

.uk-autocomplete-image .uk-nav-autocomplete>li>a {  min-height: 40px; }

/*导入块*/
.block-import { padding: 20px 10px;}
.block-import .next-hr { height: 30px; background: url("../images/icon_next_down.png") no-repeat center; background-size: auto 25px; margin: 5px 0 ;}
.block-import .uk-button { border-radius: 0;}

.home-section-main {
    padding: 10px;
    position: relative;
}
.home-section-right { width: 336px;
    position: absolute;
    top: 10px;
    right: 10px;}

.home-section-left {
    padding-right: 346px;
}

.home-section-main .uk-panel { box-shadow: 0 1px 1px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);    border: none; padding: 0; border-radius: 0px;}
.home-section-main .uk-panel-title { padding: 10px; font-size: 14px; margin: 0;}
.home-section-main .uk-panel-title-2 { background: #F5F5F6; color: #666;}
.home-section-main .uk-panel-title-3 { border-bottom:1px solid #eee; color: #666; background: #fff;}
.home-section-main .uk-panel-body { padding: 10px;}
.home-section-main .uk-list li { padding: 2px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.home-section-main .uk-grid { margin-left: -10px !important;}
.home-section-main .uk-grid > * { padding-left: 10px !important;}
.home-section-main .uk-grid+.uk-grid, .home-section-main .uk-grid-margin, .home-section-main .uk-grid>*>.uk-panel+.uk-panel {
    margin-top: 15px;
}
.home-section-main .uk-list-task { margin-top: -10px; margin-bottom: 0;}
.home-section-main .uk-list-task li { background: #F5F5F6; border: #F5F5F6 1px solid; margin-bottom: 4px; padding: 7px 0 7px 10%; }
.home-section-main .uk-list-task li:hover { background: #fff; border-color: #00c1de;}


.uk-panel-intro h4 { margin: 10px 0 10px 0;}
.uk-panel-intro p { margin: 5px;}

.uk-panel-contact .uk-panel-body {}
.uk-panel-contact .uk-grid { text-align: center;}
.uk-panel-contact .uk-grid .iconfont { font-size: 32px; line-height: 50px;}

.uk-panel-account { background: url("../images/bg_dsjl.png") -100px 35% no-repeat #fff; height: 214px;}
.uk-panel-account .icon-security { width: 80px; height: 73px; display: inline-block; background: url("../images/home-security-status.png") left center;}
.uk-panel-account .icon-security-unsafe { background-position: 0 0 ;}
.uk-panel-account .icon-security-safe { background-position: 100% 0 ;}

.layui-layer-rim .dialog-footer { position: absolute;}

.uk-autocomplete .uk-dropdown { max-height: 250px; overflow-y: scroll; box-shadow: 0 5px 10px rgba(0,0,0,0.3); padding: 5px 15px;}
.uk-tab>li:nth-child(n+2)>a { margin-left: 2px;}


.uk-form-main { padding: 20px;}
/*
 *
 */

.article-subtitle {
    padding-left: 6px;
    border-left: 3px solid #1FA2D6;
    font-size: 16px;
    line-height: 18px;
}

#print-area span.edit:hover { cursor: pointer; background: #f0f0f0;}

.uk-grid-card { padding: 30px; background: #f8f8f8; margin: 0 20px;}
.uk-grid-card li .uk-panel-box { box-shadow: none; padding: 10px; text-align: center; border-radius: 0; cursor: pointer}
.uk-grid-card li:hover .uk-panel-box{ background: #f0f0f0;   }

.uk-form-panel { padding: 30px; background: #f8f8f8; margin: 0 20px; }
.uk-form-panel .uk-form-label { text-align: right; font-weight: normal; padding-right: 15px; }
.uk-form-panel .text-value { display: inline-block; margin: 5px ;}
.uk-form-panel .check-box-group { margin: 5px 0;}
.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; margin: 15px 20px; }
.uk-form-footer-2 { padding-left: 0; background: #fff; padding-right: 15px; margin-left: 0; margin-right: 0; text-align: left;}

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

.upload-file { }
.upload-file .uk-button { position: relative;}
.upload-file .uk-button input { position: absolute; visibility: hidden; left: -9999px;}
.upload-file .accepted-filetypes { line-height: 26px; padding: 5px 0; color: #999; font-size: 12px;}

.file-list { padding: 15px;}
.file-list .empty { font-size: 16px; color: #ccc; text-align: center; padding-top:200px;}
.file-list>div { margin-right: 5px;}
.file-list .item-folder { display: inline-block; width: 80px; height: 90px; vertical-align: top;  position: relative;}
.file-list .item-folder .icon {width: 70px; height: 70px; background: url("../images/icon_folder.png") no-repeat center; margin: 0 5px;}
.file-list .item-add { display: inline-block; width: 80px; height: 90px; vertical-align: top;text-align: center;}
.file-list .item-add .icon {width: 70px; height: 70px; background: url("../images/icon_add.png") no-repeat center; margin: 0 5px;}
.file-list .item-back { display: inline-block; width: 80px; height: 90px; vertical-align: top; text-align: center;}
.file-list .item-back .icon {width: 70px; height: 70px; background: url("../images/icon_back.png") no-repeat center; margin: 0 5px;}
.file-list .item-file { display: inline-block; position: relative; width: 80px; height: 120px; border: rgba(255,255,255,0) 1px solid; vertical-align: top;}
.file-list .item-file .icon {width: 70px; height: 70px; background: url("../images/icon_file.png") no-repeat center; margin: 0 5px;}
.file-list .item-file .thumb { padding: 0 5px;}
.file-list .item-file .download { top: auto; bottom: 0; left: 0; right: 0; display: none; background: rgba(0,0,0,0.5); color: #fff; text-align: center;}
.file-list .item-file .download a { color: #fff;}
.file-list .item-file:hover .download { display: block;}
.file-list .item-file img { width: 70px; height: 70px; padding: 11px;}
.file-list .item-folder .name,
.file-list .item-file .name { line-height: 20px; overflow: hidden; max-height: 40px; font-size: 12px; text-align: center; word-break: break-all;}
.file-list .item-folder .checkbox,
.file-list .item-file .checkbox { display: inline-block; background: url("../images/icon_checked2.png"); width: 24px; height: 24px; position: absolute; right: 5px; top: 5px;}
.file-list .item-file:hover { background: #d9ebf5; border: 1px solid #eef8ff;}

.uk-form-thumbnail {position:relative;}
.uk-form-thumbnail .uk-thumbnail-mini { width: 100px; height: 100px; vertical-align: top; margin-right: 5px;position: relative;}
.uk-form-thumbnail .uk-thumbnail-mini img { width: 90px; height: 90px;}
.uk-form-thumbnail .uk-thumbnail-mini .delete { position: absolute; top: -6px; right: -6px; display: none; width: 16px; height: 16px; background: url("../images/icon_delete_small.png") #fff;}
.uk-form-thumbnail .uk-thumbnail-mini .delete { display: inline-block; opacity: 0; border-radius: 8px; transition-duration: 200ms;}
.uk-form-thumbnail .uk-thumbnail-mini:hover .delete { opacity: 1;}
.uk-form-thumbnail .uk-thumbnail-mini .command { cursor: move; z-index: 1; width: 96px; height: 96px; left: 0; top: 0; position: absolute;}
.uk-form-thumbnail .uk-thumbnail-add { text-align: center; }
.uk-form-thumbnail .uk-thumbnail-add span { display: inline-block; padding-top: 38px; line-height: 20px;}
.uk-form-thumbnail .uk-close {position:absolute;top:-10px;right:-10px;}

.product-spec-editor { background-color: #fff; padding: 10px 10px 10px 10px; border: 1px solid #e5e5e5;}
.product-spec-editor .product-spec-panel {
    margin-bottom: 15px;
}
.product-spec-editor .product-spec-panel:last-child {
    margin-bottom: 0;
}
.product-spec-editor .panel-header {position: relative;
    padding: 7px 0 7px 10px;
    margin: 0;
    color: #666;
    background-color: #f8f8f8;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    border-left: #dfdfdf 3px solid;
}
.product-spec-editor .panel-header .delete { position: absolute; top: 13px; right: 13px; display: none; width: 16px; height: 16px; background: url("../images/icon_delete_small.png");}
.product-spec-editor .panel-header:hover .delete { display: inline-block;}
.product-spec-editor .panel-header input[type=text] { background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);}
.product-spec-editor .uk-autocomplete .uk-dropdown { width: 145px;}
.product-spec-editor .panel-body { padding: 10px 13px;}
.product-spec-editor .block-spec-item { display: inline-block; background: #fff; border: #ccc 1px solid; width: 180px; border-radius: 4px; position: relative; margin-right:8px; }
.product-spec-editor .block-spec-item input { border: none; background: none; width: 100%; text-align: center;}
.product-spec-editor .block-spec-item .uk-close-alt { color: #fff; background: #1FA2D6; opacity: 0; position: absolute; right: -12px; top: -12px; -webkit-transform:scale(0.7);}
.product-spec-editor .block-spec-item .uk-close-alt:after { content: '';}
.product-spec-editor .block-spec-item:hover .uk-close-alt { opacity: 0.5;}

.block-spec-add { position: relative; display: inline-block;}
.block-spec-add .dropdown { z-index: 100; left: -150px; width: 360px; position: absolute; padding: 5px 10px; background: #fff; border: #ccc 1px solid; }
.block-spec-add .dropdown .uk-button { vertical-align: top; margin-top: 4px; line-height: 32px; min-height: 32px; position: absolute; right: 10px; top: 5px;}
.block-spec-add .dropdown .uk-close { position: absolute; right: -15px; top: -15px; font-family: "iconfont";-webkit-font-smoothing:antialiased; }
.block-spec-add .dropdown .uk-close .iconfont {opacity: 0.5; }
.block-spec-add .dropdown .uk-close:hover  .iconfont { opacity: 1;}
.block-spec-add .dropdown .uk-close::after { content: ''; }

.uk-table-inform { background-color: #fff; padding: 2px; border: 1px solid #e5e5e5;}
.uk-table-inform .uk-table { font-size: 13px; line-height: 1.4em;}
.uk-table-inform .uk-table th { background-color: rgb(248,248,248); color: #000; font-weight: normal; padding: 8px 5px; }
.uk-table-inform .uk-table td { padding: 3px 5px; font-size: 12px;}
.uk-table-inform .uk-table .uk-form-block { width: 100%;}

/*cascade drop*/
.cascade-drop-inline { display: inline-block; }

.amap-logo,.amap-copyright { display: none !important;}

.page-loading { z-index: 10000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/loading.gif") no-repeat center rgba(255,255,255,0.95); background-size: 40px auto;}

/*content-editor*/
.page-content-editor { margin-left: 40%; position: relative;}
.page-content-editor .app-preview { position: absolute; left: -350px; top: 20px; width: 320px; box-shadow: 0 2px 6px rgba(0,0,0,0.4);}
.app-preview .app-header { background: url("../images/titlebar.png"); padding: 18px 60px 0 60px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; overflow: hidden;}
.app-preview .app-body { /*border: #eee 1px solid;*/}
.app-preview .block-product-fix,
.app-preview .block-content-fix { text-align: center; background: #f0f0f0; padding: 10px 0 10px 0;}
.app-preview .block-product-fix h3 ,
.app-preview .block-content-fix h3 { margin: 5px 0;}
.app-preview .block-product-fix h5 ,
.app-preview .block-content-fix h5 { margin: 5px 0;}
.app-preview .app-footer li { width: 33.33%; display:inline-block; margin-right: -4px;}
.app-preview .app-footer li a { display: block; border: #ddd 1px solid; padding: 5px 10px; text-align: center; line-height: 20px; margin: 5px 5px 0 5px; border-radius: 3px;}
.content-editor-container { padding: 20px;}
.mce-branding-powered-by { display: none !important;}
.app-preview .content-item { position: relative; min-height: 30px; overflow: hidden; }
.app-preview .content-item.over .mask .command{ border-color: #ccff00;}
.app-preview .content-item .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1; }
.app-preview .content-item .mask .command { cursor: move; border: rgba(255,255,255,0.3) 2px dashed;  text-align: right; height: 100%; box-sizing: border-box;}
.app-preview .content-item .mask .command a span { color: rgba(255,255,255,0.85); background: rgba(0,0,0,0.35);  padding:4px 8px; margin-left: -3px; }
.app-preview .content-item .mask .command a:hover span { color: #fff; background: rgba(0,0,0,0.65);  }
.app-preview .content-item .mask:hover { background: rgba(255,255,255,0.55); }
.app-preview .content-item .mask:hover .command { border-color: rgba(0,153,255,0.35);}
/*.app-preview .content-item-active .mask { background: rgba(255,255,255,0.75);  }*/
.app-preview .content-item-active .mask .command { border: rgba(0,153,255,0.95) 2px dashed;}
.page-content-editor .image-item { min-height: 90px; padding: 10px; background: #fff; margin-bottom: 10px;}
.page-content-editor .image-item .uk-thumbnail-mini { width: 90px;  float: left;}
.page-content-editor .image-item .title { margin-bottom: 10px;}
.app-preview .uk-list-image { margin-bottom: 0;}
.app-preview .uk-list-image li img { width: 100%; }
.app-preview .uk-list-image li { text-align: center;}
.app-preview .uk-list-image li a.title { display: block; padding: 5px 0;}
.app-preview .uk-list-image-flex li { display: table-cell;}
.app-preview .uk-list-article {border-top: #ddd 1px solid; margin-bottom: 0;}
.app-preview .uk-list-article li { padding: 5px; border-bottom: #ddd 1px solid;}
.app-preview .uk-list-article li .thumbnail { width: 80px; height: 80px; float: left; margin-right: 5px;}
.app-preview .uk-list-article li .thumbnail img { width: 100%; height: 100%; }
.app-preview .uk-list-article li h4 { font-size: 14px; line-height: 1.5em; margin: 0 0 10px 0; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.app-preview .uk-list-article li h4 a { color: #333;}
.app-preview .uk-list-article li p {font-size: 12px; color: #ccc;}
.app-preview .uk-list-article-flex li { display: inline-block; width: 33%; margin:0 -6px; }
.app-preview .uk-list-article-flex li .thumbnail { float: none; margin: 0 auto; }
.app-preview .content-notification { padding: 0 10px; line-height: 36px; height: 36px; overflow: hidden; background: #ffc; color: #f90; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2;}
.app-preview .content-search { padding: 10px;}
.app-preview .content-search input { border: 0; width: 100%; height: 28px; background: none; text-indent: 10px;}
.app-preview .content-search .form-control-search { border: #ddd 1px solid; border-radius: 14px; background: #fff;}
.app-preview .content-title { margin:10px 5px ; padding: 0 5px; border-left: #FFD161 3px solid;}
.app-preview .content-title h3 { margin: 0; font-size: 16px; line-height: 1.4em; }

.plugin-list { padding-top: 50px;}
.uk-grid-plugin { margin: 0 20px; }
.uk-grid-plugin li { text-align: center; margin-bottom: 40px;}
.uk-grid-plugin li a { display: block;}
.uk-grid-plugin li a.logo img { border-radius: 10px; width: 80px; height: 80px; box-shadow: 1px 3px 6px rgba(0,0,0,0.1); background: #fff;}
.uk-grid-plugin li a.title { padding: 10px 0; color: #333;}

.vip-card-list { padding: 10px;}
.vip-card-list h5 ,
.vip-card-list h6 ,
.vip-card-list a { color: #fff;}
.vip-card-list .vip-card { width: 320px; height: 198px; vertical-align: top; display: inline-block; margin: 0 10px 10px 0; position: relative; border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.vip-card-list .vip-card:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.vip-card-list .vip-card h5 { font-size: 18px; padding: 20px 0 20px 20px; margin: 0;}
.vip-card-list .vip-card h6 { font-size: 14px; padding: 0 20px; margin: 0;}
.vip-card-list .vip-card .tools { position: absolute; bottom: 10px; right: 10px;}
.vip-card-list .vip-card .logo { position: absolute; left: 20px; bottom: 20px;}
.vip-card-list .vip-card .logo img { width: 64px; height: 64px;}
.vip-card-list .vip-card .tools a { display: inline-block; padding: 2px 5px;}
.vip-card-list .vip-card .tools a:hover { background: rgba(255,255,255,0.4);}


.menu-box{ width: 860px; min-height: 420px;}
.menu-box .menu-area{float: left;width: 317px;height: 400px;border: 1px solid #e7e7eb;position: relative;background: url(../images/bg_mobile_head.png) no-repeat top center;}
.menu-box .menu-area .mobile-hd{    color: #fff;    text-align: center;    padding-top: 32px;    font-size: 15px;    width: auto;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-wrap: normal;    margin: 0 60px;}
.menu-box .menu-area .mobile-ft{position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/bg_mobile_foot.png) no-repeat left bottom;height: 50px;border-top: 1px solid #e7e7eb;}
.menu-box .menu-area .mobile-ft ul.sub-ul{padding-left: 43px; list-style: none; margin-bottom: 0;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li{border:1px solid #fafafa ;float: left;border-left:1px solid #e7e7eb;width: 89px;height: 50px;position: relative;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li a.menu-one{display: block;text-align: center;line-height: 50px;height: 50px;overflow: hidden;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li a.menu-one i.icon-add{ margin-top: 15px; display: inline-block;width: 14px;height: 14px;background: url(../images/menu_icon.png) no-repeat 0 0;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li a.menu-one i.icon-menu{ background: url("../images/menu_icon.png") 0 -48px no-repeat;    width: 7px;    height: 7px;    vertical-align: middle;    display: inline-block;    margin-right: 2px;  margin-top: -2px;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li a.menu-one span{}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li a.on{border: 1px solid #44b549;background-color: #fff;color: #44b549;height: 48px;line-height: 48px;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.li-full{width: 100%;text-align: center}
.menu-box .menu-area .mobile-ft ul.sub-ul li.li-full i.icon-add{display: inline-block;width: 14px;height: 14px;background: url(../images/menu_icon.png) no-repeat 0 -24px;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.li-full a{display: block;height: 48px;line-height: 48px;border: 1px solid #44b549;color: #44b549;font-size: 14px;}

.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu{position: absolute;bottom: 60px;left: 0;width: 100%;border: 1px solid #d0d0d0;background-color: #fafafa;display: none;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu.on{display: block;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul {list-style: none; margin-bottom: 0;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li{}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li:hover{background-color: #e5e5e5;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li a{display: block;height: 46px;line-height: 46px;padding: 0 10px;border-bottom: 1px solid #e7e7eb;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li:last-child a{border-bottom: none;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li a i.icon-add{   margin-top: 15px; display: inline-block;    width: 14px;    height: 14px;    background: url(../images/menu_icon.png) 0px 0px no-repeat;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu i.arrow{position: absolute;left: 50%;margin-left: -6px;    bottom: -6px;    display: inline-block;    width: 0;    height: 0;    border-width: 6px;    border-style: dashed;    border-color: transparent;    border-bottom-width: 0;    border-top-color: #d0d0d0;  border-top-style: solid;}
.menu-box .menu-area .mobile-ft ul.sub-ul li.sub-li .sub-menu ul li a.on{border: 1px solid #44b549;background-color: #fff;color: #44b549;}

.menu-box .menu-view{width: 480px;border: 1px solid #e7e7eb;padding: 10px 20px;background-color: #f4f5f9;min-height: 380px;float: right;position: relative;}
.menu-box .menu-view span.editor_arrow_wrp{position: absolute;top: 545px;left: -12px;}
.menu-box .menu-view span.editor_arrow_wrp i.editor_arrow{    display: inline-block;    width: 0;    height: 0;    border-width: 12px;    border-style: dashed;    border-color: transparent;    border-left-width: 0;    border-right-color: #e7e7eb;  border-right-style: solid;  }
.menu-box .menu-view span.editor_arrow_wrp i.editor_arrow_out{left: 0;}
.menu-box .menu-view span.editor_arrow_wrp i.editor_arrow_in {left: 1px;border-right-color:#f4f5f9;}

.menu-box .menu-view .view-box{}
.menu-box .menu-view .view-box h2{border-bottom: 1px solid #e7e7eb;padding: 9px 0;font-weight: normal;font-size: 14px;}
.menu-box .menu-view .view-box h2 a{float: right;color: #459ae9;}
.menu-box .menu-view .view-box h2 span{}
.menu-box .menu-view .view-box p.p-info{color: #8d8d8d;font-size: 14px;margin-top: 10px;margin-left: 5px;}
.menu-box .menu-view .view-box .div-part{margin-top: 30px;}
.menu-box .menu-view .view-box .div-part label.font{float: left;width: 80px; margin-right: 5px;font-size: 14px;margin-top: 7px;}
.menu-box .menu-view .view-box .div-part .input-div{float: left;}
.menu-box .menu-view .view-box .div-part .input-div input.text{border: 1px solid #e7e7eb;padding: 5px 10px;width: 250px;font-size: 14px;}
.menu-box .menu-view .view-box .div-part .input-div p.mes{font-size: 14px;color: #8d8d8d;margin-top: 3px;}
.menu-box .menu-view .view-box .div-part .input-div p.mes.hide{display: none;}
.menu-box .menu-view .view-box .div-part .input-div label.radio-label{margin-top: 7px;display: inline-block;margin-right: 10px;cursor: pointer;}
.menu-box .menu-view .view-box .div-part .input-div label.radio-label i{display: inline-block;width: 14px;height: 14px;vertical-align: middle;margin-top: -4px;}
.menu-box .menu-view .view-box .div-part .input-div label.radio-label span{font-size: 14px;}
.menu-box .menu-view .view-box .div-part .input-div label.radio-label input{}

.view-con{border: 1px solid #e7e7eb;background: #fff;margin-top: 10px; }
.view-con.on{display: block;}
.view-con ul.uk-list { margin: 0; padding: 0}
.view-con .nav-slide{border-bottom: 1px solid #e7e7eb;position: relative;}
.view-con .nav-slide a.slide-btn{display: block;width: 12px;height: 12px;margin-top: 11px;}
.view-con .nav-slide a.slide-btn.next{float: right;background: url(../images/icon_menu_nav_next2968da.png) no-repeat;margin-right: 5px;}
.view-con .nav-slide a.slide-btn.prev{float: left;background: url(../images/icon_menu_nav_prev2968da.png) no-repeat;margin-left: 5px;margin-right: 5px;}
.view-con .nav-slide a.slide-btn.next.nextStop,.menu-box .menu-view .view-box .view-con .nav-slide a.slide-btn.prev.prevStop{display: none;}
.view-con .nav-slide .bd{margin-left: 10px;}
.view-con .nav-slide .bd ul li{float: left;margin: 0 10px;}
.view-con .nav-slide .bd ul li a{display: block;padding: 8px 0;color: #8d8d8d;}
.view-con .nav-slide .bd ul li a i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-top: -2px;background: url(../images/msg_tab.png) no-repeat;margin-right: 3px;}
.view-con .nav-slide .bd ul li a i.icon-1{background-position: 0 -240px;}
.view-con .nav-slide .bd ul li a i.icon-2{background-position: 0 0;}
.view-con .nav-slide .bd ul li a i.icon-3{background-position: 0 -60px;}
.view-con .nav-slide .bd ul li a i.icon-4{background-position: 0 -360px;}
.view-con .nav-slide .bd ul li a i.icon-5{background-position: 0 -180px;}
.view-con .nav-slide .bd ul li a i.icon-6{background-position: 0 -120px;}
.view-con .nav-slide .bd ul li.on a{color: #222;}
.view-con .nav-slide .bd ul li.on a i.icon-1{background-position: 0 -270px;}
.view-con .nav-slide .bd ul li.on a i.icon-2{background-position: 0 -30px;}
.view-con .nav-slide .bd ul li.on a i.icon-3{background-position: 0 -90px;}
.view-con .nav-slide .bd ul li.on a i.icon-4{background-position: 0 -390px;}
.view-con .nav-slide .bd ul li.on a i.icon-5{background-position: 0 -210px;}
.view-con .nav-slide .bd ul li.on a i.icon-6{background-position: 0 -150px;}
.view-con .material-view{}
.view-con .material-view ul li{border-top: none;padding: 20px;display: none;}
.view-con .material-view ul li.cur{display: block;}
.view-con .material-view ul li .span-box{border: 1px dotted #ddd;margin: 20px auto;width: 180px;text-align: center;padding: 30px 0;display: none;}
.view-con .material-view ul li .span-box a{}
.view-con .material-view ul li .span-box a i.icon-add{display:inline-block;width: 35px;height: 35px;background: url(../images/icon_add_big.png) no-repeat;}
.view-con .material-view ul li .span-box a strong{display: block;font-size: 14px;font-weight: normal;margin-top: 2px;}
.view-con .material-view ul li .span-box a:hover{text-decoration: underline;}
.view-con .material-view ul li .span-box.on{border-color: #bbb;}
.view-con .material-view ul li .span-box.show{display: block;}
.view-con .link-box{padding: 20px;}
.view-con .link-box h3{font-weight: normal;color: #8d8d8d;font-size: 14px;}
.view-con .link-box .div-part{margin-top: 20px;}

.time-container { margin:0 0 0 40%;}
.time-container .time-item:first-child { padding-top: 0;}
.time-container .time-item:last-child { padding-bottom: 0;}
.time-container .time-item { position: relative; border-left: #eee 4px solid; padding-bottom: 10px; padding-right: 5px; padding-top: 10px; padding-left: 40px; min-height: 60px;}
.time-container .time-item h4 { margin: 0; font-size: 14px; padding-top: 6px;}
.time-container .time-item h4 small { color: #666; font-size: 12px; width: 110px; text-align: right; left: -160px; position: absolute;}
.time-container .time-item h5 { margin: 0; color: #999;}
.time-container .time-item img { width: 60px; height: 60px; border-radius: 50%;}
.time-container .time-item .avatar { float: left; margin-left: -74px; display: inline-block }

.shop-list-container { padding-top: 10px;}
.shop-list-container .shop-item { background: #fff; cursor: pointer; position: relative; box-shadow: 0 2px 4px rgba(0,0,0,.2); margin: 0 10px 20px 10px; border: #ddd 1px solid; width: 278px; float: left; height: 80px; transition: all 0.15s ease-out;}
.shop-list-container .shop-item:hover {box-shadow: 0 5px 20px rgba(0,0,0,.2); -webkit-transform:scale(1.2,1.2); position: relative; z-index: 100;}
.shop-list-container .shop-item img.logo { width: 80px; height: 80px; float: left; margin-right: 10px;}
.shop-list-container .shop-item h4 { font-weight: bold; font-size: 15px; margin: 0; padding: 10px 0 0 0;}
.shop-list-container .shop-item p { margin: 0; font-size: 11px; color: #999;}
.shop-list-container .shop-item span.shop-type { position: absolute; display: inline-block; top: 10px; right: 10px; color: #666; border: #999 1px solid; border-radius: 4px; padding: 0 5px;}

.uk-form-shop-selector { background: url("/images/system_logo.png") no-repeat 50% 40px; padding: 120px 0 0 0; background-size: auto 50px;}
.uk-form-shop-selector { width: 900px; margin: 0 auto;}

.inner-menu-tab { padding: 10px 20px; font-size: 14px;}
.inner-menu-tab .uk-tab > li.uk-active > a { border-top: #00b4f5 2px solid; padding-top: 7px;}

.area-list-container blockquote {background: #f0f0f0; margin: 0; padding-left: 5px; font-size: 15px; line-height: 24px; font-style: normal;}
.area-list-container blockquote a { font-style: normal; font-size: 12px;}
.area-list-container label { margin-right: 5px;}
.area-list-container .area-list { padding: 10px 0; }

.delivery-template-container { padding: 20px 0;}
.delivery-template-item { position: relative; background: #fff; padding: 0 0 0 100px; margin-bottom: 30px;}
.delivery-template-item .logo { float: left; margin-left: -100px; width: 100px; height: 100px; }
.delivery-template-item>div { padding: 0 5px;}
.delivery-template-item>div h4 { margin:0 0 5px 0; border-top: #ddd 1px solid; padding: 5px; font-size: 15px;  background-color: rgb(248,248,248);}
.delivery-template-item>div blockquote { margin: 5px 0; font-size: 13px; color: #666;}
.delivery-template-item .links { position: absolute; right: 10px; top: 5px;}
.delivery-template-item div>span { font-size: 10px; display: inline-block; color: #999; font-style: normal; line-height: 1.4em; border-radius: 4px; border: #ccc 1px solid; padding: 5px 10px;}
.delivery-template-item div strong { color: #333;}

.create-code-box{}
.create-code-box .spec-list{margin-bottom: 8px;}
.create-code-box .uk-form-controls input{text-align: center;}

.auth-editor { position: relative;}
.auth-editor .command { top: -36px; left: 0; width: 100%; position: absolute; text-align: center;}
.auth-editor .auth-field { width: 320px; height: 569px; position: absolute; left: 0; top: 0; z-index: 1;}
.uk-grid-auth li { position: relative;}
.uk-grid-auth li i { position: absolute; height: 30px; width: 30px; top: 0; right: 0; line-height: 30px; background: #fff; border-left: #ddd 1px solid; display: inline-block; font-style: normal; font-size: 18px;}
.uk-grid-auth li .uk-panel-box { padding: 5px 40px 5px 10px; }

.panel-search { text-align: left; padding: 40px 0 20px 0;}
.panel-search input.search-field:focus { border-bottom-color:rgba(101,159,19,.7); }
.panel-search input.search-field  { outline: none;padding: 8px 10px; border-width: 0 0 0 0; width: 360px;  border-bottom: #ddd 2px solid; font-size: 16px; }
.panel-search i { cursor: pointer;  font-size: 26px; margin-bottom: 6px; display: inline-block; vertical-align: bottom; }

/*打包界面*/
.uk-panel-package { background: url("../images/icon_pack_2.png") 95% 5px no-repeat #fff; }
.uk-panel-package .command { }
.uk-panel-package.uk-panel-active { border-color: #1FA2D6; background-color: rgba(31,162,214,0.1);}

/*订单详情*/
.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: 10px;}
.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 h3.invoice-title { text-align: center; text-decoration: underline; line-height: 1.4em;}
.panel-order-detail dt { font-weight: normal;}
.panel-order-detail dd { color: #999;}
.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; }
.panel-order-detail .uk-description-list-horizontal { overflow: auto;}
.panel-order-detail .uk-table-pay-bill { border: #ddd 1px solid;}
.panel-order-detail .uk-table-pay-bill th,
.panel-order-detail .uk-table-pay-bill td { border-bottom: #ddd 1px solid; }

.uk-table-option thead td,
.uk-table-option thead th { }
.uk-table-option tbody th { font-weight: normal; width: 180px; font-size: 14px; border: 0; padding: 4px 0;}
.uk-table-option tbody td { color: #999; font-size: 14px; padding: 4px 0; border: 0; }
.uk-table-option-border { border: #ccc 1px solid;}
.uk-table-option-border caption { padding: 10px 0 5px 0;}
.uk-table-option-border tbody th { padding: 8px 5px; font-size: 13px; border: #ddd 1px solid; background: #f0f0f0;}
.uk-table-option-border tbody td { padding: 8px 5px; font-size: 13px; border: #ddd 1px solid;}

.uk-order-list-tiny li { padding-right: 30px; transition-duration: 200ms; }
.uk-order-list-tiny li.row-select { padding-right: 10px; background: center top repeat-x rgb(213, 239, 252); border-right: 1px solid rgb(210, 227, 236); border-right: 3px solid #66ccff; border-bottom: 1px solid rgb(168, 216, 235);
    background: linear-gradient(to right, rgba(210, 227, 236, 0.1) , rgba(102, 204, 255, 0.4)); }
.uk-order-list-tiny h5 { margin-bottom: 5px;}
.uk-order-list-tiny h5 small {}
.uk-order-list-tiny i { color: #999;}
.uk-order-list-tiny p,
.uk-order-list-tiny address { color: #666; font-size: 12px; margin: 0;}
.uk-order-list-tiny p strong{ font-size: 15px; font-weight: normal; }

.material-view { padding: 10px;}
.material-item { width: 215px; }
.material-item>div.select { opacity:0; cursor: pointer; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) , rgba(0,0,0,0)); line-height:50px; display: block; width: 205px; margin: 0 5px; height: 100px; border-radius: 5px 5px 0 0; position:absolute; left:0; top:0; text-align:center; color: #fff;}
.material-item:hover>div.select { opacity: 1;}
.material-item .uk-list { border: #ddd 1px solid; border-radius: 5px; padding: 1px; margin:0 5px 10px 5px;}
.material-item .uk-list .wx-article-item .uk-thumbnail { float: right; width: 50px; height: 50px; border: 0;}
.material-item .uk-list .wx-article-item-profile .uk-thumbnail { width: 215px; height: auto; float: none; }
.material-item .uk-list h5 { margin: 5px;}

.uk-list-color .uk-color-item { position: relative; border: #ddd 1px solid; margin:0 10px 10px 0; border-radius: 5px; display: inline-block; padding: 2px; background: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: top;}
.uk-list-color .uk-color-item span { width: 100%; height: 100%; display: inline-block;}
.uk-list-color .uk-color-item .delete { position: absolute; top: -6px; right: -6px; display: none; width: 16px; height: 16px; background: url("../images/icon_delete_small.png") #fff;}
.uk-list-color .uk-color-item .delete { display: inline-block; opacity: 0; border-radius: 8px; transition-duration: 200ms;}
.uk-list-color .uk-color-item:hover .delete { opacity: 1;}

.grid-color-list { padding: 0 !important;}
.grid-color-list>span { display: inline-block; width: 20px; height: 20px; background-size: 100% 100%; margin-right: 2px; border-radius: 1px; border: #ccc 1px solid;}

.tag-list-container { border: #ddd 1px solid; background: #fff; padding: 2px; margin-top: 5px;}
.tag-list-container:after { display: block; content: ''; clear: left}
.tag-list-container ul { margin: 0; padding: 0;}
.tag-list-container li {display: inline-block; list-style: none;     margin: 2px;
    padding: 0 5px;
    float: left;
    font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 26px;
    line-height: 26px;}
.tag-list-container li.tag-item {
    border: 1px solid #acacac;
    border-radius: 3px;
    background: -webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);
    background: linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);}
.tag-list-container li .iconfont { font-size: 12px;}
.tag-list-container li input[type=number],
.tag-list-container li input[type=text] { height: 24px; line-height: 24px; width: 60px;}
.tag-list-container li span.command { display: inline-block; padding-right: 5px;}
.tag-list-container .link-add {line-height: 28px;}

.tag-list-sortable li { cursor: move;}

/*模态框默认隐藏*/
.modal-container { display: none;}

/*page desinger*/
.page-designer-container { background: url("../images/rule_bg.png") no-repeat left top; width: 600px; padding-top: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.15); position: absolute; left: 175px; top: 0 }
.page-designer { min-height: 800px; background: url("../images/rule_bg_left.png") repeat-y left #fff; padding-left: 10px; }
.page-designer .design-item { position: relative; min-height: 30px; border: #ddd 1px solid; border-top-width: 2px;}
.page-designer .design-item label.title { display: inline-block; padding: 5px; position: relative; z-index: 1; color: #00a8e6;}
.page-designer .design-item-nav-top { height: 30px; }
.page-designer .design-item.over .mask .command{ border-color: #ccff00;}
.page-designer .design-item .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1; }
.page-designer .design-item .mask .command { border: rgba(255,255,255,0.3) 2px dashed;  text-align: right; height: 100%; box-sizing: border-box;}
.page-designer .design-item .mask .command a span { color: rgba(255,255,255,0.85); background: rgba(0,0,0,0.35);  padding:4px 8px; margin-left: -3px; }
.page-designer .design-item .mask .command a:hover span { color: #fff; background: rgba(0,0,0,0.65);  }
.page-designer .design-item .mask:hover { background: rgba(255,255,255,0.55); }
.page-designer .design-item .mask:hover .command { border-color: rgba(0,153,255,0.75);}
.page-designer .design-item-active .mask .command { border: rgba(0,153,255,0.95) 2px dashed;}
.page-designer .site-topbar ,
.page-designer .home-hero ,
.page-designer .site-header { padding: 4px;}
.page-designer-editor { padding-left: 600px;}
.page-designer .app-footer { border-top: #ddd 1px solid; margin-top: 40px;}
.page-designer .app-footer li { width: 33.33%; display:inline-block; margin-right: -4px;}
.page-designer .app-footer li a { display: block; border: #ddd 1px solid; padding: 5px 10px; text-align: center; line-height: 20px; margin: 5px 5px 0 5px; border-radius: 3px;}
.page-designer-editor .image-item { min-height: 90px; padding: 10px; background: #fff; margin-bottom: 10px;}
.page-designer-editor .image-item .uk-thumbnail-mini { width: 90px;  float: left;}
.page-designer-editor .image-item .title { margin-bottom: 10px;}
.page-designer-editor .uk-form-panel{ margin: 0;}
.page-designer .app-body { padding: 4px;}
.page-designer .app-body .design-item { cursor: move}
.page-designer .app-body ul { margin-bottom: 0;}
.page-designer .app-footer { margin-bottom: 60px;}
.page-designer-editor .product-item { min-height: 90px; padding: 10px; cursor: move; background: #fff; margin-bottom: 10px; width: 248px; display: inline-block; margin-right: 10px; border: #ddd 1px solid;}
.page-designer-editor .product-item .uk-thumbnail-mini { width: 90px;  float: left; margin-right: 5px; cursor: pointer;}
.page-designer-editor .product-item .title { margin-bottom: 10px;}
.page-designer-editor .product-item.over{ border-color: #ccff00;}

.pc-editor-container  { width: 950px; margin: 0 auto;}

.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 { padding: 10px 0;}
.attachment-list .attachment { display: inline-block; position: relative; width: 90px; vertical-align: top; word-break: break-all; height: auto; background: url("../images/icon_attachment2.png") no-repeat top center; margin-right: 5px;}
.attachment-list .attachment i { position: absolute; z-index: 1; right: -5px; top: -5px; width: 10px; height: 10px; border-radius: 6px; border: #999 1px solid; background: #fff; line-height: 8px; font-style: normal; text-align: center;}
.attachment-list .attachment a { width: 100%; height: 48px; display: inline-block; line-height: 1.2em; font-size: 12px;}

/*关于客户服务*/
.question-9 { color: #659f13!important;}
.question-8 { color: #999!important;}
.question-1 { color: #d85030!important; }
.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.7); 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; }

/*高级搜索*/
.advance-filter { display: none; position: fixed; left: 0; top:0; width: 100%; z-index: 1000; }
.advance-filter-form { padding: 15px; margin: 10px; border-radius: 5px; text-align: center; background: #fafafa; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.advance-filter-form h3 { border-bottom: #ddd 1px solid; margin-bottom: 15px ; padding-bottom: 15px;}
.uk-form-horizontal-center .uk-form-label { width: 48%; text-align: right; float: left; margin-left: 0; color: #666;}
.uk-form-horizontal-center .uk-form-controls { margin-left: 50%; text-align: left;}
.advance-filter .uk-command { padding: 10px 0 0 0; border-top: #ddd 1px solid; margin-top: 15px;}

.uk-field-list { margin-bottom: 2px; margin-top: 0; background: #f0f0f0; padding: 2px 4px; line-height: 14px; font-size: 12px; border-left: #ccc 3px solid;}
.uk-field-list li label { padding-right: 5px; color: #999; display: inline-block; width: 100px;}
.uk-field-list li span { color: #666;}

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


/*quantity input gird*/
.uk-table-quantity { border: #ddd 1px solid; width: auto; margin-bottom: 0;}
.uk-table-quantity>tbody>tr>td { padding: 2px 4px; text-align: left}
.uk-table-quantity>tbody>tr>th,
.uk-table-quantity>thead>tr>th { padding: 4px; text-align: left}
.uk-table-quantity>tbody>tr>td input[type=text] { width: 45px; padding: 5px; border-radius: 1px;}
.uk-table-quantity>caption { min-width: 300px;}

/*选项控制器*/
.ui-suggest { position: relative; display: inline-block;}
.option-suggest-container { position: absolute; left: 0; top: 24px; border-radius: 5px; border: #ccc 1px solid; width: 250px; padding: 5px 10px 10px 10px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.3);}

/*sortable*/
.uk-list-sortable li { cursor: move;}
.uk-list-sortable li.sortable-chosen { opacity: 0.4; background-color: #F4E2C9;}

.panel-order-quantity { overflow-x: auto;}
.panel-order-quantity .th-tools { position: relative;}
.panel-order-quantity .th-tools .tools { display: none; position: absolute; width: 100%; height: 100%;left: 0; top: 0; color: #fff;}
.panel-order-quantity .th-tools .tools i { display: inline-block; cursor: pointer; background: rgba(0,0,0,0.6); font-style: normal; font-size: 16px; font-weight: normal;  width: 20px; height: 20px; line-height: 20px; text-align: center;}
.panel-order-quantity .th-tools .tools i:first-child { float: left;}
.panel-order-quantity .th-tools .tools i:last-child { float: right;}
.panel-order-quantity .th-tools:hover .tools { display: block;}


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

/*回复框*/
.bargain-history-container { background-color: rgba(255,255,255,0.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.bargain-history-container .bargain-history-form {  width: 100%; left: 0; position: absolute;}
.bargain-history-container .uk-table-border { border: #ddd 1px solid;}
.bargain-history-container .uk-table-border thead th { background: #f0f0f0;}
.bargain-history-container .bargain-history { padding: 20px; width: 850px; margin: 0 auto;}


.product-detail { background-color: #fff;}
.product-image-slider { margin-left: 100px; padding: 10px;}
.product-image-slider .hd { margin-left: -100px; float: left}
.product-image-slider .hd li { border: #fff 1px solid;}
.product-image-slider .hd li.on { border-color: #ff6700;}
.product-image-slider .bd img { width: 450px; height: 450px;}
.product-info-box { padding: 10px 10px 10px 0;}
.product-info-box h1.product-name { font-size: 26px; padding-top: 30px; line-height: 35px; margin-bottom: 10px; }
.product-info-box p.keyword { color: #999; font-size: 13px; margin: 5px 0;}
.product-info-box div.price { padding: 10px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-top: 20px;    }
.product-info-box div.price strong { color:#ff6700; font-size: 35px; line-height: 50px; }
.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 { border: 1px solid #e5e5e5; font-size: 15px; display: block; text-align: center; padding: 1px;}
.spec-menu-content .spec-detail>div>a span { line-height: 30px; padding: 0 5px; display: inline-block;}
.spec-menu-content .spec-detail>div>a img { width: 40px; height: 40px;}
.spec-menu-content .spec-detail>div>a.active { border-color: #ff6700; border-width: 2px; padding: 0; color: #ff6700;}
.spec-quantity-cmd { border: #e5e5e5 1px solid; display: inline-block; text-align: center;}
.spec-quantity-cmd>i { display: inline-block; width: 34px; height: 28px; 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: 28px; font-size: 15px; vertical-align: top; line-height: 28px; }
.spec-menu-btn .uk-button { border-radius: 0; padding: 2px 35px;}
.spec-menu-top { background-color: #f9f9fa; padding: 20px 30px; margin-bottom: 20px;}
.spec-menu-top p { margin-bottom: 0;}


.product-detail-nav { text-align: center; padding: 20px 0;}
.product-detail-nav li { display: inline-block; list-style: none; font-size: 16px;}
.product-detail-nav li:before { height: 16px; margin-left: 10px;}
.product-detail-nav li.active a { color: #d63412;}

/*邮件的列表*/
.mail-status { display: inline-block; width: 18px; height: 16px; background: url("../images/mail.png") no-repeat; }
.mail-status-4 { background-position:  -48px 0;}
.mail-status-5 { background-position:  -48px -16px;}
.mail-status-0 { background-position:  -48px -111px;}
.mail-status-1 { background-position:  -48px -80px;}
.mail-status-3 { background-position:  -48px -66px;}
.mail-status-2 { background-position:  -62px -124px;}

.mail-container .mail-header { padding: 10px; background: #E9EAEF; border-bottom:1px solid #A9AEC2; margin: 1px; }
.mail-container .mail-header p { margin: 0 0 5px 0;}
.mail-container .mail-header p label { color: #8E93A9; margin-right: 10px;}
.mail-container .mail-content { padding: 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; }

.container-spec-map table{
    font-size: 13px;
}

.container-spec-map .uk-thumbnail-mini {
    margin-bottom: 5px;
}

.container-spec-map  .uk-list-spec li {
    padding: 10px;
}

.container-spec-map  .uk-list-spec li.active {
    background: #00a8e6;
    color: #fff;
}

.container-spec-map  .uk-list-spec li img.image {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

/**/
.uk-size-list {}
.uk-size-list li { width: 100px; margin:5px 5px 5px 0; display: inline-block; }
.uk-size-list li .size-item {
    background: -webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);
    background: linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%); border: #999 1px solid; border-radius: 5px;}
.uk-size-list li .size-item .item { padding: 5px; height: 16px; position: relative; }
.uk-size-list li .size-item .item a { position: absolute; font-size: 12px; left: auto; top: 2px; right: 2px; }
.uk-size-list li .size-item .input { padding: 1px; border-radius: 3px;}
.uk-size-list li .size-item .input input { text-align: center;}
.uk-size-list li .size-item .option { text-align: center; background-color: #fff; padding: 2px; border-radius: 0 0 4px 4px;}

/*page switcher*/
.page-switcher { margin: 0 0 15px 0; padding: 5px 0 0 5px; border-bottom: #D9DEE4 1px solid; background: #EAEDF1;}
.page-switcher li { list-style: none; display: inline-block; margin-bottom: -1px;}
.page-switcher li a { display: block; padding: 10px 20px; color: #333; font-size: 14px; border-radius: 4px 4px 0 0;}
.page-switcher li.uk-active a { background: #fff; border: #D9DEE4 1px solid; border-bottom-color: #fff; border-top-color: #ff9900;}

/*uk-table-common*/
.uk-table-common { border: #ddd 1px solid; border-radius: 4px;}
.uk-table-common thead th { background-color: #f0f0f0; box-shadow: 0 2px 4px -2px rgba(0,0,0,0.3); font-weight: normal; z-index: 1; position: relative; border-bottom: 0;}
.uk-table-common thead th .uk-button { background-color: #fff;}
.uk-table-common tbody th { background-color: #f0f0f0; font-weight: normal;}

/*uk-subnav-pill-large*/
.uk-subnav-pill-large > * > * { border-radius: 0; padding: 6px 20px;}

.batch-action > * { display: inline-block; vertical-align: top}
.batch-action > label { line-height: 30px;}
.uk-switcher-tiny { display: inline-block; list-style: none; border: #ccc 1px solid; background-color: #fff; position: relative; padding: 1px; border-radius: 3px; margin: 0;}
.uk-switcher-tiny:before { display: block; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; background-color: #eee;}
.uk-switcher-tiny li {margin: 0; padding: 3px 5px; display: inline-block; border-radius: 2px; line-height: 20px; cursor: pointer;}
.uk-switcher-tiny li.on { background-color: #8cc14c; color: #fff;}

.block-upload { background: url("../images/icon_excel.png") no-repeat 50% 40%; display: block; width: 100%; height: 100vh; position: relative; cursor: pointer}
.block-upload>input { opacity: 0;}
.block-upload>span { display: block; text-align: center; width: 100%; position: absolute; top: 40%; margin-top: 50px;}

.uploader-container { position: relative;}
.uploader-container .command { position: absolute; right: 20px; top: 10px;}

.icon_contact { background-color: #fff; border: #ddd 1px solid; font-style: normal; font-size: 12px; line-height: 14px; padding: 1px 4px; border-radius: 4px;}