html {margin: 0px; height: 100%;}
body {font: 14px/1.5 tahoma, arial, 微软雅黑, sans-serif; font-size-adjust: none; font-stretch: normal;background: #282828; margin: 0px; height: 100%;position: relative;overflow:hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
button,input,select,textarea {font: 12px/1.5 tahoma, arial, 微软雅黑, 宋体; font-size-adjust: none; font-stretch: normal;}
button, input, select, textarea{ vertical-align:middle;}
.ks-frame-close em{ font-style:normal;}
img{ border:0px;}
a{ outline:none; text-decoration:none;}
ul,li{ list-style:none;}
i{ font-style:normal;}
.clearfix {*zoom: 1;}
.clearfix:after {content: '\20';display: block; height: 0; clear: both;}
#page{ margin-left:auto; margin-right:auto; }
.codeinfo{padding-left: 10px; margin-top:15px; height:50px; line-height:50px; margin-left: -10px; border-radius: 2px; color: #666; background: #efefff; box-shadow: 2px 2px 5px rgba(0, 64, 192, 0.75); border: 1px solid #c2ced6;}
.exp_form{ margin:0px; padding:0px; }
/* 工具条区域 */
#funcbar {height:65px; background:url(nav-bg.gif) no-repeat center bottom;position:relative; }
#funcbar .toplog{ position:absolute; left:17px; top:8px;}
#funcbar .iconbox{ background: url(../images/hd_icon.png) no-repeat; width: 15px; height: 15px; display: inline-block; margin-right: 7px; }
#funcbar .nice-container{ width: 100%; padding-left: 0; background: url(nav-bg.gif) no-repeat center bottom; height: 65px; }
#funcbar .nice-nav{ margin-bottom: 0; line-height: 65px; border: none; position: absolute; margin-left: 200px; width: 500px; }
#funcbar .nice-navbar *{ vertical-align: middle; }
#funcbar .nice-navbar .dropdown-menu,.nice-navbar .open a{ background-color: #080808 !important; border: none; }
#funcbar .nice-navbar .dropdown-menu{ padding: 0 0 20px; }
#funcbar .nice-navbar li{ height: 65px; }
#funcbar .nice-navbar .open a:hover{ background-color: #080808 !important; }
#funcbar .nice-navbar a{ height: 65px; line-height: 38px; color: #93939e !important; }
#funcbar .nice-navbar a:hover{ color: #fff !important; }
#funcbar .nice-navbar .dropdown-menu li,.nice-navbar .dropdown-menu a{ height: 42px !important; line-height: 35px !important; }
#funcbar .nice-navbar .dropdown-menu .open a:hover{ background-color: #272727 !important; }
#funcbar .nice-navbar .caret{ margin-left: 8px; }
#funcbar .nice-navbar .dropdown-toggle:hover .idown{ background-position: 0 2px; }
#funcbar .nice-navbar a.n-l-a-1{ color: #fff !important; }
#funcbar .n-l-a:hover,
#funcbar .nice-navbar a.n-l-a-1:hover{ background: #1a1a1c !important; }
#funcbar .qqqun{ background: url(../images/qqqun.png) no-repeat center center; width: 26px; height: 26px; }
#multi-btns {height:35px;float:right;font-size:12px; margin-top:15px; padding-bottom:2px; margin-right:5px; padding-right:20px; }
#multi-btns .top-btn {float:left;display:block; position:relative; margin-right:1px;padding:0px 5px 0px 5px;height:35px;color:#fff;line-height:34px;cursor:pointer}
#multi-btns .ks-button-hover{position:relative; }
#multi-btns #btn_exitlog{ display:none;}
#multi-btns #reanname{ margin-right:10px;}
#multi-btns .top-btn i {float:left;display:block;width:26px;height:26px; margin-top:7px; background:url(opbtnicon.png) no-repeat;}
#multi-btns #btn_preview i {background-position:1px 0px;}
#multi-btns #btn_import i {background-position:1px -46px;}
#multi-btns #btn_export i {background-position:1px -92px;}
#multi-btns #btn_ex i {background-position:1px -184px;}
#multi-btns #btn_help i {background-position:1px -230px;}
#multi-btns #btn_wxtbn i {background-position:1px -368px; width:72px;}
#multi-btns #btn_modeku i {background-position:1px -276px; width:60px;}
#multi-btns #btn_pctbn i {background-position:1px -323px; width:72px;}
#multi-btns #btn_mbtbn i {background-position:1px -413px; width:72px;}
#multi-btns #btn_sever i {background-position:1px -460px; width:25px;}
#multi-btns #btn_views i,
#multi-btns #btn_tools i {background-position:1px -138px;}
#multi-btns label {overflow: hidden; display: none; white-space: nowrap;}
#multi-btns .tbar-btn:hover {background: none; position: relative;}
#multi-btns #btn_import i ,
#multi-btns #btn_export i,
#multi-btns #btn_preview i{ width:55px;}
.expend_panl {width:80px;position:absolute; border:solid 1px #333333; background:#2a2a2a;padding:10px 20px;color:#FFFFFF;top:-1000px;left;-9999px;font-size:12px;}
.expend_panl .tbar-btn-a{margin:3px 0px;padding:0px;border:none;text-align:left;height:100%;width:100%;}
.expend_panl .tbar-btn-a:hover{background:none;color:#FFFFFF;}
.expend_panl .tbar-btn-a label.sl{display:inline;}
/* 主操作区域 */
#center { width:100%; background:#191919;overflow:hidden;}
/* 主界面 底下状态栏 */
#south { width:100%;height:30px;line-height:30px;background-color:#e5e5e5; text-align:center; border-top:solid 1px #fff;overflow:hidden;}
.select-box{ position:absolute; cursor:move; z-index:1; }
#barex{position: absolute;top:95px;width:322px;right: 20px;height: auto;font-size: 12px;}
/*左这功能*/
#toolbar{position: relative;}
#toolbar {font-size:12px;width:110px;background:#535353;padding:10px 0px;}
#toolbar .tbar-btn-a {overflow:hidden;position: relative;text-align:left;}
#toolbar .tbar-btn-a span{background:url(../micon.png) no-repeat;display:block;height:20px;padding-left:30px;}
#toolbar.list-two{width:220px;}
#toolbar .tbar-list{width:38px;}
#toolbar.list-two .tbar-list{width:90px;}
.tbar-btn-a{text-shadow:#4f4f4f 1px 1px 3px;height:20px;line-height: 20px;text-align: center;/*border:1px solid #535353;*/display:inline-block;*display: inline;*zoom:1; margin:2px 3px; padding:0px 5px; cursor: pointer;color: #b5b5b5; width:90px; background: none;}
.tolbox{background:#676666;border:1px solid #2A2A2A; min-width:110px;box-shadow: 0px 1px 4px #111; }
.tolbox .bar-hd{background:#2a2a2a;height:18px;line-height: 18px;cursor:move;position: relative;overflow:hidden;border-bottom:1px solid #2e2e2e;}
.tolbox .bar-hd i.toggbtn{cursor:pointer;display:block;position: absolute;top:5px;right:0px;width:16px;height:12px;color:#FFFFFF;background:url(barico.png) no-repeat 0px -17px;}
.tolbox .bar-hd i.ks-t-visible{background-position: 0px -17px;}
.tolbox .bar-hd i.ks-t-hidden{background-position:0px -1px;}
.tolbox .bar-hd i.ks-t-close{background-position: 5px -34px;left:3px;right:auto;}
.tolbox .bar-bd{border-top:1px solid #333333;}
/*-----------------多行编辑框------------------*/
.ml-edittor{ width:460px; border:2px solid #353535;background:#535353;color:#f8f8f8;-moz-box-shadow: 3px 3px 3px 3px #353535;-webkit-box-shadow: 3px 3px 3px 3px #353535;box-shadow: 3px 3px 3px 3px #353535;}
.ml-edittor p{margin:0;padding:0}
.ml-edittor ul{margin:0;padding:10px 0;list-style:none}
.ml-edittor ul li{float:left;padding-bottom:5px;width:460px}
.ml-edittor .ids{float:left;overflow:hidden;width:60px;height:26px;text-align:right; padding-right:5px;}
.ml-edittor span{line-height:26px}
.ml-edittor .ids img{vertical-align:top}
.ml-edittor .ml-ipt{margin-left:65px}
.ml-edittor input{margin:0;padding:0;height:24px;border:1px solid #303030} /*2016/2/24去掉 float:left;*/
.ml-edittor span.btns{ display:inline-block; }/*2016/2/24去掉 float:left;*/
.ml-edittor span.btns b{display:inline-block; padding:5px 0 0 3px;width:16px;height:16px;background-image:url(http://www.reevi.com/wp-content/themes/reevi/css/editor/toollists.png);background-repeat:no-repeat;cursor:pointer}
.ml-edittor span.btns .up{background-position:-288px -284px}
.ml-edittor span.btns .down{background-position:-312px -284px}
.ml-edittor span.btns .close{background-position:-311px -188px}
.ml-edittor span.btns .add{background-position:-407px -285px}
.pop_label {max-width:400px;position:relative;background:#FFFF99;border:3px #aaa solid;padding:5px;border-radius:5px;}
.arraw_left{margin-left:15px;}
.arraw_left .arraw{position:absolute;left:-20px;top:50%;margin-top:-5px;border-width:5px 10px;border-style:solid;border-color:transparent #aaa #aaa transparent;}
.arraw_right{margin-right:15px;}
.arraw_right .arraw{position:absolute;right:-20px;top:50%;margin-top:-5px;border-width:5px 10px;border-style:solid;border-color:#aaa transparent transparent #aaa;}
.arraw_top{margin-top:15px;}
.arraw_top .arraw{position:absolute;left:50%;top:-20px;margin-left:-10px;border-width:10px 5px;border-style:solid;border-color:transparent #aaa #aaa transparent;}
.arraw_bottom{margin-bottom:15px;}
.arraw_bottom .arraw{position:absolute;left:50%;bottom:-20px;margin-left:-10px;border-width:10px 5px;border-style:solid;border-color: #aaa transparent transparent #aaa;}
/*画板布局 border-right:solid 1px #000;border-bottom:solid 1px #000; */
#photobox{ width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 0;}
#modulebox{ margin:0 auto; left: 17px; top: 17px; right: 0px; bottom: 17px; overflow: auto; position: absolute; }
#center #draw_panle{ margin:0 auto; }
/*-------------------标尺---------------------*/
#toprule{height:17px;overflow:hidden;position: relative;padding-left:17px;}
#toprule .layout{height:100%;margin:0px auto;position: relative;width:100000px;}
#toprule .layout .rulebg{position: absolute;top:0px;left:-1000px;background: url(toprule.jpg) repeat-x;}
#toprule span{display:block;float:left;width:50px;height:17px;position:relative;}
#leftrule{height:100%;width:17px;overflow:hidden;float:left;position: relative;z-index:99;}
#leftrule .layout{margin:0px;position:relative;}
#leftrule .layout .rulebg{position:absolute;top:0px;left:0px;width:100%;background: url(leftrule.jpg) repeat-y;}
#leftrule span{display:block;width:17px;height:50px;position:relative;}
#leftrule span i,#toprule span i{position: absolute;top:1px;left:1px;font-style:normal;font-weight:100;line-height:10px;font-size:0.8em;font-family: serif;color:#868686;}
#leftrule span i{letter-spacing: 17px;width:1em;}
.trline,.toprline{width:2px;height:100%;border-left:1px solid #ccc;position: absolute;top:0px;}
.lrline,.leftrline{height:2px;width:100%;border-top:1px solid #ccc;position: absolute;left:0px;}
.toprline i{position:absolute;left:2px;top:0px;background:#E3E658;height:10px;color:#000000;display:block;padding:1px;line-height:10px;font-size:0.8em;font-style: normal}
.leftrline i{position:absolute;top:2px;left:0px;background:#E3E658;width:10px;color:#000000;display:block;padding:1px;line-height:10px;font-size:0.8em;font-style: normal}
#photobox .ruleline {border-color: #4AFFFF; z-index: 999997; }
#photobox .lrline {left: 0px; width: 100%; border-top-color: #4AFFFF; border-top-width: 1px; border-top-style: solid; position: absolute;}
#photobox .trline {top: 0px; height: 100%; border-left-color: #4AFFFF; border-left-width: 1px; border-left-style: solid; position: absolute}
#toprule:hover,
#photobox .lrline{ cursor:row-resize;}
#leftrule:hover,
#photobox .trline{ cursor:col-resize;}
/*-------------------标尺 end---------------------*/
#center #bgmask{background:url(psbg.png); width:100%; height:100%; position: absolute; z-index: 0; }
#modulebox #drawarea{ margin:0 auto; overflow:hidden; background: rgb(255, 255, 255); width: 1920px; height: 1920px; position: relative; z-index: 0; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;}
/*news*/
.ks-tabs { *zoom: 1; position: relative;}
.ks-tabs:before,
.ks-tabs:after {display: table;content: "";}
.ks-tabs:after {clear: both;}
.ks-tabs-bar {
background-image: none;
background-color: #535353;
border-width: 0px;
outline: none;
filter: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ks-tabs-body {padding:5px 0px;background:#676666;color:#EEEEEE;}
.ks-tabs-body > .ks-tabs-panel {display: none;}
.ks-tabs-body > .ks-tabs-panel-selected {display: block;}
.tolbox .ks-tabs-panel{max-height: 420px;/*background: #676666;*/color: #EEEEEE;overflow:auto;}
.ks-tabs-panel p,.tolbox .kjsm{padding:8px;}
.tolbox .ks-tabs-tab{font-size: 12px;}
.ks-tabs-bar .ks-tabs-tab.ks-button,.tolbox .ks-tabs-tab.ks-button {
padding: 2px 12px 2px 12px;
margin: 0;
border: 1px solid transparent;
color: #b5b5b5;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background: none;
}
.tolbox .ks-tabs-tab.ks-tabs-moved{border-bottom: 1px solid #535353;}
.ks-tabs-bar .ks-tabs-tab.ks-button.ks-tabs-tab-hover,
.ks-tabs-bar .ks-tabs-tab.ks-button:hover { background-color: #eeeeee;border-color: #eeeeee;color:#000000;}
.ks-tabs-tab.ks-button.ks-tabs-tab-selected,
.ks-tabs-tab.ks-button.ks-tabs-tab-active {
background-color: #676666;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none; cursor:pointer;
box-shadow: none;
color: #b5b5b5;
}
.ks-tabs-top > .ks-tabs-bar { *zoom: 1; border-bottom: 1px solid #2a2a2a; padding-top:2px;}
.ks-tabs-top > .ks-tabs-bar:before,
.ks-tabs-top > .ks-tabs-bar:after {display: table; content: "";}
.ks-tabs-top > .ks-tabs-bar:after {clear: both;}
.ks-tabs-top > .ks-tabs-bar > .ks-tabs-tab {float: left; margin-right: 2px;display: inline;margin-bottom: -1px;}
.ks-tabs-top > .ks-tabs-bar > .ks-tabs-tab.ks-tabs-tab-selected,
.ks-tabs-top > .ks-tabs-bar > .ks-tabs-tab.ks-tabs-tab-selected.ks-tabs-tab-active {
border-color: #3a3939 #3a3939 transparent #3a3939;
/* ie7 transparent border makes bar border leaks*/
*border-bottom-color: #676666;
}
/*浮动*/
.ks-resizable-handler { position: absolute; overflow: hidden;font-size: 0;line-height: 0; z-index: 1;}
.ks-resizable-handler-t,.ks-resizable-handler-b, .ks-resizable-handler-r, .ks-resizable-handler-l {opacity: 0.9;filter: alpha(opacity = 90); background-color: #777;}
.ks-resizable-handler-t,.ks-resizable-handler-b { left: 0; height: 1px; width: 100%;cursor: n-resize;}
.ks-edit-curr .ks-resizable-handler-t,.ks-edit-curr .ks-resizable-handler-b {height: 5px;}
.ks-resizable-handler-b {bottom: 0;}
.ks-resizable-handler-t {top: 0;}
.ks-resizable-handler-r, .ks-resizable-handler-l { top: 0; height: 100%; -height: expression(this.parentNode.offsetHeight); width: 1px;cursor: e-resize;}
.ks-edit-curr .ks-resizable-handler-r,.ks-edit-curr .ks-resizable-handler-l {width: 5px;}
.ks-resizable-handler-l { left: 0;}
.ks-resizable-handler-r {right: 0;}
.ks-resizable-handler-bl, .ks-resizable-handler-br, .ks-resizable-handler-tl, .ks-resizable-handler-tr { position: absolute; width: 5px; height: 5px; border: 1px solid #535353;background-color: #E4007F; z-index: 2;}
.ks-resizable-handler-bl {left: -3px; bottom: -3px;cursor: sw-resize;}
.ks-resizable-handler-br {right: -3px;bottom: -3px; cursor: nw-resize;}
.ks-resizable-handler-tl {left: -3px; top: -3px;cursor: nw-resize;}
.ks-resizable-handler-tr {right: -3px;top: -3px; cursor: sw-resize;}
.select-box { position: absolute; cursor: auto; background:url('../transparent.gif');}
.select-box:hover{-webkit-box-shadow: 0px 0px 3px;-moz-box-shadow: 0px 0px 3px; -o-box-shadow: 0px 0px 3px;box-shadow: 0px 0px 3px;}
.ks-edit-curr{ border: 1px solid red;margin:-1px 0px 0px -1px;}
.mult-selected{border: 1px solid #149dbf;margin:-1px 0px 0px -1px;}
.layer-edit-curr{border: 1px solid #FFFF00; margin:-1px 0px 0px -1px;}
.ks-edit-curr .ks-resizable-handler-t,.ks-edit-curr .ks-resizable-handler-b,
.ks-edit-curr .ks-resizable-handler-r,.ks-edit-curr .ks-resizable-handler-l { opacity: 0.6;filter: alpha(opacity = 60); background-color: transparent;}
.ks-dd-proxy { opacity:0.6; *filter:alpha(opacity=60); min-height: 20px; min-width: 20px; border:1px solid #f00;}
/**/
.layers{display:block;height:24px;border-top:1px solid #535353;color:#E0E0E0;overflow:hidden;position:relative; }
/*.layer-selected{background:#8ab3d9;} */
.layers .eye{float:left;display:block;width:20px;margin-right:5px; border-right:1px solid #535353;height:24px;background:url(../btnicon.png) no-repeat -60px 7px;}
.layers .eye.disabled{background-position: -80px 6px;}
.layers .lid{float:left;padding-right:100px;}
#barex .layers .lid{padding:0px; padding-top:2px;}
#barex .layers .lid i{ font-style:normal;}
.layers .btns{position:absolute;right:5px; top:3px;}
.layers .btns b{cursor:pointer;display:inline-block;text-align:center;margin-left:5px;*display:block;*float:left;*zoom:1;width: 16px;height:16px; line-height:15px; border:1px solid #535353;}
.cmdredo{color:#999999;}
.layers .btns b:hover{ border-color:#fdff62;}
.tbar-btn-a label{ display:none;}
#historys .layers{ line-height:22px;height:22px; padding-left:10px;}
.bglayer .lid{ margin-left:20px;}
/*删除按钮*/
.tbar-btn{height:20px;line-height: 20px;text-align: center;border:1px solid #7e7e7e;display:inline-block;*display: inline;*zoom:1; margin:3px; cursor: pointer;color: #FFFFFF; width:80px;}
/*页尾样式*/
#footer{height:17px;background:#333333;color:#ffffff;position:fixed;z-index:9999;bottom:0px;overflow:hidden;width:100%;line-height: 17px;font-size:12px;}
#footer div{float:left;}
#footer #zscale_panl{width:80px;}
#footer #zscale{width:78px;border:1px solid #2a2a2a; background:#2a2a2a;color:#eeeeee;height:15px;margin:0px;padding:0px;vertical-align: top;text-align:center;font-size:10px;line-height: 15px;}
#zmousepos{color:#ffffff;text-align:center;width:200px;height:17px;}
/*移标移上显示*/
#mouse_select .tippop {background: rgb(0, 0, 0); padding: 10px; border-radius: 5px; width:55px; height: 80px; right: -110px; bottom: 10px; color: rgb(255, 255, 255); position: absolute; box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -o-box-shadow: 0px 0px 5px #000; -webkit-border-radius: 3px 3px 3px 5px; -moz-border-radius: 3px 3px 3px 5px; -o-border-radius: 3px 3px 3px 5px;}
#copy2clip{height:18px;line-height:10px;color:green;cursor:pointer;font-size:10px;border:1px solid red;}
#alter-msgbox{position:fixed;z-index:99999999999;min-height:100px; text-align:center; line-height:100px;color:#fff;width:200px;padding:5px;background:#000;*background:#000;-webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000;-o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000;}
/*--------------------------------导出框---------------------------------------*/
.ks-popup-hidden,.ks-overlay-hidden{visibility:hidden;}
.ks-overlay-hidden .ks-overlay-content textarea { display: none; }
.ks-overlay{position:absolute;z-index:9999; left: -9999px; top: -9999px;}
.ks-dialog { position: absolute;z-index: 9999; left: -9999px;top: -9999px; border:1px solid #D8D8D8;-webkit-box-shadow:2px 2px 2px #CCCCCC; -moz-box-shadow:2px 2px 2px #CCCCCC; box-shadow:2px 2px 2px #CCCCCC;}
.ks-dialog .ks-overlay-content{background:#F7F7F7; border: 1px solid #FFFFFF;padding:0 3px;}
.ks-dialog .ks-overlay-header { background: none; border-bottom: 1px solid #D8D8D8; font-size: 14px; font-weight: bold;height: 40px; line-height: 40px;padding: 0 0 0 10px;color:#808080;}
.ks-dialog .ks-overlay-body{border-top:1px solid #FFFFFF;padding:8px 10px;color:#5D5D5D;}
.ks-overlay-close { height: 20px; width: 20px; border: none; right: 10px; top: 10px; vertical-align: middle; position: absolute;text-decoration: none; outline: none; _border-color: tomato; _filter: chroma(color = tomato);overflow: hidden;cursor: pointer;}
.ks-overlay-close .ks-overlay-close-x { display: block; background: no-repeat center;background-image: url("../close.png"); height: 20px; text-indent: -9999px;width: 20px; margin: 0px;}
.ks-overlay-close:hover .ks-overlay-close-x{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);transform: rotate(360deg);}
.ks-overlay-mask {background-color: #FFF;opacity: 0.7;filter: alpha(opacity = 70);}
.ks-overlay-mask-hidden{visibility: hidden;}
.ks-overlay-shown { visibility: visible;}
.ks-overlay-loading {opacity: 0.3; filter: alpha(opacity = 15);background: #000 center center no-repeat scroll;background-image:url("loading.html");}
.ke-global-loading .ks-overlay-loading { background-attachment: fixed;}
.ks-overlay-hidden iframe {display:none} /*发现在safair浏览器中，hide方法，无法隐嵌套在浮层中的iframe框*/
/*右边属性*/
#attr-panel{ _width:306px; max-width:326px; font-size:12px; position:relative; }
#attr-panel .attr_hd{position:relative;height:20px; margin-bottom:5px; line-height:20px}
#attr-panel .attr_hd .tbar-btn{ margin:0px;width:50px; position:absolute; top:0px; right:20px;}
#attr-panel .edit_con{ padding-left:5px;}
#attr-panel .control-group{float:left;padding-bottom:5px;width:300px; display:inline;}
/*
#attr-panel .edit-attr{width:225px}*/
#attr-panel .short{width:150px}
#attr-panel .short .edit-attr{width:75px}
#attr-panel .edit-attr{ margin-left:2px;}
#attr-panel .short input[type=radio]{width:auto; margin-left:5px;}
#attr-panel input[type=text],#attr-panel textarea{ background-color:#fff; border:1px solid #333; }
#attr-panel select { background-color:#fff; margin-left:3px;border:1px solid #333; height:20px; }
#attr-panel .edititems{ clear:both;}
#attr-panel .attr_hd .del-item{ background:url(http://img03.taobaocdn.com/imgextra/i3/280837244/TB2jD4.cpXXXXbaXXXXXXXXXXXX-280837244.png) no-repeat; margin:0px; border:0px; letter-spacing:5px; text-align:center; width:58px; height:22px;cursor:pointer;}
.btnedit{ background:url(http://img02.taobaocdn.com/imgextra/i2/280837244/TB2B98_cpXXXXaLXXXXXXXXXXXX-280837244.gif) no-repeat; color:#fff; width:58px; height:22px;letter-spacing:5px; border:0px; margin-bottom:5px; cursor:pointer;}
#attr-panel .ks-switchable-trigger{position:relative;padding-left:5px;height:28px;border-top:1px solid #3d3d3d;background:#535353;color:#fff;line-height:28px; cursor:pointer;}
#attr-panel .ks-switchable-trigger i{position:absolute;top:2px;right:2px;display:block;width:24px;height:24px;background:url(barico.png) no-repeat 7px -59px;cursor:pointer}
#attr-panel .ks-active i{background-position:7px -44px}
#attr-panel .ks-switchable-panel{overflow:hidden;padding:5px 0; padding-left:5px; border-top:1px solid #3d3d3d;background:#676666;color:#fff}
.popcheckbox{ position:relative; margin-left:-5px; padding-top:10px;}
.popcheckbox .pophd,
.popcheckbox .ks-overlay-close{ display:none;}
.popcheckbox label{ margin:0px 5px;}
/*收缩组件*/
.J_Accordion .ks-switchable-trigger,.J_Accordion .kst{position:relative;padding-left:5px;background:#4f4f4f;color:#FFFFFF;height:28px;line-height:28px;border-top:1px solid #000000;}
.J_Accordion .ks-switchable-trigger i,.J_Accordion .kst i{cursor:pointer;position:absolute;right:0px;top:0px;display:block;height:24px;width:28px;background:url(barico.png) no-repeat 7px -59px;}
.J_Accordion .ks-active i{background-position:7px -44px;}
.J_Accordion .ks-switchable-panel,.J_Accordion .ksp{padding:5px;border-top:1px solid #000000;}
/*工具组件*/
#modulesetes input,#modulesetes select{ margin:0px;padding:0px; }
#modulesetes select{border-style:none;border-width:0px;font-size: 12px;}
#modulesetes{ padding-top:3px; width:610px; float:right;}
#modulesetes div{ float:left; }
#modulesetes select,
#modulesetes input{ background-color:#353535; height:18px; line-height:18px; color:#696969; border:solid 1px #252525; vertical-align:middle;}
#modulesetes input{ border:solid 1px #252525;}
#modulesetes div label{ margin-right:5px; margin-left:5px;height:18px; line-height:18px; display:inline-block;}
#modulesetes div{color:#696969;}
#toolexbar{height:28px; padding-left:20px; overflow:hidden;color:#696969;font-size: 12px;background: url(fstbarbg2.jpg) no-repeat; position:relative;}
#toolexbar .aligntools,#toolexbar ul.tools_align,#toolexbar ul.tools_align li{float:left;}
#alignscount{color:#FFFF00; font-style:normal; padding:0px 3px; }
#toolexbar ul.tools_align li{margin-left:5px;}
#toolexbar .tlbtns{ background-color:Transparent;height: 20px; line-height: 18px;padding: 0px 10px; cursor: pointer; border:solid 1px #252525;color:#696969;}
#toolexbar .tlbar{ margin-top:3px; height:20px; float:right; display:inline-block; margin-right:20px; border-left:solid 1px #696969; padding-left:10px;}
#toolexbar #aligntsckbox{ display:none;}
ul.tools_align{ margin-top:2px;}
ul.tools_align li{line-height: 20px;height:20px;cursor:pointer;}
ul.tools_align li:hover{background:#252525;color:#000000;}
ul.tools_align li i{background:url(../align.png) no-repeat; display:inline-block;*display:inline;*zoom:1;width:18px;height:18px;margin-right:3px;vertical-align: middle;}
ul.tools_align li.t i{background-position: -4px -2px;}
ul.tools_align li.tcb i{background-position: -27px -2px;}
ul.tools_align li.b i{background-position: -52px -2px;}
ul.tools_align li.l i{background-position: -79px -2px;}
ul.tools_align li.lcr i{background-position: -104px -2px;}
ul.tools_align li.r i{background-position: -127px -2px;}
ul.tools_align li.hr {height:1px;line-height: 1px;background:#FFFFFF;margin:3px 0px;}
ul.tools_align li.eq i{background-position: -152px -2px;}
#bbbar{ position:relative;}
#bbbar .tbar-btn-a{width:25px;margin:3px;}
#bbbar .tbar-btn-a span{display:block;width:100%;height:100%;background:url(../tools_btn.png) no-repeat;}
#bbbar .ks-button-active{background:#292929;}
.select-box .edits{position:absolute;right:0px;top:-15px;height:20px;width:100px;text-align:right;}
.edits .editbtn{background:url(../btnicon.png) no-repeat 0px 0px #4F4F4F;margin:0px;padding:0px;height:0px;display:inline-block;height:12px;width:16px;}
.edits .del{background-position:-40px 0px}
.edits .savedemo{background-position:-20px 0px}
.edits i.lock{background-position:-2px -11px;}
.edits i.locked{background-position:-23px -11px;}
ul.menulist{list-style:none;width:150px;color:#cccccc;background:#2a2a2a;-webkit-box-shadow: 0px 0px 3px #bfbfbf;
-moz-box-shadow: 0px 0px 3px #bfbfbf;
-o-box-shadow: 0px 0px 3px #bfbfbf;
box-shadow: 0px 0px 3px #bfbfbf;
padding:0px;outline:1px solid #222222;}
ul.menulist li{height:20px;position:relative;line-height:20px;cursor:pointer;}
ul.menulist li:hover{background:#cccccc;color:#2a2a2a;}
ul.menulist li label{padding-left:10px;}
ul.menulist li i{position:absolute;right:10px;top:0px;height:20px;}
ul.menulist li.hr{height:1px;line-height:1px;background: #FFFFFF;margin:2px;}
.btn_dashan{ display:none;}
.hidden{visibility: hidden;}
/*任意图层*/
.ks-arbpop .zfbg{display: block;width:100%;height:100%;overflow: hidden;background-repeat:no-repeat;background-position:0% 0%; position: relative;}
a:hover{border:none;}
a.zfbg{overflow:hidden;}
a.zfbg img{vertical-align:top;}
a.zfbg img.on{visibility: hidden;position: absolute;top:-200%;}
img.off{visibility: hidden;position:absolute;left:0px;}
a:hover img.off{visibility: visible;vertical-align: top;}
a.uoxin,a.abs{background-position: 0% 50%;overflow:hidden;display:block;position:absolute;}
a.trans-fade img,
img.trans-fade{visibility:visible;opacity: 0;-moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in;transition: all 1s ease-in; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
a.trans-fade:hover img,
a:hover img.trans-fade,
.uoxin-trans-nav a.ks-active img.trans-fade{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
a.trans-bt,a.trans-tb,a.trans-lr,a.trans-rl,a.trans-sf{overflow:hidden;}
a.trans-bt img, img.trans-bt{margin-top: 100%; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in; transition: all 1s ease-in;}
a.trans-bt:hover img,a:hover img.trans-bt,.uoxin-trans-nav a.ks-active img.trans-bt{margin-top:0px;}
a.trans-tb img, img.trans-tb{margin-top: -100%;-moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in; transition: all 1s ease-in;}
a.trans-tb:hover img,a:hover img.trans-tb,.uoxin-trans-nav a.ks-active img.trans-tb{margin-top:0px;}
a.trans-lr img, img.trans-lr{margin-left: -100%; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in;}
a.trans-lr:hover img,a:hover img.trans-lr,.uoxin-trans-nav a.ks-active img.trans-lr{margin-left:0px;}
a.trans-rl img, img.trans-rl{margin-left: 100%;-moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in; transition: all 1s ease-in;}
a.trans-rl:hover img,a:hover img.trans-rl,.uoxin-trans-nav a.ks-active img.trans-rl{margin-left:0px;}
a.trans-xz img, img.trans-xz{ -moz-transform: rotate(720deg) scale(0); -webkit-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0); -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out;transition: all 1s ease-out;}
a.trans-xz:hover img,a:hover img.trans-xz,.uoxin-trans-nav a.ks-active img.trans-xz{-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
a.trans-sf img,img.trans-sf{-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);transform: scale(1);*zoom:1; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
a.trans-sf:hover img,a:hover img.trans-sf,.uoxin-trans-nav a.ks-active img.trans-sf{ -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08);transform: scale(1.08);*zoom:1.1;*margin-left:-5%;*margin-top:-5%;}
#drawarea .uswitchmask{visibility:hidden;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea:hover .uswitchmask{visibility:visible;opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 80);}
#drawarea .uswitchitem:hover .uswitchmask{margin-left:-100%;opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea .uswitchitem:hover .uswitchright{margin-left:100%;}
#drawarea .zfbg,#drawarea .uoxin{display:block;-moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
#drawarea .uswitchitem.select-box .edits { top: 0; z-index: 9; }
/*默认*/
#drawarea .trans-mv-rot5{-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-webkit-transform: rotate(5deg);-ms-transform:rotate(5deg);transform: rotate(5deg);}
#drawarea .trans-mv-rot10{-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-webkit-transform: rotate(10deg);-ms-transform:rotate(10deg);transform: rotate(10deg);}
#drawarea .trans-mv-rot20{-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-webkit-transform: rotate(20deg);-ms-transform:rotate(20deg);transform: rotate(20deg);}
#drawarea .trans-mv-rot30{-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-webkit-transform: rotate(30deg);-ms-transform:rotate(30deg);transform: rotate(30deg);}
#drawarea .trans-mv-rot60{-moz-transform: rotate(60deg);-o-transform: rotate(60deg);-webkit-transform: rotate(60deg);-ms-transform:rotate(60deg);transform: rotate(60deg);}
#drawarea .trans-mv-rot90{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform:rotate(90deg);transform: rotate(90deg);}
#drawarea .trans-mv-rot120{-moz-transform: rotate(120deg);-o-transform: rotate(120deg);-webkit-transform: rotate(120deg);-ms-transform:rotate(120deg);transform: rotate(120deg);}
#drawarea .trans-mv-rot180{-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform:rotate(180deg);transform: rotate(180deg);}
#drawarea .trans-mv-rot360{-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform:rotate(360deg);transform: rotate(360deg);}
#drawarea .trans-mv-rot-5{-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-ms-transform:rotate(-5deg);transform: rotate(-5deg);}
#drawarea .trans-mv-rot-10{-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-ms-transform:rotate(-10deg);transform: rotate(-10deg);}
#drawarea .trans-mv-rot-20{-moz-transform: rotate(-20deg);-o-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);-ms-transform:rotate(-20deg);transform: rotate(-20deg);}
#drawarea .trans-mv-rot-30{-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-ms-transform:rotate(-30deg);transform: rotate(-30deg);}
#drawarea .trans-mv-rot-60{-moz-transform: rotate(-60deg);-o-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform:rotate(-60deg);transform: rotate(-60deg);}
#drawarea .trans-mv-rot-90{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform:rotate(-90deg);transform: rotate(-90deg);}
#drawarea .trans-mv-rot-120{-moz-transform: rotate(-120deg);-o-transform: rotate(-120deg);-webkit-transform: rotate(-120deg);-ms-transform:rotate(-120deg);transform: rotate(-120deg);}
#drawarea .trans-mv-rot-180{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform:rotate(-180deg);transform: rotate(-180deg);}
#drawarea .trans-mv-rot-360{-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-ms-transform:rotate(-360deg);transform: rotate(-360deg);}
#drawarea .otrans-hide{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
#drawarea .otrans-show{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea .trans-opty1{opacity: 0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 10);}
#drawarea .trans-opty2{opacity: 0.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 20);}
#drawarea .trans-opty3{opacity: 0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 30);}
#drawarea .trans-opty4{opacity: 0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 40);}
#drawarea .trans-opty5{opacity: 0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50);}
#drawarea .trans-opty6{opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 60);}
#drawarea .trans-opty7{opacity: 0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70);}
#drawarea .trans-opty8{opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 80);}
#drawarea .trans-opty9{opacity: 0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 90);}
/*模块上动画*/
#drawarea .mtrans-show{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea:hover .mtrans-hide{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea:hover .mtrans-show{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
#drawarea:hover .mtrans-mv-rot5{-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-webkit-transform: rotate(5deg);-ms-transform:rotate(5deg);transform: rotate(5deg);}
#drawarea:hover .mtrans-mv-rot10{-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-webkit-transform: rotate(10deg);-ms-transform:rotate(10deg);transform: rotate(10deg);}
#drawarea:hover .mtrans-mv-rot20{-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-webkit-transform: rotate(20deg);-ms-transform:rotate(20deg);transform: rotate(20deg);}
#drawarea:hover .mtrans-mv-rot30{-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-webkit-transform: rotate(30deg);-ms-transform:rotate(30deg);transform: rotate(30deg);}
#drawarea:hover .mtrans-mv-rot60{-moz-transform: rotate(60deg);-o-transform: rotate(60deg);-webkit-transform: rotate(60deg);-ms-transform:rotate(60deg);transform: rotate(60deg);}
#drawarea:hover .mtrans-mv-rot90{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform:rotate(90deg);transform: rotate(90deg);}
#drawarea:hover .mtrans-mv-rot120{-moz-transform: rotate(120deg);-o-transform: rotate(120deg);-webkit-transform: rotate(120deg);-ms-transform:rotate(120deg);transform: rotate(120deg);}
#drawarea:hover .mtrans-mv-rot180{-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform:rotate(180deg);transform: rotate(180deg);}
#drawarea:hover .mtrans-mv-rot360{-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform:rotate(360deg);transform: rotate(360deg);}
#drawarea:hover .mtrans-sf0{-moz-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);-ms-transform:scale(0);transform: scale(0);}
#drawarea:hover .mtrans-sf05{-moz-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);-ms-transform:scale(0.5);transform: scale(0.5);}
#drawarea:hover .mtrans-sf09{-moz-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);-ms-transform:scale(0.9);transform: scale(0.9);}
#drawarea:hover .mtrans-sf1_1{-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
#drawarea:hover .mtrans-sf1_2{-moz-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform:scale(1.2);transform: scale(1.2);}
#drawarea .mtrans-sf1{-moz-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);-ms-transform:scale(0);transform: scale(0);}
#drawarea:hover .mtrans-sf1{-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform:scale(1);transform: scale(1);}
#drawarea .mtrans-mtjr{margin-top:-100%;}
#drawarea .mtrans-mbjr{margin-top:100%;}
#drawarea .mtrans-mljr{margin-left:-100%;}
#drawarea .mtrans-mrjr{margin-left:100%;}
#drawarea:hover .mtrans-mtjr,#drawarea:hover .mtrans-mbjr,#drawarea:hover .mtrans-mljr,#drawarea:hover .mtrans-mrjr{ margin:0px;}
#drawarea:hover .mtrans-mtxs{margin-top:-100%;}
#drawarea:hover .mtrans-mt50{margin-top:-50px;}
#drawarea:hover .mtrans-mt100{margin-top:-100px;}
#drawarea:hover .mtrans-mt150{margin-top:-150px;}
#drawarea:hover .mtrans-mt200{margin-top:-200px;}
#drawarea:hover .mtrans-mbxs{margin-top:100%;}
#drawarea:hover .mtrans-mb50{margin-top:50px;}
#drawarea:hover .mtrans-mb100{margin-top:100px;}
#drawarea:hover .mtrans-mb150{margin-top:150px;}
#drawarea:hover .mtrans-mb200{margin-top:200px;}
#drawarea:hover .mtrans-mlxs{margin-left:-100%;}
#drawarea:hover .mtrans-ml50{margin-left:-50px;}
#drawarea:hover .mtrans-ml100{margin-left:-100px;}
#drawarea:hover .mtrans-ml150{margin-left:-150px;}
#drawarea:hover .mtrans-ml200{margin-left:-200px;}
#drawarea:hover .mtrans-mrxs{margin-left:100%;}
#drawarea:hover .mtrans-mr50{margin-left:50px;}
#drawarea:hover .mtrans-mr100{margin-left:100px;}
#drawarea:hover .mtrans-mr150{margin-left:150px;}
#drawarea:hover .mtrans-mr200{margin-left:200px;}
#drawarea:hover .mtrans-mt2{margin-top:-2px;}
#drawarea:hover .mtrans-mt5{margin-top:-5px;}
#drawarea:hover .mtrans-mt10{margin-top:-10px;}
#drawarea:hover .mtrans-mt15{margin-top:-15px;}
#drawarea:hover .mtrans-mt30{margin-top:-30px;}
#drawarea:hover .mtrans-mb2{margin-top:2px;}
#drawarea:hover .mtrans-mb5{margin-top:5px;}
#drawarea:hover .mtrans-mb10{margin-top:10px;}
#drawarea:hover .mtrans-mb15{margin-top:15px;}
#drawarea:hover .mtrans-mb30{margin-top:30px;}
#drawarea:hover .mtrans-ml2{margin-left:-2px;}
#drawarea:hover .mtrans-ml5{margin-left:-5px;}
#drawarea:hover .mtrans-ml10{margin-left:-10px;}
#drawarea:hover .mtrans-ml15{margin-left:-15px;}
#drawarea:hover .mtrans-ml30{margin-left:-30px;}
#drawarea:hover .mtrans-mr2{margin-left:2px}
#drawarea:hover .mtrans-mr5{margin-left:5px;}
#drawarea:hover .mtrans-mr10{margin-left:10px;}
#drawarea:hover .mtrans-mr15{margin-left:15px;}
#drawarea:hover .mtrans-mr30{margin-left:30px;}
#drawarea .mtrans-xz1,#drawarea:hover .mtrans-xz0{-moz-transform: rotate(720deg) scale(0); -webkit-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0);}
#drawarea:hover .mtrans-xz1{-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);}
#drawarea .mtrans-xz3,#drawarea:hover .mtrans-xz2{-moz-transform: skew(90deg,90deg) scale(0); -webkit-transform: skew(90deg,90deg) scale(0); -o-transform: skew(90deg,90deg) scale(0);transform: skew(90deg,90deg) scale(0);}
#drawarea:hover .mtrans-xz3{-moz-transform: skew(0deg) scale(1);-o-transform: skew(0deg) scale(1);-webkit-transform: skew(0deg) scale(1);transform: skew(0deg) scale(1);}
/*二级pan*/
#drawarea .subpanl .mtrans-hide{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
#drawarea .subpanl .mtrans-show{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea .subpanl:hover .mtrans-hide{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea .subpanl:hover .mtrans-show{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
#drawarea .subpanl .mtrans-mv-rot5,#drawarea .subpanl .mtrans-mv-rot10,#drawarea .subpanl .mtrans-mv-rot20,#drawarea .subpanl .mtrans-mv-rot30,#drawarea .subpanl .mtrans-mv-rot60,#drawarea .subpanl .mtrans-mv-rot90,#drawarea .subpanl .mtrans-mv-rot120,#drawarea .subpanl .mtrans-mv-rot180,#drawarea .subpanl .mtrans-mv-rot360 {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform:rotate(0deg);transform: rotate(0deg);}
#drawarea .subpanl:hover .mtrans-mv-rot5{-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-webkit-transform: rotate(5deg);-ms-transform:rotate(5deg);transform: rotate(5deg);}
#drawarea .subpanl:hover .mtrans-mv-rot10{-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-webkit-transform: rotate(10deg);-ms-transform:rotate(10deg);transform: rotate(10deg);}
#drawarea .subpanl:hover .mtrans-mv-rot20{-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-webkit-transform: rotate(20deg);-ms-transform:rotate(20deg);transform: rotate(20deg);}
#drawarea .subpanl:hover .mtrans-mv-rot30{-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-webkit-transform: rotate(30deg);-ms-transform:rotate(30deg);transform: rotate(30deg);}
#drawarea .subpanl:hover .mtrans-mv-rot60{-moz-transform: rotate(60deg);-o-transform: rotate(60deg);-webkit-transform: rotate(60deg);-ms-transform:rotate(60deg);transform: rotate(60deg);}
#drawarea .subpanl:hover .mtrans-mv-rot90{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform:rotate(90deg);transform: rotate(90deg);}
#drawarea .subpanl:hover .mtrans-mv-rot120{-moz-transform: rotate(120deg);-o-transform: rotate(120deg);-webkit-transform: rotate(120deg);-ms-transform:rotate(120deg);transform: rotate(120deg);}
#drawarea .subpanl:hover .mtrans-mv-rot180{-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform:rotate(180deg);transform: rotate(180deg);}
#drawarea .subpanl:hover .mtrans-mv-rot360{-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform:rotate(360deg);transform: rotate(360deg);}
#drawarea .subpanl .mtrans-sf0,#drawarea .subpanl .mtrans-sf05,#drawarea .subpanl .mtrans-sf09,#drawarea .subpanl .mtrans-sf1_1,#drawarea .subpanl .mtrans-sf1_2{-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform:scale(1);transform: scale(1);}
#drawarea .subpanl:hover .mtrans-sf0{-moz-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);-ms-transform:scale(0);transform: scale(0);}
#drawarea .subpanl:hover .mtrans-sf05{-moz-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);-ms-transform:scale(0.5);transform: scale(0.5);}
#drawarea .subpanl:hover .mtrans-sf09{-moz-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);-ms-transform:scale(0.9);transform: scale(0.9);}
#drawarea .subpanl:hover .mtrans-sf1_1{-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
#drawarea .subpanl:hover .mtrans-sf1_2{-moz-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform:scale(1.2);transform: scale(1.2);}
#drawarea .subpanl .mtrans-sf1{-moz-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);-ms-transform:scale(0);transform: scale(0);}
#drawarea .subpanl:hover .mtrans-sf1{-moz-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);-ms-transform:scale(1);transform: scale(1);}
#drawarea .subpanl .mtrans-mtjr{margin-top:-100%;}
#drawarea .subpanl .mtrans-mbjr{margin-top:100%;}
#drawarea .subpanl .mtrans-mljr{margin-left:-100%;}
#drawarea .subpanl .mtrans-mrjr{margin-left:100%;}
#drawarea .subpanl:hover .mtrans-mtjr,#drawarea .subpanl .mtrans-mtxs,#drawarea .subpanl .mtrans-mt50,#drawarea .subpanl .mtrans-mt100,#drawarea .subpanl .mtrans-mt150,#drawarea .subpanl .mtrans-mt200,
#drawarea .subpanl:hover .mtrans-mbjr,#drawarea .subpanl .mtrans-mbxs,#drawarea .subpanl .mtrans-mb50,#drawarea .subpanl .mtrans-mb100,#drawarea .subpanl .mtrans-mb150,#drawarea .subpanl .mtrans-mb200,
#drawarea .subpanl:hover .mtrans-mljr,#drawarea .subpanl .mtrans-mlxs,#drawarea .subpanl .mtrans-ml50,#drawarea .subpanl .mtrans-ml100,#drawarea .subpanl .mtrans-ml150,#drawarea .subpanl .mtrans-ml200,
#drawarea .subpanl:hover .mtrans-mrjr,#drawarea .subpanl .mtrans-mrxs,#drawarea .subpanl .mtrans-mr50,#drawarea .subpanl .mtrans-mr100,#drawarea .subpanl .mtrans-mr150,#drawarea .subpanl .mtrans-mr200,
#drawarea .subpanl .mtrans-mt2,#drawarea .subpanl .mtrans-mt5,#drawarea .subpanl .mtrans-mt10,#drawarea .subpanl .mtrans-mt15,#drawarea .subpanl .mtrans-mt30,
#drawarea .subpanl .mtrans-mb2,#drawarea .subpanl .mtrans-mb5,#drawarea .subpanl .mtrans-mb10,#drawarea .subpanl .mtrans-mb15,#drawarea .subpanl .mtrans-mb30,
#drawarea .subpanl .mtrans-ml2,#drawarea .subpanl .mtrans-ml5,#drawarea .subpanl .mtrans-ml10,#drawarea .subpanl .mtrans-ml15,#drawarea .subpanl .mtrans-ml30,
#drawarea .subpanl .mtrans-mr2,#drawarea .subpanl .mtrans-mr5,#drawarea .subpanl .mtrans-mr10,#drawarea .subpanl .mtrans-mr15,#drawarea .subpanl .mtrans-mr30 { margin:0px;}
#drawarea .subpanl:hover .mtrans-mtxs{margin-top:-100%;}
#drawarea .subpanl:hover .mtrans-mt50{margin-top:-50px;}
#drawarea .subpanl:hover .mtrans-mt100{margin-top:-100px;}
#drawarea .subpanl:hover .mtrans-mt150{margin-top:-150px;}
#drawarea .subpanl:hover .mtrans-mt200{margin-top:-200px;}
#drawarea .subpanl:hover .mtrans-mbxs{margin-top:100%;}
#drawarea .subpanl:hover .mtrans-mb50{margin-top:50px;}
#drawarea .subpanl:hover .mtrans-mb100{margin-top:100px;}
#drawarea .subpanl:hover .mtrans-mb150{margin-top:150px;}
#drawarea .subpanl:hover .mtrans-mb200{margin-top:200px;}
#drawarea .subpanl:hover .mtrans-mlxs{margin-left:-100%;}
#drawarea .subpanl:hover .mtrans-ml50{margin-left:-50px;}
#drawarea .subpanl:hover .mtrans-ml100{margin-left:-100px;}
#drawarea .subpanl:hover .mtrans-ml150{margin-left:-150px;}
#drawarea .subpanl:hover .mtrans-ml200{margin-left:-200px;}
#drawarea .subpanl:hover .mtrans-mrxs{margin-left:100%;}
#drawarea .subpanl:hover .mtrans-mr50{margin-left:50px;}
#drawarea .subpanl:hover .mtrans-mr100{margin-left:100px;}
#drawarea .subpanl:hover .mtrans-mr150{margin-left:150px;}
#drawarea .subpanl:hover .mtrans-mr200{margin-left:200px;}
#drawarea .subpanl .htrans-xz0{-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);}
#drawarea .subpanl .htrans-xz1,#drawarea .subpanl:hover .htrans-xz0{-moz-transform: rotate(720deg) scale(0); -webkit-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0);}
#drawarea .subpanl:hover .htrans-xz1{-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);}
#drawarea .subpanl .htrans-xz2{-moz-transform: skew(0deg) scale(1);-o-transform: skew(0deg) scale(1);-webkit-transform: skew(0deg) scale(1);transform: skew(0deg) scale(1);}
#drawarea .subpanl .htrans-xz3,#drawarea .subpanl:hover .htrans-xz2{-moz-transform: skew(90deg,90deg) scale(0); -webkit-transform: skew(90deg,90deg) scale(0); -o-transform: skew(90deg,90deg) scale(0);transform: skew(90deg,90deg) scale(0);}
#drawarea .subpanl:hover .htrans-xz3{-moz-transform: skew(0deg) scale(1);-o-transform: skew(0deg) scale(1);-webkit-transform: skew(0deg) scale(1);transform: skew(0deg) scale(1);}
#drawarea .otrans-hide:hover{opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0);}
#drawarea .otrans-show:hover{opacity: 1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100);}
#drawarea .otrans-mv-rot5:hover{-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-webkit-transform: rotate(5deg);-ms-transform:rotate(5deg);transform: rotate(5deg);}
#drawarea .otrans-mv-rot10:hover{-moz-transform: rotate(10deg);-o-transform: rotate(10deg);-webkit-transform: rotate(10deg);-ms-transform:rotate(10deg);transform: rotate(10deg);}
#drawarea .otrans-mv-rot20:hover{-moz-transform: rotate(20deg);-o-transform: rotate(20deg);-webkit-transform: rotate(20deg);-ms-transform:rotate(20deg);transform: rotate(20deg);}
#drawarea .otrans-mv-rot30:hover{-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-webkit-transform: rotate(30deg);-ms-transform:rotate(30deg);transform: rotate(30deg);}
#drawarea .otrans-mv-rot60:hover {-moz-transform: rotate(60deg);-o-transform: rotate(60deg);-webkit-transform: rotate(60deg);-ms-transform:rotate(60deg);transform: rotate(60deg);}
#drawarea .otrans-mv-rot90:hover {-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform:rotate(90deg);transform: rotate(90deg);}
#drawarea .otrans-mv-rot120:hover {-moz-transform: rotate(120deg);-o-transform: rotate(120deg);-webkit-transform: rotate(120deg);-ms-transform:rotate(120deg);transform: rotate(120deg);}
#drawarea .otrans-mv-rot180:hover {-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform:rotate(180deg);transform: rotate(180deg);}
#drawarea .otrans-mv-rot360:hover {-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform:rotate(360deg);transform: rotate(360deg);}
#drawarea:hover .otrans-mv-rot-5,#drawarea .otrans-mv-rot-5:hover{-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-ms-transform:rotate(-5deg);transform: rotate(-5deg);}
#drawarea:hover .otrans-mv-rot-10,#drawarea .otrans-mv-rot-10:hover{-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-ms-transform:rotate(-10deg);transform: rotate(-10deg);}
#drawarea:hover .otrans-mv-rot-20,#drawarea .otrans-mv-rot-20:hover{-moz-transform: rotate(-20deg);-o-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);-ms-transform:rotate(-20deg);transform: rotate(-20deg);}
#drawarea:hover .otrans-mv-rot-30,#drawarea .otrans-mv-rot-30:hover{-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-ms-transform:rotate(-30deg);transform: rotate(-30deg);}
#drawarea:hover .otrans-mv-rot-60,#drawarea .otrans-mv-rot-60:hover{-moz-transform: rotate(-60deg);-o-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform:rotate(-60deg);transform: rotate(-60deg);}
#drawarea:hover .otrans-mv-rot-90,#drawarea .otrans-mv-rot-90:hover{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform:rotate(-90deg);transform: rotate(-90deg);}
#drawarea:hover .otrans-mv-rot-120,#drawarea .otrans-mv-rot-120:hover{-moz-transform: rotate(-120deg);-o-transform: rotate(-120deg);-webkit-transform: rotate(-120deg);-ms-transform:rotate(-120deg);transform: rotate(-120deg);}
#drawarea:hover .otrans-mv-rot-180,#drawarea .otrans-mv-rot-180:hover{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform:rotate(-180deg);transform: rotate(-180deg);}
#drawarea:hover .mtrans-mv-rot-360,#drawarea .otrans-mv-rot-360:hover{-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-ms-transform:rotate(-360deg);transform: rotate(-360deg);}
#drawarea .subpanl .mtrans-mv-rot-5,#drawarea .subpanl .mtrans-mv-rot-10,#drawarea .subpanl .mtrans-mv-rot-20,#drawarea .subpanl .mtrans-mv-rot-30,#drawarea .subpanl .mtrans-mv-rot-60,#drawarea .subpanl .mtrans-mv-rot-90,
#drawarea .subpanl .mtrans-mv-rot-120,#drawarea .subpanl .mtrans-mv-rot-180,#drawarea .subpanl .mtrans-mv-rot-360 {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform:rotate(0deg);transform: rotate(0deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-5{-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);-ms-transform:rotate(-5deg);transform: rotate(-5deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-10{-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-ms-transform:rotate(-10deg);transform: rotate(-10deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-20{-moz-transform: rotate(-20deg);-o-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);-ms-transform:rotate(-20deg);transform: rotate(-20deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-30{-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-ms-transform:rotate(-30deg);transform: rotate(-30deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-60{-moz-transform: rotate(-60deg);-o-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);-ms-transform:rotate(-60deg);transform: rotate(-60deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-90{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform:rotate(-90deg);transform: rotate(-90deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-120{-moz-transform: rotate(-120deg);-o-transform: rotate(-120deg);-webkit-transform: rotate(-120deg);-ms-transform:rotate(-120deg);transform: rotate(-120deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-180{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform:rotate(-180deg);transform: rotate(-180deg);}
#drawarea .subpanl:hover .mtrans-mv-rot-360{-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-ms-transform:rotate(-360deg);transform: rotate(-360deg);}
#drawarea .otrans-sf0:hover {-moz-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);-ms-transform:scale(0);transform: scale(0);}
#drawarea .otrans-sf05:hover {-moz-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);-ms-transform:scale(0.5);transform: scale(0.5);}
#drawarea .otrans-sf09:hover {-moz-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);-ms-transform:scale(0.9);transform: scale(0.9);}
#drawarea .otrans-sf1_1:hover {-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
#drawarea .otrans-sf1_2:hover {-moz-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform:scale(1.2);transform: scale(1.2);}
#drawarea .otrans-mtxs:hover {margin-top:-100%;}
#drawarea .otrans-mt50:hover {margin-top:-50px;}
#drawarea .otrans-mt100:hover {margin-top:-100px;}
#drawarea .otrans-mt150:hover {margin-top:-150px;}
#drawarea .otrans-mt200:hover {margin-top:-200px;}
#drawarea .otrans-mbxs:hover {margin-top:100%;}
#drawarea .otrans-mb50:hover {margin-top:50px;}
#drawarea .otrans-mb100:hover {margin-top:100px;}
#drawarea .otrans-mb150:hover {margin-top:150px;}
#drawarea .otrans-mb200:hover {margin-top:200px;}
#drawarea .otrans-mlxs:hover {margin-left:-100%;}
#drawarea .otrans-ml50:hover {margin-left:-50px;}
#drawarea .otrans-ml100:hover {margin-left:-100px;}
#drawarea .otrans-ml150:hover {margin-left:-150px;}
#drawarea .otrans-ml200:hover {margin-left:-200px;}
#drawarea .otrans-mrxs:hover {margin-left:100%;}
#drawarea .otrans-mr50:hover {margin-left:50px;}
#drawarea .otrans-mr100:hover {margin-left:100px;}
#drawarea .otrans-mr150:hover {margin-left:150px;}
#drawarea .otrans-mr200:hover {margin-left:200px;}
#drawarea .otrans-mt2:hover{margin-top:-2px;}
#drawarea .otrans-mt5:hover{margin-top:-5px;}
#drawarea .otrans-mt10:hover{margin-top:-10px;}
#drawarea .otrans-mt15:hover{margin-top:-15px;}
#drawarea .otrans-mt30:hover{margin-top:-30px;}
#drawarea .otrans-mb2:hover{margin-top:2px;}
#drawarea .otrans-mb5:hover{margin-top:5px;}
#drawarea .otrans-mb10:hover{margin-top:10px;}
#drawarea .otrans-mb15:hover{margin-top:15px;}
#drawarea .otrans-mb30:hover{margin-top:30px;}
#drawarea .otrans-ml2:hover{margin-left:-2px;}
#drawarea .otrans-ml5:hover{margin-left:-5px;}
#drawarea .otrans-ml10:hover{margin-left:-10px;}
#drawarea .otrans-ml15:hover{margin-left:-15px;}
#drawarea .otrans-ml30:hover{margin-left:-30px;}
#drawarea .otrans-mr2:hover{margin-left:2px}
#drawarea .otrans-mr5:hover{margin-left:5px;}
#drawarea .otrans-mr10:hover{margin-left:10px;}
#drawarea .otrans-mr15:hover{margin-left:15px;}
#drawarea .otrans-mr30:hover{margin-left:30px;}
/*变框变方与圆*/
#drawarea .otrans-brzf:hover,#drawarea .otrans-br{ -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; }
#drawarea .otrans-brzf,#drawarea .otrans-br:hover{ -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; }
.J_Abs {cursor:move;}
.J_Abs:hover{outline: 1px solid red;}
/*动画时间*/
#drawarea .trans-25s{transition-duration: 2.5s;-moz-transition-duration: 2.5s; -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; }
#drawarea .trans-20s{transition-duration: 2s;-moz-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 2s; }
#drawarea .trans-15s{transition-duration: 1.5s;-moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; }
#drawarea .trans-09s{transition-duration: 0.9s;-moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s; }
#drawarea .trans-08s{transition-duration: 0.8s;-moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
#drawarea .trans-07s{transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
#drawarea .trans-06s{transition-duration: 0.6s;-moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; }
#drawarea .trans-05s{transition-duration: 0.5s;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; }
#drawarea .trans-04s{transition-duration: 0.4s;-moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; }
#drawarea .trans-03s{transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
#drawarea .trans-02s{transition-duration: 0.2s;-moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; }
#drawarea .trans-01s{transition-duration: 0.1s;-moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; -o-transition-duration: 0.1s; }
#drawarea .trans-ease{ -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease;-o-transition-timing-function: ease; transition-timing-function: ease;}
#drawarea .trans-linear{ -moz-transition-timing-function: linear; -webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}
#drawarea .trans-ease-in{ -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in;transition-timing-function: ease-in;}
#drawarea .trans-ease-out{-moz-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;transition-timing-function: ease-out;}
#drawarea .trans-ease-in-out{ -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
#drawarea .trans-step-start{ -moz-transition-timing-function: cubic-bezier(0.42, 0.2, 0.9, 1.0); -webkit-transition-timing-function: cubic-bezier(0.42, 0.2, 0.9, 1.0); -o-transition-timing-function: cubic-bezier(0.42, 0.2, 0.9, 1.0); transition-timing-function: cubic-bezier(0.42, 0.2, 0.9, 1.0);}
#drawarea .trans-step-end{-moz-transition-timing-function: cubic-bezier(0.1, 0, 0.42, 1.0); -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.42, 1.0); -o-transition-timing-function: cubic-bezier(0.1, 0, 0.42, 1.0); transition-timing-function: cubic-bezier(0.1, 0, 0.42, 1.0);}
a.nav-item,a.con-item{overflow: hidden;}
.con-item{position:relative;}
/*旺旺CSS*/
a.xinkefu{min-height: 18px;min-width: 18px;}
a.xinkefu img{vertical-align: middle;}
a.xinkefu .off{display: none;position: absolute;bottom:0px;left:0px;}
a.xinkefu:hover .off{display: block;}
/*基心*/
.trans-org-lt{-moz-transform-origin: left top;-webkit-transform-origin: left top; -o-transform-origin: left top;-ms-transform-origin: left top; transform-origin: left top;}
.trans-org-ct{-moz-transform-origin: center top; -webkit-transform-origin: center top; -o-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;}
.trans-org-rt{-moz-transform-origin: right top;-webkit-transform-origin: right top; -o-transform-origin: right top; -ms-transform-origin: right top;transform-origin: right top;}
.trans-org-lc{-moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}
.trans-org-lb{-moz-transform-origin: left bottom; -webkit-transform-origin: left bottom; -o-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;}
.trans-org-cb{-moz-transform-origin: center bottom; -webkit-transform-origin: center bottom; -o-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;}
.trans-org-rb{-moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; -ms-transform-origin: right bottom;transform-origin: right bottom;}
.trans-org-10{-moz-transform-origin: 10px 10px; -webkit-transform-origin: 10px 10px; -o-transform-origin: 10px 10px;-ms-transform-origin: 10px 10px;transform-origin: 10px 10px;}
/*可关闭图层*/
.uoxin-nav-toggle .nav-item{z-index: 2;}
.uoxin-nav-toggle .ks-active.nav-item{visibility:hidden;z-index: 1;}
.uoxin-nav-offshow .ks-active.nav-item a img.off{visibility:visible;}
.hidden{visibility: hidden;}
.uoxin-carousel-nav,.uoxin-slide-nav{position: absolute;z-index: 11;}
button, input, select, textarea{vertical-align: middle;}
.uoxin-carousel-nav a.nav-item,.uoxin-slide-nav a.nav-item{position: relative;}
.uoxin-carousel-nav:hover a.nav-item i, .uoxin-slide-nav:hover a.nav-item i{position: absolute;height:100%; width: 100%;top:-1px;left: -1px;opacity: 0.3; filter: alpha(opacity = 30);background:#000000;border:1px solid #000000;}
.uoxin-carousel-nav a.nav-item:hover i, .uoxin-slide-nav a.nav-item:hover i{visibility: hidden;}
.abs{position: absolute;}
.prev,.next{cursor:pointer;z-index:12}
.prev{background:url(http://img13.360buyimg.com/cms/jfs/t472/331/1120128480/252/6c578705/54b11d56N113148c6.png) no-repeat center left transparent;}
.next{background:url(http://img11.360buyimg.com/cms/jfs/t502/154/1114753204/254/164f6c77/54b11d60N308ec1c7.png) no-repeat center right transparent;}
/*关注*/
.attentb_gray{background:url('http://img03.taobaocdn.com/tps/i3/T1bg54XahiXXXXXXXX-76-164.png'); display:block;width:58px;height:18px;padding:3px 2px 3px 16px;}
.attentb_green{background:url('http://img04.taobaocdn.com/tps/i4/T1wZu3XetXXXXXXXXX-76-160.png'); display:block;width:58px;height:18px;padding:3px 2px 3px 16px;}
.attentb_green2{background:url('http://img01.taobaocdn.com/tps/i1/T1yCO4XjBgXXXXXXXX-94-177.png'); display:block;width:58px;height:18px;padding:5px 12px 4px 24px;}
.ui-brand-btn{background:url(http://img03.taobaocdn.com/imgextra/i3/280837244/TB2a6p9cpXXXXXMXpXXXXXXXXXX-280837244.png) no-repeat;width:65px;height:22px;padding-left:10px;color:#FFFFFF;}
.ui-brand-btn .colledmask{display:none;}
/*用户输入对话框内表单部分*/
.setform{
width:380px;
list-style:none;
padding:0px;
}
.setform li{
height:50px;
line-height:50px;
}
.setform li label{
font-size:14px;
display: inline-block;
width:120px;
height:40px;
line-height:28px;
vertical-align: middle;
text-align:right;
color:#788188;
float:left;
}
/*
.setform li .setinput{
width:200px;
height:24px;
line-height: 24px;
border:1px #c2ced6 solid;
border-radius: 3px;
padding: 3px 0px;
border-radius: 3px;
float:left;
}*/
.setform li .setinput
{
background-image: url(../images/login-icon.html);
background-position: 0 5px;
background-repeat: no-repeat;
border: 1px solid #ccc;
border-radius: 2px 2px 2px 2px;
box-shadow: 1px 1px 1px 0 #eaeaea inset;
color: #808080;
height: 28px;
line-height: 28px;
padding-left: 39px;
padding-right: 5px;
vertical-align: middle;
width: 165px; float:left;
}
.setform li .setinput.focus{border-color: #ffb941 !important;box-shadow: 1px 1px 1px 0 #ddd inset; }
.setform li .setinput.password{background-position: 0 -45px;}
.setform li select{width:222px;}
.setformbtn{ text-align:center; padding:10px 0px 10px 0px;}
.setformbtn input{ border:solid 1px #ccc; height:25px; line-height:25px; padding:0px 10px 0px 10px;}
.setformbtn .btncancel{ margin-left:20px;}
/*登录*/
#userbox { float:right; color:#fff; margin-top:15px;}
#btn_login{ float:right;color:#fff;margin-top:15px; }
#multi-btns #btn_mk,
#multi-btns #btn_tool {
background: #eb0032;
border-radius: 5%;
margin-top: 8px;
height: 25px;
line-height: 25px;
padding:0 10px;
margin-left: 10px;
}
#multi-btns #color1 a,
#multi-btns #btn_mk a,
#multi-btns #btn_tool a{
color: #fff;
}
#multi-btns #color1 {
background: #07A;
border-radius: 5%;
margin-top: 8px;
height: 25px;
line-height: 25px;
padding:0 10px;
margin-left: 10px;
transition-duration: 1.5s;-moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s;
}
#multi-btns #color1:hover {
background: #A94C04;
}