.box{width:618px; margin: auto;min-height:600px;border:1px dashed #e5521e;background-color:#ffffff; padding:10px;background-size: contain;}
i.hander{display:block;position:absolute;width:100%;height:100%;background:#ccc;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; left:0; top:0;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.clear{ clear:both;}
ul{ padding:0;}
li{list-style:none;}
a{ text-decoration:none;}
.box-sizing{-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#top-tools{width:100%; float:left;left: 0; height: 50px;background-color: #333;line-height: 50px;position: fixed;z-index: 9999;width: 100%;}
.col-mid{/*width:80px;*/ float:left;padding: 0 20px;color: #fff;letter-spacing: 1px;font-size: 17px;}
/*.col-ce{ width:calc((100% - 80px) / 2); float:left;padding: 0 20px;}*/
.col-ce{ float:left;padding: 0 20px;}
 .btn{padding: 4px 13px; display:inline-block; margin-right:10px;    color: #fff;    outline: none!important;border-radius: 3px;border: 1px solid transparent; line-height:25px;}
.btn-danger{background-color: #cc3f44;} .btn-danger:hover{background-color: #ab2d32;}
.btn-info{background-color: #40bbea;}    .btn-info:hover{background-color: #18a8df;}
.btn-primary{background-color: #ff8e42;}  .btn-primary:hover{background-color: #e4761d;}
.btn-success{background-color: #8dc63f;}   .btn-success:hover{background-color: #72a230;}
.btn-default{background-color: #d3d8db;color: #333;}   .btn-default:hover{background-color: #cccccc;}
.note-btn-group .btn-default{background-color: #fff;color: #333;margin-right:0;padding: 6px;  line-height:0;} 
#inner-wrapper{padding-top: 50px;position: relative;height: 100%;}
.main-wrapper{width: 100%;height: 100%;position: relative;}
.editor-left{ min-width:740px; width:50%; float:left;padding-bottom: 150px; overflow-x:hidden;overflow-y:auto; padding-right:20px;}
.editor-right{ max-width:calc(100% - 760px); width:calc(50% - 20px); float:left;padding-bottom: 150px; padding-left:10px;overflow-x:hidden;overflow-y:auto;padding-top: 40px;position: relative;}

.top-switch{text-align: center;margin: 0 auto;width: 80%;margin-bottom: 30px;border: 2px solid #bbb;border-radius: 5px;padding: 0;}
.top-switch > li{border: none;background-color: #f4f4f4;padding: 10px 15px; cursor:pointer; width:50%; float:left;-moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; list-style:none;color: #555555;}
.top-switch > li.active,.top-switch > li:hover{ background:#ffffff;}
.content-setting{width:100%; float:left;}
.global-setting{width:100%; float:left; display:none;position: absolute;background: #fff;top: 0;padding: 20px;box-sizing: border-box;left: 0;height: 100%;}
.content-setting ul {width:100%; float:left; padding:0;    text-align: center;}
.content-setting ul li{margin: 0 0 18px 18px;font-weight: 600;font-size: 13px;width: 114px;white-space: nowrap;text-overflow: ellipsis;border: 1px solid #d0d0d0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);text-align: center; display:inline-block;border-radius: 6px; cursor:pointer;}
.content-setting ul li:hover{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);}
.text-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% 0;background-size: 65%;}
.text-box-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -90px;background-size: 65%;}
.divider-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -173px;background-size: 65%;}
.image-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -250px;background-size: 65%;}
.image-group-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -329px;background-size: 65%;}
.image-caption-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -415px;background-size: 65%;}
.button-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -503px;background-size: 65%;}
.image-text-button-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -587px;background-size: 65%;}
.sign-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -669px;background-size: 65%;}
.social-follow-block .icon{width: 114px; height:90px; background:url(../images/menu-bg.png) no-repeat 50% -768px;background-size: 65%;}
.global-setting h1{ margin: 10px 0 20px;font-size: 18px;font-weight: bold; display:block;text-align: center;}
.global-setting h2,.content-editor h2{height: 42px;line-height: 40px;background-color: #F2F2F2; display:block;border-top: 1px solid #CECBCB;font-size: 15px;padding-left: 10px;font-weight: bold;margin: 10px 0 20px;}
.global-setting label,.content-editor label{padding-left: 11px;display: block;margin: 10px 0;font-size: 14px;font-weight: bold;}
.global-setting .form-group{ display:block; margin-bottom:40px;}
#colorSelector,#colorSelector1,#colorSelector2,#colorSelector3,#colorSelector4,#colorSelector5,#colorSelector6,#colorSelector7,#colorSelector8,#colorSelector9,#colorSelector10{position:relative;width:36px;height:36px;background:url(../images/select.png);margin-left: 11px;}
#colorSelector div,#colorSelector1 div,#colorSelector2 div,#colorSelector3 div,#colorSelector4 div,#colorSelector5 div,#colorSelector6 div,#colorSelector7 div,#colorSelector8 div,#colorSelector9 div,#colorSelector10 div{position:absolute;top:3px;left:3px;width:30px;height:30px;background:url(../images/select.png) center;}



/* colorpicker */
.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(../images/colorpicker_background.png);font-family:Arial, Helvetica, sans-serif;display:none;}
.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:#f00;overflow:hidden;cursor:crosshair;}
.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(../images/colorpicker_overlay.png);}
.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../images/colorpicker_select.png);margin:-5px 0 0 -5px;}
.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize;}
.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../images/colorpicker_indic.gif) left top;margin:-4px 0 0 0;left:0px;}
.colorpicker_new_color{position:absolute;width:60px;height:30px;left:213px;top:13px;background:#f00;}
.colorpicker_current_color{position:absolute;width:60px;height:30px;left:283px;top:13px;background:#f00;}
.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#898989;top:4px;right:11px;text-align:right;margin:0;padding:0;height:11px;}
.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(../images/colorpicker_hex.png) top;left:212px;top:142px;}
.colorpicker_hex input{right:6px;}
.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute;}
.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize;}
.colorpicker_rgb_r{background-image:url(../images/colorpicker_rgb_r.png);top:52px;left:212px;}
.colorpicker_rgb_g{background-image:url(../images/colorpicker_rgb_g.png);top:82px;left:212px;}
.colorpicker_rgb_b{background-image:url(../images/colorpicker_rgb_b.png);top:112px;left:212px;}
.colorpicker_hsb_h{background-image:url(../images/colorpicker_hsb_h.png);top:52px;left:282px;}
.colorpicker_hsb_s{background-image:url(../images/colorpicker_hsb_s.png);top:82px;left:282px;}
.colorpicker_hsb_b{background-image:url(../images/colorpicker_hsb_b.png);top:112px;left:282px;}
.colorpicker_submit{position:absolute;width:51px;height:22px;background:url(../images/colorpicker_submit.png) top;left:293px;top:142px;overflow:hidden;cursor:pointer;}
.colorpicker_focus{background-position:center;}
.colorpicker_hex.colorpicker_focus{background-position:bottom;}
.colorpicker_submit.colorpicker_focus{background-position:bottom;}
.colorpicker_slider{background-position:bottom;}
/* colorpicker ie6 hack */
.colorpicker_color div{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/colorpicker_overlay.png',sizingMethod='crop');}
.colorpicker_color div div{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/colorpicker_select.png',sizingMethod='crop');}


.pull-left{ float:left; margin-left:11px; width:130px; text-align:left;}
.pull-left img{ width:100%; float:left;}
.pull-left a{ color:#ffffff; font-size:14px; display:inline-block;}
.pull-left  h3{margin: 14px 0;}
.upload-button{ position:relative;}
.upload-button input[type=file]{ position:absolute; left:0; width:100%; height:100%; opacity:0; top:0;filter:alpha(opacity=0);}

hr{margin-top: 18px;margin-bottom: 18px;border: 0;border-top: 1px solid #eeeeee; width:100%; display: inline-block;}
.select-change{ width: calc(100% - 11px);display: block;margin-left: 11px;padding-left: 15px;padding-right: 10px;height: 34px;}
.save-box{ position:fixed; padding:10px; width:100%; z-index:9;bottom: 0; background:#ffffff;}
.imageContainer { -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/*.imageContainer i{ font-size:85px; color:#cccccc;}
*/
.content-editor{width: 100%;float: left; display: none;position: absolute;background: #F5F5F5;top: 0;padding: 20px;box-sizing: border-box;left: 0;height: 100%;margin-bottom: 130px;}
#block-editing{width: 100%;float: left;background: #fff;}
#block-editing h1{padding: 10px 0 20px; margin:0;font-size: 18px;font-weight: bold;text-align: center; background:#f5f5f5;}
#block-editing .nav.nav-tabs{width: 100%; float:left;border-bottom: 0; margin:0;}
#block-editing .nav.nav-tabs-1 li{ width:33.33%; float:left;font-weight: bold;text-align: center;font-size: 14px;padding: 10px 0;background: #f5f5f5;cursor: pointer;}
#block-editing .nav.nav-tabs > li.active,#block-editing .nav.nav-tabs-1 li:hover{ background:#ffffff;}
#block-editing .tab-content{padding-bottom: 50px;background: #FFF;padding: 0px;margin-bottom: 30px;}
#block-editing .tab-pane{padding: 10px 10px 0; width:100%; float:left;box-sizing: border-box; display:none;visibility: inherit;padding-bottom: 20px;}
#block-editing .tab-content > .activein{ display:block;}
#block-editing .tab-pane .activein{ display:block;}
.column-switch {width: 100%;padding: 9px 0;display: inline-block;}
.column-switch a{ display:none;margin-right: 15px;font-size: 15px; color:#373e4a;}
.column-switch a.cactive{ color:#ffc25e;}
.tab-content .column{ display:none;}

/***滑块css**/
.slider-container{width:100%;margin-top: 30px;display: inline-block;margin-bottom: 35px;}.slider-container .back-bar{height:10px;position:relative}.slider-container .back-bar .selected-bar{position:absolute;height:100%}.slider-container .back-bar .pointer{position:absolute;width:10px;height:10px;background-color:red;cursor:col-resize;opacity:1;z-index:2}.slider-container .back-bar .pointer.last-active{z-index:3}.slider-container .back-bar .pointer-label{position:absolute;top:-28px;border-radius: 5px;font-size:8px;background: #ED5565;white-space:nowrap;line-height:1}.slider-container .back-bar .focused{z-index:10}.slider-container .clickable-dummy{cursor:pointer;position:absolute;width:100%;height:100%;z-index:1}.slider-container .scale{top:2px;position:relative}.slider-container .scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}.slider-container .scale ins{font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999;line-height:1}.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer{cursor:auto}.theme-green .back-bar{height:12px;border-radius:8px;background-color:#eee;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-green .back-bar .selected-bar{border-radius:8px;background-color:#ED5565;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade',endColorstr='#ff76fabc',GradientType=0)}.theme-green .back-bar .pointer{width:14px;height:14px;top:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:1px solid #aaa;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-green .back-bar .pointer-label{color:#ffffff;padding: 8px;}.theme-green .back-bar .focused{color:#333}.theme-green .scale span{border-left:1px solid #e5e5e5}.theme-green .scale ins{color:#999}.theme-blue .back-bar{height:5px;border-radius:8px;background-color:#eee;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-blue .back-bar .selected-bar{border-radius:8px;background-color:#92c1f9;background-image:-moz-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b1d1f9),to(#64a8f9));background-image:-webkit-linear-gradient(top,#b1d1f9,#64a8f9);background-image:-o-linear-gradient(top,#b1d1f9,#64a8f9);background-image:linear-gradient(to bottom,#b1d1f9,#64a8f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9',endColorstr='#ff64a8f9',GradientType=0)}.theme-blue .back-bar .pointer{width:14px;height:14px;top:-5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:1px solid #aaa;background-color:#e7e7e7;background-image:-moz-linear-gradient(top,#eeeeee,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#eeeeee),to(#dddddd));background-image:-webkit-linear-gradient(top,#eeeeee,#dddddd);background-image:-o-linear-gradient(top,#eeeeee,#dddddd);background-image:linear-gradient(to bottom,#eeeeee,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ffdddddd',GradientType=0)}.theme-blue .back-bar .pointer-label{color:#999}.theme-blue .back-bar .focused{color:#333}.theme-blue .scale span{border-left:1px solid #e5e5e5}.theme-blue .scale ins{color:#999}

/***滑块css**/

.tlistpub{width:100%; float:left;}
.tlistpub li{width:33.33%; float:left; padding:20px;}
.tlistpub li .litpbox{width:100%; float:left;border: 1px solid #ccc;}
.tlistpub li .litpbox .tpbox{width:100%; float:left; background-repeat:no-repeat; background-size:contain; height:190px;background-position: 50%; cursor:pointer;}
.tlistpub li .litpbox .tpnmbox{width:100%; float:left; text-align:center; font-weight:bold; padding:0 10px;}

.tjallbox{width: 100%;
    float: left;
    height: 90%;
    overflow-y: scroll;}