@charset "utf-8";
@import "/web/20160517135638cs_/http://zjbosye.com/plugins/designer/content/css/iconfont.css";


* { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,"����",Arial,Tahoma; }
ul, dl { list-style-type: none; }
ul, li { margin: 0px; padding: 0px; }
img { border: none; }
p, br { margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px; border: 0px; }
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; }
.ui-boxable-helper { border: solid dotted red; z-index: 9999; position: absolute; }
.ui-dragDataMask { width: 100%; height: 100%; text-align: center; background-color: #fff; position: absolute; top: 0px; left: 0px; opacity: 0.8; }
.sortable-placeholder { height: 20px; width: 100%; display: inline-block; background-color: #f8f40a; }
.selectedSmartView { border: solid 1px #3BAFDA; margin: 1px; }
.smartview-activ { }
.smartview-hover { background-color: #ffd800; }
.resizeRedHandle { background: url(../../../../plugins/designer/content/css/images/rect.png) 50% 50% no-repeat;position:absolute; }
.ui-resizable-n .resizeRedHandle{height:9px;left:50%;margin-left:-4px;top:-5px;width:9px;}
.ui-resizable-e .resizeRedHandle{background-repeat:no-repeat;height:9px;left:3px;margin-top:-4px;top:50%;width:9px;}
.ui-resizable-w .resizeRedHandle{height:9px;left:-5px;margin-top:-4px;top:50%;width:9px;}
.ui-resizable-s .resizeRedHandle{height:9px;left:50%;margin-left:-4px;top:50%;width:9px;}
.ui-resizable-nw .resizeRedHandle{height:9px;left:1px;position:absolute;top:1px;width:9px;}
.ui-resizable-sw .resizeRedHandle{bottom:1px;height:9px;left:1px;width:9px;}
.ui-resizable-se .resizeRedHandle{bottom:1px;height:9px;right:1px;width:9px;}
.ui-resizable-ne .resizeRedHandle{height:9px;right:1px;top:1px;width:9px;}
.resizeMask { display: block; border: solid 1px #2d2d30; position: absolute; }
.ui-resizable-nbig { position: absolute; cursor: move; height: 21px; width: 21px; top: -10px; left: 30%;margin-left:-21px; z-index: 91; background-image: url('../../../../plugins/designer/content/css/images/smart_drag.png'); background-repeat: no-repeat; background-position-y: -21px; display: block; }
.ui-resizeable-option{position: absolute;z-index: 40;height: 18px;line-height: 16px;width:18px;border: 1px solid #3BAFDA;background-color: #fff;text-align: center;font-size: 14px;color: #3BAFDA;background-image: url('../../../../plugins/designer/content/css/images/mobile/module-option.png'); background-repeat: no-repeat;background-position: 50% 50%;top:0px;right:0px;border-top:0;border-right:0;cursor:pointer;display:none;}
.resizeHandle { width: 6px; height: 6px; border: solid 1px #3BAFDA; display: block; background-color: #fff; position: absolute; }
.handle_w { top: 150px; left: -3px; float: left; cursor: w-resize; }
.handle_e { top: 150px; right: -3px; float: right; cursor: e-resize; }
.handle_n { left: 150px; top: -3px; cursor: n-resize; }
.handle_s { left: 150px; bottom: -3px; cursor: s-resize; }


.ui-resizable-mohandle{position:absolute;font-size:0.1px;display:block; z-index:88;}
.ui-resizable-moe {width: 7px;right: 0px;border-right: solid 1px #3BAFDA;top: 0px;height: 100%;}
.ui-resizable-mow {width: 7px;left: 0px;border-left: solid 1px #3BAFDA;top: 0px; height: 100%;}

.ui-resizable-mon {  height: 7px;width: 100%;border-top: solid 1px #3BAFDA; top: 0px;left: 0px;}
.ui-resizable-mos {height: 2px;width: 100%; bottom:0px;left: 0px;}
.ui-resizable-s .resizedrag { position:absolute; bottom:0; left:50%; margin-left:-6px; width:13px; height:12px; border:1px solid #3BAFDA; border-bottom:none; background:#FFF url(../../../../plugins/designer/content/css/images/mobile/module-height.png) no-repeat center; text-align:center; cursor:ns-resize;}
.ui-resizable-mon .movedrag, .ui-resizable-n .movedrag { position:absolute; top:0;z-index:90; left:50%; margin-left:-20px; width:40px; height:12px; border:1px solid #3BAFDA; border-top:none; background:#FFF url(../../../../plugins/designer/content/css/images/mobile/module-move1.png) no-repeat center; text-align:center; cursor:move;}

.ui-resizable-mon .mw-module-align { position:absolute; top:0; left:1px; width:51px; height:10px; background-color:#fff;}
.ui-resizable-mon .mw-module-align .mw-module-align-left,.ui-resizable-mon .mw-module-align .mw-module-align-center,.ui-resizable-mon .mw-module-align .mw-module-align-right { float:left; width:16px; height:10px; border-right:1px solid #3BAFDA; border-bottom:1px solid #3BAFDA;background:url(../../../../plugins/designer/content/css/images/mobile/module-align.png) no-repeat; text-align:center; cursor:pointer;}
.ui-resizable-mon .mw-module-align .mw-module-align-left { background-position:0 -1px;}
.ui-resizable-mon .mw-module-align .mw-module-align-center { background-position:-15px -1px;}
.ui-resizable-mon .mw-module-align .mw-module-align-right { background-position:-32px -1px;}
.ui-resizable-mon .mw-module-align .mw-module-align-left.current { background-position:0 -13px;}
.ui-resizable-mon .mw-module-align .mw-module-align-center.current { background-position:-15px -13px;}
.ui-resizable-mon .mw-module-align .mw-module-align-right.current { background-position:-32px -13px;} 
.ui-resizable-mon .mw-module-del { position:absolute; top:0; right:1px; width:16px; height:12px; border:1px solid #3BAFDA; border-top:none; border-right:none; background:#FFF url(../../../../plugins/designer/content/css/images/mobile/module-del.png) no-repeat center; text-align:center; cursor:pointer;}   
 
 .resizeRedHandle {background: url(../../../../plugins/designer/content/css/images/rect.png) 50% 50% no-repeat;position: absolute;}


.mw-module-hover { border:1px solid #3BAFDA; background-color:#FFF;}
.mw-module-hover .mw-module-control { position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;}


.mw-module-hover .mw-module-control .mw-module-move { position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:12px; border:1px solid #3BAFDA; border-top:none; background:#FFF url(../../../../plugins/designer/content/css/images/mobile/module-move.png) no-repeat center; text-align:center; cursor:move;}
.mw-module-hover .mw-module-control .mw-module-del { position:absolute; top:0; right:0; width:16px; height:12px; border:1px solid #3BAFDA; border-top:none; border-right:none; background-color:#fff; background:url(../../../../plugins/designer/content/css/images/mobile/module-del.png) no-repeat center; text-align:center; cursor:pointer;}
.mw-module-hover .mw-module-control .mw-module-height { position:absolute; bottom:0; left:50%; margin-left:-6px; width:13px; height:12px; border:1px solid #3BAFDA; border-bottom:none; background:url(../../../../plugins/designer/content/css/images/mobile/module-height.png) no-repeat center; text-align:center; cursor:row-resize;}
.mw-module-hover .mw-module-control .mw-module-width { position:absolute; bottom:-21px; right:1px; left:1px; height:20px; line-height:20px; background-color:#F4F4F4;}
.mw-module-current { border:1px solid #3BAFDA; background-color:#FFF;}
.mw-module .mw-module-control { position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;}


.yibuTabItem { height: 100%; overflow: hidden; }
.yibuTabItem tr { line-height: 20px; padding-top: 4px; height: 24px; }
.borderhelper { border: solid 1px #3debff; z-index:2;position:absolute;display:inline-block; top: 0px; left: 0px; }
.operationPanel{margin-top:4px;margin-bottom:4px;}
.operationPanel .smallbutton { padding: 4px; }
 .transparent_class,.smartViewPanel_class { filter:alpha(opacity=92); 
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; 
        -moz-opacity:0.92;
        -khtml-opacity: 0.92;
        opacity: 0.92;
   }
.transparent_class .ui-dialog-buttonpane,.smartViewPanel_class .ui-dialog-buttonpane {
        display:none;
}
    .transparent_class .ui-dialog-titlebar,.smartViewPanel_class .ui-dialog-titlebar{display:none;}
    .transparent_class .ui-dialog-content,.smartViewPanel_class .ui-dialog-content{ padding:0px 0px 0px 0px; }
    .edit_handler{position:absolute; margin:6px 6px 6px 6px; }

.contentDragHandler {
    cursor:move;
}
@font-face { font-family: 'icomoon'; src: url('../../../../plugins/designer/content/css/fonts/icomoon.eot'); src: url('../../../../plugins/designer/content/css/fonts/icomoon.eot') format('embedded-opentype'), url('../../../../plugins/designer/content/css/fonts/icomoon.woff') format('woff'), url('../../../../plugins/designer/content/css/fonts/icomoon.ttf') format('truetype'), url('../../../../plugins/designer/content/css/fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal; }

.yibuTabItem .tdleft { line-height: 20px; padding-right: 6px; min-width: 70px; }
#progressbar { padding-top: 2px; padding-left: 10px; min-width: 160px; display: none; position: absolute; top: 5px; right: 5px; height: 20px; float: right; background-color: #ffd800; color: #000; text-align: center; }


.pcTopContainer { width: 100%; min-height: 400px; }
.mobileTopContainer { width: 99%; min-height: 400px;}
#yibuSmartViewPlaceHold { width: 100%; height: 30px; display: block; text-align:center; background-color:#f9f590; line-height: 24px; padding-top:2px; border:solid 1px #ffd800; clear: both; }
.flowsmartView { width: 100%; height: 100%; display: inline-block; min-height: 80px; border: dashed 1px #d7d3d3; position: relative; }

.themeitem { float: left; margin: 2px 2px 2px 2px; }

.themeitemDiv { margin: 2px 2px 2px 2px; width: 90px; height: 50px; background-image: url(../../../../plugins/designer/content/css/images/themebg.png); background-repeat: no-repeat; }
.topmenuUL { float: left; list-style: none; }

.pageMessageBar { height: 40px; margin: 10px 20px 10px 20px; line-height: 20px; display: none; }

.framedemobase { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif;  text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }

.framedemobase:hover { text-decoration: none; }
.framedemobase:active { position: relative; top: 1px; }
.frameListUL { float: left; list-style: none; width: 260px; margin-left: 0px; padding-left: 0px; left: -4px; background-color: #fff; height: 270px; border: solid 1px #999; }
.frameListUL li { float: left; margin: 2px 2px 2px 2px; width: 32px; height: 32px; display: block; }
.frameListUL div { margin: 2px 2px 2px 2px; width: 28px; height: 28px; display: block; }
.frameDemoPadding { line-height: 28px; text-align: center; padding-bottom: 0px; padding-top: 0px; }
.frameborder { border-style: solid; border-width: 1px; }
.frameColorTopDiv { width: 280px; padding-left: 15px; }

.changeStyleItemDiv { padding-left: 0px; width: 260px; left: -4px; background-color: #fff; border: solid 1px #999; }
.changeColorSeriesDiv { padding-left: 0px; width: 260px; left: -4px; background-color: #fff; border: solid 1px #999; }
.colorpickerlink:link { background-color: #fff; color: #000; }
.colorpickerlink:hover { background-color: #f8f40a; color: #000; }
.colorlinknormal { height: 18px; border: solid 1px silver; width: 200px; float: left; text-align: center; padding-top: 5px; }

.text_changeStyleItem, .text_changeColorSeries { float: left; list-style: none; width: 254px; margin-left: 4px; padding-left: 0px; }

.text_changeStyleItem li, .text_changeColorSeries Li { float: left; width: 120px; height: 26px; margin: 2px 2px 2px 2px; }

.text_changeStyleItem div, .text_changeColorSeries div { width: 110px; height: 26px; overflow: hidden; word-break: keep-all; line-height: 26px; }

.font20bold { font-size: 20px; font-weight: bold; }
.font18bold { font-size: 18px; font-weight: bold; }
.font16bold { font-size: 16px; font-weight: bold; }
.font14bold { font-size: 14px; font-weight: bold; }
.font12bold { font-size: 12px; font-weight: bold; }

.font20 { font-size: 20px; }
.font18 { font-size: 18px; }
.font16 { font-size: 16px; }
.font14 { font-size: 14px; }
.font12 { font-size: 12px; }

.Block7Image2Px180_Sample { width: 60px; }
.Block7Image2Px180_Sample table { width: 100%; }
.Block7Image2Px180_Sample td { width: 33%; vertical-align: top; }
.Block7Image2Px180_Sample div { display: block; background-color: white; line-height: 20px; color: white; text-align: center; font-size: 18px; font-family: Arial,'Microsoft YaHei',STSong; }
.Block7Image2Px180_Sample .Pos0Div { height: 40px; width: 100%; margin: 1px 1px 1px 1px; border: solid 1px #808080; }
.Block7Image2Px180_Sample .Pos0Div .Pos0_0Div { height: 26px; width: 100%; text-align: center; border: solid 1px #808080; }
.Block7Image2Px180_Sample .Pos0Div .Pos0_0Div img { border: none; height: 30px; }
.Block7Image2Px180_Sample .Pos0Div .Pos0_1Div { height: 13px; width: 100%; border: solid 1px #808080; }
.Block7Image2Px180_Sample .Pos0Div .Pos0_1Div a { height: 9px; width: 100%; margin: 10px 0px 10px 0px; display: inline-block; color: white; text-decoration: none; }
.Block7Image2Px180_Sample .Pos2Div { height: 18px; width: 100%; margin: 1px 1px 1px 1px; border: solid 1px #808080; }
.Block7Image2Px180_Sample .Pos3Div { height: 18px; width: 100%; margin: 0px 1px 1px 1px; border: solid 1px #808080; }
.Block7Image2Px180_Sample .Pos3Div a, .Block7Image2Px180_Sample .Pos2Div a { height: 9px; width: 100%; margin: 9px 0px 9px 0px; display: inline-block; color: white; text-decoration: none; }

.Block5Image2Px150_Sample { width: 60px; }
.Block5Image2Px150_Sample table { width: 100%; }
.Block5Image2Px150_Sample td { width: 33%; vertical-align: top; }
.Block5Image2Px150_Sample div { display: block; background-color: white; line-height: 20px; color: white; text-align: center; font-size: 18px; font-family: Arial,'Microsoft YaHei',STSong; }
.Block5Image2Px150_Sample .Pos0Div { height: 40px; width: 100%; margin: 1px 1px 1px 1px; border: solid 1px #808080; }
.Block5Image2Px150_Sample .Pos1Div { height: 40px; width: 100%; margin: 1px 1px 1px 1px; border: solid 1px #808080; }
.Block5Image2Px150_Sample .Pos2Div { height: 18px; width: 100%; margin: 0px 1px 1px 1px; border: solid 1px #808080; }


.EditTextAndImageDiv { width: 100%; height: 100%; overflow: hidden; }
.EditTextAndImageDiv .topStyleItemDiv { width: 100%; height: 90px; float: left; }

.EditTextAndImageDiv ul { float: left; list-style: none; margin-left: 6px; }
.EditTextAndImageDiv div { float: left; }
.EditTextAndImageDiv .leftImageContainer { width: 90px; height: 216px; overflow: auto; background-color: #eeecec; }
.EditTextAndImageDiv .leftImageContainer li { margin: 4px 4px 4px 4px; }
.EditTextAndImageDiv .leftImageContainer img { width: 50px; height: 50px; }
.EditTextAndImageDiv .rightTextInput li { margin-bottom: 6px; }
.EditTextAndImageDiv .rightTextInput input { width: 120px; height: 21px; }

.layout_Block2 .Area_0 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-bottom: 2px; }
.layout_Block2 .middleDiv { height: 40px; display: block; }
.layout_Block2 .Area_1 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-top: 2px; }
.layout_Block2 .Area_Content { border: solid 1px silver; width: 70px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }


.layout_Block4 .Area_0 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-bottom: 2px; }
.layout_Block4 .middleDiv { height: 40px; }
.layout_Block4 .Area_1 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-top: 2px; }
.layout_Block4 .Area_2, .layout_Block4 .Area_3 { border: solid 1px silver; width: 16px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }
.layout_Block4 .Area_Content { border: solid 1px silver; width: 32px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }


.layout_Block3 .Area_0 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-bottom: 2px; }
.layout_Block3 .middleDiv { height: 40px; }
.layout_Block3 .Area_1 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-top: 2px; }
.layout_Block3 .Area_2 { border: solid 1px silver; width: 16px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }
.layout_Block3 .Area_Content { border: solid 1px silver; width: 48px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }

.layout_BlockRight3 .Area_0 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-bottom: 2px; }
.layout_BlockRight3 .middleDiv { height: 40px; }
.layout_BlockRight3 .Area_1 { border: solid 1px silver; width: 100%; height: 14px; display: block; margin-top: 2px; }
.layout_BlockRight3 .Area_2 { border: solid 1px silver; width: 16px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }
.layout_BlockRight3 .Area_Content { border: solid 1px silver; width: 48px; height: 36px; display: block; float: left; margin-left: 2px; margin-bottom: 2px; }


.StyleItemSample { width: 76px; height: 76px; margin: 2px 2px 2px 2px; border: solid 1px #808080; background-color: #fff; }
.OnlyTitleLine .lineSample { line-height: 16px; margin-left: 4px; border-bottom: dotted 2px #808080; width: 70px; height: 16px; }
.ListLineTenStyle { line-height: 16px; width: 76px; height: 20px; background: #ededed; overflow: hidden; }
.ListLineTenStyleBg { line-height: 16px; width: 76px; height: 20px; background: #ddd; overflow: hidden; }

.TitleAndImage .Image { width: 50px; height: 50px; margin-left: 10px; margin-top: 2px; border: solid 1px #ffd800; background-color: #e9e4e4; }
.TitleAndImage .lineTitle { line-height: 4px; margin-left: 4px; border-bottom: dotted 2px #808080; width: 70px; height: 4px; }
.ColorFullLine { background-color: #e9e4e4; }
.ColorFullLine div { border-left: solid 4px #D70000; height: 10px; background-color: #fff; margin: 4px; display: block; }
.GrayLine { }
.GrayLine div { border-bottom: solid 2px #D70000; height: 10px; background-color: #fff; margin: 4px; display: block; }
.LeftPicRightText .Image { width: 20px; height: 20px; margin-top: 2px; border: solid 1px #ffd800; background-color: #e9e4e4; float: left; display: block; }
.LeftPicRightText .lineSample { width: 50px; height: 20px; float: left; display: block; line-height: 10px; color: #444444; }
.TopPictureBottomTitle .Image { width: 60px; height: 50px; margin-left: 5px; margin-top: 2px; border: solid 1px #ffd800; background-color: #e9e4e4; }
.TopPictureBottomTitle .lineTitle { line-height: 4px; margin-left: 4px; border-bottom: solid 2px #808080; width: 70px; height: 4px; }
.TopPictureBottomLine .Image { width: 60px; height: 40px; margin-left: 5px; margin-top: 2px; border: solid 1px #ffd800; background-color: #e9e4e4; }
.TopPictureBottomLine .lineTitle { line-height: 6px; margin-left: 4px; margin-top: 4px; border: solid 1px #808080; width: 70px; height: 6px; background-color: rgba(0,0,0,.2); }
.commonItemSelect { float: left; display: block; list-style-type: none; }
.commonItemSelect li { float: left; width: 88px; height: 106px; display: block; padding: 4px; border: 1px solid #FFF; }
.commonItemSelect li .divTitle { float: left; width: 90px; display: block; text-align: center; color: #444444; }

.pager { zoom: 1; }
.pager:after { content: "."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; }
.pager ul { float: right; margin: 2px 0; }
.pager li { float: left; line-height: 20px; list-style: none outside none; margin-left: 5px; }
.pager a, .pager span { display: inline-block; min-width: 10px; text-align: center; color: #555; font-size: 11px; font-weight: 700; padding: 0px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; border: 1px solid gainsboro; border: 1px solid rgba(0,0,0,0.1); background-color: whiteSmoke; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none; }
.pager span, .pager a:active { background-color: #F9F9F9; cursor: default; }
.pager a:hover { border: 1px solid #C6C6C6; color: #333; -webkit-transition: all 0.0s; -moz-transition: all 0.0s; -ms-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; background-color: #F8F8F8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration: none; }
.pager li.current-page { border-radius: 3px; }



.box { width: 960px; margin-left: auto; margin-right: auto; text-align: left; }
a { color: #5A5A5A; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

.red { color: #c21012; }
.more { float: right; }
.divshut:after { clear: both; content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; display: block; font-size: xx-large; height: 0 !important; line-height: 0; overflow: hidden; visibility: hidden; }
.dashedline { BORDER-BOTTOM-STYLE: dashed; BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; }


.fl { float: left; }
.fr { float: right; }
.clear { clear: both; float: none; zoom: 1; overflow: hidden; }
.noheight { font-size: 0px; height: 0px; }
.texthidden { overflow: hidden; text-indent: -9999px; }

.m_top_10 { margin-top: 10px; }
.m_top_15 { margin-top: 15px; }
.m_left_15 { margin-left: 15px; }
.m_lr_7 { margin-left: 7px; margin-right: 7px; }
.border { border: 1px solid #f1cbcb; }
.b_border { border-bottom: 1px solid #ee0288; }
.t_border { border-top: 1px solid #fee8ea; }

.smicon { }
.smicon .s { width: 16px; height: 16px; }
.smicon .d { width: 11px; height: 11px; }
.smicon .systempage { background-position: 0px -115px; }
.smicon .sitepage { background-position: -19px -115px; }
.smicon .pageon { background-position: -40px -115px; }
.smicon .pageoff { background-position: -57px -115px; }
.smicon .del { background-position: -77px -115px; }
.smicon .set { background-position: -99px -115px; }
.smicon .del-w { background-position: 0px -140px; }
.smicon .del-g { background-position: -19px -140px; }
.edit_steplist li { line-height: 20px; margin: 4px; height: 24px; display: block; }



ul.operation_toolbar { top: -57px; left: -2px; padding: 2px; height: 50px; border: 1px solid #999; background-color: #FFF; width: 258px; }
ul.operation_toolbar li { float: left; display: block; width: 50px; height: 50px; text-align: center; overflow: hidden; }
ul.operation_toolbar li i { padding: 0; height: 30px; line-height: 30px; font-size: 16px; }
ul.operation_toolbar li h3 { line-height: 20px; font-size: 12px; }
ul.operation_toolbar li a { display: block; color: #555; }
ul.operation_toolbar li a:hover { background-color: #FCF0ED; color: #333; }


ul.operation_menu { position: absolute; top: 0px; left: -2px; display: block; width: 120px;  border: 1px solid #999; background-color: #FFF; -moz-box-shadow: 2px 2px 4px #666; -webkit-box-shadow: 2px 2px 4px #666; box-shadow: 2px 2px 4px #666; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
ul.operation_menu li { clear: both; display: block; margin: 0; padding: 0; line-height: 25px; text-align: left; font-size: 12px; }
ul.operation_menu li i { width: 25px; line-height: 25px; text-align: center; }
ul.operation_menu li em.operation_menuline { clear: both; display: block; margin: 0 0 0 25px; *margin: -18px 0 -7px 25px; padding: 0; height: 0; overflow: hidden; border-bottom: 1px solid #E0E3E6; }
ul.operation_menu li a { display: block; *width: 120px; color: #555; }
ul.operation_menu li a:hover { background-color: #FCF0ED; color: #333; }




#sitetop { }
#sitebody { *zoom: 1; }
#sitebody .content, #sitebody .sidebar {  }
#sitebody .sidebar { float: left; width: 190px; border-right: #c6c6c6 1px solid; position: relative; min-height: 540px; position: fixed; _position: absolute; height: 100%; }
.sidebar .sideicon { width: 11px; height: 11px; display: block; position: absolute; top: 5px; right: 10px; z-index: 1000; }
.sidebar .fold { background-position: -38px -138px; }
.sidebar .unfold { background-position: -52px -138px; }
.sidebar .bt { color: #444444; font-size: 12px; text-align: left; font-weight: bold; margin-left: 10px; margin-top: 10px; height: 20px; line-height: 20px; }
.sidebar .bt span { float: left; margin-right: 8px; }

.sidebar .pages { margin-left: 10px; width: 200px; border: #bcbec3 1px solid; padding: 8px; background: #FFF; font-family: arial; }
.sidebar .pages ul { }
.sidebar .pages li { border-bottom: #dad9d9 1px dashed; height: 26px; line-height: 26px; color: #444444; }
.sidebar .pages li:last-child { border-bottom: none; }
.sidebar .pages li i { width: 16px; height: 16px; overflow: hidden; display: block; background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.png); _background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.gif); background-position: -57px -115px; background-repeat: no-repeat; float: left; margin-top: 4px; margin-right: 8px; }
.sidebar .pages li .float-del { margin-top: 4px; margin-left: 4px; float: right; width: 16px; height: 16px; overflow: hidden; display: block; background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.png); _background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.gif); background-position: -77px -115px; background-repeat: no-repeat; }
.sidebar .pages li .float-setting { margin-top: 4px; margin-left: 4px; float: right; width: 16px; height: 16px; overflow: hidden; display: block; background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.png); _background-image: url(../../../../plugins/designer/content/css/images/ui-icon-hp.gif); background-position: -99px -115px; background-repeat: no-repeat; }
.sidebar .pages .selected i { background-position: -40px -115px; }
.sidebar .pages .lv1 { padding-left: 0px; cursor: pointer; }
.sidebar .pages .lv2 { padding-left: 15px; }
.sidebar .pages .lv3 { padding-left: 30px; }
.sidebar .pages .lv4 { padding-left: 45px; }
.sidebar .pages .lv5 { padding-left: 60px; }
#sitebody .sidehidden { width: 48px; }
.sidehidden .zd { border-bottom: #c6c6c6 1px solid; margin: 5px; }
.sidehidden .sideicon { display: block; height: 11px; position: static; width: 11px; z-index: 1000; margin: 5px auto; }
.sidehidden .bt { color: #444444; font-size: 12px; text-align: center; font-weight: bold; margin-left: 10px; margin-top: 10px; height: 40px; line-height: 30px; }
.sidehidden .bt span { float: none; clear: both; margin: 0 auto; padding: 0; }



#sitebody .content { margin-left: 235px; }
#footer { margin-top: 1em; }



.graybg { background-color: #E9EAEC; margin: 0; padding: 0; position: relative; }
.graycode { width: 25px; height: 25px; position: fixed; left: 315px; top: 6px; z-index: 1000; }
.mobileHeader { display: block; width: 524px; height: 34px; background-color: #e9eaec; background-image: url(../../../../plugins/designer/content/css/images/phone-top.png); background-repeat: no-repeat; top: 0px; position: fixed; z-index: 9999; }
.mobilefooter { display: block; width: 524px; height: 56px; background-color: #e9eaec; background-image: url(../../../../plugins/designer/content/css/images/phone-bottom.png); background-repeat: no-repeat; position: fixed; bottom: 0px; z-index: 9999; }
.wapContentContainerLeft { display: block; float: left; background-color: #e9eaec; width: 21px; background-image: url(../../../../plugins/designer/content/css/images/phone-left.png); background-repeat: repeat-y; height: 100%; top: 30px; position: fixed; }
.wapContentContainerRight { display: block; width: 19px; background-color: #e9eaec; background-image: url(../../../../plugins/designer/content/css/images/phone-right.png); background-repeat: repeat-y; height: 100%; top: 30px; left: 545px; position: fixed; }
.wapTopContainer { width: 480px; min-height: 400px; margin-left: 22px; *position: absolute; padding-top: 34px; padding-bottom: 56px; background: #FFF; }
.pcTopContainer { width: 100%; min-height: 400px; }


#sitebody .sitemanage { float: left; width: 200px; border-right: #c6c6c6 1px solid; position: absolute; height: 100%; min-height: 300px; left: 0px; margin-top: 0px; }
#sitebody .sitemanagert { margin-left: 200px; background: #FFF; min-height: 500px; position: absolute; top: 30px; }
#sitebody .sitemanage h1 { font-weight: bold; margin: 10px auto; height: 20px; height: 16px; color: #999; text-align: center; }
@font-face { font-family: 'museo500'; src: url('../../../../plugins/designer/content/css/images/museosans_500-webfont.eot'); src: url('../../../../plugins/designer/content/css/images/museosans_500-webfont.eot') format('embedded-opentype'), url('../../../../plugins/designer/content/css/images/museosans_500-webfont.woff') format('woff'), url('../../../../plugins/designer/content/css/images/museosans_500-webfont.ttf') format('truetype'), url('../../../../plugins/designer/content/css/images/museosans_500-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }

ul.expmenu { width: 200px; }
ul.expmenu * { list-style: none; }
ul.expmenu > li > div.header { padding: 8px; border-top: 1px #b4b4b4 solid; border-bottom: 1px #bac7d4 solid; }
ul.expmenu > li:last-child > div.header { border-bottom: none; }
ul.expmenu > li ul li { background-color: #ececec; padding: 8px 8px 8px 35px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
ul.expmenu > li ul li:last-child { border-bottom: none; }
ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
ul.expmenu div.header { color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2); background: #ececec;  }
ul.expmenu > li > div.header > .label { padding-left: 24px; background: no-repeat; }
ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
ul.expmenu > li > div.header > .arrow.up { background-image: url(../../../../plugins/designer/content/css/images/arrow_u.png); }
ul.expmenu > li > div.header > .arrow.down { background-image: url(../../../../plugins/designer/content/css/images/arrow_d.png); }


ul.expmenu div.header:hover { background: #cfcfcf;  background: -moz-linear-gradient(top, #ececec 0%, #cfcfcf 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#cfcfcf));  background: -webkit-linear-gradient(top, #ececec 0%,#cfcfcf 100%);  background: -o-linear-gradient(top, #ececec 0%,#cfcfcf 100%);  background: -ms-linear-gradient(top, #ececec 0%,#cfcfcf 100%);  background: linear-gradient(to bottom, #ececec 0%,#b1b1b1 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#cfcfcf',GradientType=0 );  cursor: pointer; }

ul.expmenu > li ul li:not(.selected):hover { background: #e7e7e7; cursor: pointer; }
ul.expmenu > li ul li:not(.selected):active { background: #f1f1f1; cursor: pointer; }
ul#pagination-freebie { display: table; padding-right: 20px; margin: 20px auto; list-style: none; }
ul#pagination-freebie:last-child { padding-right: 0; }
ul#pagination-freebie li { float: left; margin-bottom: 20px; }
ul#pagination-freebie li:last-child { margin-right: 0; }

div#text { text-align: center; font-size: 48px; width: 610px; margin: 0 auto; margin-top: 50px; margin-top: 80px; }
div#smalltext { text-align: center; font-size: 15px; width: 600px; margin: 0 auto; }
div#content { display: table; margin: 0 auto; padding: 30px; }
div.navweixin {  }
ul.sweixin { font-family: "Microsoft YaHei","΢���ź�",Helvetica,"����",Arial,Tahoma; font-size: 14px; color: #222222; }
ul.sweixin div.header { background: #F3F3F3; }
ul.sweixin div.header:hover { background: #E7E7E7; }
ul.sweixin > li > div.header { border-bottom: 1px solid #D1D1D1; border-top: none; }
ul.sweixin > li ul li { border-bottom: none; border-top: none; background: #F3F3F3; font-family: "Microsoft YaHei","΢���ź�",Helvetica,"����",Arial,Tahoma; font-size: 14px; color: #222222; padding: 4px 4px 4px 50px; }
ul.sweixin .menu { border: none; border-bottom: 1px solid #D1D1D1; padding-top: 10px; padding-bottom: 10px; background: none repeat scroll 0 0 #F3F3F3; }
ul.sweixin > li:last-child > div.header { border-bottom: 1px solid #D1D1D1; }
ul.sweixin > li > div.header > .label { padding-left: 42px; background-image: url(../../../../plugins/designer/content/css/images/weicon.png); background-repeat: no-repeat; }
ul.sweixin > li > div.header > .arrow.up { background: url(../../../../plugins/designer/content/css/images/arrowb.png) 0 0 no-repeat; margin-top: 4px; }
ul.sweixin > li > div.header > .arrow.down { background: url(../../../../plugins/designer/content/css/images/arrowb.png) 0 -25px no-repeat; margin-top: 4px; }
.weicon { padding: 30px; line-height: 1.5em; font-family: "Microsoft YaHei","΢���ź�",Helvetica,"����",Arial,Tahoma; }
.weicon h1 { color: #222; font-weight: bold; line-height: 2em; margin: 10px 0; font-size: 16px; }
.weicon table { border-collapse: collapse; border: #CCC 1px solid; margin-bottom: 30px; }
.weicon table tr td, .weicon table tr th { border: #ccc 1px solid; }
.weicon .botton-submit { text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); padding: 3px 6px; background: #86BD8A; color: #FFF; font-weight: normal; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.del { background: url("../../../../plugins/designer/content/css/images/line-del.jpg"); background-position: left top; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); cursor: pointer; width: 17px; height: 17px; display: inline-block; margin: 0px 5px 0px 5px; }
.edit { background: url("../../../../plugins/designer/content/css/images/page_white_edit.png"); background-position: left top; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); cursor: pointer; width: 17px; height: 17px; display: inline-block; margin: 0px 5px 0px 5px; }
.up { background: url("../../../../plugins/designer/content/css/images/arrow-up.png"); background-position: left top; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); cursor: pointer; width: 17px; height: 17px; display: inline-block; margin: 0px 5px 0px 5px; }
.down { background: url("../../../../plugins/designer/content/css/images/arrow-down.png"); background-position: left top; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0); cursor: pointer; width: 17px; height: 17px; display: inline-block; margin: 0px 5px 0px 5px; }
.upanddown { cursor: pointer; width: 17px; height: 17px; display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 5px; }
.phone { width: 350px; height: 560px; background: url(../../../../plugins/designer/content/css/images/phone.png) no-repeat; }
.prevMobileTemplate { width: 350px; height: 560px; overflow: hidden; }
.prevPcTemplate { width: 350px; height: 560px; overflow: hidden; }

.fancybox-close { cursor: pointer; height: 36px; position: absolute; right: -18px; top: -18px; width: 36px; z-index: 8040; background-image: url("../../../../plugins/designer/content/css/images/fancybox_sprite.png"); }
.fancybox-close1 { cursor: pointer; height: 36px; position: absolute; right: 0px; top: 8px; width: 36px; z-index: 8040; background-image: url("../../../../plugins/designer/content/css/images/fancybox_sprite.png"); }
.box-fl-qrcode { bottom: 200px; color: #FFFFFF; height: 200px; position: absolute; right: -155px; width: 145px; z-index: 8040; }
.box-fl-qrcode .qrcode-panel { background: none repeat scroll 0 0 #FFFFFF; }


.boxloading { display: none; position: absolute; width: 50px; height: 50px; background-color: black; z-index: 1002; background: url(../../../../plugins/designer/content/css/images/grayloading.gif) no-repeat; }
.pageNotFind { background: url(../../../../plugins/designer/content/css/images/404.gif) no-repeat; height: 400px; width: 400px; }

.cancellation { position: absolute; margin-right: 20px; margin-top: 5px; z-index: 100; right: 0px; }


.colm_wrap { }

dl.colm_table { height: 300px; overflow-y: auto; }
dl.colm_table a.iconfont { font-size: 14px; }
dl.colm_table dl { line-height: 35px; }
dl.colm_table dl dt, dl.colm_table dl dd { float: left; display: block; line-height: 35px; border-bottom: 1px solid #DDD; text-align: left; font-size: 12px; text-indent: 10px; }

dl.colm_table dl.colm_table_thead { border-bottom: 1px solid #CCC; background-color: #F6F6F6; }
dl.colm_table dl.colm_table_thead dt { font-weight: 700; color: #333; }

dl.colm_table dl.colm_table_tbody { line-height: 35px; cursor: move; }
dl.colm_table dl.colm_table_tbody dl.colm_table_dl { height: 35px; }
dl.colm_table dl.colm_table_tbody dd { }
dl.colm_table dl.colm_table_tbody dd.s_column { text-indent: 30px; }
dl.colm_table dl.colm_table_tbody dd.t_column { text-indent: 60px; }


dl.colm_table dl.colm_table_tbody a { }
dl.colm_table dl.colm_table_tbody a:hover { color: #EF5F48; }
.editnva-bar-img { display: block; width: 32px; height: 32px; line-height: 44px; margin: 0px; padding: 0px; background: transparent url(../../../../plugins/designer/content/css/images/whiteicons.png) no-repeat; }




.div_brush_main { margin: 10px auto; height: auto; width: 560px; }

.div_brush_leftmenu { width: 300px; height: 30px; margin: 0 0 0 4px; overflow: hidden; border-left: 1px solid #a0a0a0; }

.div_brush_leftmenu ul { list-style: none; width: 300px; margin: 0; padding: 0; }

.li_addpiclist_menu02out { width: 70px; height: 30px; display: block; text-align: center; line-height: 30px; float: left; cursor: pointer; border-right: 1px solid #a0a0a0; border-top: 1px solid #a0a0a0; margin: 0; }

.li_addpiclist_menu02over { width: 70px; height: 30px; display: block; background: #CCCCCC; text-align: center; float: left; cursor: pointer; line-height: 30px; border-right: 1px solid #a0a0a0; border-top: 1px solid #a0a0a0; margin: 0; }

.div_brush_rightcontent { width: 560px; height: auto; }




.box { position: absolute; width: 600px; left: 50%; height: auto; z-index: 100; background-color: #fff; border: 1px #8FA4F5 solid; padding: 1px; }

.box h2 { height: 25px; font-size: 14px; background-color: #3366cc; position: relative; padding-left: 10px; line-height: 25px; color: #fff; }

.box h2 a { position: absolute; right: 5px; font-size: 12px; color: #fff; }

.box .mainlist { padding: 10px; }

.box .mainlist li { height: 24px; line-height: 24px; }

.box .mainlist li span { margin: 0 5px 0 0; font-family: "����"; font-size: 12px; font-weight: 400; color: #ddd; }

#TB_overlayBG { background-color: #666; position: absolute; z-index: 99; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }


.div_itemupload { width: 550px; height: 358px; margin: 0 auto 4px auto; overflow: hidden; border: 1px solid #a0a0a0; }

.div_itemupload .div_itemupload_output { width: 550px; height: 290px; overflow: hidden; }

.pictureUL { width: 550px; height: 358px; list-style-type: none; margin: 0 auto; padding: 0; overflow: hidden; }

.pictureUL li { width: 100px; height: 84px; overflow: hidden; display: block; float: left; margin: 8px 0 0 6px; text-align: center; border: 1px solid #FFF; cursor: pointer; position: relative; }

.pictureUL li span { position: absolute; filter: alpha(opacity=60); opacity: 0.6; display: block; background: #ffffff; height: 20px; line-height: 20px; width: 80px; z-index: 100; bottom: 4px; left: 5px; }

.pictureUL li img { margin: 2px; width: 96px; height: 60px; }


.div_brushpic_itemlist { width: 430px; height: 90%; margin: 0 auto; }

.div_brushpic_itemlist ul { width: 430px; height: auto; }

.div_brushpic_itemlist ul li { width: 430px; display: block; margin: 5px auto; }

.div_editpic_main { width: 450px; height: 356px; margin: 10px auto; overflow: hidden; }

.div_editpic_leftmenu { width: 120px; height: 356px; overflow: hidden; float: left; }

.div_editpic_leftmenu_link { width: 540px; height: 30px; overflow: hidden; margin: 0 auto; text-align: left; }
.div_editpic_leftmenu_link a { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; }
.div_editpic_leftmenu_link a:link { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; }
.div_editpic_leftmenu_link a:visited { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; }
.div_editpic_leftmenu_link a:hover { text-decoration: none; width: 94px; height: 25px; display: block; background: #E2EFFC; text-align: center; line-height: 25px; border: 1px solid #7EB4EA; margin: 0; }

.div_editpic_leftmenu_pic { width: 120px; height: 300px; overflow: hidden; }

.div_editpic_leftmenu_pic ul { width: 96px; list-style-type: none; margin: 0; padding: 0; overflow: hidden; }

.div_editpic_leftmenu_pic ul li { width: 96px; height: 73px; overflow: hidden; display: block; float: left; margin: 3px 0 0 0; text-align: center; cursor: pointer; }
.div_editpic_leftmenu_pic ul li p { position: relative; }

.div_editpic_leftmenu_pic ul li p span { position: absolute; filter: alpha(opacity=60); opacity: 0.6; display: block; background: #000; color: #fff; left: 0px; height: 20px; line-height: 20px; width: 96px; z-index: 100; left: 0px; bottom: 4px; }

.div_editpic_leftmenu_pic ul li p span a { font-size: 12px; text-decoration: none; color: #fff; }

.div_editpic_leftmenu_pic ul li img { margin: 4px auto; }

.div_editpic_leftmenu_pic ul li .span_name { width: 80px; text-align: center; display: block; height: 20px; font-size: 12px; margin: 0 auto; overflow: hidden; }
.div_editpic_leftbotton_link { width: 96px; height: 35px; overflow: hidden; text-align: center; color: #5A5A5A; }

.div_editpic_leftbotton_link a { color: #5A5A5A; text-decoration: none; }
.div_editpic_leftbotton_link a:link { color: #5A5A5A; text-decoration: none; }
.div_editpic_leftbotton_link a:visited { color: #5A5A5A; text-decoration: none; }
.div_editpic_leftbotton_link a:hover { color: #000; text-decoration: underline; }

.div_editpic_rightmain_show { width: 300px; height: auto; float: right; overflow: hidden; }

.li_addpiclist_menu01out { width: 70px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; text-decoration: none; }

.li_addpiclist_menu01over { width: 70px; height: 25px; display: block; background: #E2EFFC; text-align: center; line-height: 25px; border: 1px solid #7EB4EA; margin: 0; }

#div_next a { text-decoration: none; width: 94px; height: 20px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; }
#div_next a:link { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; }
#div_next a:visited { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; }
#div_next a:hover { text-decoration: none; width: 94px; height: 25px; display: block; background: #E2EFFC; text-align: center; line-height: 25px; border: 1px solid #7EB4EA; }

.input_allout { height: 25px; display: block; text-align: center; background: #e0e0df; line-height: 25px; margin: 5px 0 0 0; }

.input_allover { height: 25px; display: block; background: #E2EFFC; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; margin: 5px 0 0 0; }

.div_uploadpanel { width: 533px; height: auto; text-align: right; margin: 5px auto; }

.div_uploadpanel a { text-decoration: none; width: 94px; height: 20px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; float: right; }
.div_uploadpanel a:link { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; float: right; }
.div_uploadpanel a:visited { text-decoration: none; width: 94px; height: 25px; display: block; text-align: center; line-height: 25px; border: 1px solid #a0a0a0; background: #e0e0df; margin: 0; float: right; }
.div_uploadpanel a:hover { text-decoration: none; width: 94px; height: 25px; display: block; background: #E2EFFC; text-align: center; line-height: 25px; border: 1px solid #7EB4EA; margin: 0; float: right; }




.div_newstamplate_paging { width: 100%; height: auto; }
.div_newstamplate_paging .prev { width: 49%; height: 20px; line-height: 20px; overflow: hidden; float: left; text-align: left; text-indent: 0; }

.div_newstamplate_paging .next { width: 49%; height: 20px; line-height: 20px; overflow: hidden; float: right; text-align: right; text-indent: 0; }




/**************�����л��ؼ�****************/
.lan_divshut .s { float: left; border: #ffffff 1px solid; margin: 5px; background: #FFF; cursor: pointer; }

.lan_divshut { display: none; }

.onselected { display: block; }

.lang1 .s { width: 50px; height: 50px; padding: 4px; position: relative; }

.s .abox, .s1, .s2, .s3, .s4, .lanview { width: 50px; height: 50px; background-image: url(../../../../plugins/designer/content/css/images/lang.png); background-repeat: no-repeat; background-position: left top; background-color: #fff; }

.lan_divshut .s:hover { border: 1px solid #CACFD2; background-color: #CACFD2; }

.lang2 .s, .lang3 .s { width: 124px; height: 30px; border: #ccc 2px solid; margin-top: 20px; margin-bottom: 20px; }

.lang2 .s .abox, .lang3 .s .abox { width: 120px; height: 29px; font-size: 12px; line-height: 29px; }

.lang2 .s .abox span { display: inline-block; width: 60px; text-align: center; }

.lang3 .s { padding-left: 10px; }

.lang3 .s .abox span { display: inline-block; width: 85px; text-align: left; }

.lang3 .s .abox .llr { width: 30px; }

.lang1 { margin-left: 12px; margin-top: 16px; }

.lang3 { margin-left: 12px; }

.lang2 { margin-left: 25px; }




/**************�����л��ؼ�****************/
.m_pcmo { border: 2px solid #cccccc; width: 100px; height: 30px; }
.m_pcmo div { float: left; line-height: 30px; width: 48px; text-align: center; cursor: default; }
/********pc�ֻ��л�**********/

/************************************************************************标题栏*************/
.currentStyleItemtitle { border: 1px solid #F9C86A !important; background-color: #F9C86A; }
.currentStyleItemtitle .ico { position: absolute; right: 4px; bottom: 4px; z-index: 20; width: 22px; height: 22px; background: url(../../../../plugins/designer/content/css/images/icon_selected.png) no-repeat; }

.titlestyle1_3 { background: url("../../../../plugins/designer/content/css/images/title-styles.jpg") no-repeat; background-position: 0px -20px; height: 36px; }
.titlecolor1_3 { background: url("../../../../plugins/designer/content/css/images/title-colorseries.jpg") no-repeat; background-position: 0px -20px; width: 100%; height: 36px; }
.nva-bar-img { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin: 0px; padding: 0px; background: transparent url(../../../../plugins/designer/content/css/images/whiteicons.png) no-repeat; }




.u_titlebar { position: relative; zoom: 1; padding: 10px; height: 16px; line-height: 16px; }
.u_titlebar .u_titlebar_title { display: inline; float: left; line-height: 14px; text-align: left; font-size: 14px; font-weight: 700; }
.u_titlebar .u_titlebar_text { float: left; margin-left: 10px; }
.u_titlebar .u_titlebar_more { float: right; }

.u_titlebar_gray { }



.u_titlebar_gray4 { background-color: #BDC3C7; }
.u_titlebar_gray4 .u_titlebar_text { color: #FFF; font-size: 12px; }
.u_titlebar_gray4 .u_titlebar_title { color: #FFF; }


.u_titlebar_blue { background-color: #3498DB; }
.u_titlebar_blue .u_titlebar_title { color: #FFF; font-size: 14px; }
.u_titlebar_blue .u_titlebar_text { color: #FFF; }
.u_titlebar_blue .u_titlebar_more a { color: #FFF; }

.u_titlebar_red { background-color: #E74C3C; }
.u_titlebar_red .u_titlebar_title { color: #FFF; font-size: 14px; }
.u_titlebar_red .u_titlebar_text { color: #FFF; }
.u_titlebar_red .u_titlebar_more a { color: #FFF; }


.u_titlebar_green { background-color: #2ECC71; }
.u_titlebar_green .u_titlebar_title { color: #FFF; font-size: 14px; }
.u_titlebar_green .u_titlebar_text { color: #FFF; }
.u_titlebar_green .u_titlebar_more a { color: #FFF; }


.u_titlebar_orange { background-color: #F1C40F; }
.u_titlebar_orange .u_titlebar_title { color: #FFF; font-size: 14px; }
.u_titlebar_orange .u_titlebar_text { color: #FFF; }
.u_titlebar_orange .u_titlebar_more a { color: #FFF; }


.u_titlebar_black { background-color: #34495E; }
.u_titlebar_black .u_titlebar_title { color: #FFF; font-size: 14px; }
.u_titlebar_black .u_titlebar_text { color: #FFF; }
.u_titlebar_black .u_titlebar_more a { color: #FFF; }




.u_titlebar_style_1 { background-color: #F2F2F2; }
.u_titlebar_style_1 .u_titlebar_title { color: #333; font-size: 14px; }
.u_titlebar_style_1 .u_titlebar_text { color: #999; }
.u_titlebar_style_1 .u_titlebar_more a { color: #666; }


.u_titlebar_gray.u_titlebar_style_1 { border-left: 5px solid #BDC3C7; }

.u_titlebar_blue.u_titlebar_style_1 { border-left: 5px solid #3498DB; }

.u_titlebar_red.u_titlebar_style_1 { border-left: 5px solid #E74C3C; }

.u_titlebar_green.u_titlebar_style_1 { border-left: 5px solid #2ECC71; }

.u_titlebar_orange.u_titlebar_style_1 { border-left: 5px solid #F1C40F; }

.u_titlebar_black.u_titlebar_style_1 { border-left: 5px solid #34495E; }



.u_titlebar_style_2 { background-color: #F2F2F2; }
.u_titlebar_style_2 .u_titlebar_title { color: #333; font-size: 14px; }
.u_titlebar_style_2 .u_titlebar_text { color: #999; }
.u_titlebar_style_2 .u_titlebar_more a { color: #666; }


.u_titlebar_gray.u_titlebar_style_2 { border-top: 3px solid #BDC3C7; }

.u_titlebar_blue.u_titlebar_style_2 { border-top: 3px solid #3498DB; }

.u_titlebar_red.u_titlebar_style_2 { border-top: 3px solid #E74C3C; }

.u_titlebar_green.u_titlebar_style_2 { border-top: 3px solid #2ECC71; }

.u_titlebar_orange.u_titlebar_style_2 { border-top: 3px solid #F1C40F; }

.u_titlebar_black.u_titlebar_style_2 { border-top: 3px solid #34495E; }



.u_titlebar_style_3 { background-color: #F2F2F2; }
.u_titlebar_style_3 .u_titlebar_title { color: #333; font-size: 14px; }
.u_titlebar_style_3 .u_titlebar_text { color: #999; }
.u_titlebar_style_3 .u_titlebar_more a { color: #666; }


.u_titlebar_gray.u_titlebar_style_3 { border-bottom: 3px solid #BDC3C7; }

.u_titlebar_blue.u_titlebar_style_3 { border-bottom: 3px solid #3498DB; }

.u_titlebar_red.u_titlebar_style_3 { border-bottom: 3px solid #E74C3C; }

.u_titlebar_green.u_titlebar_style_3 { border-bottom: 3px solid #2ECC71; }

.u_titlebar_orange.u_titlebar_style_3 { border-bottom: 3px solid #F1C40F; }

.u_titlebar_black.u_titlebar_style_3 { border-bottom: 3px solid #34495E; }



.u_titlebar_style_4 { background-color: #F2F2F2; }
.u_titlebar_style_4 .u_titlebar_title { color: #333; font-size: 14px; }
.u_titlebar_style_4 .u_titlebar_title i { margin-right: 5px; }
.u_titlebar_style_4 .u_titlebar_text { color: #999; }
.u_titlebar_style_4 .u_titlebar_more a { color: #666; }


.u_titlebar_gray.u_titlebar_style_4 i.iconfont { color: #BDC3C7; }

.u_titlebar_blue.u_titlebar_style_4 i.iconfont { color: #3498DB; }

.u_titlebar_red.u_titlebar_style_4 i.iconfont { color: #E74C3C; }

.u_titlebar_green.u_titlebar_style_4 i.iconfont { color: #2ECC71; }

.u_titlebar_orange.u_titlebar_style_4 i.iconfont { color: #F1C40F; }

.u_titlebar_black.u_titlebar_style_4 i.iconfont { color: #34495E; }

.u_titlebar_style_4 .u_titlebar_title i { margin-right: 5px; }
.u_titlebar_style_4 .u_titlebar_title .iconfont { display: inline-block; font-family: clouddream; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

/************************************************************************标题栏*************/



.selected_wrap li { position:relative; z-index:10; margin:5px;}
.selected_wrap li.selected,.selected_wrap li.selected:hover { margin:0; padding:5px; background-color:#E74C3C;}
.selected_wrap li.selected .selectedin_box { border:1px solid #FFF; background-color:#FFF;}
.selected_wrap li.selected i.ico,.selected_wrap li.selected:hover i.ico { position:absolute; right:4px; bottom:4px; z-index:20; display:block; width:24px; height:24px; background:url(../../../../plugins/designer/content/css/images/icon_selected.gif) no-repeat;}
.selected_wrap li:hover { margin:0; padding:5px; background-color:#CACFD2;}
.selected_wrap li:hover i.ico { display:none;}


.selected_s_wrap li { position:relative; z-index:10; margin:5px;}
.selected_s_wrap li.selected,.selected_s_wrap li.selected:hover { margin:0; padding:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#EF5F47;}
.selected_s_wrap li.selected i.ico,.selected_s_wrap li.selected:hover i.ico { position:absolute; top:50%; left:50%; z-index:20; display:block; margin-top:-8px; margin-left:-8px; width:16px; height:16px; background:url(../../../../plugins/designer/content/css/images/icon_selected_s.png) no-repeat;}
.selected_s_wrap li:hover { margin:0; padding:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#CACFD2;}
.selected_s_wrap li:hover i.ico { display:none;}


ul.style_list_wrap { clear:both; display:block; padding:10px; border:1px solid #DDD;}
ul.style_list_wrap li { float:left; display:block; margin-right:5px;}
ul.style_list_wrap li .style_box { display:block; width:48px; height:48px; border:1px solid #CBCBCB; background-color:#F6F6F6; text-align:center;}

ul.style_list_wrap { clear: both; display: block; padding: 10px; border: 1px solid #DDD; }
ul.style_list_wrap li { float: left; display: block; margin-right: 5px; }
ul.style_list_wrap li .style_box { display: block; width: 48px; height: 48px; border: 1px solid #CBCBCB; background-color: #F6F6F6; text-align: center; }


ul.color_list_wrap { clear: both; display: block; padding: 10px; border: 1px solid #DDD; }
ul.color_list_wrap li { float: left; display: block; margin-right: 5px; }
ul.color_list_wrap li .style_box { display: block; width: 128px; height: 64px; border: 1px solid #CBCBCB; background-color: #F6F6F6; text-align: center; }


.u_button * { margin: 0; padding: 0; }

.u_button { display: inline-block; *margin: 0 2px; padding: 0 20px; height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: none; vertical-align: middle; text-align: center; text-decoration: none; font-size: 12px; line-height: 30px; cursor: pointer; *display: inline; *zoom: 1; *overflow: visible; /* for a ie6/7 bug */ }
.u_button .u_button_text { padding: 0; height: auto; background: none; line-height: auto; }
.u_button:hover { text-decoration: none; }

input.u_button_text, button.u_button_text { font-family: Hiragino Sans GB; *vertical-align: top;  }


.u_button_gray { background-color: #BDC3C7; color: #FFF; }
.u_button_gray:hover { background-color: #CACFD2; }
.u_button_gray .iconfont { color: #FFF; }
a.u_button_gray { color: #FFF; }


.u_button_blue { background-color: #3498DB; color: #FFF; }
.u_button_blue:hover { background-color: #5DADE2; }
.u_button_blue .iconfont { color: #FFF; }
a.u_button_blue { color: #FFF; }


.u_button_red { background-color: #E74C3C; color: #FFF; }
.u_button_red:hover { background-color: #EC7063; }
.u_button_red .iconfont { color: #FFF; }
a.u_button_red { color: #FFF; }


.u_button_green { background-color: #2ECC71; color: #FFF; }
.u_button_green:hover { background-color: #55D98D; }
.u_button_green .iconfont { color: #FFF; }
a.u_button_green { color: #FFF; }


.u_button_orange { background-color: #F1C40F; color: #FFF; }
.u_button_orange:hover { background-color: #F5D313; }
.u_button_orange .iconfont { color: #FFF; }
a.u_button_orange { color: #FFF; }


.u_button_black { background-color: #34495E; color: #FFF; }
.u_button_black:hover { background-color: #415B76; }
.u_button_black .iconfont { color: #FFF; }
a.u_button_black { color: #FFF; }


.u_button_link { border: none; background: none; color: #3282B3; }
.u_button_link:hover { background: none; color: #005580; text-decoration: underline; }
a.u_button_link { color: #3282B3; }
a.u_button_link:hover { color: #005580; text-decoration: underline; }


.s_line { }
ul.chooseline_top { }
ul.chooseline_top li { float: left; display: block; margin-right: 10px; width: 80px; line-height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #D1D5D8; text-align: center; font-size: 12px; color: #FFF; cursor: pointer; }
ul.chooseline_top li.current { background-color: #E74C3C; font-weight: 700; }
.u_optiontable tbody td { border-bottom: none; }



.page404_wrap { position: relative; margin: 0 auto; width: 100%; height: 100%; background-color: #E4E7EA; }
.page404_box { position: absolute; top: 50%; left: 50%; margin: -262px 0 0 -330px; width: 660px; height: 515px; text-align: center; }
.page404_img { clear: both; height: 430px; }
.page404_content { clear: both; margin-top: 40px; text-align: center; color: #999; }
.page404_content h3 { clear: both; line-height: 40px; font-size: 40px; color: #333; }
.page404_content p { clear: both; margin: 30px auto 20px auto; line-height: 35px; font-size: 20px; color: #999; }

.expired_wrap { position: relative; margin: 0 auto; width: 100%; height: 100%; background-color: #E4E7EA; }
.expired_box { position: absolute; top: 50%; left: 50%; margin: -120px 0 0 -162px; width: 324px; height: 200px; text-align: center; }
.expired_content { clear: both; margin-top: 40px; text-align: center; color: #999; }
.expired_content h3 { clear: both; line-height: 40px; font-size: 40px; color: #333; }
.expired_content p { clear: both; margin: 30px auto 20px auto; line-height: 35px; font-size: 20px; color: #999; }

.error_wrap { position: relative; margin: 0 auto; width: 100%; height: 100%; background-color: #E4E7EA; }
.error_box { position: absolute; top: 50%; left: 50%; margin: -240px 0 0 -450px; width: 900px; height: 400px; text-align: center; }
.error_content { clear: both; margin-top: 40px; text-align: center; color: #999; }
.error_content h3 { clear: both; line-height: 40px; font-size: 40px; color: #333; }
.error_content p { clear: both; margin: 30px auto 20px auto; line-height: 180%; font-size: 20px; color: #999; }

@media (max-width: 720px) {
    
    .page404_wrap { overflow: hidden; position: none; text-align: center; }
    .page404_box { top: 0; left: 0; margin: 0; width: 100%; }
    .page404_content { font-size: 14px; white-space: normal; }
    .page404_content h3 { font-size: 30px; }
    .page404_img { margin-top: 30px; height: 168px; }
    .page404_img img { width: 296px; height: 168px; }
    .page404_content p { margin: 20px auto; padding: 0 20px; font-size: 16px; }
    .page404_content .u_button { font-size: 18px; height: 40px; line-height: 40px; }

    
    .expired_wrap { overflow: hidden; position: none; text-align: center; }
    .expired_box { top: 0; left: 0; margin: 0; width: 100%; }
    .expired_content { font-size: 14px; white-space: normal; }
    .expired_content h3 { font-size: 30px; }
    .expired_content p { margin: 20px auto; padding: 0 20px; font-size: 16px; }
    .expired_content .u_button { font-size: 18px; height: 40px; line-height: 40px; }

    
    .error_wrap { overflow: hidden; }
    .error_box { top: 0; left: 0; margin: 0; width: 100%; position: none; text-align: center; }
    .error_content { font-size: 14px; white-space: normal; }
    .error_content h3 { font-size: 30px; }
    .error_content p { margin: 20px auto; padding: 0 20px; font-size: 16px; }
}




.bgpic_preview { margin-right: 10px; width: 50px; height: 50px; border: 1px solid #CCC; }


ul.bgpic_repeat { display: block; margin-left: 10px; margin-right: 10px; width: 54px; height: 54px; }
ul.bgpic_repeat li { float: left; margin: 0; padding: 0; display: block; margin: 1px; width: 14px; height: 14px; border: 1px solid #CCC; background-color: #F7F7F7; cursor: pointer; }
ul.bgpic_repeat li:hover { background-color: #EEE; }
ul.bgpic_repeat li.current { background-color: #E74C3C; }


.choose_btnwrap { display: inline-block; padding: 3px; width: 68px; height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #B8B8B8; cursor: pointer; }
.choose_btn { float: left; width: 34px; height: 24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #EEE; }
.choose_btn_text { float: right; width: 34px; height: 24px; line-height: 24px; text-align: center; color: #FFF; font-size: 14px; font-family: "clouddream"; }
.choose_btn_text:before { content: "\f00d"; }

.choose_btnwrap_selected { background-color: #E74C3C; }
.choose_btn_selected { float: right; }
.choose_btn_text_selected { float: left; }
.choose_btn_text_selected:before { content: "\f00c"; }



.layout-commonItemSelect { float: left; display: block; list-style-type: none; }
.layout-commonItemSelect li { float: left; display: block; border: 1px solid #FFF; position: relative; }
.layout-StyleItemSample { width: 76px; height: 76px; border: solid 1px #808080; background-color: #fff; margin: 4px; }
.layout-commonItemSelect li .divTitle { float: left; width: 90px; display: block; text-align: center; color: #444444; position: absolute; top: 7px; }
.layout-currentStyleItem { border: 1px solid #F9C86A !important; background-color: #F9C86A; }
.layout-currentStyleItem .ico { position: absolute; right: 3px; bottom: 4px; z-index: 20; width: 22px; height: 22px; background: url(../../../../plugins/designer/content/css/images/icon_selected.png) no-repeat; }


.leaveword-select .ico { position: absolute; right: 4px; bottom: 4px; z-index: 20; width: 22px; height: 22px; background: url(../../../../plugins/designer/content/css/images/icon_selected.png) no-repeat; }

.nt_wrap { clear: both; margin: 0 auto; padding: 20px; width: 920px; height: 350px; }

ul.choosetemplate_list { }
ul.choosetemplate_list li { float: left;display: block;width: 126px;height: 206px;padding: 5px; }
ul.choosetemplate_list li .ct_template_pack { 
    width: 100%;
    height: 100%;
}

ul.choosetemplate_list li .ct_icon { display: none; }


ul.choosetemplate_list li:hover { background-color: #999; cursor: pointer; }


ul.choosetemplate_list li.selected { position: relative; padding: 5px; width: 126px; height: 206px; background-color: #E74C3C; }
ul.choosetemplate_list li.selected:hover { background-color: #E74C3C; }
ul.choosetemplate_list li.selected .ct_template_pack { width: 100%; height: 100%; }
ul.choosetemplate_list li.selected .ct_icon { position: absolute; right: 3px; bottom: 3px; display: block; width: 24px; height: 24px; background: url(../../../../plugins/designer/content/css/images/icon_selected.gif) no-repeat; }


.ct_template { position: relative; width: 100%; height: 100%; background-color: #F2F2F2; text-align: center; }
.ct_template .ct_box { border: 1px solid #DDD; background-color: #FFF; }
.ct_template .ct_top { position: absolute; top: 4px; right: 4px; left: 4px; height: 40px; line-height: 40px; }
.ct_template .ct_left { position: absolute; top: 50px; bottom: 50px; left: 4px; width: 30px; line-height: 120px; }
.ct_template .ct_right { position: absolute; top: 50px; bottom: 50px; right: 4px; width: 30px; line-height: 120px; }
.ct_template .ct_main { position: absolute; top: 50px; right: 40px; bottom: 50px; left: 40px; line-height: 120px; }
.ct_template .ct_bottom { position: absolute; right: 4px; bottom: 4px; left: 4px; height: 40px; line-height: 40px; }

.ct_template .ct_num { padding: 2px 6px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background-color: #BDC3C7; font-size: 12px; font-family: Arial; color: #FFF; }


.template_onecolumn { }
.template_onecolumn .ct_left, .template_onecolumn .ct_right { display: none; }
.template_onecolumn .ct_main { left: 4px; right: 4px; }


.template_threecolumn { }


.template_twocolumn_left { }
.template_twocolumn_left .ct_right { display: none; }
.template_twocolumn_left .ct_main { right: 4px; }


.template_twocolumn_right { }
.template_twocolumn_right .ct_left { display: none; }
.template_twocolumn_right .ct_main { left: 4px; }


.ct_name { margin-top:15px; text-align: center; font-size: 14px; font-weight: 700; color: #333; }


.nt_option_wrap { position: relative; clear: both; margin: 0 auto; width: 100%; height: 350px; }

.nt_option_left { position: absolute; top: 20px; bottom: 20px; left: 20px; width: 180px; }
.nt_option_right { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 220px; }


.to_box { }
.to_box .ct_top:hover, .to_box .ct_left:hover, .to_box .ct_main:hover, .to_box .ct_right:hover, .to_box .ct_bottom:hover { border: 1px solid #E74C3C; cursor: pointer; }
.to_box .ct_top:hover .ct_num, .to_box .ct_left:hover .ct_num, .to_box .ct_main:hover .ct_num, .to_box .ct_right:hover .ct_num, .to_box .ct_bottom:hover .ct_num { background-color: #E74C3C; }


.nt_option_list { position: relative; margin: 0 auto; width: 100%; height: 350px; }

ul.option_list_title { position: absolute; top: 0; bottom: 0; left: 0; width: 50px; border-right: 1px solid #CCC; }
ul.option_list_title li { clear: both; display: block; margin-bottom: -1px; height: 35px; line-height: 35px; border: 1px solid #CCC; border-right: none; background-color: #F7F7F7; text-align: center; font-size: 12px; color: #999; cursor: pointer; }
ul.option_list_title li.current { margin-right: -1px; background-color: #FFF; font-weight: 700; color: #666; }

ul.option_list_con { position: absolute; top: 0; right: 0; bottom: 0; left: 51px; padding-left: 20px; }
ul.option_list_con li { display: block; }
ul.option_list_con li .option_list_header { clear: both; height: 35px; line-height: 35px; text-align: left; font-size: 14px; font-weight: 700; color: #333; }
ul.option_list_con li .option_list_main { }


.nav_table { border: none; }
.nav_table thead th { border-bottom: none; }
.nav_table tbody td { border-bottom: none; }
.nav_table tr:nth-child(even) { background-color: transparent; }


.bgpic_preview { position: relative; margin-right: 10px; width: 80px; height: 80px; border: 1px solid #CCC; }
.bgpic_preview h3 { position: absolute; right: 0; bottom: 0; left: 0; height: 25px; line-height: 25px; background-color: #3498DB; font-size: 12px; text-align: center; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.bgpic_preview h3 a, .bgpic_preview h3 a:hover { color: #FFF; text-decoration: none; }


ul.bgpic_repeat { display: block; margin-left: 10px; margin-right: 10px; width: 54px; height: 54px; }
ul.bgpic_repeat li { float: left; margin: 0; padding: 0; display: block; margin: 1px; width: 14px; height: 14px; border: 1px solid #CCC; background-color: #F7F7F7; cursor: pointer; }
ul.bgpic_repeat li:hover { background-color: #EEE; }
ul.bgpic_repeat li.current { background-color: #E74C3C; }


.addsite_wrap { clear:both; margin:10px auto; width:1000px;}

.addsite_header { clear:both; height:60px;}
.addsite_main { margin-top:10px;　*padding-bottom:10px; border:1px solid #DDD;}
.addsite_footer { clear:both; margin:10px auto; height:30px; text-align:center;}


.as_welcome  { float:left; width:40%; height:60px; line-height:60px; font-size:16px; font-weight:700; color:#666;}
.as_step { float:right; width:55%; height:60px; line-height:60px; text-align:right;}


ul.step_wrap { float:right; display:block; margin-top:6px; width:300px; height:54px;}
ul.step_wrap li { position:relative; float:left; display:block; width:50%; height:54px;}
ul.step_wrap li .step_line { position:absolute; top:17px; right:0; left:0; height:5px; background-color:#CACFD2;}
ul.step_wrap li .step_num { position:absolute; top:7px; left:50%; margin-left:-12px; width:24px; height:24px; line-height:24px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#CACFD2; text-align:center; color:#FFF; font-size:14px;}
ul.step_wrap li .step_text { position:absolute; right:0; bottom:0; left:0; height:20px; line-height:20px; text-align:center; color:#CACFD2; font-size:14px;}

ul.step_wrap li.step_active .step_line { background-color:#EC7063;}
ul.step_wrap li.step_active .step_num { background-color:#EC7063;}
ul.step_wrap li.step_active .step_text { color:#EC7063;}



.addsite_main_topbar { padding-left:10px; line-height:35px; border-bottom:1px solid #DDD; background-color:#F7F7F7; font-size:16px; font-weight:700; color:#333;}

ul.as_templates { padding:5px 53px;}
ul.as_templates li { float:left; margin:0 10px 10px 0; padding:1px; width:278px; height:238px; background-color:#DDD;}
ul.as_templates li .as_template_item { clear:both; padding:10px; width:258px; height:218px; background-color:#FFF;}
ul.as_templates li .as_template_item .as_template_img { clear:both; width:258px; height:188px; overflow:hidden;}
ul.as_templates li .as_template_item .as_template_img img { width:258px; height:188px;}
ul.as_templates li .as_template_item .as_template_info { clear:both; height:30px;}
ul.as_templates li .as_template_item .as_template_info .as_template_title { float:left; width:210px; height:30px; line-height:30px; font-size:14px; font-weight:700; color:#333; word-break:break-all; overflow:hidden;}
ul.as_templates li .as_template_item .as_template_info .as_template_ver { float:right; width:40px; height:30px; line-height:30px; text-align:right; font-size:16px; color:#999;}

ul.as_templates li:hover { background-color:#ABABAB;}
ul.as_templates li:hover .as_template_item { background-color:#F7F7F7;}

ul.as_templates li.selected { padding:3px; width:274px; height:234px; background-color:#E74C3C;}
ul.as_templates li.selected .as_template_item { padding:8px; width:258px; height:218px;}


.site_form {}
.site_form .u_form_item,.site_form .u_form_item .u_label,.site_form .u_form_item .u_form_explain { font-size:14px; color:#333;}
.site_form .u_form_item a { color:#005EA7;}
.site_form .u_form_item a:hover { color:#005EA7; text-decoration:underline;}

.site_form_bottombar { padding-top:10px; border-top:1px solid #DDD; background-color:#F7F7F7;}


.design_select { position:relative; padding:0 0 0 10px; width:78px; height:23px; line-height:23px; border:1px solid #E0E0E0; background:#F9F9F9 url(../../../../plugins/designer/content/css/images/select_bg.gif) no-repeat 66px center; text-align:left; font-size:12px; color:#444; cursor:pointer;}

.design_select ul.select_list { position:absolute; top:22px; left:-1px; z-index:1000; display:none; padding:0; width:88px; border:1px solid #E0E0E0; border-top:none; background:#F9F9F9;}
.design_select ul.select_list li { display:block; padding:0 0 0 10px; line-height:25px; text-align:left; font-size:12px; color:#999;}
.design_select ul.select_list li:hover { background:#E0E0E0; color:#333;}
.help-font{font-size:14px;font-weight:bolder}
.page_main{position:relative;}