/***
 * name:    default
 * title:   默认风格
 * date:    2013-09-27
 * author:  LogbzTeam
 * summary: LogbzTeam 默认风格
***/
/* reset.css */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q,
s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul,
var{background: transparent;border: 0 none; font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0; }

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td { padding:0; border:none; border-collapse:collapse;}
img {vertical-align:bottom; }
embed { vertical-align:top;}
th{white-space: nowrap;}
@font-face{font-family:global-iconfont;
           src:url(img/iconfont-v4/iconfont.eot);
           src:url(img/iconfont-v4/iconfont.eot?#iefix) format("embedded-opentype"),url(img/iconfont-v4/iconfont.woff) format("woff"),url(img/iconfont-v4/iconfont.ttf) format("truetype"),url(img/iconfont-v4/iconfont.svg#uxiconfont) format("svg")}
.iconfont{font-family:global-iconfont;font-size:12px; vertical-align: middle; text-align: center; font-style:normal; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscaleFont type; }

body{font:14px Verdana,Arial,"Microsoft YaHei"; line-height:1.5em;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
input, textarea, select {margin: 0;outline: medium none;padding: 0;vertical-align: middle;font-size: 12px;font-family: Verdana,Arial,"Microsoft YaHei";}
input::-moz-focus-inner {border: 0;padding: 0;}
button{background-color: transparent;border: medium none;cursor: pointer;margin: 0;outline: medium none;overflow: visible; padding: 0;}
h1 {color: #333;font-size: 22px; font-weight: bold; padding: 0;}
h2 {font-size: 20px; font-weight: bold; padding: 0;}
b,i, cite, em, var, dfn, address {font-weight: normal; font-style: normal;}
a {outline: medium none;text-decoration: none;}
a:hover{text-decoration: none;}
.clearfix:before,
.clearfix:after { content: "."; display: block; width:0; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
.clearboth{line-height: 1px; font-size: 1px; height: 0px; clear: both;}
.txt, .txa{background-color: #FFFFFF; width:180px; border: 1px solid #CCCCCC;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #0078E7;font-size: 14px;height: 28px;line-height: 1.5; padding: 1px 5px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; box-sizing: border-box;}
.txt:focus, .txa:focus, .sel:focus{border-color:#66AFE9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0px none; }
.txc{width: 40px;}
.txi{width: 60px;}
.txs{width: 80px;}
.txx{width: 100px;}
.txm{width: 120px;}
.txl{width: 240px;}
.txb{width: 360px;}
.txa{width: auto; height: auto;}
.txai{width: 360px;}
.tx100{width: 100%;}
.txfs{font-size: 12px;}
.hide{display: none;}
.box{padding: 10px;}
.inbk{display: inline-block;}
.date_input{width: 100px;}
.dis-sel{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none; user-select: none;}
.btn{display: inline-block; -webkit-appearance: none; padding: 3px 10px;margin-bottom: 0;font-size: 14px;font-weight: normal; line-height: 22px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none; background-color:#E4E4E4; border: 0px none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none; user-select: none;}
.btn:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.btn-primary{color:#FFF; background-color: #0078E7;}
.btn-secondary{color:#FFF;background-color: #42B8DD;}
.btn-success{color:#FFF;background-color: #1CB841;}
.btn-error{color:#FFF;background-color: #CA3C3C;}
.btn-warning{color:#FFF;background-color: #DF7514;}
.btn[disabled], .txt[disabled]{background-color: #CFCFCF;}
a.btn-secondary:hover{color:#000;}
.abtn, .mbtn{display: inline-block; white-space: nowrap; line-height: 1em; cursor: pointer; padding:3px 3px; font-size: 12px; background: #F3F3F3; color:#0078E7;}
.abtn:hover, .mbtn:hover{background: #0078E7; color:#FFF;}
.abtn-dis, .abtn-dis:hover{background: #CFCFCF; color:#7F7F7F;}
.acts .abtn{margin-left: 5px;}
.po{border-radius: 8px; font-size: 10px; padding: 1px 5px; background:#0078E7; color:#FFF; text-align: center; }
a.po:hover{color:#FFF; box-shadow:0 0 5px #e70000;}
.pointer{cursor: pointer;}
.pointed, .pointing, .pointer:hover, .h-pointed{background:#E5FFD7;}
.field-head{line-height: 1.3em;}
.field-message{min-height: 24px; line-height: 24px; margin-bottom: 5px;}
.fields{min-height: 32px; padding-bottom: 5px;}
.fields>label{float: left; color: #363C46; width: 100px;}
.fields>div{margin-left: 100px;}
.fields>div label{float: none;}
.fields>div label.f-l{float: left;}
.fields>div b{margin:0 20px; color: #E72020; vertical-align: middle; }
.fields>div p, .fields div.text{}
.fields .lbl80{min-width: 8em; display: inline-block;}
.fields .lbl50{min-width: 5em; display: inline-block;}
.fields .txt ~ label:not(:last-child){ margin-left: 2em;}
.fw100{width: 100%;}
.f-note{color:#999; margin-left: 20px;}
.fields-auto{min-height: 52px; height: auto;}
.fields-txa{margin-bottom: 15px;}
.field-btn{padding-left: 100px; height: 30px;}
.field-footer{padding-left: 100px; margin-top: 20px; font-size: 12px;}
.fields-line{margin-bottom: 10px;}
.fields-more, .fields-toggle-more{display: none;}
.fields-more-hd{margin: 0 0 10px 0 ; padding: 0 0 0 100px;}
.fields-note{color:#999; margin-top: 3px;}
.fields-more-link{}
.fields-more-link-up{color: #00A8DB;}
.flds{border: 1px solid #E3E3E3;}
.flds legend{padding: 0 5px; margin: 0 0 0 10px;}
.flds legend label{margin-right: 0px;}
.flds .fcon{margin: 10px; padding: 5px;}
.flds .fcon label{margin-right: 20px; padding-left: 5px;}
.flds-hide .fcon{display: none; }
.flds-note{color: #999; padding: 5px 8px;}
.flds-hide{border: 0px none;}
.dropdown .iconfont{margin-left: 5px;}
.cols{float: left;}
.f-l{float: left;}
.f-r{float: right;}
.m-l{margin-left: 10px;}
.txt-ct{text-align: center;}
.boxp{margin-bottom: 10px;}
.boxq{margin-top: 10px;}
.boxqi{margin-top: 5px;}
.hline{padding-top: 50px; margin-top: 50px; border-top: 1px solid #CCC; }
.xdobtn{margin-right: 5px; margin-bottom: 1px;}
.xdobtn[disabled]{color: #DDD; background: #F1F1F1;}
.btn-hiden{display: none;}
.chk, .checkall, .rdo{margin-right: 5px; margin-top: -4px;}
.chkwp{margin-left: 20px;}
.lblrdo, .lblchk{margin-right: 20px; display: inline-block;}
.nomd .lblrdo, .nomd .lblchk{margin-right: 0px;}
.lbm, .fields .txt ~ label.lbm{margin-left: 10px; margin-right: 4px;}
.sel{border: 1px solid #CCC; padding:3px 2px; height: 28px;}
.code{width: 70px;}
.sec-img{margin-left: 10px;}
.link-h{color: #0078E7; white-space: nowrap;}
.link:hover, .link-h:hover{text-decoration: underline;}
.link-b{border: 1px solid;}
.gray{color:#999;}
.reg .fields{height: 30px;}
.chk-extend-content{margin-top: 5px;}
.imp{background: url(img/trans.png) repeat 0 0; padding: 5px; max-width: 480px;}
.qr-img{max-width: 90px; max-height: 90px;}
.qr-img2{max-width: 164px; max-width: 164px;}
.error{font-size:30px; margin-top: 30px; line-height: 1.5em;}
.fixed-bot{position: fixed; bottom: 0px;}
.lbl, .lblrdo, .lblchk{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }
.ok, a.ok, tr.ok a{color: #066F05; }
.er, a.er, tr.er a{color: #BF002C; }
.f12{font-size: 12px; color: #999;}
.auto-center{margin: 0 auto; overflow: hidden;}
.list-hide{display:none;}
.link-code-saved{float: right;}
.local-code-saved-wp{height:220px; width: 520px; padding: 10px;}
.local-code-saved-wp .txa{width: 97%;}

/* jqzoom */
.zoomPad { position: relative; z-index: 4; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(img/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  _width:100px; _height:49px;}
.zoomPup { overflow: hidden; opacity: 1; background: rgba(255,255,255,0.01); position: absolute; border: 1px solid #CCC; z-index: 5; cursor: crosshair;}
.zoomPup img{display: none; opacity: 0;}
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.zoomWrapper { position: relative; border: 1px solid #DEDEDE; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }
/* jqzoom */

/* jquery-ui */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dashed black; }
.di-wp{position: relative; display: inline-block;}
.date_selector, .date_selector * {width: auto; height: auto; border: none; background: none; margin: 0;padding: 0; text-align: left; text-decoration: none;}
.date_selector th{border:0px none;}
.date_selector { background: #F2F2F2;border: 1px solid #D3D3D3;padding: 5px;margin: -1px 0 0 0; position: absolute;z-index: 100;display: none;width:238px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); transform: translate3d(0, -10%, 0); opacity: 0; }
.date_selector_ieframe { position: absolute;z-index: 99;display: none;}
.date_selector_show{transform: translate3d(0,0,0); opacity: 1;}
.date_selector .nav {width: 17.5em; /* 7 * 2.5em */}
.date_selector .month_nav, .date_selector .year_nav {margin: 0 0 3px 0;padding: 0;display: block; position: relative;text-align: center;}
.date_selector .month_nav { float: left; width: 50%;}
.date_selector .year_nav {float: right;width: 40%;  margin-right: 10px; /* Compensates for cell borders */}
.date_selector .month_name, .date_selector .year_name { margin: 0px;line-height: 20px;}
.date_selector .button {margin: 0px; display: block;position: absolute;top: 0;width: 18px;height: 18px;line-height: 17px;font-weight: bold;color: #0078E7; text-align: center;font-size: 120%; overflow: hidden;border: 1px solid #F2F2F2;}
.date_selector .button:hover, .date_selector .button.hover { background: #0078E7; color: #FFF;cursor: pointer;}
.date_selector .prev {left: 0;}
.date_selector .next { right: 0;}
.date_selector table { border-spacing: 0;border-collapse: collapse;clear: both;}
.date_selector th, .date_selector td {width: 33px;height: 26px;padding: 0; text-align: center; color: black;}
.date_selector td {border: 1px solid #D6D6D6;line-height: 26px;text-align: center;white-space: nowrap; color: #333; background: #E6E6E6;}
.date_selector td.today {color: #0078E7;}
.date_selector td.unselected_month {color: #ccc;}
.date_selector td.selectable_day {cursor: pointer;}
.date_selector td.selected {background: #FFFEB3;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #FFF;}

/* kindcent common */
.kc-droplist{position: relative; z-index: 10; display: block; background: #F8F8F8; cursor: pointer; }
.kc-droplist cite{border: 1px solid #CCC; display: block;  padding:2px 5px;  height: 22px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }
.kc-droplist cite em{display: block; float: left; overflow: hidden; white-space: nowrap; line-height: 22px; }
.kc-droplist cite i{float: left; display: block; margin: 2px 0 0 2px ; line-height: 1.75em;}
.kc-droplist-items{position: absolute; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 5px; z-index: 30; left: 0px; top:29px; max-height: 312px; overflow-y:auto; background: #F8F8F8;min-width: 100%; border: 1px solid #CCC; }
.kc-droplist-items-in{position: relative; padding-bottom: 5px;}
.kc-droplist-items a{padding-right:16px; text-indent: 16px; text-decoration: none;  white-space: nowrap; color:#333; display: block; line-height: 24px; height: 24px;}
.kc-droplist-items a:hover{background-color: #E0E0E0; text-decoration: none; }
.kc-droplist-items a.disabled{color:#858585; cursor: default;}
.kc-droplist-items a.disabled:hover{background-color: transparent;}
.kc-droplist-items a.on{background-color: #3691FF; color:#FFF;}
.kc-droplist-items a.on:hover{background-color: #3691FF; color:#FFF;}
.kc-droplist-items a.sed{position: relative; color: #0078E7;}
.kc-droplist-items a.sed:after{position: absolute; right: 3px; content: "√"; }
.kc-droplist-show{z-index: 31;}
.kc-droplist-readonly a{cursor:not-allowed;}
.kc-droplist-readonly a:hover{background: none; color:#333;}
.kc-droplist-readonly a.sed:hover{color: #0078E7;}

.kc-zoom-wp{position: absolute; overflow: hidden; left: 10px; top: 10px; z-index: 40001; border: 1px solid #CFCFCF; background:rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: -ms-zoom-out; cursor:zoom-out; text-align: center;}
.kc-zoom-wp .kc-zoom-links{position: absolute; right: 10px; bottom: 2px; color: #999; opacity: 0.4;}
.kc-zoom-wp .kc-zoom-down{margin-right: 10px;}
.kc-zoom-in{vertical-align: middle; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: row nowrap;}
.kc-zoom-in img{margin: 0 auto; max-width: 100%; max-height: 100%; vertical-align: middle;  }
.kc-zoom-in-vl:after{content:" "; display:inline-block; width:0; height:100%; vertical-align:middle; overflow:hidden;}
.kc-zoom-src{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor:zoom-in;}
.kc-zoom-fixed{position: fixed;}

.kc-items-list-wp{position: relative; z-index: 21;}
.kc-items-list-wp-on{z-index: 22;}
.kc-items-list{position: absolute; background:#FFF; padding: 10px; border: 1px solid #EDEDED; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow: hidden;}
.kc-items-list-btn{display: inline-block; vertical-align: top; margin-bottom: 2px;}
.kc-items-list-dl{}
.kc-items-list-dl dt{line-height: 22px; cursor: pointer; margin: 10px 0 2px 0; padding:0 3px; border-bottom: 1px solid #F2F2F2;}
.kc-items-list-dl dt:first-child{margin-top: 0px;}
.kc-items-list-dl dt a:hover{color:#556AFF; }
.kc-items-list-dl dt a.on{color: #000BCC;}
.kc-items-list-dl dd{padding:0;}
.kc-items-list-dl dd a{color: #1A1A1A; padding:2px; margin:0 5px 5px 0; display: inline-block; white-space: nowrap;}
.kc-items-list-dl dd a:hover{background: #EFEFEF;}
.kc-items-list-dl dd a.on, .kc-items-list-dl dd a.on:hover{background:#1A1A1A; color: #FFF;}
.kc-items-list-mask{position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 31px; display: none;}

.list-help-wp{position: relative; display: inline-block;}
.list-help{position: absolute; z-index: 5; height: 30px; background:#FFF; border: 2px solid #555; padding:10px 0 0 5px; white-space: nowrap; width: auto;}
.list-help li{padding: 5px 5px; line-height: 22px; margin:0 5px 5px 0; background:#999; color:#FFF; display:inline; cursor:default;}
.list-help li:hover{background:#666; color:#FFF;}
.auto-complete{position: absolute; background: #FFF;border: 1px solid #BFBFBF;padding:0px; z-index: 22;  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
.auto-complete table{width:100%;}
.auto-complete td{line-height:24px; border: 0px none !important; height:24px; overflow:hidden; padding: 0 6px !important; word-break: keep-all;white-space:nowrap; cursor: pointer;}
.auto-complete td strong{font-weight: bold; color:#001BDD;}
.auto-complete td address, .auto-complete td abbr{display: none;}
.auto-complete tr.over{background:#3366CC !important; color:#FFF;}
.auto-complete tr.over strong{color:#ED0D0D;}
.auto-add-list{display: inline-block;}
.auto-add-list i{display: inline-block; white-space: nowrap; color: #222; padding: 2px 3px; margin-right: 5px; margin-bottom: 2px; background: #E4E4E4;}
.auto-add-list-s a{margin-right: 5px;}
.auto-add-list-s i{color: #222; white-space: nowrap; padding: 0px 3px; margin-right: 5px;  background: #E4E4E4;}
.auto-add-list .link-h{margin-right: 5px;}
.auto-add-list-x{ cursor: pointer; margin-left: 20px;}
.auto-add-list-x i:after{content:"x"; color: #CF2D2D; margin-left: 3px;}
.auto-add-list-x i:hover{background: #D0E2FF;}

/* kc-show-msg */
.message-box-wp{padding-top: 60px; }
.message-box{font-size: 20px; line-height: 1.5em; border-top: 2px solid #cc2a1e; background: #FFF; padding: 15px;}
.bd-show_msg{height: 100%; }
.message-title{}
.message-content{margin-top: 30px;}
.message-text{color:#CC2A1E; overflow: hidden; }
.message-text a{color:#00A8DB;}
.message-text a:hover{text-decoration: underline;}
.message-jump{font-size: 12px; color: #999; line-height: 24px; height: 24px; margin-top: 30px; overflow: hidden; font-weight: normal;}
.message-jump a{color:#999; text-decoration: underline;}
/* kc-show-msg */

/* kc-message */
.message {color:#000; text-align: center; font-size: 14px; line-height: 28px; height: 28px; margin: 10px 0;}
.message-blank{height: 28px;}
.message-in-sub{margin: 0px; text-align: left;}
.message-error{border-color: #CE0002; color: #CE0002;}
.message-ok{border-color:#01CC01; color: #01CC01; }
.message-tip{color:#333;}
span .message{display: inline;}
.valign{vertical-align: middle; display: flex; align-items: center; justify-content: center;}
.fm-msg{margin-left: 10px;}
.field-message .fm-msg{margin-left: 0px;}

.alert{}
.alert-danger, .alert-error{color:#CE0002;}
.alert-success{color: #1CB841;}
.alert-warning{color: #DF7514;}
.alert-info{color: #0078E7;}

/* tabs */
.tabs{margin-bottom: 5px; }
.tabs li{float: left;}
.tabs li a{display: block; float: left; padding: 5px 10px;}
.tabs li a.on{background: #40A3FF; color: #FFF;}
.tabs-cont{display: none;}
.tabs-cont-on{display: block;}

/* common part -- dynamic window created by javascript */
.dwin{position:fixed; display: none; opacity: 0; box-shadow: 0 30px 60px rgba(0,0,0,0.2); transform: translate3d(0, 10%, 0); transition: all 0.3s ease-in-out;}
.dwin-show{opacity: 1; transform: translate3d(0, 0, 0);}
.dtable{padding: 0px; margin: 0px;}
.dwin_inner{background: #FFF;color:#444444; border: 4px solid #CFCFCF; }
.dwin_inner .dwin_title{height:22px; line-height:22px; padding:5px 8px; background: #F3F3F3;}
.dwin_inner .dwin_title em{color:#1A1A1A; float:left; font-size:14px; font-weight: bold; }
.dwin_inner .dwin_title span{float:right;}
.dwin_inner .dwin_title span a{display: block; text-align: center;height:20px; width:20px;}
.dwin_inner .dwin_title span a .iconfont{display: block; font-size:14px; height: 20px; line-height: 20px;}
.dwin_inner .dwin_title span a:hover{text-decoration: none; background:#333; color:#FFF;}
.dwin-appends{width: 300px; height: 160px; overflow-y: auto; margin: 10px;}
.dm_c{padding:0px; margin: 0px; border: none;}
.dmask{position: fixed; left: 0; top: 0; z-index: 999; background: #000; width: 100%; height: 100%;}
.dloading{display: flex; justify-content: center; align-items: center; text-align: center; line-height: 2em; animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;}
.dclosebtn{cursor: pointer; text-align: center; font-weight: bold; display: inline-block; font-size:12px; width: 40px; height:22px; line-height:22px; padding:0 8px; color:#FFFFFF; background:#660000 ; border-width:1px; border-style:solid;border-color:#FFD2D2 #3E0000 #3E0000 #FFD2D2; }
.dmsg{padding:10px 10px 10px 20px;}
.dmsg .iconfont{display: inline-block; font-size: 40px; line-height: 1em; margin-right: 20px; }
.dmsg_win .dwin_inner .dwin_title{background: #F3F3F3;}
.dmsg_in_icon{width:50px;}
.dmsg_in{font-size:14px; height:76px ;  line-height:1.6em; width: 260px; padding:0px;}
.d_info{color: #E25B01;}
.d_right{color:#1DCC78;}
.d_error{color:#CC291E;}
.d_loading{color:#666;}
.dmsg_ft{background: #F3F3F3;  height:24px; padding:5px 8px; text-align:right;}
.dmsg_ft span{cursor: pointer; text-align: center; font-weight: bold; display: inline-block; font-size:12px; width: 40px; height:22px; line-height:22px; padding:0 8px; color:#FFFFFF; background:#212121 ; border-width:1px; border-style:solid;border-color:#CFCFCF #000000 #040404 #CFCFCF; }
.tip_loading{z-index:  2000001; position: fixed; left: 0; top:0; font-size: 14px; text-align: center; height: 36px; padding: 0 10px; line-height: 36px; width: 150px; background:#000; color:#FFF; box-shadow:0 0 6px #4A4A4A; border-radius:2px;  }
.loading{text-align: center; padding: 10px 0; background: #F5F5F5;}
.pop_tip{z-index: 2000002; left: 0; top: 0; font-size: 14px; height: 40px; line-height: 40px; display: none; background: #000; color: #FFF; padding: 0 30px 0 20px; text-align: center; box-shadow:0 0 8px #4A4A4A; border-radius:2px;  }
.pop_tip .iconfont{font-size: 14px; margin-right: 10px;}
.src-to-dst{display: none; text-align: center;position: absolute; top: 0px; z-index: 100000;}
.src-to-dst .iconfont{font-size: inherit;}
.load-mask-parent{z-index: 4; position: relative;}
.load-mask{position: absolute; z-index: 5; left: 0px; top: 0px; text-align: center; background: #666; color:#FFF; background: rgba(0,0,0,0.2);}
.load-mask div{height: 100%; width: 40px; margin: 0 auto;}
.load-mask p{line-height: 80px;}
.load-mask p i{font-size: 40px; display: block;}
/* common part -- dynamic window created by javascript */

html,body{height: 100%;}
body{color: #666; background: #F0F0F0;}
.containers{min-height: 100%;}
a{color:#666;}
a:hover{color:#00A8DB;}
.wrap{width: 1016px; margin: 0 auto;}
.header-in, .footer-in, .main-in{padding: 10px 0;}
.mc-index .main-in, .bd-show_msg .main-in{padding: 0px;}
.main{padding-bottom: 108px;}
.mc-index .main .wrap{box-shadow: none; background: transparent none;}
.main-in{min-height: 320px;}
.header{background:#FFF;}
.hd-mobile-icon{display: none; color:#2D97D4; position: absolute; right: 10px; bottom: 10px;}
.hd-mobile-icon i{font-size: 20px; line-height: 1em; height: 1em;}
.bd-display-side .header-bd, .mc-index .header-bd{border-bottom: 0px none;}
.wp-box{padding: 20px; margin-top: 10px; background: #FFF;}
.logo{float: left;}
.logo a{ display: block; height: 60px; width: 160px; background-repeat: no-repeat;}
.langs{text-align: right; margin-bottom: 5px;}
.langs a{margin-left: 10px;}
.navs{float: left;}
.navs li {float: left; margin-right: 10px;}
.navs li a{float: left; padding: 15px 8px; line-height: 30px;}
.navs li.on a{color: #CC2A1E; }
.nav-u{float: right;}
.nav-u li {float: right;}
.nav-u li a{line-height: 20px;}
.nav-u li var{color: #C2C2C2;}
.nav-u li var a{display: inline; float: none; padding: 0px;}
.nav-u li.on a{color: #FF5619; }
.nav-u li.u{position: relative; z-index: 250; text-align: right; height: 22px; line-height: 22px; }
.nav-u-items{display: none; position: absolute; right: 0px; top: 22px; background: #F5F5F5; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.nav-u li .nav-u-items a{display: block; float: none; padding: 5px 20px; line-height: 22px; white-space: nowrap;}
.nav-u li a.nv .iconfont{ font-size: 13px; }
.nav-u li a.nv i{margin-left: 5px;}
.nav-u li:hover a.nv{color: #FF5619; }
.nav-u li .nav-u-items a:hover{background:#0078E7; color:#FFF;}
.nav-u li:hover .nav-u-items{display: block;}
.nav-u-in li.nav-login{margin-left: 5px;}
.dpl{position: relative; }
.dplx:before{ border-color: #434343 transparent transparent; border-style: solid;border-width: 6px 6px 0;content: " ";display: block;height: 0;position: absolute;right: 2px;top: 48%;width: 0;}
.footer{text-align: center; height: 100px; margin-top: -100px;}
.f-links{margin-bottom: 15px;}
.f-links a{margin-right: 15px; display: inline-block;}
.f-links a.on{color: #0078E7;}
.f-copy{color:#AAA;}
.handle-link{border: 1px solid #d5d5d5; color: #333; font-size: 12px; line-height: 16px; padding: 2px 5px; background: #EEE; background-image: linear-gradient(#fcfcfc, #eee); white-space: nowrap;}
.handle-link:hover{background: #EEE; color:#333; background-image: linear-gradient(#EEE, #DDD);}
.panel-ajax{padding: 0 10px 10px 10px; width: 350px;}
.panel-ajax .field-head, .panel-ajax .field-footer{display: none;}
.panel-ajax .fields > label{width: 60px;}
.panel-ajax .fields > div{margin-left: 60px;}
.panel-ajax .field-btn{padding-left: 60px;}
.sitemap{line-height: 2em; margin-bottom: 10px;}
.sitemap a{margin-right: 12px; display: inline-block; color:#222;}
.sitemap a:hover{color: #00A8DB;}
.sitemap a i{vertical-align: top; font-size: 11px; margin-left: 4px;}
.sitemap b {display: inline-block; color: #CC2A1E; }
.content{font-size: 14px; line-height: 2em; white-space: normal;}
.content table, .content p, .content ol,.content ul,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6, .content blockquote, .content q{margin-bottom: 0.5em; line-height: 1.5em;}
.content p{line-height: 2em;}
.content table{width: 100%; table-layout: fixed; border: 1px solid #CCC; border-collapse: collapse; line-height: 2em;}
.content table th{font-weight: bold;}
.content table th, .content table td{padding: 0.25em 0.4em; border: 1px solid #CCC; font-size: 14px;}
.content img{max-width: 100%;}
.content a{color: #00a8db;}
.content a:visited{color: #609;}
.content a:hover{text-decoration: underline;}
.content ul{padding: 0 0 0 2em; list-style: outside circle;}
.content ol{padding: 0 0 0 2em; list-style: outside decimal;}
.content h1{font-size: 30px;}
.content h2{font-size: 26px;}
.content h3{font-size: 22px;}
.content h4{font-size: 18px;}
.content h5{font-size: 14px;}
.content h6{font-size: 12px;}
.reply-submit{margin-top: 10px; display: flex; flex-flow: row; align-items: center;}
.art-reply-wp{margin-top: 20px;}
.a-reply{border: 1px solid #DDD; margin-bottom: 10px;}
.a-reply h3{background: #FFF; padding: 5px 10px;}
.a-reply .rp{padding: 20px;}
.a-reply .pic{padding: 5px;}

.wx-user{border-bottom: 1px solid #C5C5C5; padding-bottom: 5px; margin-bottom: 15px;}
.wx-user .avatar{float: left; margin-right: 10px;}
.wx-nick{line-height: 40px; font-size: 20px;}
.wx-qr-img{max-width: 100%;}
.ftabs{}
.ftabs span{display: inline-block; cursor: pointer; padding: 5px 10px; margin-right: 5px; background: #F3F3F3;}
.ftabs span.on{ color: #FFF; background: #128ee6; }
.ftabs-conts{padding: 20px 10px; border: 1px solid #128ee6;background: #FFF;}
.ftabs-conts .field-head{margin-bottom: 10px;}

.unav-wrap{ background: #E4E4E4; margin-bottom: 8px;}
/*user*/
.u-nav{}
.u-nav-items{}
.u-nav-in{margin: 0 auto;}
.u-nav dl{height: 36px; float: left; padding-right: 1px; position: relative; z-index: 31;}
.u-nav dt{height: 36px; line-height: 36px; padding: 0 0 0 10px; margin-bottom: 0px; color:#222; background: #E4E4E4; white-space: nowrap; cursor: default;}
.u-nav dt, .u-nav dd div{height: 36px;}
.u-nav dl:hover{z-index: 32;}
.u-nav dl.on dt, .u-nav dl:hover dt{background: #3E3E3E; color: #FFF; transition: background-color 0.3s linear;}
.u-nav dl dt a{padding:0 10px; display: block; line-height: 36px; height: 36px; color: #222;}
.u-nav dl dt a:hover, .u-nav dl dt a.on{color:#FFF;}
.u-nav dl dt .iconfont{margin:0 8px 0 4px; width: 12px; display: inline-block;}
.u-nav dd{position: absolute; z-index: 32; display: none; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.32); animation: slideIn 0.3s linear;}
.u-nav dd div{line-height: 34px; height: 34px; margin: 0px; border: 0px none; background: #3E3E3E; word-break: keep-all; white-space: nowrap;}
.u-nav dd div.nav-sec{padding-left: 30px;}
.u-nav dd div a{display: block; padding: 0 25px; color:#FFF; white-space: nowrap; }
.u-nav dd div a:hover{background:#666;}
.u-nav dd div a.on{color:#FFEE9D; font-weight: bold; position: relative;}
.u-nav dd div a.on:after{position: absolute; left: 12px; top: 10px; display: block; content: " "; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 5px; border-color:transparent transparent transparent #FFF; }
.u-nav dd div a.on:hover{}
.u-nav dd div a b{margin-left: 2px;}
.u-nav dd div a var{font-weight: bold; color: #FF5F54;}
.u-nav dl.one-level dt{padding:0px;}
.u-nav dl.go-search dt{cursor: pointer;}
.u-nav dl.go-search dt i{margin: 0 10px;}
.u-nav dl.cart-dl{background: none; padding-right: 0px; float:right;}
.u-nav dl.cart-dl dt{background: none;}
.u-nav dl.cart-dl:hover dt{background:none;}
.u-nav dl.cart-dl dt a:hover, .u-nav dl.cart-dl dt a.on{color:#1FAAD7;}
.u-nav dl dt span a{display: inline; padding: 0px; color: #1FAAD7;}
.u-nav dl.cart-dl:hover #g_cart_num_v b{background-color: #3190B0;}
.u-nav dl.cart-fix{position: fixed; top: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.u-nav dl dt span .cart-lite{line-height: 24px;}
.u-nav dl dt span .cart-lite a{line-height: 24px;}
.tip-num{position: relative; overflow: visible; padding-right: 12px;}
.tip-num-in{position: absolute; right: 2px; top: -10px;background: #FF5F54;border: 2px solid white;border-radius: 12px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);color: white;font: bold 12px/9px Helvetica, Verdana, Tahoma;padding: 2px 3px 1px 3px;text-align: center; min-width: 8px;animation:zooms 0.6s ease-in-out;}
.member-list .tip-num-in{top: -10px;}
.cart-fix .tip-num-in{top: 0px;}
.online{background-image:url(img/status_online.png);}
.u-droplist{position: relative;}
.ws-signal{float: left; margin:-2px 10px 0 0; display: none;  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.ws-signal-on{display: block;}
.ws-signal-msg {
    color: #000BCC;
    animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
.logged-uname{float: left;}
@keyframes blinker {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes zooms{
    0% {
        transform: scale(0.3);
        opacity: 0;
    }
    80%{
        transform: scale(1.3);
        opacity: 0.9;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes slideDown {
    from {
        transform: translate3d(0, -10%, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes slideIn{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
/*
.u-droplist:after{display: block; content: " "; width: 0px; height: 0px; right: 5px; top: 46%; position: absolute; z-index: 2;  border-style: solid; border-width: 5px 5px 0 5px; border-color:#666 transparent transparent transparent; }
.u-nav dl.on .u-droplist:after, .u-nav dl:hover .u-droplist:after{border-color:#FFF transparent transparent transparent; }
*/
.u-field{margin-top: 20px;}
.u-field-h{ margin-bottom: 10px; padding: 0;}
.u-field-h ul{}
.u-field-h ul li{float:left; margin-right: 10px;}
.u-field-h ul li a{color:#666; float:left; display: block; padding:0 10px; height: 30px; line-height: 30px; text-align: center; }
.u-field-h ul li a:hover{color: #0078E7;}
.u-field-h ul li a.on{color: #FFF; background: #0078E7;}
.u-field-h ul li.ufh-ctrls{float: right; margin: 0;}
.u-field-h ul li.ufh-ctrls .btn{line-height: 30px; height: 30px; padding: 0 15px; margin:0 0 0 10px;}
.u-field-t{margin-bottom: 10px; color: #999;}
.u-field-span{font-weight: normal; margin-left: 20px; font-size: 13px; color: #CC2A1E;}
.u-field-ajax{padding: 15px; width: 364px; max-height: 450px; overflow-y: auto;}
.u-field-ajax .btn{}
.u-field-ajax-wide{width: 480px;}
.u-field-ajax-vast{width: 680px;}
.u-field-ajax-ht{padding: 15px; width: 364px;  min-height: 150px;}
.u-field-sel{line-height: inherit; max-height:none; overflow-y:visible;}
.u-field-a{margin-bottom: 10px; line-height: 28px; }
.u-tbl-t{padding: 5px;}
div.u-field-t, div.u-field-t .txt, div.u-field-t .btn{font-size: 12px;}
h2.u-field-t{margin: 0 0 15px 0; padding-top: 10px;}
.u-field-bd{padding:0px;}
.u-field-smt{margin-top: 10px;}
.u-field-b{}
.u-field-s{padding-left: 100px; margin-top: 5px;}
.u-field-bd .field-message{padding-left: 100px;}
.u-field-bd .field-message-nopd{padding-left: 0px;}
.u-field-fm{background: #FFF; border: 1px solid #e8e8e8; padding: 10px;}
.u-field-alert, .warn{color:#CC2A1E; }
.u-summary{margin-bottom: 10px;}
.u-confirm-msg{margin-bottom: 20px; color: #CC2A1E; font-size: 16px; line-height: 2em; height: 32px; padding: 5px 0;}
.u-confirm-msg .iconfont{font-size: 32px; line-height: 1em; display: inline-block; vertical-align: top; margin-right: 10px; }
.u-confirm-acts{text-align: left;}
.tbl-list, .tbl-list-c, .tbl-list-l{width: 100%; background: #FFF; border: 1px solid #E8E8E8;}
.tbl-list td b, .tbl-list-c td b, .tbl-list-l td b{white-space: nowrap;}
.list:nth-child(2n){}
.list.on, .list.on:hover, .tbl-list[tableload] tr.list.on:hover{background: #EDFFEB;}
.tbl-list th, .tbl-list td, .tbl-list-c th, .tbl-list-c td{padding: 5px; height: 32px; border-bottom: 1px solid #E8E8E8; text-align: left;}
.tbl-list-c th, .tbl-list-c td{text-align: center;}
.tbl-list-c td.td-l, .tbl-list th.th-l{text-align: left; padding-left: 20px;}
.tbl-list-c th.tp, .tbl-list-c td.tp{text-align: right;}
.tbl-list-c th.tn, .tbl-list-c td.tn{text-align: left;}
.tbl-list-c td.tn{white-space: normal;}
.tbl-list-l th, .tbl-list-l td{text-align: left;}
.tbl-list th.tp, .tbl-list td.tp{text-align: right;}
.tbl-list th.tc, .tbl-list td.tc{text-align: center;}
.tbl-list td.tbl-loaded-td, .tbl-list-c td.tbl-loaded-td{padding: 10px; background: #E8E8E8; }
.tbl-nobd{border: 0px none;}
.tbl-loaded, .list.tbl-loaded{background:#FFF6D7;}
.tbl-list td.tpic, .tbl-list-c td.tpic, .tbl-list-l td.tpic, .tbl-list td.simg, .tbl-list-c td.simg, .tbl-list-l td.simg{height: 60px; text-align: center;}
.tbl-list-min th, .tbl-list-min td, .dwin .tbl-list th, .dwin .tbl-list td, .dwin .tbl-list-c th, .dwin .tbl-list-c td{height: 24px;}
.tclk{cursor: pointer;}
.tbl-list[tableload] tr:hover{background: #F8F8F8;}
.timg .pro-img, .tpic .pro-img{max-width: 60px; max-height: 60px;}
.tbl-list td.tpic-lite, .tbl-list-c td.tpic-lite, .tbl-list-l td.tpic-lite, .tbl-list td.simg-lite, .tbl-list-c td.simg-lite, .tbl-list-l td.simg-lite{height: 24px;}
.tpic-lite img.pro-img{max-width: 24px; max-height: 24px;}
.tbl-list-in-view, .tbl-list-in-view td{border-color: #d0d0d0; font-size: 12px;}

.list-hd,.list-ft{background:#F5F5F5;}
.list-hd .checkall, .list-ft .checkall{margin: 0px;}
.list-c1{width:20px;}
.tbl-hover tr.list:hover, tr.list-hv:hover{background: #F5FBFF;}
.tbl-loads{padding: 5px;}
.tbl-loads .lite-menu{display: none;}
.tbl-hover tr.dwin-highon:hover, tr.dwin-highon:hover, .tbl-list tr.dwin-highon, .tbl-list tr.dwin-highon:hover{background: #555; color:#FFF;}
.tbl-list-c td .tbl-loads{text-align: left;}
.tbl-cell{margin-bottom: 10px;}
.tbl-cell th,.tbl-cell td{padding: 8px 10px; border: 1px solid #EEE;}
.cat-cld{position: relative; padding-left: 20px;}
/*
.cat-cld:before{position: absolute; content:"∟"; color:#999; left:5px; top: 0px; z-index: 2;}
*/
.cat-lvl-0{margin-left:0px;}
.cat-lvl-1{margin-left:20px;}
.cat-lvl-2{margin-left:40px;}
.cat-lvl-3{margin-left:60px;}
.cat-lvl-4{margin-left:80px;}
.cat-lvl-5{margin-left:100px;}
.cat-lvl-6{margin-left:120px;}
.cat-lvl-7{margin-left:140px;}
.cat-lvl-8{margin-left:160px;}
.cat-lvl-9{margin-left:180px;}
.cat-lvl-10{margin-left:200px;}
.sel-cat-lvl-0{}
.sel-cat-lvl-1{padding-left: 20px;}
.sel-cat-lvl-2{padding-left: 40px;}
.sel-cat-lvl-3{padding-left: 60px;}
.sel-cat-lvl-4{padding-left: 80px;}
.sel-cat-lvl-5{padding-left: 100px;}
.sel-cat-lvl-6{padding-left: 120px;}
.sel-cat-lvl-7{padding-left: 140px;}
.sel-cat-lvl-8{padding-left: 160px;}
.sel-cat-lvl-9{padding-left: 180px;}
.sel-cat-lvl-10{padding-left: 200px;}

.sel-cat{max-width: 120px;}
.sel-cat-next{margin-left: 10px;}
.sel-cat-next b{margin-right:6px; line-height: 28px;}
.u-tbl{margin-bottom: 10px;}
.u-tbl-v{width: 100%;background: #FFF;}
.u-tbl-v td{border: 1px solid #d0d0d0; text-align: left; padding: 5px; height: 30px; word-break: break-all;}
.u-tbl-v tr td:first-child{white-space: nowrap;}
.u-tbl-v td i{margin-right: 10px;}
.u-tbl-hd{margin-bottom: 10px;line-height: 20px; min-height: 28px; overflow: hidden; display: flex; justify-content: space-between; flex-flow: row;}
.u-td-col1, .u-td-col2{float: left;}
.u-td-col1{width:450px; margin-right: 12px;}
.u-td-col2{width: 510px;}
.u-acts{padding: 0 0 5px 5px; margin-bottom: 5px;}
.u-acts a, .u-acts b{margin-right: 10px;}
.u-acts a.f-r, .u-acts b.f-r{margin-right: 0px;}
.u1{width: 70px;}
.u2{width: 180px;}
.u-cols-left{width:480px; float: left;}
.u-cols-right{width:495px; float: right;}
.u-field-tbl td{text-align: left;border:1px solid #d0d0d0; padding: 5px;}
.u-field-tbl tr td:nth-child(2n+1), .u-tbl-v tr td:nth-child(2n+1){background:#F2F2F2; text-align: center;}
.u-tbl-v td.tbl-list-wp{padding: 20px;}
.u-tbl-v .tbl-list-in{border: 0px none;}
.u-tbl-v .tbl-list-in tr td:nth-child(2n+1){background: none;}
.u-tbl-v .tbl-list-in tr th, .u-tbl-v .tbl-list-in tr td{border: 1px dashed #d0d0d0; height: 24px; text-align: center; vertical-align: middle;}
.u-tbl-sta{width: 99%; border: 1px solid #d0d0d0; background: #FFF; text-align: center;}
.u-tbl-sta th{background: #EDEDED;}
.u-tbl-sta th, .u-tbl-sta td{border: 1px solid #d0d0d0; padding: 5px; height: 36px; }
.itbl{margin: 0 auto;}
.t{background: #EDEDED;}
.title{padding:0 0 5px 5px;}
.title .link-h{font-weight: normal;}
.title span{margin-left: 15px;}
.in-list{}
.in-list li{line-height: 24px; padding: 3px 0; border-bottom: 1px solid #eee;}

.u-form{ vertical-align: middle;}
.u-form label{vertical-align: middle;}
.u-form .lbl-last{}
.u-form b{text-align: center; padding:0 5px;}
.u-form .sel{padding: 0px 2px; height: 28px; max-width: 86px;}
.u-search{padding: 5px 0 ;}
.u-search label{margin-right: 3px;}
.u-search .f-l{padding-right: 10px;}
.u-search .kc-droplist.f-l{padding-right: 0px;}
.u-page{line-height: 18px; height: 18px; text-align: right;}
.u-page a:hover{background-color: #B7B7B7;}
.u-page span, .u-page a{padding: 0 5px; background:#FFF; color: #333; margin-left: 5px;}
.u-page span.current_page{  color:#666; }
.u-page span{background:#E8E8E8; color:#BABABA;}
.u-page-total{float: left; color: #999; padding-left: 1px; line-height: 20px;}
.u-page-lit{padding: 5px 0 0 0; text-align: left;}
.u-page-lit span, .u-page-lit a{padding: 0 5px;}
.u-page-lit span{color:#9F9F9F;}
.u-page-lit span.current_page{color:#9F9F9F;}
.u-visitors24{margin-left: 40px;}
.u-tbl-ft{min-height: 40px; overflow: hidden; display: flex; flex-flow: row; justify-content: space-between;}
.u-tbl-x{padding-left: 6px;}
.u-reset{margin-right: 10px; display: inline-block; line-height: 25px; }
.u-reset a{padding: 3px 5px; border: 1px solid #cccccc;}
.u-reset a:hover{text-decoration: line-through;}

/* item-list */
.items-wp{}
.items{}
.item-list{float: left; padding: 10px; line-height: 1.5em; background: #F0F0F0; border-radius: 10px; margin-right: 10px; width: 302px;}
.item-list h3{font-size: 16px; padding: 0 0 5px 0; line-height: 22px; height: 22px; overflow: hidden; margin-bottom: 5px; border-bottom: 1px solid #333; color:#333;}
.item-list>div{padding: 2px 0; color:#333;}
.item-list>div>b{margin-right: 10px; color:#888;}
.item-list a.edit{float:right; font-size: 12px;}
.item-list:hover{background: #E0F1FE; }
.items .item-list-on{color: #FFF; background: #0078E7;}
.items .item-list-on>div, .items .item-list-on h3{color: #FFF; border-color: #FFF;}
.items .item-list-on>div>b{color: #DADADA;}
/* item-list */

/* code page */
.lite-menu{padding:0; margin: 0 0 10px 0; line-height: 30px; border-bottom: 1px solid #E6E6E6;}
.lite-menu li{float:left; margin-right: 10px;}
.lite-menu li a{color:#999; display: block; padding: 0 10px;}
.lite-menu li a.on{color:#0078E7;background:#E6E6E6;}
.code_editor{}
.code_editor h3{padding:5px 0;}
.code_editor h3 span{font-weight: normal;}
.code_editor h3 select{border:1px solid #ccc;}
.code_save{text-align:center;padding:10px 0;}
.rich_text{min-width:100px; width:99%; height: 480px;}
.edit-tools{height: 24px; }
.edit-modes{float: left; background:#D3D3D3; color:#7D7D7D; height: 24px; line-height: 24px; cursor: pointer; }
.edit-modes li{float: left; padding:0 10px;}
.edit-modes li.on{background:#333; color:#FFF;}
.CodeMirror-scroll{height: 480px !important; font-size: 14px;}
.mc-business-rapnet .CodeMirror-scroll{height: 400px !important;}
.fld-smt{padding:10px 0; text-align: center;}
.ibox span{float: left; padding: 0 10px 6px 0;}
.list-theme{}
.list-theme li{float: left; margin-right: 20px; width: 122px; }
.list-theme li div{width:120px; height: 120px; border: 1px solid #EAEAEA;  margin: 0 auto;}
.list-theme li h3{text-align: center; margin-top: 10px; line-height: 22px; height: 22px;}
.list-theme li a:hover{text-decoration: underline;}
.list-theme li p{  margin-top: 5px; text-align: center;}
.list-theme-enabled{color: #ADADAD;}
.details-theme{}
.details-theme p{margin-bottom: 5px;}
.details-theme p b{margin-right: 5px; color:#999;}
.dt-img{border: 1px solid #EAEAEA;}
.perms .fields{height: auto; margin-bottom: 5px; padding-bottom: 4px; border-bottom: 1px solid #F1F1F1;}
.perms .fields p{padding: 0 0 5px 0; margin-top: 15px; color: #88BAE8;}
.perms .fields p:first-child{margin-top: 0px;}
.perms .lblrdo{ margin:0 10px 5px 0;}
.perms .lblrdo .chk_ids{margin: -2px 5px 0 0;}
.prems-pre{height: 300px;}
.notes{margin-top: 20px;}
.notes li{padding-left: 20px;}
.notes li.notes-t{padding-left: 0px; font-weight: bold; margin-bottom: 5px;}
.user-photo{margin-bottom: 10px;}
.avatar-wp{display: flex; align-items: center; margin-bottom: 5px;}
.avatar{border-radius: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.avatar .avatar-lite{max-width: 40px; width: auto;}
.avatar-wp .avatar{width: 40px; height: 40px; overflow: hidden; display: inline-flex; align-items: center; border-radius: 100%;}
.photo{max-height: 60px; max-width: 200px;}
.user-photo .avatar{width: 90px;}
.avatar-lite{width: 40px;}
.avatar-nav{width: 32px; border: 1px solid #FFF; vertical-align: middle; margin-right: 5px;}
.bd-mobile .header, .bd-mobile .unav-wrap, .bd-mobile .u-field-h, .bd-mobile .footer, .bd-mobile .u-field-t, .bd-mobile .stat-h{display: none;}
.bd-mobile .file-list-wp{position: fixed; width: 100%; left: 0; top: 0;}
.pro-image-hd{line-height: 2em; margin-bottom: 10px; text-align: center;}
.mobile-ft{position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; line-height: 3.5em; background: #F2F2F2; color: #999;}
.bd-mobile_jstat .mobile-ft{position: static;}
.bd-mobile_jstat .u-cols-left, .bd-mobile_jstat .u-cols-right{float: none; width: 100%;}
.bd-mobile_jstat .sta-name{width: auto;}
.bd-mobile_jstat .u-tbl-sta th, .bd-mobile_jstat .u-tbl-sta td{padding:2px;}

/* files */
/* photos upload */
.files{padding: 10px 2px 10px 10px; border:3px solid #DCDCDC; background: transparent; }
.file-support{ margin-bottom: 10px; }
.file-supported li{ line-height: 20px; background: url(img/i-right.gif) no-repeat 140px 50%; }
.file-unsupported li{ line-height: 20px; background: url(img/i-error.gif) no-repeat 140px 50%; }
.file-list-have{background:#E7E7E7; padding: 10px;}
.file-item{font-size: 12px;line-height: 20px; height: 20px; overflow: hidden;}
.file-item .err{color:#CF0F0F; font-weight: normal;}
.file-item-preview{position: relative; font-size: inherit; overflow: visible; padding: 0;}
.file-item-preview .u-cancel-wp{position: absolute; right: -6px; top: -10px; line-height: 1.2em; height: 1.2em; color: inherit; padding: 0; margin: 0; background: transparent none;}
.file-item-preview .u-process{border: 0px none; height: 2px; width: 100%; position: absolute; left:0px; bottom: 0px;}
.file-list .ajax-file-item{margin-bottom: 0px;}
.file-name{color:#56AC56; display: inline-block; height: 20px; max-width: 70%; overflow: hidden;}
.ajax-file-drag-in{background: #FFDEDE;}
.fields div span.file-name{margin-left: 0px;}
.fields-s{margin-top: 10px;}
.u-file{display: block;height: 30px;}
.u-file-c{float: left; display: block;}
.u-file-btn{position: relative; direction:ltr; overflow: hidden; height:22px; line-height: 22px; margin-right: 10px; padding:2px 10px; text-align: center; color:#FFF;
            border:1px solid #51A351; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            background-repeat: repeat-x; background-color: #5BB75B;
            background-image: -moz-linear-gradient(center top , #62C462, #51A351);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
            background-image: -webkit-linear-gradient(top, #62C462, #51A351);
            background-image: -o-linear-gradient(top, #62C462, #51A351);
            background-image: linear-gradient(to bottom, #62C462, #51A351);
}
.u-file-on{background: #51A351;}
.u-file-button{display: inline;}
.u-file-btn input{cursor: pointer; text-align: right;font-size: 118px; z-index: 2; position: absolute; top: -6px; right:-6px;}
.u-file b{float: left; display: block; padding:1px 5px; background:#D3D3D3; color:#27740F;  line-height: 22px; height: 22px;}
.u-file b.err{color:#CF0F0F; font-weight: normal;}
.u-file b.ok{}
.u-file b.tip{}
.u-file i{float:left; margin-right: 12px; height: 24px;}
.u-file i span{float:left; line-height: 24px;}
.u-file i input{float:left;}
.u-file i label{vertical-align: middle;}
.upload-basic .u-filename{margin-right: 12px; width: 200px; overflow: hidden;}
.u-fileicon{float: left; height: 20px; padding:4px 0 0 5px;background:#D3D3D3;}
.u-filesize{float:left; width:50px;}
.u-process-val{min-width: 50px; text-align: right;}
.u-process-val, .u-file-tip{float: right;}
.u-process{float:left; position: relative; width:100px; border:1px solid #22D719; margin-top: 4px;}
.u-process-in{ float:left; background: #22D719; width: 0%; height: 100%;}
.u-process .u-process-val{position: absolute; left: 40px; top: 0px; height: 12px; line-height: 12px; }
.u-percent-ok{color:#26A420;}
.u-cancel-wp{width:12px;}
.u-cancel{cursor:pointer; width: 12px; float: left; text-align: center; overflow: hidden; }
.u-cancel:hover{color:#FF0000; }
.u-file-tip{overflow: hidden; margin:0 10px;}
.u-file-note{display: block; float:left; color: #999; line-height: 28px;}
.u-preview{border:1px solid #CCC; display: block; text-align: center;}
.u-preview::after{content: " "; display: inline-block; width:0; height: 100%; vertical-align: middle; overflow: hidden;}
.u-preview img{max-width: 60px; max-height: 60px; vertical-align: middle;}
.u-smt{padding: 10px 0;}
.u-tbl-slash{}
.t-exp{padding: 3px 0; color:#666;}
.info{padding: 10px; margin-top: 10px; background: #FFF;}
.info img{max-width: 100%;}

.photos{width: auto; padding: 5px 0 0 0;}
.photos ul{}
.photos li{max-width: 62px; position: relative; z-index: 2; float: left; margin:0 5px 5px 0; vertical-align: middle; text-align: center;}
.photos li:last-child{margin-right: 0px;}
.photos li.face .face-icon{background:url(img/ablum_first.png) no-repeat left top;}
.photos li .imbox{text-align: center; max-width: 60px; height: 60px;}
.photos li .imbox img{margin: 0 auto; max-width: 60px; max-height: 60px; vertical-align: middle; }
.photos li .im-ctrl{height:60px; margin-top: 5px;}
.photos li:hover .img-item{box-shadow:0 0 3px rgba(102, 175, 233, 0.6);}
.photos li p{font-weight: normal; word-wrap: break-word; word-break: break-all; text-align: left; line-height: 20px; height: 60px; overflow: hidden; margin-top: 5px; font-size:12px; color:#999;}
.photos li p b{display: block;}
.photos li h3{font-weight: normal; line-height: 1em; text-align: center; position: absolute; right: 2px; top:2px;}
.photos li h3 a{display: none;}
.photos li h3 a i{margin: 0px; padding: 0px;}
.photos li .txt{margin-top: 5px;}
.photos li .delete{display: none; width: 9px; height: 9px; background: url(img/del.gif) no-repeat center -5px; position: absolute; right: -5px; top: -5px;}
.photos li:hover .delete{display: block;}
.photos li:hover .delete:hover{background-position: center -25px;}
.photos li:hover h3 a{display: block;}
.photos li.checked{background: #2F2F2F; border-color: #2F2F2F;}
.photos li.checked:hover{background: #2F2F2F; border-color: #2F2F2F;}
.photo-del, .iph-del{font-size: 12px; color:#999; padding: 0 2px;}
.photo-del:hover, .iph-del:hover{background:#666; color:#FFF;}
.ui-sortable li{cursor: move;}
.spic{text-align: center; position: relative;}
.spic[num]::after{content: attr(num); position: absolute; right: -5px; top: -10px; background: #2c9ed0; border: 2px solid white; z-index: 10;
    border-radius: 12px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);color: white; font: bold 12px/9px Helvetica, Verdana, Tahoma; padding: 2px 3px 1px 3px;text-align: center; min-width: 8px; animation: zooms 0.6s ease-in-out;}
.img-item{box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);}
.fields-wm{margin-bottom: 10px;}
.fields-wm-in .chk-extend-content{background: #F2F2F2; padding: 10px;}
.f-wm-pos-block{display: block; margin: 10px 0;}
.wm-positions{width: 122px; float: left; text-align: center; border: 1px solid #CCC; border-bottom: 0px none;}
.wm-positions li{width: 40px; height: 40px; line-height: 40px; float:left; border-bottom: 1px solid #CCC; cursor: pointer;}
.wm-positions li:not(:nth-child(3n)){border-right: 1px solid #CCC;}
.wm-positions li.on{background: #0078e7; color: #FFF;}
.wm-preview{float: right; width:200px; height: 200px;}
.wm-preview img{max-width: 100%; max-height: 100%;}
.pad-wrap{background: #f2f2f2;}
/* files */

/* cart */
.u-nav dt .cart-summary{line-height: 1.5em;}
.u-nav dl dt .cart-summary a.abtn{display: block; font-size: 10px; text-align: center;  width: 14px; line-height: 1em; height: 1em; padding: 2px 0px;}
.u-nav dl dt .cart-summary a.abtn:hover{color: #FFF;}
.u-nav dl dt .cart-summary a.cart-go{line-height: 24px; height: 24px;}
.u-nav dl dt .cart-summary i.iconfont{margin: 0px; font-size: 10px; }
.u-nav dl dt #g_cart_num_v i.iconfont{margin: 0 5px 0 0; font-size: 16px;}
.cart-icon{display: inline-block; position: relative; z-index: 220;}
.cart-summary{font-size:12px; box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.17);  position: absolute; z-index: 230; display: none; right: 0px; top: 36px; background: #FFF; color:#333; border: 2px solid #3190B0; width: 540px;}
.cart-text{text-align: center; color: #666; line-height: 32px;}
.cart-lite .cart-body{ max-height: 250px; overflow-y: auto; overflow-x:hidden; padding-right: 15px;}
.cart-lite .tbl-list th, .cart-lite .tbl-list td, .cart-lite .tbl-list-c th, .cart-lite .tbl-list-c td{height: 24px; line-height: 20px;}
.cart-lite .tbl-list tfoot td, .cart-lite .tbl-list-c tfoot td{line-height: 24px;}
.u-nav dl dt .cart-lite tr.list i{margin: 0px;}
.cart-summary-smt{height: 24px; line-height: 24px; padding: 0 12px 0 20px; text-align: right; border-top: 1px solid #EEE;}
.cart-summary-smt span{padding-right: 10px;}
.cart-content .u-tbl-ft{padding: 5px 20px;}
.cart-have{border-color: #CC2A1E;}
.fixed-iframe{position: absolute;width:100%;height:100%; z-index:-1; left:0px; top:0px;}
.cart-iframe{height:150px;}
#g_cart_num_v{display: block;}
#g_cart_num_v a, #g_cart_num_v b{display: inline-block; height: 36px; white-space: nowrap; color: #FFF; padding: 0 8px 0 8px;}
#g_cart_num_v a{background-color: #CC2A1E;}
#g_cart_num_v b{background-color: #42B8DD;}
.cart-adding a, .cart-added a{display: none;}
.cart-adding b, .cart-added b{display: inline-block;width:24px;height: 14px;}
.cart-added b{}
.user-cart-ft-batch{color: #C5C5C5;}
.user-cart-ft-batch .tn{color: #666;}
.user-cart-ft-batch .xdobtn-wp{visibility: hidden;}
.user-cart-ft-batch .btn-wp-show{visibility: visible;}
.cart-form-box{margin-top: 20px; padding:20px; border: 1px solid #e8e8e8; background:#FFF;}
.cart-go{float: left;}
.cart-full .cart-go{color: #222; line-height: 24px; height: 24px;}
.cart-full .cart-go .iconfont{vertical-align: middle; margin-right: 3px; float: left;}
.cart-full .cart-go:hover{color:#0078E7;}
.cart-full .cart-s-t{float: right; line-height: 24px;}
.cart-amount{}
.cart-dis-p{font-size: smaller; color: #999; line-height: 1em;}
.cart-dis-p b{text-decoration: line-through; padding-right: 3px; }
.cart-dis-p i, .ord-amt-p i{background: #EEE; border-radius: 8px; display: inline-block; padding: 0 5px; font-size: smaller;}
.cart-amount em{color: #CC2A1E; font-weight: bold;}
.cart-title{font-size: 20px; line-height: 2em; height: 2em; margin-bottom: 5px;}
.p-dis{font-size: 10px; display: inline-block; line-height: 1em; padding: 2px; background: #CFCFCF; border-radius: 7px;}
.ord-amt-p{line-height: 1em;}
.timg{width:78px;}
.tid{width: 70px;}
.t0{  width: 18px; }
.t1{ width: auto;}
.t2{  width: 110px;}
.t3{width: 80px; }
.t4{  width: 80px; }
.t-dis{width: 40px;}
.t5{  width: 100px;}
.t6{  width: 26px;}

.cart-summary .t2{  width: 110px;}
.cart-summary .t3{width: 80px;}
.cart-summary .t4{  width: 40px;}
.cart-summary .t5{  width: 70px;}
.cart-summary .t6{  width: 14px;}


.mc-consumer-cart .navs, .mc-consumer-cart .unav-wrap{display: none;}
.u-more-addbar{padding: 0; height: 35px;}
.u-more-addbar .btn{cursor: pointer; font-size: 12px;}
.u-more-addbar .link-h{display: none; float: right; }
.u-more-address{display: none; margin:0 0 10px -10px;}
.u-more-address li{float: left; width: 33.3%;}
.u-more-address li div{ padding: 10px; cursor: pointer; background: #F2F2F2; margin:0 0 10px 10px; }
.u-more-address li:hover div{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.u-more-address li.on div{background:#FAFFDC; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.u-more-address h3{color:#000;}
.u-more-address h3 .iconfont{float: right; font-size: 16px; display: none;}
.u-more-address li.on h3 .iconfont{display: block;}
.u-more-address li.on, .u-more-address li.on h3{color: #0078E7;}
.u-more-address h3, .u-more-address h4{font-weight: normal;}
.u-more-address h3 i.ctp{display: none;}
.u-more-address h3 i.ctg{color: #222;}
.u-more-address h4{margin-top: 4px;}
.u-more-address p{margin-top: 4px; line-height:20px; height: 40px; overflow: hidden;}
.c-address-ctrl{display: none;}
/* cart */

/* product */
.pro-img{box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.pro-view{padding: 0 0 20px 0; margin: 0 auto;}
.pro-details{ border-bottom: 1px dashed #EEE; margin-bottom: 20px; padding-bottom: 10px;}
.pro-details-no-image{padding: 20px; border: 1px solid #E6E6E6; }
.pro-pics{width: 410px; float: left;}
.pro-picture{width: 400px; height: 400px;border: 1px solid #E0E0E0;}
.pic-show-wp{display: block; margin: 0 auto; display: flex; justify-content: center; align-items: center; height: 400px;}
.pro-caption, .pro-fields .txb{width: 380px;}
.pro-fields{}
.pro-fields .sel-cat{width:120px;}
.pro-fields .txt[name=pro_sn]{width: 147px;}
.pro-fields .txt[name=pro_price]{width: 90px;}
.pro-fields .sel[name=pro_status]{width:94px; }
.pro-fields .lbm{display: inline-block;}
.pro-keep{margin: 0 0 0 0; float: left; padding: 3px 0 0 0;}
.pic-show-img{display: block; max-width: 400px; max-height: 400px;}
.pro-pics-small{height: 80px; margin-top: 10px; max-width: 402px; overflow-x: auto;}
.pro-pics-small ul{display: flex; justify-content: space-between;}
.pro-pics-small li{float: left;}
.pro-pics-small li a{display: block; text-align: center; float: left; border: 1px solid #e6e6e6; margin-right: 8px; position: relative; height: 72px; width: 72px;}
.pro-pics-small li:last-child a{margin-right: 0px;}
.pro-pics-small li a.valign{display: flex;}
.pro-pics-small li a:hover, .pro-pics-small li a.on{border-color: #F46200;}
.pro-pics-small li a.on:before{content: " "; display: block; width: 0px; height: 0px; position: absolute; top: -5px; left: 32px; z-index: 5; border-style: solid; border-width: 0px 5px 5px 5px; border-color: transparent transparent #F46200 transparent;}
.pro-pics-small li a img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.pro-param{float: right; width: 520px; padding-bottom: 10px;}
.pro-details-no-image .pro-param{float: none; width: auto;}
.pro-t{font-size: 22px; max-height: 60px;min-height: 30px; line-height: 30px; margin-top: -5px; overflow: hidden; font-weight: bold; margin-bottom: 10px;}
.pro-modify{font-size: 13px; float: right; font-weight: normal;}
.pro-sitemap .pro-modify a{margin-right: 0px; color: #999;}
.pro-sitemap .pro-modify a:hover{color: #222;}
.pro-param-list{margin-bottom: 18px; line-height: 20px;}
.pro-param-list li{min-height: 28px; margin-bottom: 8px; overflow: hidden;}
.pro-param-list li.ps-pro-tp,.pro-param-list li.ps-pro-sn{min-height: 20px;}
.pro-param-list li.ps-app-letter{overflow: visible;}
.pro-param-list li.ps-app-letter span{display: inline-block;}
.pro-param-list li b{color: #a1a1a1; margin-right: 10px; display: inline-block; min-width: 50px;}
.html-ln-en .pro-param-list li b{min-width: 80px;}
.pro-param-list li i{margin:0 20px; color: #a1a1a1;}
.pro-param-list li.pro-ca{height: auto;}
.pro-param-list li.pro-pr{ margin-bottom: 30px;padding-bottom: 20px; border-bottom: 1px solid #EFEFEF;}
.pro-param-list li.pro-nl{ margin-bottom: 0px; height: 30px;}
.pro-param-list li .sel{width:120px;}
.pro-param-list .ct-usd{margin-left: 10px; color: #FF5500; }
.pro-cap{line-height: 2em;}
.pro-stocks{overflow-x: auto;}
.pro-stocks table{min-width: 560px;}
.pro-price{font-weight: bold; color: #CC2A1E; font-size: 18px; margin-right: 10px;}
.pro-nl{height: 30px;}
.pro-nl b, .pro-nl i{float: left; line-height: 28px;}
.pro-nums{float: left;}
.pro-nums a{display: block; float: left; background: #EDEDED; color:#3C3C3C; vertical-align:top; height: 26px; line-height: 26px; width: 26px; text-align: center; border: 1px solid #CCCCCC;}
.pro-nums a.minus{border-right: 0px none;}
.pro-nums a.add{border-left: 0px none;}
.pro-nums a.dis{color: #CCCCCC; cursor: not-allowed; }
.pro-nums input{float: left; border:1px solid #CCCCCC; font-size: 16px; height: 26px; line-height: 26px; width: 48px; margin: 0;outline: 0 none; padding: 0; text-align: center;}
.pro-buy{margin-left: 52px;}
.pro-buy-btn, .pro-top-btn{height: 46px; line-height: 46px; width: 180px; font-size: 16px; display: block; text-align: center; background:#f46200; color: #FFF; }
.pro-buy-btn:hover{color:#FFF; background:#FF7E29; font-size: 20px; }
.pro-buy-dis{background: #CCC; cursor:not-allowed;}
.pro-buy-dis:hover{background: #CCC; font-size: 16px;}
.pro-go-stock{width: 172px; text-align: center; margin: 20px 0;}
.pro-go-stock a{display: block; height: 46px; line-height: 46px; background: #cbdff3;}
.pro-text{ line-height: 2em;}
.pro-text table{border: 1px solid #CCC; background: #FFF; width: 100%;}
.pro-text table th, .pro-text table td{border: 1px solid #CCC; padding: 0.2em 0.3em;}
.pro_sort_i{display: none; text-align: center;}
.tag-box{position: relative; font-size: 12px; line-height: 1em;}
.tag-pan{position: absolute; left: 0px; top: 27px; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border: 1px solid #CCC;}
.tag-panin{ padding: 10px; }
.tag-panin div.tagc{margin:0 0 2px 0;}
.tag-pan fieldset{border: 1px solid #CCC; padding:0 10px; margin: 0 0 2px 0;}
.tag-pan legend{padding: 1px 2px; margin: 0 0 2px 0;}
.tag-pan div.tagc b{display: inline-block; cursor: pointer; color: #44B2FF; border: 1px solid #CCC; margin: 0 5px 2px 0; padding: 1px 1px;}
.tag-pan div.tagc b:hover{border-color: #44B2FF;}
.tag-pan div.tagc b.on{border-color: #5bb75b; color:#5bb75b;}
.tag-pan-t legend{cursor: pointer; border: 1px solid #CCC;}
.tag-pan-t legend:hover{color: #44b2ff; border-color: #44b2ff;}
.tag-pan-t legend.on, .tag-pan-t legend.on:hover{text-decoration: line-through; color: #DDD;}
.tag-box-on{z-index: 26;}
.u-field-a .tag-panin{max-height: 300px; overflow-y: auto;}
.bd-mobile_jproduct .u-file{height: auto;}
.bd-mobile_jproduct .u-file-btn{float: none; width: 99%; margin: 0px; padding: 5px 0;}
.bd-mobile_jproduct .pro-keep{float: none; margin: 10px 0 0 0; text-align: center; padding: 10px 0;}
.bd-mobile_jproduct .pro-keep .lblchk{margin: 0px;}
.bd-mobile_jproduct .pro-keep .lblchk .chk{margin-top: 0px;}
.ps-app-letter .tag-pan div.tagc b{min-width: 16px;}
.ps-app-letter .tag-pan{min-width: 194px;}
/* product */

/* category */
.product-content{}
.category-wp{ line-height: 1.5em;}
.category-title{cursor: pointer; display: none;}
.category-title i{margin-left: 3px;}
.category{}
.category .ct-on a{color: #CC2A1E;}
.category .ct-on a i{color: #CC2A1E}
.category .ct-pnt-on a{color: #CC2A1E;}
.category .ct{white-space:nowrap;}
.prod-mode-nav .category{padding:0;}
.prod-mode-nav .category-wp{ margin:0 0 10px 0;}
.prod-mode-nav .category a{display: block; word-break:keep-all; white-space: nowrap;}
.prod-mode-nav .ct-pnt-wp{float: left; margin-right: 10px; position: relative;}
.prod-mode-nav .ct-pnt-wp a{display: block; padding: 5px 10px;}
.prod-mode-nav .ct-pnt-wp a:hover{background: #00A8DB; color:#FFF;}
.prod-mode-nav .ct-pnt{border: 1px solid #EEE;background: #FFF;}
.prod-mode-nav .ct-cld-box{display: none; min-width: 100%; position: absolute; background:#FFF; padding: 10px; border: 1px solid #e8e8e8; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1); }
.prod-mode-nav .ct-lvl-1{}
.prod-mode-nav .ct-lvl-2{margin-left: 20px;}
.prod-mode-nav .ct-lvl-3{margin-left: 40px;}
.prod-mode-nav .ct-lvl-4{margin-left: 60px;}
.prod-mode-nav .ct-lvl-5{margin-left: 80px;}
.prod-mode-nav .ct-lvl-6{margin-left: 100px;}

.prod-mode-side{}
.prod-mode-side .category-wp{float: left;line-height: 30px; margin-bottom: 10px; position: relative; width:200px; }
.prod-mode-side .category{ border: 1px solid #D6D4D4; padding: 5px 10px 5px 10px;}
.prod-mode-side .category a i{font-size: 8px; margin-right: 3px; vertical-align: top; color: #F07F05;}
.prod-mode-side .category .ct-on a i{color: #CC2A1E}
.prod-mode-side .category .ct-pnt{font-weight: bold;}
.prod-mode-side .prod-list-prod{float: right; width: calc(100% - 210px);}
.prod-mode-side .prod-list-image .prod{width:33.333%;}
.prod-mode-side .prod-list-no-image{margin-left: 0px;}
.prod-mode-side .prod-list-no-image .prod{width: auto; float: none; }
.prod-mode-side .prod-list-no-image .prod-in{margin-left: 0px;}
.prod-mode-side .prod-list{padding-top: 0px;}
.prod-mode-side .ct-lvl-1{margin-left: 10px;}
.prod-mode-side .ct-lvl-2{margin-left: 20px;}
.prod-mode-side .ct-lvl-3{margin-left: 30px;}
.prod-mode-side .ct-lvl-4{margin-left: 40px;}
.prod-mode-side .ct-lvl-5{margin-left: 50px;}
.prod-mode-side .ct-lvl-6{margin-left: 60px;}
/* category */

/* image */
.prod-list-col3 .prod-list-image .prod{width:33.333%;}
.prod-list-col2 .prod-list-image .prod{width:50%;}
.prod-list-col1 .prod-list-image .prod{width:100%;float: none;}
/* none-image */
.prod-mode-one .prod-list-prod{float: none;}
.prod-mode-one .prod-list-no-image{margin-left: 0px;}
.prod-mode-one .prod-list-no-image .prod{width: auto; float: none;}
.prod-mode-one .prod-list-no-image .prod-in{margin-left: 0px;}
.prod-mode-one .prod-list{}
.prod-mode-one .prod-list-box{padding-right: 0px;}
/* hide side nav */
.prod-mode-hideside .category-wp{float: none;}
.prod-mode-hideside .category{display: none;}
.prod-mode-hideside .category-title{display: block; }

/* two columns */
.prod-mode-two .category-wp{float: none;}
.prod-mode-two .prod-list-no-image{}
.prod-mode-two .prod-list-no-image .prod-in{margin-left: -6px;}

/* prod-list */
.prod-list-box{}
.prod-list-prod{}
.pro-search{background:#F8F8F8; padding:5px; line-height: 24px;}
.pro-search-t{float: left;}
.pro-total strong{padding: 0 2px; color:#CC2A1E; font-weight: normal;}
.pro-search .u-form{float: right;display: flex;}
.pro-search .u-form i{margin-right: 2px;}
.search-tags{font-size: 12px; border-bottom: 1px solid #EEE; background: #F8F8F8; padding: 5px 10px;}
.search-tags dl{margin-bottom: 5px; overflow: hidden;}
.search-tags dt{white-space: nowrap; display: inline-block; margin-right: 10px; color: #666; font-weight: bold;  line-height: 22px; padding: 0 2px;}
.search-tags dd{display: inline-block; }
.search-tags dd a{white-space: nowrap; margin: 0 15px 10px 0; }
.search-tags dd a.on{color: #cc2a1e;}
.search-tags dl.sp-last dd{padding-bottom: 0px;}

.prod-cat-title{}
.prod-cat-title-f{margin-top: 10px;}
.prod-cat-title a,.prod-cat-title b{margin-right: 10px;}
.prod-cat-title i{margin-left: 4px;}
.prod-cat-title a.last{color: #CC2A1E;}
.prod-list{padding: 16px 0; margin-left: -16px;}
.prod{width: 25%; float: left;}
.prod-in{border: 1px solid #E8E8E8; background: #FFF; margin:0 0 16px 16px; padding-bottom: 16px;}
.prod-in:hover{box-shadow: 0 0 10px #94d9ff; border-color:#94d9ff; }
.prod .pl-view{float: none; width: auto; clear: left; margin-right: 10px; padding: 0px; border-color: #F20424; border: 3px solid #8E8E8E; position: relative;}
.prod .pl-view:hover{box-shadow: none;}
.prod-on{}
.pro-pic{height: 240px; position: relative;}
.pro-mark{position: absolute; display: block; height: 40px; line-height: 34px; width:80px; text-align: center; color:#FFF; letter-spacing: 3px; left: -4px; top: 10px; background:url(img/jew-mark.png) no-repeat left -5px;}
.pro-mark var{ font-size: 16px;}
.pro-mark-2{background-position: 0 -55px;}
.pro-mark-3{background-position: 0 -105px;}
.pro-mark-4{background-position: 0 -155px;}
.pro-mark-5{background-position: 0 -205px;}
.pro-mark-6{background-position: 0 -255px;}
.pro-mark-7{background-position: 0 -305px;}
.pro-mark-8{background-position: 0 -355px;}
.pro-mark-9{background-position: 0 -405px;}
.pro-mark-10{background-position: 0 -455px;}
.pro-mark-11{background-position: 0 -505px;}
.pro-mark-12{background-position: 0 -555px;}
.pro-mark-13{background-position: 0 -605px;}
.pro-mark-14{background-position: 0 -655px;}
.pro-mark-15{background-position: 0 -705px;}
.pro-mark-wp{display:block;position: relative; height: 40px; width: 100px; cursor: pointer;}
.pro-mark-wp .pro-mark{top: 0px; left: 0px;}
.pro-user-grades{font-size: 12px; margin-bottom: -5px;}
.pro-user-grades b{margin:0 5px 5px 0; display: inline-block; box-shadow: 0 0 1px rgba(0,0,0,0.2); padding: 0 1px; }
.p-title{line-height: 1.5em; height: 3em; margin: 0 5px; overflow: hidden;}
.p-title a,  .pro-sn-price a{ color: #666;}
.p-title a:hover, .pro-sn-price a:hover{text-decoration: underline; color:#F60;}
.p-title a.p-addtocart:hover{text-decoration: none;}
.p-pics{text-align: center; height: 240px; width: 240px; margin: 0 auto; background: #fbfbfb;}
.p-pics a{display:block; margin: 0 auto; height: 240px;}
.p-pics a img{margin: 0 auto; max-width: 100%; max-height: 100%;}
.p-pics a img.dft-img{width: 240px;}
.p-sn-price{margin: 5px 5px 0 5px; height: 28px; overflow: hidden;}
.p-sn-price em{ display: block; float: left; text-align:left; }
.p-sn-price del{text-decoration: line-through; color: #999; font-size: 10px; line-height: 10px; display: block;}
.p-sn-price em span{font-family: arial;font-size: 18px; font-weight: 400; color:#CC0000; line-height: 1em; height: 1em; display: block;}
.p-sn-price em span i{font-size: 10px; color:#101010; padding: 1px 2px; display: inline-block; line-height: 1em; margin-left: 5px; background: #E0E0E0; border-radius: 6px; }
.p-addtocart{float: right;}
.p-addtocart .iconfont{font-size: 18px;}
.p-addtocart b{display: none; background: #26A420; color: #FFF; padding: 0 4px; font-size: smaller; line-height: 1.2em; height: 1.2em; border-radius: 10px; }
.prod-on .p-addtocart{color: #26A420;}
.prod-on .p-addtocart b{display: inline-block;}

.prod-list-no-image{ margin-left: -6px; }
.prod-list-no-image .prod{width: 50%; }
.prod-list-no-image .prod-in{margin:0 0 6px 6px;}
.prod-list-no-image .p-sn-price{float: right; }
.prod-list-no-image .p-sn-price .p-addtocart{margin-left: 6px;}
.prod-list-no-image .p-title{float: left; line-height: 2.5em; height: 2.5em; max-width: 360px; padding-right: 0px;}

.pager-wp{clear: both; display: flex; margin: 0 auto; align-content: center; justify-content: center;}
.pager{ font-size: 16px; }
.pager{line-height: 1.6em; height: 1.6em;}
.pager a:hover{background-color: #B7B7B7; text-decoration: none;}
.pager span, .pager a{padding: 1px 6px; background:#8C8C8C; color: #FFF; margin-left: 5px; }
.pager span.current_page{ border-color:transparent; color:#696969; background: transparent none; }
.pager span{background:#F8F8F8; color:#D2D2D2;}

.pro-discount-grades{display: none; max-height: 200px;overflow-y: auto;}
.pro-discount-grades div{padding-bottom: 5px;}
.pro-discount-grades div .txt{margin-left: 5px;}
.pro-discount-grades-wp .auto-add-list{font-size: 12px; line-height: 1.5em;}
/* prod-list */

/* stock */
.stock-buy-cart{font-size: 12px; position: relative;}
.buy-cart-wp{min-height: 310px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); background: #FFF; overflow-y: auto;}
.buy-prod-wp{min-height: 310px; border: 1px solid #D0D0D0; background: #FFF;}
.buy-prod{padding: 5px 0;}
.buy-prod-search{margin: 0 5px 10px 5px;}
.buy-prod-search .sch-btn{float: right;}
.buy-prod-search .sch-btn .btn{float: right; width: 60px;}
.buy-prod-search .sch-title-del{width: 24px; text-align: center; cursor: pointer; margin-left: 2px;}
.buy-prod-search .sch-title-del i{font-size: 14px; line-height: 28px;}
.buy-prod-search .sch-title-del:hover{background: #0078E7; color:#FFF;}
.buy-prod .u-page{float: right;}
.buy-prod .u-page a, .buy-prod .u-page span{display: block; float: left; width: 17px; text-align: center;}
.buy-prod select{max-width: 120px;}
.buy-prod .tbl-list a.abtn b{display: none;}
.buy-prod .tbl-list tr.on .abtn{color:#FFF; background:#26A420; display: inline-block; width: 2em; text-align: center;}
.buy-prod .tbl-list tr.on .abtn span{display: none;}
.buy-prod .tbl-list tr.on .abtn b{display: inline;}
.buy-prod .u-tbl-hd{margin:0 5px 5px 5px;}
.buy-prod .u-tbl-hd .u-page span, .buy-prod .u-tbl-hd .u-page a{}
.buy-prod .u-tbl-hd .u-page-total .src-dep{margin-left: 25px;font-size: 12px;}
.buy-prod .u-tbl-ft{margin: 0 5px; height: 30px;}
.buy-prod th, .buy-prod td{height: 24px;}
.buy-prod th.td-cat, .buy-prod td.td-cat{}
.buy-prod th.tp, .buy-prod td.tp{padding-right: 20px;}
.buy-cart-title{text-align: center; height: 65px; line-height:65px; border-top: 4px solid #1FAAD7; font-size: 20px; background:#555; color:#FFF;}
.buy-cart-hd{padding: 5px 0 5px 5px;}
.buy-cart-hd b, .buy-cart-hd i{font-size: 12px;}
.buy-cart-hd td.stk-i{padding: 0px;}
.buy-cart{padding-bottom: 5px;}
.buy-cart .abtn{color: #999; padding:0 1px;text-align: center;}
.buy-cart .abtn:hover{background:#CC2A1E; color:#FFF;}
.buy-cart .abtn i{font-size: 10px;}
.buy-cart .txc{text-align: center;}
.buy-cart .txt{}
.buy-cart .txi{text-align: right;}
.buy-cart .checkall{margin-right: 0px;}
.buy-cart th, .buy-cart td{height: 24px;}
.buy-cart-ft-batch .btn{font-size: 13px; margin-left: 0px;}
.buy-cart-ft-batch .xdobtn-wp{visibility: hidden;}
.buy-cart-ft-batch .btn-wp-show{visibility: visible;}
.buy-cart-fix{position: absolute; right: 0;}
.buy-prod-chkall{margin-right: 10px;}
.tpp{color:#CC2A1E;}
.tcx{cursor: pointer;}
.tcx:hover{color: #0078E7;}
.tcx var{}
.tcx i{display: none;}
.bc-dis{}
.bc-dis span{float: left;-webkit-transform: scale(0.7,0.7); margin-left: -5px; margin-top: 5px; padding: 1px; border-radius: 4px; line-height: 1em; height: 1em; background: #0078E7; color:#FFF;  font-size: 8px;}
.bc-dis span.c{background: #26A420;}
.buy-dis span{border-radius: 8px; font-size: 12px; padding: 1px 2px; background:#0078E7; color:#FFF;}
.buy-dis span.c1{background: #26A420;}
.buy-dis span.c2{background: #E70000;}
.amt-chged span{text-decoration:line-through; color: #999;}
.amt-chged b{display: block; color: #CC2A1E; }
.stockbuy .tbl-list-min td.tn b{color: #999;}
.buy-cart-empty{padding: 110px 0 0 0; text-align: center;}
.buy-cart-empty a{color: #0078E7;}
.buy-cart-smt{ padding:15px 5px 5px 10px;}
.buy-cart-smt .sel{width:100px;}
.buy-cart-smt .txt{width: 240px; margin-right: 10px;}
.buy-cart-smt .abtn{ float: right; margin-top: 3px;}
.tbl-loads .buy-cart th, .tbl-loads .buy-cart td{border:0px none; border-bottom: 1px solid #EEE;}
.tbl-loads .buy-cart .tbl-list-min{border: 1px solid #EEE;}
.buy-log-list{}
.buy-log-list b.bn{display: block; font-size: smaller; color: #999;}
.buy-log .po, .stock .po{background: #E70000;}
.buy-log tr.pointer{cursor: pointer;}
.buy-log-edit .sel{width:90px;}
.buy-log-edit .lbl{width:90px; display: inline-block;}
.buy-log-edit span .sel{width: 156px;}
.buy-log-edits{font-size: 12px; padding: 10px;}
.buy-log-edits h3{}
.buy-log-edits .eh2{width: 200px;}
.buy-log-edits .eh3{width: 100px;}
.buy-log-edits .eh4{width: 140px;}
.dwin .buy-log-edits{width: 780px; max-height: 320px; overflow-y: auto; }
.move-log-tbl .iconfont{font-size: 16px;}

/* submit-order */
.submit-buy{ height: 270px; padding-top: 110px;}
.submit-wp{width:600px ; margin: 0 auto;}
.submit-result{position: relative; min-height: 96px; border: 3px solid #EBEBEB; font-size: 14px; padding: 24px 10px 20px 100px;}
.submit-result .iconfont{font-size: 40px; line-height: 1em; position: absolute; left: 30px; top: 30px;}
.submit-result-ok {border-color: #1DCC78;}
.submit-result-ok .iconfont{color:#1DCC78;}
.submit-result-err{border-color: #CC291E;}
.submit-result-err .iconfont{color: #CC2A1E;}
.submit-result h1{font-size: 18px;}
.submit-result p{line-height: 1.8em;margin-top: 8px;}
.submit-result p a{color:#00A8DB;}
.submit-result p a:hover{text-decoration: underline;}
/* stock */

/* order-view */
.order-view{}
.order-details{margin-bottom: 10px;}
.order-dtl{ width: 480px;}
.order-view .u-acts{font-weight: bold; padding-bottom: 0px;}
.order-view .u-acts i{float: right;}
.order-view .u-acts a{margin-right: 6px; font-weight: normal;}
.order-view .u-acts a:last-child{margin-right: 0px;}
.order-view .u-acts-hd{padding: 5px 0;margin-bottom: 8px; border-bottom: 1px solid #CCC;}
.order-view .p-dis{float: left; margin-top: 4px;}
.order-details .ajaxlink{float: right;}
.order-details .ajaxlink.nofr{float: none;}
.order-details .link-refund{margin-right: 10px; color: #999;}
.order-dtl-receiver{float: left;}
.order-dtl-amount{float: right;}
.order-amount-ok{color: #66CC00;}
.ships{margin-bottom: 10px;}
.ships .abtn{padding: 1px; margin-left: 5px;}
.ships .abtn i{font-size: 12px;}
.otw{width: 150px;}
.ord-not-err{padding: 30px 10px;}
/* order-view */

/* order follows */
.follow-box{ min-height: 28px; margin:10px 0;}
.follow-box .follow-btn{float: left; padding: 4px 5px; margin-right: 10px; font-size: 14px; height: 20px; line-height: 20px;}
.follow-box .follow-btn .iconfont{margin-left: 5px; font-size: 14px;}
.follow-fm{margin-bottom: 5px;}
.follow-fm .file-list{float: left;}
.follow-fm .file-list-have{background: transparent none; padding: 0;}
.follow-fm .u-preview{height: 26px; width: 26px; margin: 0px; padding: 0px;}
.follow-fm .u-preview img, .follow-fm .photos li .imbox img{max-width: 26px; max-height: 26px;}
.follow-fm .photos li .imbox{height: 26px; max-width: 26px;}
.follow-fm .photos{padding: 0;}
.follow-up{}
.follow-ipt, .follow-smt, .follow-fm .upload-list, .follow-fm .file-item {display: block; float: left; margin-right: 10px;}
.follows-list{margin-bottom: 10px;}
.follows{background: #FFF; list-style: decimal outside; padding-left: 32px;}
.follows-bd{border: 1px solid #d0d0d0;}
.follow-dialog{background: transparent none;}
.follows{list-style: none; padding-left: 0px; font-size: 12px;}
.follows li{line-height: 24px; background: #FFF; border-bottom: 1px solid #EEE; padding:3px 10px; word-wrap: break-word; word-break: break-all; position: relative;
            -webkit-transition: background-color 2000ms linear;
            -moz-transition: background-color 2000ms linear;
            -o-transition: background-color 2000ms linear;
            -ms-transition: background-color 2000ms linear;
            transition: background-color 2000ms linear;
}
.follows-bd li:last-child{border: 0px none;}
.follows li .fol-title{display: inline;}
.follows li .fol-con{display: inline; padding-right: 20px;}
.follows li .fol-vis-p{position: absolute; right: 0px; top: 3px; line-height: 1em; height: 16px; width: 16px; }
.follows li .fol-vis-p i.fol-vis{visibility: visible;}
.follows li .fol-vis-p i.fol-hid{visibility: hidden;}
.follows li:hover .fol-vis-p i.fol-hid{visibility: visible;}
.follows li .fl{height: 24px; padding-right: 5px;}
.follows li span{padding-right: 5px; color:#9F9F9F;}
.follows li em{padding-right: 5px; color:#D74D12; display: inline-block; min-width: 4em; }
.follows li b{padding-right: 5px; min-width: 4em; display: inline-block; color:#A38305;}
.follows li.new-ani{background: #FFD3D3;}
.fol-txa{width: 100%; display: block; margin-bottom: 5px;}
.u-fm100{width: 100%; display: flex; justify-content: space-between;}
.u-fm100 .txt{width: calc(100% - 60px);}
.toggle-all-follows{display: block; text-align: center;}
.toggle-all-follows span{display: none;}
.follows-more .follows-all{height: 125px; overflow: hidden;}
.follows-more .toggle-all-follows b{display: none;}
.follows-more .toggle-all-follows span{display: inline;}
.member-follows .follows li .fol-con{padding:0 0 0 20px;}
.follow-dialog{margin-top: 5px;}
.follow-dialog li{ padding:0px; border: 1px solid #d0d0d0;  margin-bottom: 10px;}
.follow-dialog li .fol-title{display: block; padding: 0 10px; border-bottom:1px solid #EAEAEA; background: #F2F2F2;  }
.follow-dialog li .fol-con{display: block;padding: 10px; background: #F9F9F9; }
.follow-dialog li b{max-width: fit-content;}
.follow-dialog li:last-child{margin-bottom: 0px;}
.fol-fm-cont{height: 32px; display: flex;}
.fol-order-tags-wp{position: relative; z-index: 10; display: inline-block; margin-right: 5px; }
.fol-order-tags{position: absolute; display: none; background: #FFF; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.fol-order-tags a{background: #F2F2F2; padding: 2px; margin-bottom: 2px;}
.fol-order-tags a.on{color: #FFF; background: #0078e7;}
.fol-pic-wp{display: inline-block; vertical-align: middle; overflow: hidden; width: 32px; height: 32px; border:1px solid #D0D0D0; margin:2px 5px; text-align: center;}
.fol-pic-wp::after{content: " "; display: inline-block; width:0; height: 100%; vertical-align: middle; overflow: hidden;}
.fol-pic{max-width: 32px; max-height: 32px; vertical-align: middle;}
/* order follows */

/* order */
.ord-sn{position: relative;}
.ord-mks{display: inline-block; width: 50px; color: #C3272B;}
.ord-u span{margin-right: 10px; color:#980000;}
.ord-u b{margin-right: 10px; color:#635603;}
.o-is-shp{color: #66cc00;}
.apply-box{}
.apply-box .on{color:#CC2A1E;}
.ord-p{display: inline-block; width: 120px; color:#28008F;}
.ord-sn{}
.o-star{display: block; position: absolute; right:5px; top: 2px;}
.o-star .iconfont{height: 16px; width: 16px; color: #08C9AC; line-height: 16px; display: block;}
.os-vis{visibility: visible;}
.os-hid{visibility: hidden;}
.o-cust{color: #FF960E;}
.o-cust-ok{color: #6C0;}
.o-cpic{color: #3399ff; margin-left: 3px;}
.o-cdis{color: #ff3396; margin-left: 3px;}
.o-cver{color: #007B43; margin-left: 3px;}
#order_flags_fm .lblchk[key="128"]{display: none;}
.ord-icons b.o-cpad{color: #0078E7; width: auto; margin:0; border-radius: 3px;}
.ord-icons p{line-height: 16px;}
.ord-sn:hover .iconfont{visibility: visible;}
.ord-ship{}
.ord-ship .shp-is-seckey{display: inline-block;}
.ord-ship #shp_express, .ord-ship .shp-is-seckey{width: 90px;}
.ord-ship-tbl{}
.ord-ship-ajax .tn{font-size: 12px;}
.u-field-ajax .ord-ship-tbl{ line-height: 1.5em; border: 3px solid #F2F2F2; max-height: 230px; overflow-y: auto;}
.u-field-ajax .ord-ship-tbl .txt{height: 20px;}
.ord-ship .lblchk{margin-right: 0px;}
.ord-ship .lblchk .chk{margin-right: 2px;}
.mlist-dis{background: #F2F2F2; color: #C5C5C5;}
.mlist .wt{color:#CC2A1E;}
.mlist .wt b{position: relative; display: block;}
.mlist .wt i{position: absolute; right: 12px; bottom: -5px; display: block; width:12px; height: 12px; line-height: 12px; font-size: 12px;}
.mlist-ok .wt{color: #66CC00;}
.list-more{background:#FFDCDC;}
.express{font-size: 12px;}
.exp-stat{border-left: 1px solid #EEE;}
.exp-time{width:160px;}
.express .exp-stat{padding-left: 6px; text-align: center;}
.exp-stat .iconfont{margin-left: -14px; display: block; width: 16px; font-size: 16px; color:#C9C9C9;}
.exp-ok .iconfont{color: #66CC00;}
.exp-first .iconfont{color: #EF5858;}
.exp-list .fields>label{text-align: center; color: #88BAE8;}
.exp-no-dis{color: #C5C5C5;}
/* status color */
.status-waiting{color: #CC2929;}
.status-processing{color:#8F14CC;}
.status-making{color: #CA3C3C;}
.status-ship_none{color: #F07F05;}
.status-ship_part{color:#088e95;}
.status-ship_all{color:#01CC01;}
.status-undelivered{color:#CC8F14;}
.status-completed{color:#0071CC;}
.status-cancelled{color:#C9A000; text-decoration: line-through;}
.ord-prc{color:#c71585; margin-left: 1em;}
.ord-prc:not([per=""])::before{content: '(' attr(per) ') ';}

.export-order{width: auto; margin: 0 auto; color: #000;}
.export-hd, .exp-title{ height: 45px; overflow: hidden;}
.export-sc{width: 49%; float: left;}
.export-ac{width: 49%; float: right; text-align: right;}
.export-ac .btn{margin-left: 10px;}
.export-order-tbl, .print-order table{width: 100%; }
.export-order-tbl th, .export-order-tbl td, .print-order table th, .print-order table td{border: 1px solid #000;  padding: 6pt;}
.export-order-tbl th{background: #F0F0F0;}
.print-title h2{line-height: 2em;}
.print-order .pic{max-height: 60px; max-width: 60px;}
.o-tit{font-weight: bold;}
.o-num{text-align: center;}
.o-nwp-th td{white-space: nowrap;font-weight: bold;}
.o-cat{white-space: nowrap;}
.global-order-search-box{width: 450px; padding: 10px 0 60px 0; text-align: center;}
.global-order-search-box h3{font-size: 20px; line-height:3em; margin-bottom: 20px; }
.global-order-search-box .txt{width: 260px; height: 2.5em; line-height: 2.5em;}
.global-order-search-box p{margin-top: 10px; height: 20px; line-height: 20px;}

.cust-list{font-size: 13px;}
.ord-list{}
.ord-list .list{background: #FFF; margin-bottom: 20px; border: 1px solid #E0E0E0; font-size: 13px; transition: box-shadow ease-in-out 0.2s; overflow-x: auto;}
.ord-list .list:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.ord-list .list .tbl-list{border: 0px none; min-width: 800px;}
.ord-list .list .tbl-list th{border-bottom: 1px solid #E0E0E0; }
.ord-list .list .tbl-list td{border-bottom: 0px none; border-top: 1px solid #F2F2F2;}
.ord-list .list.dwin-highon{border-color: #66afe9; box-shadow: 0 0 10px rgba(102, 175, 233, 0.6);}
.ord-list .list.dwin-highon .tbl-list{}
.ord-list th{font-weight: normal;}
.ord-list .ord-sn{display: inline-block; margin-left: 5px;}
.ord-list .ord-sn .tip-num-in{top: -6px; right: -20px;}
.ord-list .osn{margin-right: 20px;}
.ord-num-ok{color: #66cc00;}
.ord-tm{color: #222; margin-right: 20px;}
.ord-er{color: #c70e0e;}
.ord-icons{height: 21px; padding-top: 2px; overflow: hidden;}
.ord-icons .tip-num-in{position: static;}
.ord-icons b{display: block; font-size: 12px; float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; border: 1px solid; border-radius: 100%; }
.ord-icons b.ord-ck{border:0px none; margin-right: 3px;}
.ord-icons .o-star{position: static; float: right; }
.ord-icons .o-star .iconfont{font-size: 14px; width: 16px; height: 16px; line-height: 16px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.ord-icons:hover .iconfont{visibility: visible;}
.tc .ord-icons b{display: inline-block; float: none;}
.ord-if .iconfont{font-size: 14px;}
.ord-list tfoot{font-size: 12px;}
.ord-list tfoot a{color: #63A4E1;}
.ord-list .tp del{line-height: 1em;}
.ord-list .list-sit a .sit-my-t{margin: 0; display: block;}
.ord-list .list-sit a:hover{text-decoration: none;}
.ocd .cn, .ocd .cf{display: inline-block;width: 45px;}
.ocd a:not(.sha){display: none; height: 13px; line-height: 13px;}
.ocd a i{display: inline-block;}
.ocd a:hover{background: #888; color:#FFF;}
.ocd:hover a{display: inline-block;}
.ocd a.a-show{display: inline-block;}
.oscl{cursor: pointer; color: #000;}
.oscl:hover{background: #F2F2F2; }
.oscl-on, .oscl-on:hover{background: #FFC;}
.oscl-on b{color: #0031dd;}
.tshp{color: #999;}
.tshp i{font-size: 10px;}
.ok-d-t { color: #00b316; }
.ok-d-p { color: #0031dd; }
.ok-d-m { color: #ee0000; }
.pgn{ font-size: smaller; line-height: 1em; color: #0031dd;}
.pgn-0{color: #ee0000;}
.pgn b{color: #db6009;}
.shdt{color:#BBB; font-size: smaller;}
.pdist, .pmfee{color: #ff3396;}
.lite-tags-wp{width: 320px;}
.login-box{width: 300px;}
.log-ups {width: 178px; padding: 3px 0;}
.log-btn {width: 180px; padding: 4px 0;}
.wx-login-qr{text-align: center;}
.wx-mobile-login{display: none; padding: 80px 20px 20px 20px; text-align: center;}
.wx-mobile-login a{display: block; margin: 0 auto; font-size: 16px; line-height: 120px; width: 120px; height: 120px; border-radius: 100%; box-shadow:0 0 2px rgba(0,0,0,0.2); background: #1CB841; color: #FFF;}
.wx-mobile-login p{color: #999; margin-top: 30px;}
.list-over{}
.list-have-more-hiden .toggle-all-follows span{display: block;}
.list-have-more-hiden .toggle-all-follows b{display: none;}
.list-have-more-hiden .list-over{display: none;}
.list-have-more .toggle-all-follows{color: #999;}
.dwin .order-view{width: 1020px; padding: 10px; max-height: 480px; overflow-y:auto; min-height: 230px;}
.mc-business-jorder .ord-list .list .tbl-list{min-width: 1100px;}

.icon-weixin{background: url(img/weixin.png) no-repeat center center; background-size: 100%; width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative;}
.icon-weixin[num]::after{content: attr(num);position: absolute; right: -4px; top: -12px; font-size: 12px;}
.icon-lic{border: 1px solid #333; width: 18px; height: 18px;display: inline-block; text-align: center; line-height: 18px; border-radius: 100%;}
.wx-u-list b {display: block; background: #ececec; margin: 0 5px 5px; padding: 0 5px;}
@page{
    size: auto;
    margin: 5mm;
}
@media only print{
    html, body{margin: 0; padding: 0; width: auto !important; font-size: 9pt;}
    html body .main .wrap{width: auto;}
    body, .main{background: transparent none;}
    .main{height: auto !important;}
    .header, .unav-wrap, .footer, .u-field-h, .export-hd, .no-print, #debug{display: none;}
    .export-order-tbl th, .export-order-tbl td{border-width: 1pt;}
}
@media handheld, only screen {
    .wx-mobile-login{display: block;}
}

/* order */

/* order-handle */
.order-handle{padding: 5px 0;}
.ohd-ajax-handle{padding: 10px;}
.ohd{width:480px;}
.ohd h3, .ohd h4{font-weight: normal;}
.ohd h4{margin-top: 10px;}
.ohd h4 em{margin-right: 10px; font-weight: bold;}
.ohd-con, .ohd-con p, .ohd-con div.p{margin-top: 10px;}
.ohd-con .ohd-text{width: 97%; height: 60px;}
.ohd-con .lrdo{margin-right: 20px;}
.ohd-con .txb{width: 381px;}
.ohd-con b{margin-right: 20px;}
.ohd-con i{margin-left: 20px;}
.ohd-smt span{margin-left: 20px;}
.ord-bat{font-weight: normal; margin-left: 10px;}
.ord-bat:hover{text-decoration: underline;}
/* order-handle */

/* user */
.user{margin-left: 10px;}
.user-info{}
.user-info h2{padding: 6px 0; border-bottom: 1px solid #EEE;}
.user-board{padding: 10px 0 0 0;}
.user-base{float: left; width: 60%;}
.user-notice{float: right; width: 40%; line-height: 2em;}
.user-notice-list li{margin-bottom: 10px; height: 2em; overflow: hidden;}
.user-notice-list span{float: right;}
.user-notice-list a:visited{color: #999;}
.user-notice-list a{color: #222; text-decoration: underline;}
.user-notice-list a:hover{color: #0078e7;}
.user-notice-t{margin-bottom: 10px;}
.user-notice-t a{float: right; font-weight: normal;}
.user-article{max-width: 1000px; margin: 0 auto; }
.art-lists{}
.art-title{text-align: center; line-height: 2em;}
.art-time{text-align: right; font-weight: normal; line-height: 2em; color: #999;}
.u-account{margin-bottom: 10px; line-height: 2em;}
.u-account b{padding: 0 10px 0 5px; color:#CC2A1E;}
.u-account strong{padding: 0 5px;}
.u-account i{margin-left: 20px;}
.u-account-qrc{margin-top: 10px;}
.u-account-qrc img{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.u-list i{color: #A38305;}
.u-list i.im{color: #CC2A1E; }
.u-list i.u-tit{color: #003C78;}
.u-tit{color: #003C78;}
.u-time{color:#999;}
.atype{padding: 2px 10px; margin: 0 5px; background: #007bff; color: #FFF; border-radius: 3px; font-weight: normal;}
.atype-4{background: #dc3545;}
.atype-8{background: #28a745;}
.ord-li .tl{display: inline-block; width: 319px;}
.ord-li i.sn{display: inline-block; padding-right: 20px; margin-right: 10px;}
.ord-li i.n{display: inline-block; width: 60px;}
.ord-li i.m{display: inline-block; width: 120px;}
.ord-li div, .ord-li p{display: inline;}
.ord-li div.bl{display: block; margin: 5px 0 0 0;}
.co-u{width: 70px;}
.co-r{width: 150px;}
.oif .otca{ float: right;}
.oif .otca b{display: inline-block; width: 120px; margin-left: 10px;}
.shp-num{width:2.5em;}
.u-shp .shp-inf{float: left; width: 80%;}
.u-shp .u-time{float: left;}
.u-shp .u-note{margin-top: 5px; color: #999;}
.u-shp b{display: inline-block; margin-right: 5px;}
.u-shp .u-tit{display: inline-block; width: 80px;}
.u-shp .b1{width: 320px;}
.u-shp .b2{width: 130px;}
.u-balance .u-list b{display: inline-block; width: 200px;}
.u-balance .u-time{float: right;}
/* user */

/* stat */
.stat-tbl table{margin-bottom: 20px; table-layout: fixed;}
.stat-tbl h4{text-align: center; line-height: 2em; margin-bottom: 5px;}
.bu-box .title{margin-bottom: 10px;}
.bu-box .title .lblrdo{margin: 0 0 0 20px;}
.tbl-smy tr td:nth-child(2n){padding-left: 20px;}
.col{float: left; margin-right: 20px; }
.col-pd{}
.tbl-smy .s-c1{width: 120px;}
.tbl-smy .s-c2{width: 120px;}
.sta-name{width: 120px;}
.bu-stat-in{height: 400px;}
.sta-refund{font-size: smaller; color: #999; line-height: 1.2em;}
/* stat */

/* todo */
.mem-auto-list var, .mem-auto-list abbr{display: none;}
.tod-ac{width: 40px;}
.todo-is-other{}
.todo-view{padding:0;}
.todo-content{line-height: 2em; padding: 10px; margin-bottom: 10px; background: #FFF; border:1px solid #d0d0d0;}
.todo-pre-cont{overflow: auto; box-shadow: 0 0 5px rgba(0,0,0,0.5) inset; max-height: 300px; padding: 5px;}
.todo-follows{}
.todo-follows .follow-fm{margin-bottom: 0px;}
.todv{width: 350px;}
.todo-th-time{width: 200px;}
.tbl-todo-list .list td{}
.todo-list-in{padding: 5px 0;}
.todo-list .iconfont{margin-right: 3px; vertical-align: top;}
.todo-cont{color:#222; border-bottom: 1px dashed #E4EDFF; margin:0 10px 5px 0; padding-bottom: 5px; line-height: 2em; height: 2em;overflow: hidden;}
.todo-cont b{color: #001BDD; margin-right: 10px; float: right;}
.todo-cont i{color: #3EB302;}
.todo-cont strong{background: #e4e4e4; color:#222; font-weight: normal; padding: 1px 2px; margin-right: 1em;}
.todo-to {padding: 5px 0; color: #999;}
.todo-to b{margin-right: 10px;}
.todo-auth, .todo-auth .iconfont{ font-size: smaller;}
.todo-author{color: #3E3E3E; margin-right: 10px;}
.todo-add-time{color: #999;}
.todo-wait-time{font-size: 15px; color: #01A48C;}
.done-wait-time{color:#AAA;}
.todo-wait-time i{vertical-align: top; font-size: inherit; margin-right: 5px;}
.todo-wait-time div{margin-bottom: 10px;}
.todo-done-time{color: #023D8E;}
.todo-acs{display: none; text-align: right;}
.todo-acs a.link-h{margin-right: 5px;}
.tod-subject{width: 385px;}
.tod-content{width: 485px;}
.do_ok{margin-top: 10px;}
.todo-acs .do_ok{margin: 0px;}
.todo-list-in .tip-num{display: none;}
.todo-img{vertical-align: middle;}
.auto-add-list-s{white-space: normal;}
/* paid */
.sms-buy-items{margin-top: 40px;}
.sms-buy-item{float: left; border: 1px solid #EEE; margin: 0 10px 10px 0; padding: 10px 10px 30px 10px; width: 190px; text-align: center;}
.sms-buy-item h3{font-size: 18px; color: #999;}
.sms-buy-item h4{font-weight: normal;height: 3em; line-height: 3em; font-size: 24px;}
.sms-buy-item div{margin-top: 30px;}
.sms-buy-btn{display: block; width: 80%; margin: 0 auto; background: #F46200; font-size: 16px; color: #FFF; font-weight: bold; padding: 10px 0;}
.sms-buy-btn:hover{background:#FF7E29; color: #FFF;}
.alipay{}
.alipay-form{width: 400px; text-align: center; padding-top: 100px;margin: 0 auto;}
.alipay-form .btn{font-size: 32px; padding:5px 10px; cursor: pointer; background: #F6960B; color: #FFF; border: 1px solid #F6960B; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.alipay-msg{margin-top: 20px; color: #999;}
.paid-title{font-size: 18px; line-height: 2em; margin-top: 10px;}
.paid-title strong{margin: 0 10px; padding: 0 10px; color: #CC2A1E; background: #F2F2F2;}
.paid-msg{margin-top: 20px; color: #000; font-size: 30px; border: 1px solid #EEE; line-height: 2em; padding: 1em; margin-top: 1em;}
.visit-log{}
.visit-log td p{color: #DDD;}
.visit-log td p a{color: #DDD; text-decoration: underline;}
.cart-tbl .list.dwin-highon{background: #daffd1;}

/* attach */
.ath-path{height: 30px;}
.ath-current{}
.ath-current span{float: right;}
.ath-current span var{font-weight: bold; padding: 0 5px;}
.ath-list{border: 1px solid #A2A2A2; box-shadow: 0 0 3px rgba(0,0,0,0.3) inset; list-style-type: none; font-size: 12px; height: 300px; overflow-y: auto;}
.ath-list li{float: left; width: 120px; height: 180px; cursor: pointer; position: relative; padding: 5px; margin: 0 0 15px 15px; border: 1px solid #E6E6E6; background:#ECECEC; text-align: center;}
.ath-list li:hover, .ath-list li.ui-selecting{background: #F8F8F8;}
.ath-list li.on{background: #FFF;}
.ath-list li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none; user-select: none;}
.ath-list-in{padding: 15px 0 0 0; }
.ath-file{width: 86px; height: 88px; margin: 0 auto; padding:4px;}
.ath-file img{display: block; max-height: 80px; max-width: 80px; margin: 0 auto; background: #FFF; padding: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.ath-icon{}
.ath-icon i{font-size: 50px; cursor:pointer; line-height: 1em; color: #0078E7;}
.ath-name{color: #0078E7;padding: 0; line-height: 1.5em; word-break: break-all; height: 3em; overflow: hidden; text-shadow: 0 0 3px rgba(0,0,0,0.2); }
.ath-time, .ath-size{padding: 0; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.ath-time{color: #999; margin: 8px 0;}
.ath-size{color: #222;}
.ath-size b{margin-right: 10px;}
.ath-del{position: absolute; right: 2px; top: 2px; display: none; line-height: 1em;}
.ath-list li.on .ath-del{display: block;}
.ath-upload{background: #F8F8F8; margin-bottom: 10px; }
.ath-upload-ctrl{padding: 5px; border: 1px solid #CCC;  }
.ath-options{float: left; padding-top: 4px; margin-left: 50px;}
.ath-upload .upload-basic{float: left;}
.ath-upload-list{position: relative;}
.ath-upload-list-in{position: absolute; top: 41px; z-index: 10; color:#FFF; width: 100%; background: rgba(0,0,0,0.3);}
.ath-upload-list .file-list-have{background: none; max-width: 600px; margin: 0 auto;}
.ath-upload-list .file-list .ajax-file-item{border-bottom: 1px solid #FFF;}
.ath-upload-list .file-name{color:#FFF;}
.ath-actions{float: right;}
.ath-actions .abtn{padding: 3px 6px;}
.ath-actions .abtn i{font-size: 16px; line-height: 1em;}
.ath-checked{display: none;}
.ath-checked button{margin-left: 10px;}
.ath-checked span var{padding: 0 5px; font-weight: bold; color: #CC2A1E;}
.attach-box-no-del .ath-list li.on .ath-del{display: none;}
.attach-box-no-del #ath_action_del{display: none;}
.attach-box-no-create_new_dir #ath_action_newdir{display: none;}
.attach-box-no-upload .ath-options{display: none;}
.attach-box-no-upload .upload-basic{display: none;}
/* attach */

.page table td{border: 1px solid #CCC;}

/* coupon */
.prod-auto-wp{width: 600px; overflow: hidden;}
.prod-auto-wp table{table-layout: fixed;}
.prod-auto-wp table td{text-overflow: ellipsis;}
.prod-auto-wp table td var{display: none;}
.cou-pro-ids{display: block; margin-left: 0px; margin-top: 5px; font-size: 12px;}
.cou-pro-ids i{max-width: 50%; display: block; line-height: 1.5em; height: 1.5em; text-overflow: ellipsis; overflow: hidden;}
.cou-pro-ids i:after{float: right;}
.cou-pro-ids-v i{max-width: 100%; margin-right: 0px;}
.ord-coupon-ajax{font-size: 12px;}
.u-field-ajax .ord-coupon-tbl{max-height: 230px; overflow-y: auto; border:3px solid #f2f2f2;}
/* coupon */

.bd-from-app .header, .bd-from-app .footer{display: none;}

/* backend mode */
.html-backend-wide .wrap{width: 1200px;}
.html-backend-wide-13 .wrap{width: 1300px;}
.html-backend-wide-14 .wrap{width: 1400px;}
.html-backend-wide-15 .wrap{width: 1400px;}
.html-backend-wide .u-cols-left{width: 49.5%;}
.html-backend-wide .u-cols-right{width: 49.5%;}
.html-backend-wide .u-td-col1{width: 590px;}
.html-backend-wide .u-td-col2{width: 614px;}
.html-backend-wide .order-dtl{width: 49.5%;}
.html-backend-wide-13 .u-td-col2{width: 714px;}
.html-backend-wide-14 .u-td-col2{width: 814px;}
.html-backend-wide-15 .u-td-col2{width: 814px;}
/*
.html-backend-wide-13 .mc-business-stock-move .main .wrap, .html-backend-wide-14 .mc-business-stock-move .main .wrap, .html-backend-wide-15 .mc-business-stock-move .main .wrap,
.html-backend-wide-13 .mc-business-stock-buy .main .wrap, .html-backend-wide-14 .mc-business-stock-buy .main .wrap, .html-backend-wide-15 .mc-business-stock-buy .main .wrap{min-width: 1300px; width: 98%; background: transparent none; box-shadow: none;}
*/
/* backend mode */

.html-weixin .header, .html-weixin .footer, .html-weixin .u-nav{display: none;}
.html-weixin .wp-box{margin: 0; padding: 5px; background: transparent none;}
.html-weixin .main{padding:0; min-height: 100%;}
.html-weixin .error{font-size: 14px; background: transparent none; word-break:break-all; padding: 0; margin: 0; min-height: 320px; display: flex; align-items: center; justify-content: center;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .wrap{width: auto;}
    .main-in{padding-left:10px; padding-right: 10px;}
    .prod{width: 33.3333%;}
    .pro-pics{float: none; margin: 0 auto;}
    .pro-param{float: none !important; width: auto !important; margin: 20px auto 0 auto;}
}

/* General small screen Mobile  */
@media only screen and (max-device-width: 767px) {
    .wrap{width: auto;}
    .main,  .header,  .footer{}
    .h-trans-v{transition: all ease-in-out 0.5s; z-index: 100;}
    .h-trans{transform: translate3d(-240px, 0px, 0px); -webkit-transform: translate3d(-240px, 0px, 0px); }
    .t0{  width: 15px; }
    .t1{  width: auto;}
    .t2{  width: auto; display: none;}
    .t3{  width: auto; display: none;}
    .t4{  width: auto;}
    .t5{  width: auto;}
    .t6{  width: auto;}
    .u-td-col1, .u-td-col2{float: none; width: auto;}
    .hd-mobile-icon{display: block;}
    .header{position: relative; z-index: 10;}
    .main{position: relative; z-index: 1; background: #FFF;}
    .html-weixin .main{position: static; background: transparent none;}
    .main-in{padding-left:5px; padding-right: 5px;}
    .footer{position: relative; z-index: 1;}
    .unav-wrap{position: fixed; display: none; overflow-x: hidden; overflow-y: auto; z-index: 0; top: 0; right: 0; width: 240px; height: 100%; background: #333;}
    .u-nav dl{position: static; float: none; height: auto; border-bottom: 1px solid #CCC;}
    .u-nav dd{position: static;}
    .u-nav dt{padding-left: 2em; color: #FFF;}
    .u-nav dd div{padding-left: 2em; background: #333;}
    .u-nav dl.on dt,  .u-nav dl:hover dt{background: #E4E4E4; color: #333;}
    .u-nav dl.on dt a{color: #2D97D4;}
    .u-nav dd div a:hover{background: none; color: #FFF;}
    .u-nav dl.cart-dl{float: none;}
    .btn{font-size: 12px; padding: 3px 11px;}
    .u-tbl-hd .btn, .u-tbl-x .btn{font-size: 10px; line-height: 1.25em; padding: 1px 3px;}
    .u-tbl-x{padding-left: 5px;}
    .u-search{display: none;}
    .u-search i{display: block; margin-bottom: 5px;}
    .u-search label{padding: 0; margin: 0;}
    .u-page a,  .u-page span{display: none;}
    .u-page a.pre,  .u-page a.next,  .u-page span.pre,  .u-page span.next{display: inline;}
    .cart-form-box{padding: 10px 10px 10px 15px;}
    .u-nav dl dt span .cart-lite{line-height: 1.5em;}
    .u-more-address li{width: 50%;}
    .prod-mode-side .category-wp{float: none; width: auto;}
    .prod-mode-side .prod-list-prod{float: none; width: auto;}
    .prod-mode-side .prod-list-image .prod{width: 50%;}
    .prod{width: 50%;}
    .pro-pics{float: none; margin: 0 auto;width: auto;}
    .pro-param{float: none; width: auto; margin: 20px auto 0 auto;}
    .pro-pics-small{height: auto;}
    .pro-picture{width: auto;height: auto;}
    .pic-show-wp{height: auto;}
    .pic-show-img{max-width: 100%; max-height: 100%;}
    .pro-param-list li .sel, .pro-param-list li .txt{width: calc(100% - 46px); height: 30px;}
    .pro-buy{margin-left: 0px;}
    .pro-buy-btn, .pro-go-stock{width: auto;}
    .p-pics{width:100%; height: auto;}
    .p-pics a{position: relative; height: auto; width: 100%; overflow: hidden;}
    .p-pics a img{max-width: 100%; max-height: 100%;position: absolute;left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);}
    .p-pics a::after{content:''; display: block; width: 100%; padding-top: 100%; margin-left: -100%;}
    .p-pics a img.dft-img{width: auto; max-width: 100%; max-height: 100%;}
    .pager a.pis, .pager .more_page, .pager .last, .page .first{display: none;}
    .ord-li div{display: block; padding-bottom: 5px;}
    .ord-li div i.n{width: 80px;}
    .ord-li div i.m{width: 80px;}
    .ord-li .tip-num-in{top: 0px;}
    .ord-li p{display: block;}
    .o-star{top: 19px; right: 25px;}
    .f-mini{display: block; margin-bottom: 5px;}
    .tbl-loads{padding: 5px;}
    .order-dtl{width: auto;}
    .order-dtl-receiver,  .order-dtl-amount{float: none;margin-bottom: 5px;}
    .order-dtl-receiver table,  .order-dtl-amount table{width: 100%;}
    .tbl-order-list td.tord-sn{vertical-align: top;}
    .order-view .u-acts b, .order-view .u-acts i{float: none; display: block;}
    .co-r{width:6em;}
    .u-time{font-size: smaller;}
    .exp-time{width: 80px;}
    .express .u-time{text-align: center; line-height: 1.2em;}
    .oif .otca{float: none; display: block; margin-top: 5px;}
    .oif .otca b{display: block; text-align: left; width: auto; margin: 0px;}
    .u-shp b,  .u-shp .u-tit{display: inline;}
    .u-shp b.b1{display: block; width: auto;}
    .u-shp .u-note{margin-top: 0px;}
    .u-shp .shp-inf,  .u-shp .u-time{float: none; width: auto;}
    .u-balance .u-list b{display: block;}
    .dwin, .dwin-show, .dtable{width: 100%; transform: none;}
    .dwin .order-view{width: auto; overflow-y: auto; padding: 5px;}
    .ohd{width: 100%;}
    .u-field-ajax{width: auto;padding: 8px;}
    .panel-ajax{width: auto;}
    .todo-th-time{width: auto;}
    .mini-hide{display: none;}
    .todo-wait-time{font-size: 12px;}
    .tbl-todo-list .tod1,  .tbl-todo-list .tod3,  .tbl-todo-list .tod4{display: none;}
    .tbl-todo-list .todv{width: 100px;}
    .todo-acs{display: block;}
    .todo-list-in .tip-num{display: block;}
    .todo-follows{padding: 0px;}
    .todo-flds .fields > label{float: none; padding: 0 0 2px 0; display: block;}
    .todo-flds .fields > div{float: none; margin: 0px;}
    .todo-flds .f-l{float: none;}
    .tod-time-sel{display: block; width:132px;}
    .tod-time-lbl{ padding: 5px 0 2px 0; display: block;}
    .tod-title{width: 95%; margin: 0 auto;}
    .todo-flds .txt{width: 96%;}
    .tod-content{max-width: 96%;}
    .order-view .p-dis{float: none; margin-top: 0px;}
    .kc-zoom-wp{position: fixed; border:0px none;}
    .u-tbl{overflow: auto;}
    .tip-num-in{top: 10px;}
    .ord-sn .tip-num-in{top: 20px;}
    .ord-list .ord-sn .tip-num-in {top: -15px;}
    .global-order-search-box{width: auto;}
    .photos li{padding: 4px;}
    .sms-buy-item{width: 110px;}
    .rich_text{width: 96%;}
    .buy-prod-wp,  .buy-cart-wp{width: auto; float: none;}
    .buy-cart-wp{margin-top: 10px;}
    .sch-title-wp .txt{width: 100px;}
    .sel-cat-next{margin-left: 5px;}
    .u-search .f-left{float: none;}
    .u-search .f-left-al{float: left;}
    .u-search .b-mini-clear{clear: both; display: block;}
    .cart-summary{border: 0px none;}
    #top_cart_in{display: none;}
    .cart-icon{display: block;}
    #g_cart_num_v a,  #g_cart_num_v b{display: block;}
    .bd-from-app .lite-menu{display: none;}
    .user-base,  .user-notice{ float:none; width: auto;}
    .f-logo{position: static;}
    .follow-fm.f-l{float: none; clear: left;}
    .fol-fm-cont{flex-direction: column; height: auto; border: 1px solid #EEE; padding: 5px;}
    .follow-up{margin-top: 10px;}
    .fol-order-tags a{display: block;}
}

@media only screen and (max-device-width: 600px) {
    body{font-size: 12px; -webkit-text-size-adjust: 100%;}
    .main{margin:0px; min-height: 150px;}
    .sitemap{margin-bottom: 5px;}
    .header-in{position: relative;}
    .f-links{margin-bottom: 5px; font-size: 10px;}
    .f-copy{font-size: 10px;}
    .logo a{}
    .navs{clear: left; padding-top: 0px;}
    .navs li a{padding: 2px; font-size: 12px; line-height: 1.5em;}
    .nav-u {position: absolute; right: 6px; top: 2px;}
    .nav-u li a,  .nav-u li var{font-size: 12px;}
    .u-nav dl dt a{padding: 0 5px;}
    .u-nav dl dt i{margin: 0 5px 0 5px;}
    #g_cart_num_v a,  #g_cart_num_v b{padding: 0 3px;}
    .sitemap a{margin-right: 5px;}
    .sitemap a i{margin-left: 2px;}

    .pro-search .btn{padding: 1px 2px;}
    .pro-search .txi{width: 30px;}
    .pro-search .txm{width: 60px;}
    .u-form form{font-size: 11px;}
    .p-sn-price em{font-size: 12px;}
    .prod-mode-nav .ct-pnt-wp a{padding: 2px 3px;}
    .prod-mode-nav .ct-cld-box{}
    .prod-mode-side .category-wp{}
    .cart-summary{width: 300px;}
    .fields > label{width: 60px;}
    .fields > div{margin-left: 60px;}
    .fields > div b{margin: 0 5px;}
    .u-field-s .btn{width:180px;}
    .u-field-sm,  .field-btn,  .field-footer,  .u-field-s{padding-left: 60px;}
    .bd-backend .fields > label{width: auto; float: none;}
    .bd-backend .fields > div{margin-left: 0px; float: none;}
    .bd-backend .fields > div b{margin: 0 5px;}
    .fields{height: auto;}
    .f-note{margin-left: 0px; display: block;}
    .f-block{display: block; margin-top: 5px;}
    .sel{}
    .txb{width: 180px;}
    .txai{width: 180px;}
    .abtn{padding: 0px;}
    .cart-title{font-size: 15px;}
    .u-more-address li{float: none; width: auto;}
    .submit-wp{width: auto;}
    .submit-result{padding: 10px 5px 5px 40px;}
    .submit-result .iconfont{left: 5px; font-size: 30px;}
    .submit-buy{ height: 140px; padding-top: 10px;}

    .u-field-h ul{height:auto;}
    .u-field-h ul li{margin-right: 5px;}
    .u-field-h ul li a{padding: 0 3px; height: 24px; line-height: 24px;}
    .lite-menu{line-height: 2em;}
    .lite-menu li {margin-right: 5px;}
    .lite-menu li a{padding: 0 5px;}

    .login-box{width: 260px; margin: 0 auto; padding-top: 20px;}
    .reg-box{width: 270px; margin: 0 auto;}
    .message-content{margin-top: 15px; font-size: 16px;}
    .f-logo{width: 100%; bottom: 30px;}
    .f-copy{margin-top: 4px;}
}