body{margin:0;color:#333;line-height:20px;background-color:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
a{color:#666;text-decoration:none}
p{margin:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
dd,dl,dt,li,ol,ul{list-style:none}
button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.clearfix::before{line-height:0;display:table;content:""}
.clearfix::after{line-height:0;display:table;content:""}
.clearfix::after{clear:both}


/*-------------------------------内容部分------------------------------*/
.naveditor{margin:0 auto 50px auto;width:100%;font:12px/1.5 tahoma,arial,"宋体";}
.naveditor .Biaochi{background:url(ruler.gif) no-repeat right 0;width:54px;height:150px;left:0;position:absolute;z-index:1000}
#csseditor{height:550px;position:relative;background-position:50% 0;background-repeat:no-repeat}
#ft{font-size:14px;left:0;height:290px;right:0;bottom:0px;position:absolute;background-color:#fff;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;width:1190px;border-radius:4px;margin:0 auto}
#ft .toolbar{margin:20px 20px 0;position:relative}
.row::before{line-height:0;display:table;content:""}
.row::after{line-height:0;display:table;content:""}
.row::after{clear:both}
.toolbar .btns-bar{top:10px;right:20px;position:absolute}
.fixedbodybg .btn,.toolbar .btns-bar .btn{cursor:pointer;float:left;display:inline;background-color:#1a1a1a;color:#fff;line-height:20px;padding:4px 12px;margin-left:5px}
.toolbar .btns-bar .btn a{color:#fff}
#open-tools i,.toolbar .btns-bar .btn i{display:inline-block;height:14px;width:14px;margin-top:3px;margin-right:5px;vertical-align:text-top;background:url(nvs.png) no-repeat}
.toolbar .btns-bar .copy-json-code-btn i{background-position:-147px -218px}
.toolbar .btns-bar .copy-css-code-btn i{background-position:0 0}
.toolbar .btns-bar .btn-info i{background-position:-14px 0}
.toolbar .btns-bar .btn-close i{background-position:-28px 0}
#open-tools.btn-open i{background-position:-42px 0;margin-top:1px}
#open-tools{display:none;bottom:0;position:absolute;right:20px;cursor:pointer;background-color:#1a1a1a;color:#fff;line-height:20px;padding:4px 12px}
.tooltip{line-height:1.4;font-size:11px;display:block;visibility:visible;position:absolute;z-index:1030;opacity:0}
.in.tooltip{opacity:.8}
.top.tooltip{padding:5px 0;margin-top:-3px}
.right.tooltip{padding:0 5px;margin-left:3px}
.bottom.tooltip{padding:5px 0;margin-top:3px}
.left.tooltip{padding:0 5px;margin-left:-3px}
.tooltip-inner{padding:8px;border-radius:4px;text-align:center;color:#fff;text-decoration:none;max-width:200px;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px}
.tooltip-arrow{border-style:solid;border-color:transparent;width:0;height:0;position:absolute}
.top.tooltip .tooltip-arrow{border-width:5px 5px 0;left:50%;bottom:0;margin-left:-5px;border-top-color:#000}
.right.tooltip .tooltip-arrow{border-width:5px 5px 5px 0;left:0;top:50%;margin-top:-5px;border-right-color:#000}
.left.tooltip .tooltip-arrow{border-width:5px 0 5px 5px;top:50%;right:0;margin-top:-5px;border-left-color:#000}
.bottom.tooltip .tooltip-arrow{border-width:0 5px 5px;left:50%;top:0;margin-left:-5px;border-bottom-color:#000}
.toolbar ul{margin:0;padding:0;clear:both}
.toolbar .nav-tabs li{margin-bottom:-1px}
.nav-tabs::before{line-height:0;display:table;content:""}
.nav-tabs::after{line-height:0;display:table;content:""}
.nav-tabs::after{clear:both}
.nav-tabs li{float:left}
.nav-tabs li a{line-height:14px;padding-right:12px;padding-left:12px;margin-right:2px;display:block}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs li{margin-bottom:-1px}
.nav-tabs li a{line-height:20px;padding-top:8px;padding-bottom:8px;border:1px solid #fff;border-bottom:1px solid #ddd}
.nav-tabs li a:hover{background-color:#eee}
.nav-tabs li.active a{border-width:1px;border-style:solid;border-color:#ddd;border-bottom:1px solid #fff;color:#555;cursor:default;background-color:#fff}
.nav-tabs li.active a:hover{color:#000}
.tab-content .tab-pane{display:none}
.tab-content .active{display:block}
table{border-collapse:collapse;max-width:100%;border-spacing:0}
.toolbar td{list-style:none;height:35px}
.toolbar td label{text-align:right;margin-right:10px;display:inline-block;cursor:auto;min-width:110px}
.toolbar td .help{color:#999;font-size:12px}
.toolbar .nav-tabs li a{color:#222}
.toolbar .tab-content{padding:20px 0;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;border-bottom:1px #e6e6e6 solid}
.toolbar .info li{list-style:none;margin:0;padding:5px 0;border:0 currentColor;border-image:none;width:100%;height:30px}
.toolbar .height.info li{height:auto}
.toolbar .info li label{text-align:right;color:#666;padding:0 30px 0 10px;display:inline-block;cursor:auto;min-width:130px}
.toolbar input,.toolbar select{padding:4px 3px;color:#555;font-size:12px;vertical-align:middle;display:inline-block;margin:0}
.toolbar input.long,.toolbar textarea.long{width:490px;padding:4px 3px;font-size:12px}
.toolbar input,.toolbar select,.toolbar textarea{border:1px solid #ccc}
.toolbar input:focus,.toolbar select:focus,.toolbar textarea:focus{border-color:#49AFCD}
.modal-backdrop{opacity:.3;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity= 30 );filter:alpha(opacity=30 );left:0;top:0;right:0;bottom:0;position:fixed;z-index:999;background-color:#000}
.modal-backdrop.fade.in{opacity:.3;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity= 30 );filter:alpha(opacity=30 )}
.modal-body textarea{color:#555;display:inline-block;line-height:20px;font-size:12px;border:1px solid #ccc}
.fade{transition:opacity .15s ease-in-out 0s;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity= 0 );filter:alpha(opacity=0 )}
.modal{background:#fff;left:50%;top:10%;width:650px;margin-left:-280px;position:fixed;z-index:9999;border-radius:4px;box-shadow:1px 1px 50px rgba(0,0,0,.3);overflow:hidden}
.hide{display:none}
.fade.modal{transition:opacity .3s ease-in-out;top:25%;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}
.fade.in{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100 );filter:alpha(opacity=100 )}
.modal .modal-contentbox{overflow:hidden;background-color:#fff}
.modal-header{position:relative;padding:0 0 0 20px;height:45px;color:#333;line-height:45px;font-size:12px;border-bottom:1px #d5d5d5 solid}
.modal-header .close{color:#999;top:10px;width:20px;height:20px;right:10px;overflow:hidden;text-decoration:none;vertical-align:middle;position:absolute;cursor:pointer;font-size:22px;line-height:20px;text-align:center}
.modal-body{padding:20px;color:#5d5d5d}
.modal-form{margin-bottom:0}
.modal-footer{padding:14px 15px 15px;border-radius:0 0 6px 6px;text-align:right;margin-bottom:0;border-top-color:#ddd;border-top-width:1px;border-top-style:solid;box-shadow:inset 0 1px 0 #fff;background-color:#f5f5f5;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff}
.modal-footer::before{line-height:0;display:table;content:""}
.modal-footer::after{line-height:0;display:table;content:""}
.modal-footer::after{clear:both}
.modal-footer .btn{background-color:#E6E6E6;background-image:none;background-repeat:repeat-x;border:1px solid #CCC;color:#333;cursor:pointer;display:inline-block;filter:none;font-size:12px;line-height:20px;margin-bottom:0;text-align:center;text-shadow:none;vertical-align:middle;padding:2px 6px}
.modal-footer .copy-btn{background-color:#1a1a1a;color:#fff}
#ft .intro{margin:20px;display:none;line-height:22px}
.alert{padding:8px 35px 8px 14px;border-radius:4px;border:1px solid #fbeed5;border-image:none;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#fcf8e3;-webkit-border-radius:4px;-moz-border-radius:4px}
.alert{color:#c09853}
.alert h4{color:#c09853}
.alert h4{margin:0}
.alert .close{top:-2px;right:-21px;line-height:20px;position:relative;float:right;font-size:20px;border:0 none;cursor:pointer;background:0 0}
.pointout{display:inline-block;padding-left:5px;vertical-align:middle}

/*----------------------------------------------*/
.mask-relative{width:100%;height:100%;position:relative}
.mask-abs{left:0;top:0;width:100%;height:100%;position:absolute}
.zx-nav-mask{background:#3498db;width:100%;height:100%;position:absolute;z-index:1028;opacity:.7}
.all-cats-trigger{position:relative}
.menu-selected{position:relative}
.nav-mask{left:76px;width:442px;height:100%}
.zx-dz{height:100%;position:absolute}
.edit.btn-mini{cursor:pointer;background:#6bc30d;border-radius:2px;border:0 currentColor;border-image:none;top:5px;height:20px;right:5px;color:#000;font-weight:400;position:absolute;z-index:1029;padding:0 5px 0 5px}
.modal-backdrop{background:0}
.editable-select input{border-radius:4px 0 0 4px;width:98px;border-right-color:currentColor;border-right-width:0;border-right-style:none;position:absolute;z-index:2}
.editable-select{width:125px;height:20px;display:inline-block;position:relative}
.editable-select select{width:128px;position:absolute;z-index:1}

/*-----------------------------------*/
.toggle-mode{left:50%;top:30%;margin-top:-50px;margin-left:-160px;position:fixed;z-index:10053;opacity:.9}
.toggle-mode .mode-content{background:#000;margin:10% auto 0;padding:10px;border-radius:5px;width:300px;height:auto;text-align:center;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px}
.toggle-mode .mode-content h3 span{color:red}
.nav-tooltip{position:relative;z-index:10000}
.input-xxlarge{width:530px;padding:4px}

/*-----------------------------------------------*/
.toolbar .info .fixedbodybg{margin:10px 20px;overflow:hidden;background-color:#f5f5f5}
.toolbar .info .fixedbodybg li{float:left;width:auto}
.toolbar .info .fixedbodybg li label{min-width:70px;width:70px}
.toolbar .info .fixedbodybg li select{width:86px}
.fixedbodybg .btn{margin:5px 0 0 20px;}
#page #content #hd .tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list{height:auto}
.toolbar .qc-tabs{height:60px; margin: 10px 20px 0 20px; }
.qc-tabs li.active a{border:0; padding-left: 0;font-size: 20px; }
.toolbar .qc-content{border:0; padding:0;}