@charset "utf-8";
/*

 */
/* common start */
@keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

img.rotate {
    animation: myfirst 2s linear 0s 1;
}

div.rotate {
    animation: myfirst 2s linear 0s 1;
}

body {
    _margin: 0;
    _height: 100%; /*IE6 BUG*/
}

.fixed:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.fixed {
    display: block;
    min-height: 1%;
}

* html .fixed {
    height: 1%;
}

.clear {
    diplay: block !important;
    float: none !important;
    clear: both;
    overflow: hidden;
    width: auto !important;
    height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
}

.box {
    margin: 0 auto;
}

#box :before {
    box-sizing: content-box;
}

/*鍔犺浇涓?/
#diaLogLoad {
    height: 439px;
    text-align: center;
    border-top: 1px transparent solid;
}

#diaLogLoad span {
    display: block;
    font-size: 24px;
    margin-top: 141px;
    margin-bottom: 22px;
}

#diaLogLoad img {
    display: block;
    margin: 0 auto;
}

/*涓嬮潰鏄痙ialog寮规鐨勬牱寮?/
.ui-dialog { /*澶栨*/
    padding: 0px;
}

.ui-widget-content {
    border: none;
    background: #fff;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 11px 10px;
}

.ui-widget-header { /*澶撮儴鏍?/
    border: 1px solid #4a4b4c;
    background: #4a4b4c;
    color: #fff;
}

div.ui-widget-header {
    border: 1px solid #4a4b4c;
    background: #4a4b4c;
    color: #fff;
}

.ui-corner-all, .ui-corner-top {
    border-radius: 0px;
}

.ui-tabs .ui-tabs-nav { /*tabs鐨勮儗鏅浘*/
    background: #fff;
    border: 1px #fff solid;
    padding: 0.2em 0em;
}

.ui-tabs .ui-tabs-nav li {
    border: none;
    background: #dfdfdf;
}

.ui-tabs .ui-tabs-nav .ui-state-active { /*tabs楂樹寒*/
    border: 1px solid #434344;
    background: #434344;
    font-weight: normal;
    color: #fff;
    height: 32px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { /*tabs涓嬬殑a*/
    /*padding: 0.7em 1.3em;*/
    font-family: 'Microsoft YaHei';
}

.everyTabsFrame {
    border: none;
    height: 85%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow-y: auto;
    overflow-x: hidden;
    /*min-height: 415px;*/
}

.ui-dialog .ui-dialog-content {
    padding: 0 1em;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
}

/*婊戝姩鏉＄粺涓€鏍峰紡*/
.ui-slider {
    background: #797979;
    height: 2px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.6em;
    background: #797979;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-left: 0px;
}

.ui-slider-horizontal .ui-state-active {
    border: 1px #ccc solid;
    box-shadow: 0px 0px 3px 3px #ccc;
}

.navDialog .everyTabsFrame {
    height: 234px;
}


/*place*/
.place {
    margin-bottom: 10px;
}

.no_bor {
    border: none;
}

.place .inner {
    padding: 5px 0;
    text-align: center;
    border: 2px dashed #f60;
}

.place a.inner:hover {
    text-decoration: none;
}

.place .module {
    z-index: 99;
    min-height: 30px;
    min-width: 100px;
}

.place:after {
    clear: both;
}

.place .module object {
    width: 100%;
}

.toolbar .place,
.header .place {
    margin-bottom: 0;
}

.toolbar .place .inner {
    padding: 0px;
}

.header .module_header_goods_goodscat .inner {
    margin-right: 10px;
}


.header .module_header_search .inner {
    padding: 6px 100px;
    margin-right: 10px;
}

.header .module_header_minicart .inner {
    padding: 6px 25px;
}

.layrow .m_edit {
    position: absolute;
    padding: 6px 0;
    top: 0;
    background: #f60;
    color: #fff;
    text-align: center;
    width: 50px;
    line-height: 14px;
}

/*public widgets style*/
/*.module{position: absolute;}*/
.module .m_ctrl {
    position: absolute;
    border: 2px dashed #f00;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 90;
    display: none
}

/*z-index:999;*/
.module .m_ctrl.resizable {
    border-color: blue;
}

.module .m_resize_on,
.module .m_resize_off,
.module .m_edit,
.module .m_add,
.module .m_del,
.module .m_add_top,
.module .m_add_btm,
.module .m_move,
.module .m_move,
.module .m_move_top,
.module .m_move_btm {
    position: absolute;
    padding: 6px 0;
    top: 0;
    background: #f60;
    color: #fff;
    text-align: center;
    line-height: 14px;
}

.module .m_resize_on,
.module .m_resize_off,
.header_edit .m_edit,
.header_edit .m_add,
.header_edit .m_del,
.header_edit .m_add_top,
.header_edit .m_add_btm,
.header_edit .m_move,
.header_edit .m_move,
.header_edit .m_move_top,
.header_edit .m_move_btm {
    top: 0px;
}

.module .m_resize_on,
.module .m_resize_off,
.slides .place .module .m_edit,
.slides .place .module .m_add,
.slides .place .module .m_del,
.slides .place .module .m_add_top,
.slides .module .m_add_btm {
    padding: 6px 0;
    top: 0;
    background: #f60;
    color: #fff;
    text-align: center;
    line-height: 14px;
    position: absolute;
    display: block;
    margin-bottom: 2px;
    width: 50px;
}

.slides .module .m_move, .slides .module .m_move_top, .slides .module .m_move_btm {
    position: static;
}

.slides .module .m_move .btm_no_move, .slides .module .m_move .top_no_move {
    display: inline-block;
}

.module .m_move {
    left: 49%;
    top: 0;
}

.module .m_move_top {
    height: 13px;
    width: 30px;
    background: #f60 url(../images/move.png) no-repeat center -12px;
}

.module .top_no_move {
    background: #A8A8A8 url(../images/move.png) no-repeat center -12px;
}

.module .m_move_btm {
    left: 31px;
    height: 13px;
    width: 30px;
    background: #f60 url(../images/move.png) no-repeat center 8px;
}

.module .m_move_btm:hover,
.module .m_move_top:hover {
    background-color: #FF9F54;
}

.module .btm_no_move {
    background: #A8A8A8 url(../images/move.png) no-repeat center 8px;
}

.module .btm_no_move:hover,
.module .top_no_move:hover {
    background-color: #A8A8A8;
}

#mb_right_box li img.disabled {
    opacity: 0.3;
}

.module .m_edit {
    display: none !important;
    width: 28px;
    height: 28px;
    right: 28px;
    top: 0;
    background: url(/mb/static/images/mbimg/editicon.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    color: transparent;
    background-color: #f30;
    background-position: center;
}

.module .m_del {
    display: block !important;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

.module .m_add {
    width: 71px;
    left: 47px;
    top: 100%;
    background: url(../images/tmp_ctr.png) no-repeat 0 0;
    font-size: 12px;
}

.module .m_kind {
    position: absolute;
    width: 120px;
    left: 0px;
    top: -25px;
    background-color: #f1d4d4;
    font-size: 12px;
    text-align: center;
    display: none !important;
}

/*
.module a.m_edit:hover,
.module a.m_del:hover{background-position:-89px -37px;}
.module a.m_add:hover{background-position:0 -37px;}
.module .m_add_top:hover,.module .m_add_btm:hover,.module .m_resize_on:hover,.module .m_resize_off:hover{background:#ff822f;}
*/
.module .m_resize_on {
    display: none;
    top: 24px;
    left: 0px;
    width: 84px;
}

.module .m_resize_off {
    display: none;
    top: 49px;
    left: 0px;
    width: 84px;
}

.module .m_add_top {
    display: none;
    top: 24px;
    left: 0px;
    width: 71px;
}

.module .m_add_btm {
    display: none;
    top: 49px;
    left: 0px;
    width: 71px;
}

/*.layrow .m_add{left: 52px;width:50px;top:0;background: url(../images/tmp_ctr.png) no-repeat 0 0;font-size:12px;}
.layrow .m_add{position: absolute;padding:6px 0;top: 0;background: #f60;color: #fff;text-align:center;line-height: 14px;}*/
.m_rowCtrl .m_edit {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0%;
    background: url(../images/editicon.png) no-repeat;
    font-size: 12px;
}

.m_rowCtrl .m_insert {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 0%;
    background: url(../images/addicon.png) no-repeat;
    font-size: 12px;
}

.m_rowCtrl .m_del {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 40px;
    top: 0%;
    background: url(../images/delicon.png) no-repeat;
    font-size: 12px;
}

.box {
    width: 80%;
    height: 100%;
    background-color: gray;
}

#ruleW {
    position: fixed;
    top: 0px;
    opacity: 0.5;
    height: 24px;
    width: 100%;
    left: 0px;
    z-index: 100;
    background: url(../images/rulerh.png);
}

#ruleH {
    position: absolute;
    top: 0px;
    opacity: 0.5;
    height: 100%;
    width: 24px;
    left: 0px;
    z-index: 100;
    background: url(../images/rulerv.png);
}

#ruleW .guideHandle {
    position: absolute;
    top: 12px;
    z-index: 1;
    cursor: pointer;
    width: 13px;
    height: 18px;
    left: -6px;
    background: url(../images/rulerh.png) 0px 18px;
}

#ruleW .guideLine {
    position: absolute;
    top: 20px;
    left: -2px;
    cursor: crosshair;
    width: 5px;
    height: 3000px;
    background-color: rgba(255, 255, 255, 0.00784314);
}

#ruleW .line {
    width: 2px;
    height: 100%;
    border-right: 1px solid rgb(140, 249, 249);
}

#ruleH .guideHandle {
    position: absolute;
    top: -6px;
    z-index: 1;
    cursor: pointer;
    width: 18px;
    height: 13px;
    left: 14px;
    background: url(../images/rulerv.png) -24px 0px;
}

#ruleH .guideLine {
    position: absolute;
    top: -2px;
    left: 20px;
    width: 3000px;
    height: 5px;
    cursor: crosshair;
    background-color: rgba(255, 255, 255, 0.00784314);
}

#ruleH .line {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid rgb(140, 249, 249);
}

.guideline_hint {
    position: absolute;
    font-family: 'Microsoft yahei';
    left: 0;
    top: 0;
    display: inline-block; /*border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow: 0 0 3px #c0c0c0;-moz-box-shadow: 0 0 3px #c0c0c0;box-shadow: 0 0 3px #c0c0c0; font-size:12px; color:#6a6a6a;line-height:20px;background:#ffffdf; padding:8px 4px;*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 18px;
    height: 18px;
    color: #FFF;
    padding: 0 3px;
    background: url(../images/tipmiddlebg.jpg) repeat-x;
    color: #fff;
    border: 1px solid #8fb8e3;
    -webkit-box-shadow: 1px 1px 2px #939393;
    -moz-box-shadow: 1px 1px 2px #939393;
    box-shadow: 1px 1px 2px #939393;
    max-width: 160px;
    z-index: 10000;
}

.guideline_hint2 {
    position: absolute;
    font-family: 'Microsoft yahei';
    left: 0;
    top: 0;
    display: inline-block;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 0 3px #c0c0c0;
    -moz-box-shadow: 0 0 3px #c0c0c0;
    box-shadow: 0 0 3px #c0c0c0;
    font-size: 12px;
    color: #6a6a6a;
    line-height: 20px;
    background: #ffffdf;
    padding: 8px 4px;
    max-width: 160px;
    z-index: 10000;
}

.speech-bubble {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #7ca4d3;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Microsoft YaHei';
    display: inline-block;
    padding: 5px 24px 5px 8px;
    font-size: 12px;
    line-height: 18px;
    max-width: 200px;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid;
    color: transparent;
}

.speech-bubble-top:after {
    border-bottom-color: #7ca4d3;
    left: 10px;
    bottom: 100%;
}

.speech-bubble a {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 15px;
    height: 15px;
    background: url(../images/sitebj_50.png) no-repeat center center;
}

#allLayer ul li {
    margin-left: 0px;
    cursor: pointer;
    border-bottom: 1px solid #383838;
    height: 23px;
    list-style: none;
}

#allLayer ul ul li {
    margin-left: 0px;
    cursor: pointer;
    border-bottom: 1px solid #383838;
    height: 23px;
    list-style: none;
}

#allLayer ul li div {
    float: left;
    margin-left: 0px;
    display: inline-block;
    width: 30px;
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
    text-align: center;
    height: 23px;
    background: url(../images/sitebj_63.png) no-repeat center;
}

#allLayer ul ul li div {
    float: left;
    margin-left: 30px;
    display: inline-block;
    width: 30px;
    border-right: 1px solid #383838;
    border-left: 1px solid #383838;
    text-align: center;
    height: 23px;
    background: url(../images/sitebj_63.png) no-repeat center;
}

#allLayer * {
    margin: 0;
    padding: 0;
}

#allLayer .header {
    width: 100%;
    height: 51px;
}

#allLayer .header h1 {
    width: 100%;
    height: 21px;
    background: #353535;
    border-bottom: 1px #707070 solid;
    position: fixed;
    top: 0px;
}

#allLayer .header h2 {
    width: 100%;
    height: 30px;
    background: #535353;
    position: fixed;
    top: 21px;
}

#allLayer .header h1 span {
    float: left;
    width: 50px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
    color: #fff;
    margin-left: 10px;
}

#allLayer .header h1 b {
    font-size: 12px;
    float: right;
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

#allLayer .header h2 i {
    float: left;
    width: 50px;
    height: 30px;
    font: 14px/30px 'Microsoft YaHei';
    color: #fff;
    margin-left: 10px;
}

#allLayer .header h2 em {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px;
    cursor: pointer;
}

#allLayer .header h2 em:hover {
    border: solid 1px gray;
}

#allLayer .header h2 em:nth-of-type(1) {
    background: url(../images/suo.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(2) {
    background: url(../images/sitebj_54.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(3) {
    background: url(../images/sitebj_55.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(4) {
    background: url(../images/sitebj_29.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(5) {
    background: url(../images/sitebj_30.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(6) {
    background: url(../images/sitebj_31.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(7) {
    background: url(../images/sitebj_32.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(8) {
    background: url(../images/sitebj_33.png) no-repeat center;
}

#allLayer .header h2 em:nth-of-type(9) {
    background: url(../images/sitebj_34.png) no-repeat center;
}

#allLayer #allLayerList {
    overflow: auto;
    border-top: 1px #383838 solid;
}

#allLayer ul li span {
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 2px;
    background-size: 23px 23px;
}

#allLayer ul li b {
    float: left;
    height: 23px;
    font: 14px/23px 'Microsoft YaHei';
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

#allLayer ul li m.copy {
    float: right;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 0px;
    background: url(../images/bottom-4.jpg) no-repeat center;
}

#allLayer ul li m.insert {
    float: right;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 23px;
    background: url(../images/bottom-1.jpg) no-repeat center;
}

#allLayer .footer h1 {
    width: 100%;
    height: 20px;
    border-bottom: 1px #282828 solid;
    border-top: 1px #707070 solid;
    background: #535353;
}

#allLayer .footer h1 p {
    width: 100%;
    height: 20px;
    margin: 0 auto;
}

#allLayer .footer h1 p em {
    float: left;
    width: 30px;
    height: 20px;
    cursor: pointer;
}

#allLayer .footer h1 p em:nth-of-type(1) {
    background: url(../images/bottom-1.jpg) no-repeat center;
    margin-left: 40px;
}

#allLayer .footer h1 p em:nth-of-type(2) {
    background: url(../images/bottom-4.jpg) no-repeat center;
}

#allLayer .footer h1 p em:nth-of-type(3) {
    background: url(../images/bottom-2.jpg) no-repeat center;
}

#allLayer .footer h1 p em:nth-of-type(4) {
    background: url(../images/bottom-3.jpg) no-repeat center;
}

#allLayer .footer h2 {
    width: 100%;
    height: 7px;
    border-bottom: 1px #282828 solid;
    background: #535353;
}

#allLayer .footer h2 em {
    display: block;
    width: 19px;
    height: 7px;
    margin: 0 auto;
    background: url("../images/foot.jpg") no-repeat center;
}

#allLayer .footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
}


/*widgetlist*/
.add {
    width: 57px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    cursor: pointer;
    background: url(../images/addWidget.jpg) no-repeat 2px 0;
    padding-left: 6px;
}

.widget {
    height: 440px;
    overflow: hidden;
}

.widget .tab_ul li {
    border-right: 0 none;
    float: none;
    padding: 0;
    line-height: 40px;
}

.widget .tab_ul li.cur a,
.widget .tab_ul li.active a {
    background: #27a9e3;
}

.widget .tab_ctr {
    float: left;
    width: 149px;
    height: 450px;
    overflow: auto;
    border-right: 1px dotted #666;
    box-shadow: 2px 0px 6px #999;
    padding-bottom: 20px;
    margin-bottom: -20px;
    background: #666;
    color: #fff;
}

.widget .tab_content {
    height: 450px;
    overflow: auto;
}

.widget .tab_content .panel {
    display: none;
    padding: 10px;
}

.panel_inner .tip {
    padding: 5px;
    background: #fff9cf;
    border: 1px solid #ffd324;
    font-size: 12px;
    line-height: 19px;
    height: 30px;
    visibility: visible;
}

.panel_inner h2 {
    padding: 8px 5px;
}

.pr5 {
    padding-right: 5px;
}

.widget .tab_ctr ul li a {
    display: block;
    text-align: left;
    color: #fff;
    padding: 0 22px;
}

.widget .tab_ctr ul li a:hover {
    text-decoration: none;
    background: #27a9e3;
}

.widget_ul li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}

.widget_ul li.active {
    border: 1px solid #d8dfef;
    background: #eaeef7;
}

.widget_ul .pd10 {
    padding: 10px;
}

.widget_ul .w_pic {
    float: left;
    display: none;
}

.widget_ul .w_pic img {
    width: 50px;
    height: 50px;
}

.widget_ul .w_des {
    float: left;
}

.widget_ul .w_btn {
    float: right;
    width: 80px;
}

.widget_ul .add_widget {
    display: block;
    width: 57px;
    height: 24px;
    background: url(../images/addWidget.jpg) no-repeat 0 0;
    margin: 14px 0 0 17px;
    text-align: center;
    padding-left: 6px;
    line-height: 24px;
}

.widget_ul .w_title {
    padding: 0 6px;
    width: 445px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #3367ac;
}

.widget_ul .w_c {
    padding: 0 6px 0;
    width: 445px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #999;
    text-overflow: ellipsis;
}

.widget_ul .widget_img {
    display: none;
    z-index: 999;
}

/*sortable*/
.portlet {
    margin: 0 1em 1em 0;
}

.portlet-header {
    margin: 0.3em;
    padding-bottom: 4px;
    padding-left: 0.2em;
}

.portlet-header .ui-icon {
    float: right;
}

.portlet-content {
    padding: 0.4em;
}

.ui-sortable-placeholder {
    border: 2px dashed #f60;
    visibility: visible !important;
    height: 50px !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

/*overlay*/
.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 998;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: 1px 2px 3px #999;
}

#mainDiv {
    position: absolute;
    z-index: 999;
    display: none;

    background: #fff;
}

#mainDiv .sure,
#mainDiv .save {
    width: 50px;
    height: 30px;
    background: #000;
    border-radius: 5px;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
}

/*edit tab*/
.edit_tab {
    width: 800px;
}

.edit_tab .tab_ul li {
    float: left;
}

.edit_tab .tab_ul li.active a {
    background-color: #666;
    color: #fff;
    background: linear-gradient(to bottom, #454545 0, #777 100%);
    background-repeat: repeat-x;
}

.edit_tab .tab_ul li a {
    float: left;
    background: #000;
    padding: 7px 10px;
    color: #fff;
    margin-right: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.edit_tab .tab_ul li a:hover {
    background: #777;
}

.edit_tab .tab_content .panel {
    display: none;
    height: 270px;
    overflow: auto;
}

.edit_tab .tab_ctr {
    border-bottom: 2px solid #000;
}


/*widget form*/
.pub_form_ul li {
    margin: 7px 0;
    clear: both;
    line-height: 29px;
    float: left;
    width: 100%;
}

.pub_form_ul li label {
    float: left;
    margin-right: 5px;
    width: 100px;
    text-align: right;
    margin-bottom: 0;
}


.pub_form_ul li label.pub_label {
    width: 130px;
}


.pub_form_ul li label.w45 {
    width: 45px;
}

.pub_form_ul li label.w50 {
    width: 50px;
}

.pub_form_ul li label.w88 {
    width: 88px;
}

.pub_form_ul li input[type="text"] {
    float: left;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
    padding: 3px;
    background: #ffffff;
}

.pub_form_ul li .pub_radio {
    margin-top: 4px;
    margin-right: 5px;
}

.pub_form_ul .pic_box {
    width: 60px;
    min-height: 62px;
}

/*
.pub_form_ul .pic_box img{width: 100%;}
*/
.pub_form_ul li .set_site_logo {
    float: left;
    margin-right: 5px;
}

*.pub_form_ul li .set_site_logo {
    display: inline;
}

.pub_form_ul .pic_box {
    float: left;
}

.pub_form_ul li input.input-mini {
    width: 20%;
}

.pub_form_ul li input.input-middle {
    width: 50%;
}

.pub_form_ul li input.input-large {
    width: 80%;
}

.pub_form_ul li .con {
    float: left;
}

.pub_form_ul li .name {
    text-align: right;
}

.pub_form_ul li .tip {
    padding-left: 10px;
}

.pub_form_ul li textarea {
    width: 640px;
    border: 1px solid #ddd;
    padding: 5px;
}

.w400 {
    width: 400px;
}

.pub_form_ul .news_list {
    float: left;
    width: 650px;
}

.pub_form_ul .news_list input {
    width: 400px;
}

.pub_form_ul .news_list p {
    padding-bottom: 5px;
}

.pub_form_ul .btn,
.pub_form_ul .edit_btn,
.pub_form_ul .edit_del,
.tab_content .edit_add,
.pub_btn .btn {
    margin-left: 5px;
    padding: 0 5px;
    height: 25px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #666;
    -webkit-background: linear-gradient(to bottom, #666 0, #454545 100%);
    -moz-background: linear-gradient(to bottom, #666 0, #454545 100%);
    box-shadow: 0 1px 2px #ddd;
    color: #f7f7f7;
}


.pub_form_ul a.edit_btn:hover,
.pub_form_ul a.edit_del:hover,
.tab_content a.edit_add:hover,
.pub_btn a.btn:hover {
    background: linear-gradient(to bottom, #454545 0, #666 100%);
    text-decoration: none;
}


.pub_form_ul .pub_tip {
    padding-left: 5px;
    color: #f60;
}


.pub_form_ul li.btn_del_box {
    border-top: 2px dashed #ddd;
    margin-top: 10px;
    padding-top: 10px;
}


.pub_form_ul li .con .adv_pic {
    margin-bottom: 10px;
}

/*--------------------------------*/
.module_login .m_edit,
.module_other .m_edit,
.module_login .m_add,
.module_other .m_add,
.module_login .m_del,
.module_other .m_del {
    position: absolute;
    padding: 2px 0;
    top: 27px;
    background: #f60;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.container .h_cart {
    float: right;
    background: #ffac49;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin-top: 18px;
}

.module_slide,
.module_slide .module {
    margin-bottom: 0;
}


.module_widget200 .mb16,
.module_widget200 .module {
    margin-bottom: 0;
}


/*.header .module .m_ctrl,
.toolbar .module .m_ctrl{cursor: no-drop;}*/

.toolbar .module,
.module_news .module,
.header .module {
    margin-bottom: 0;
}


/*index*/
.tl_index_ac .place {
    margin-bottom: 0;
}


/*pubic */
#bannerTabs .ui-tabs-panel {
    background: #fff;
}

#bannerTabs #bannerEditRoutineSetUp {
    height: 100%;
}

#bannerTabs #bannerEditDisplaySetUp {
    height: 380px;
}

#bannerTabs #bannerEditFontSpecial {
    height: 380px;
}

#bannerEditRoutineSetUp .header {
    margin: 0;
    height: 40px;
    width: 100%;
    background: #f9f9f9;
}

#bannerEditRoutineSetUp .header strong {
    float: left;
    width: 20%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

#bannerEditRoutineSetUp .header b {
    float: left;
    width: 60%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

#bannerEditRoutineSetUp .header button {
    float: right;
    width: 88px;
    margin-right: 37px;
    margin-top: 5px;
}

#bannerEditRoutineSetUp .listFrame {
    width: 100%;
    height: 320px;
    overflow-y: auto;
    padding-top: 10px;
}

#bannerEditRoutineSetUp .listFrame .listOne {
    margin-left: 5px;
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 5px;
    width: 760px;
    height: 143px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 8px #ccc;
}

#bannerEditRoutineSetUp .listFrame .listOne .left {
    float: left;
    width: 140px;
    height: 100%;
    margin-right: 20px;
}

#bannerEditRoutineSetUp .listFrame .listOne .center {
    float: left;
    width: 471px;
    height: 100%;
}

#bannerEditRoutineSetUp .listFrame .listOne .right {
    float: right;
    width: 110px;
    height: 100%;
}

#bannerEditRoutineSetUp .listFrame .listOne .left img {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    margin-bottom: 5px;
    border: 1px #ccc solid;
    border-radius: 5px;
}

#bannerEditRoutineSetUp .listFrame .listOne .left button {
    display: block;
    margin: 0 auto;
}

#bannerEditRoutineSetUp .listFrame .listOne .center p {
    margin: 0;
    height: 33%;
}

#bannerEditRoutineSetUp .listFrame .listOne .center p strong {
    float: left;
    width: 80px;
    height: 100%;
    line-height: 43px;
}

#bannerEditRoutineSetUp .listFrame .listOne .center p b {
    float: left;
    width: 380px;
    height: 38px;
    line-height: 38px;
    margin-top: 2px;
    border: 1px #ccc solid;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    background: #e3e3e3;
}

#bannerEditRoutineSetUp .listFrame .listOne .center .ivu-select {
    margin-top: 6px;
}

#bannerEditRoutineSetUp .listFrame .listOne .right .ivu-poptip {
    display: block;
    margin: 0 auto;
    width: 88px;
}

#bannerEditDisplaySetUp .setOne {
    width: 100%;
    height: 40px;
}

#bannerEditDisplaySetUp .setOne p {
    float: left;
    width: 33%;
    height: 40px;
    margin: 0;
}

#bannerEditDisplaySetUp .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#bannerEditDisplaySetUp .setOne p .ivu-select {
    float: left;
    margin-top: 4px;
}

#bannerEditDisplaySetUp .exhibitionRegion {
    width: 100%;
    height: 240px;
    border: 1px #ccc solid;
    border-radius: 3px;
    margin-top: 5px;
}

#bannerEditDisplaySetUp .exhibitionRegion .swiper-slide {
    width: 100%;
    height: 100%;

}

#bannerEditDisplaySetUp .exhibitionRegion .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;

}

#bannerEditDisplaySetUp .exhibitionRegion .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;

}

#bannerEditFontSpecial .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

#bannerEditFontSpecial .setOne p {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
}

#bannerEditFontSpecial .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#bannerEditFontSpecial .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#bannerEditFontSpecial .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#bannerEditFontSpecial .setOne .picTextslider {
    width: 75%;
    float: left;
}

#bannerEditFontSpecial .setOne .picTextslider .ivu-input-number {
    margin-top: 0;
}

.indexBanner a {
    display: block;
    width: 100%;
    height: 100%;
}


.pt5 {
    padding-top: 5px;
}

.pd15 {
    padding: 0px;
    background: #fff;
}

.publicDiv {
    padding: 0px;
    background: #fff;
    overflow: hidden;
}

.publicDiv .pub_btn {
    width: 80px;
    height: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.publicDiv .pub_btn a {
    width: 70px;
    height: 25px;
    margin-left: 0;
}

.publicDiv .scrollbaritems { /*ul*/
    min-height: 300px;
    margin-bottom: 5px;
}

.publicDiv .scrollbaritems li {
    width: 740px;
    border: 1px #cccccc solid;
    padding: 15px 15px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    margin: 0;
    margin-bottom: 10px;
}

.publicDiv .scrollbaritems .listHover {
    box-shadow: 5px 5px 5px #ccc;
}

.publicDiv .scrollbaritems li .list-left {
    width: 120px;
    height: 87px;
    float: left;
    margin-right: 30px;
}


.publicDiv .scrollbaritems label {
    text-align: left;
}

.publicDiv .scrollbaritems li .con {
    overflow: hidden;
    width: 120px;
    height: 60px;
    position: absolute;
    left: 14px;
    top: 48px;
}

.publicDiv .scrollbaritems li .pic_box {
    border: 1px #ccc solid;
}

.publicDiv .scrollbaritems li label:nth-of-type(3) {
    margin-left: 0px;
}

.publicDiv .scrollbaritems li label:nth-of-type(4) {
    margin-left: 105px;
}

.publicDiv .scrollbaritems li .pic_box {
    position: absolute;
    width: 68px;
    height: 20px;
    min-height: 20px;
    left: 0;
    top: 0;
    margin-top: 0;
}

.publicDiv .scrollbaritems li .set_site_logo {
    margin-left: 0;
    width: 60px;
    height: 25px;
    background: #999;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.publicDiv .scrollbaritems li .set_site_logo:hover {
    text-decoration: none;
    background: #666;
}

.publicDiv .scrollbaritems li .text-img {
    width: 70px;
}

.publicDiv .scrollbaritems li .pic_box img {
    height: 20px;
}

.publicDiv .scrollbaritems li .list-Explain {
    width: 70px;
}

.publicDiv .scrollbaritems li .isWindow input {
    float: left;
    margin-top: 8px;
    margin-right: 3px;
}

.publicDiv .scrollbaritems li .edit_del {
    position: absolute;
    right: 40px;
    top: 45px;
    width: 50px;
}

/*鏂囧瓧鐗规晥閮ㄥ垎*/
.bigpicker {
    z-index: 10001;
}

.shuru {
    width: 773px;
    padding: 0 10px;
    border: 1px #cccccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.shuru h5 {
    height: 35px;
}

.shuru h5 span {
    line-height: 35px;
    margin-right: 5px;
}

.shuru p {
    height: 35px;
}

.shuru p span {
    line-height: 35px;
    margin-right: 5px;
}

.shuru p:nth-of-type(1) input {
    width: 300px;
    height: 20px;
    margin-top: 5px;
    padding-left: 5px;
}

.shuru p:nth-of-type(2) span {
    float: left;
    margin-right: 9px;
}

.shuru p:nth-of-type(2) em {
    display: block;
    width: 60px;
    height: 20px;
    float: left;
    margin-top: 7px;
}

.shuru p:nth-of-type(2) select {
    height: 20px;
    margin: 0;
    width: 60px;
}

.shuru p:nth-of-type(3) span {
    float: left;
    margin-right: 9px;
}

.shuru p:nth-of-type(3) input {
    float: left;
    width: 60px;
    height: 20px;
    margin-top: 7px;
    border: 1px #cccccc solid;
    margin-right: 12px;
}

.shuru p:nth-of-type(3) b {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    border: 1px #cccccc solid;
    margin-right: 12px;
}

.shuru p:nth-of-type(3) em {
    float: left;
    width: 60px;
    height: 25px;
    border: 1px #cccccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #999;
    text-align: center;
    font: 12px/25px 'Microsoft YaHei';
    color: #fff;
    margin-top: 3px;
    cursor: pointer;
}

.shuru p:nth-of-type(3) {
    padding-bottom: 5px;
}

.shuru p:nth-of-type(3) strong {
    float: right;
    width: 70px;
    height: 25px;
    border: 1px #cccccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #666;
    text-align: center;
    font: 12px/25px 'Microsoft YaHei';
    color: #fff;
    margin-top: 3px;
    cursor: pointer;
}

.shuru p:nth-of-type(3) i {
    float: right;
    opacity: 0;
    color: #f00;
    font: 12px/35px 'Microsoft YaHei';
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    margin-right: 10px;
}


.grid .col-1-1 .exhibition {
    margin: 10px 0;
}


.controls {
    height: 35px;
    width: 790px;
}

.controls .approach {
    float: left;
    margin-right: 180px;
}

.controls .appearance {
    float: left;
}

.selectFrame {
    border: 1px #cccccc solid;
}

/*杞挱鍥剧壒鏁堥儴鍒?/


/*椤甸潰灞曠ず鐨刡anner*/
.indexModule {
    width: 100%;
    min-height: 329px;
}

.indexModule .indexBannerFrame {
    width: 100%;
    min-height: 328px;
    border-top: 1px transparent solid;
}

.indexBannerFrame .indexBanner {
    margin: 0 auto;
}

.indexBannerFrame .indexBanner .index-wrapper {
    width: 100%;
    height: 100%;
}

.indexBannerFrame .indexBanner .index-wrapper .index-slide {
    width: 100%;
    height: 100%;
}

/*.grid{
    height: 210px;
}*/
/*.viewport .word1{
    margin: 0 auto;
    line-height: 150px;
    font-family: 'Microsoft YaHei';
}*/

/*.viewport{
    border: 1px #cccccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 790px;
    height: 170px;
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.viewport .tlt{
    text-align: center;
    overflow: hidden;
}*/
/*鏂囧瓧鐗规晥閮ㄥ垎*/
.textDraggable {
    position: absolute;
    z-index: 999999;
    overflow: hidden;
    /*
    top: 100px;
    left: 0;
    width: 700px;
    height: 150px;
    border: 3px transparent solid;
    background: transparent;
    transition: border 0.5s,box-shadow 0.5s;
    -moz-transition: border 0.5s,box-shadow 0.5s;
    -webkit-transition: border 0.5s,box-shadow 0.5s;
    -o-transition: border 0.5s,box-shadow 0.5s;
    */

}

/*.textHover{
    border: 3px #f60 solid;
    box-shadow: 8px 8px 8px #333;
}*/
/*#textDraggable .grid{
    height: 150px;
}
#textDraggable .viewport{
    border: none;
    width: 700px;
    height: 150px;
}
#textDraggable .word1 span{
    line-height:150px;
}*/
/*.textHoverTitle{
    background:#f60 ;
    text-align: center;
    width: 80px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
    position: absolute;
    z-index: 1999999;
    left: 0;
    top: 0;
}*/


/*瀵艰埅閮ㄥ垎*/

#navTabs .ui-tabs-panel {
    padding: 10px 10px;
    background: #fff;
}

#navLogo {
    position: absolute;
    top: 0px;
    left: 30px;
    min-width: 100px;
    min-height: 30px;
    background: #ccc;
    z-index: 100;
}

#moduleNav {
    position: relative;
    margin-bottom: 0;
}

#moduleNav .module {
    z-index: 100;
    margin-bottom: 0;
}

.navTabs {
    overflow-x: hidden;
}

.indexCustom .indexNav {
    margin-bottom: 0;
    width: 980px;
}

.indexCustom .indexNav li {
    float: left;
    text-align: center;
    position: relative;
}


.menumenu .indexNav li {
    float: left;
    text-align: center;
    position: relative;
}

.menumenu .indexNav li a {
    display: block;
}

.indexCustom .indexNav li i {
    font-family: FontAwesome;
    line-height: normal;
}

.indexNav li i {
    position: absolute;
    font-family: FontAwesome;
    line-height: normal;
}

.indexCustom .indexNav li a {
    display: block;
    overflow: hidden;

}

.indexCustom .indexNav .indexNavChild ul li a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/*.indexCustom{
    display: block !important;
}*/
#navNewColumnFrame {
    height: 380px;
}

#navStyleChoice {
    height: 380px;
}

#navIconStyleChoice {
    height: 380px;
    /*overflow: hidden;*/
}

#navCustomStyleChoice {
    height: 380px;
}

.navColumnFrame {
    width: 100%;
}

/*鍦ㄥ闈㈢殑鏍峰紡*/
#navColumnList {
    margin-bottom: 0;
    width: 480px;
    min-height: 325px;
}

.navColumnList .navOneLi {
    width: 100%;
    min-height: 41px;
    border: 1px transparent solid;
    list-style: none;
    overflow: hidden;
    margin-bottom: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: box-shadow 0.3s, border 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s;
    -webkit-transition: box-shadow 0.3s, border 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s;
    overflow: hidden;
}

.navColumnList .navOneLiHidden {
    height: 42px;
}

.navColumnList .navOneLi .ben {
    width: 478px;
    height: 40px;
    border: 1px #a8bbde solid;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 40px;
    background: #e3e9fb;
}

.navColumnList .navOneLi .ben label {
    float: left;
    margin-bottom: 0;
    width: 7%;
    height: 40px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    font-family: FontAwesome;
    color: #666;
}

.navColumnList .navOneLi .ben label:hover {
    cursor: pointer;
}

.navColumnList .navOneLi .ben em {
    float: left;
    width: 7%;
    height: 40px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    font-family: FontAwesome;
}

.navColumnList .navOneLi .ben em:hover {
    cursor: pointer;
}

.navColumnList .navOneLi .ben b {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    font: 14px/40px 'Microsoft YaHei';
}

.navColumnList .navOneLi .ben strong {
    float: left;
    width: 175px;
    height: 40px;
    text-align: center;
    font: 14px/40px 'Microsoft YaHei';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navColumnList .navOneLi .ben p {
    float: left;
    width: 325px;
    height: 40px;
    text-align: center;
    font: 14px/40px 'Microsoft YaHei';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}

.navColumnList .navOneLi .ben .showBtnFrame {
    width: 30px;
    height: 40px;
    float: left;
    cursor: pointer;
}

.navColumnList .navOneLi .ben .showBtn {
    display: none;
    float: left;
    width: 0;
    height: 0;
    border-top: 10px #666 solid;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
    border-bottom: none;
    margin: 0 auto;
    margin-top: 15px;
    margin-left: 10px;
    transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.navColumnList .navOneLi .ben .showBtnUp {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.navColumnList .navOneLi .ben .childTitle {
    display: none;
}

.navColumnList .navOneLi .ben .columnName {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    width: 100px;
}

.navColumnList .navOneLi .ben .columnType {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    width: 78px;
    margin-left: 270px;
}

.navColumnList .navOneLi .ben .viewState {
    float: left;
    margin-left: 80px;
    width: 40px;
    height: 40px;
    font: 12px/40px 'Microsoft YaHei';
    cursor: pointer;

}

.navColumnList .navOneLi .ben .edit {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 60px;
    cursor: pointer;
}

.navColumnList .navOneLi .ben .navDele {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.navColumnList .navOneLi .ben .addColumn {
    display: none;
    float: right;
    margin-top: 7px;
    margin-right: -23px;
    width: 20px;
    height: 20px;
    font-size: 30px;
    line-height: 20px;
    font-weight: 900;
    color: #666;
}


.navColumnList .paixu {
    width: 750px;
    height: 40px;
    background: #fff8a1;
    border: 1px #e3c818 dashed;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.navColumnList .neipaixu {
    width: 750px;
    height: 40px;
    background: #fff8a1;
    border: 1px #e3c818 dashed;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.navColumnList .xuanfu {
    box-shadow: 5px 5px 5px #666;
    border: 1px #0026ff solid;
}

.child {
    float: left;
    width: 400px;
    height: 50px;
    background: #54979c;
    margin-top: 5px;
}

/*鎷夎繘鍘荤殑鏍峰紡*/
.childFrame .navChildLi {
    width: 438px;
    height: 40px;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 40px;
    background: #f5f5f5;
    margin-top: 5px;
    margin-bottom: 0px;
    opacity: 0.8;
    margin-left: 40px;
}

.childFrame .navChildLi .ben {
    width: 100%;
    height: 40px;
    border: 1px #b5c8eb solid;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 50px;
    /*background: #f5f5f5;*/
}

.childFrame .navChildLi .ben em {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    font-family: FontAwesome;
}

.childFrame .navChildLi .ben label {
    float: left;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    font-family: FontAwesome;
}

.childFrame .navChildLi .ben strong {
    float: left;
    width: 175px;
    height: 40px;
    text-align: center;
    font: 14px/40px 'Microsoft YaHei';
}

.navColumnList .navOneLi .ben p {
    float: left;
    width: 325px;
    height: 40px;
    text-align: center;
    font: 14px/40px 'Microsoft YaHei';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}

.childFrame .navOneLi .ben .showBtnFrame {
    display: none;
}

.childFrame .navOneLi .ben .showBtn {
    display: none;
}

.childFrame .navOneLi .ben .childTitle {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.childFrame .navOneLi .ben .columnName {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    width: 100px;
}

.childFrame .navOneLi .ben .columnType {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 230px;
}

.childFrame .navOneLi .ben .viewState {
    float: left;
    margin-left: 80px;
    font: 12px/40px 'Microsoft YaHei';
    width: 40px;
    height: 40px;
}

.childFrame .navOneLi .ben .edit {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 60px;
    cursor: pointer;
}

.childFrame .navOneLi .ben .navDele {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.childFrame .navOneLi .ben .addColumn {
    display: none;
}

.navOneLi .childFrame .neipaixu {
    width: 660px;
    height: 40px;
    margin-left: 113px;
    background: #fff8a1;
    border: 1px #e3c818 dashed;
    margin-top: 10px;
    margin-bottom: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*鍟﹀嚭鏉ョ殑鏍峰紡*/
.navColumnList .childOneLi {
    width: 750px;
    height: 40px;
    border: 1px #b5c8eb solid;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 50px;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.navColumnList .childOneLi .columnName {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    width: 100px;
    margin-left: 20px;
}

.navColumnList .childOneLi .columnType {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 280px;
}

.navColumnList .childOneLi .open {
    float: left;
    margin-left: 80px;
    width: 12px;
    height: 12px;
    margin-top: 16px;
    background: url(/static/image/open.gif) no-repeat;
}

.navColumnList .childOneLi .edit {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 80px;
    cursor: pointer;
}

.navColumnList .childOneLi .navDele {
    font: 12px/40px 'Microsoft YaHei';
    float: left;
    margin-left: 10px;
}

.navColumnList .childOneLi .addColumn {
    float: right;
    margin-top: 7px;
    margin-right: -23px;
    width: 20px;
    height: 20px;
    font-size: 30px;
    line-height: 20px;
    font-weight: 900;
    color: #666;
}

.navColumnFrame .neipaixu {
    width: 750px;
    height: 42px;
    background: #f5f5f5;
    border: 1px #b5c8eb dashed;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*瀵艰埅鏍忔牱寮忚缃儴鍒?/
#navCustomStyleChoice .ivu-tabs-nav {
    height: 43px;
}

#navCustomStyleChoice .ivu-tabs {
    height: 360px;
    margin-bottom: 8px;
}

#navCustomStyleChoice .tabScroll {
    width: 100%;
    height: 315px;
    overflow-y: auto;
}

#navCustomStyleChoice .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

#navCustomStyleChoice .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
}

#navCustomStyleChoice .setOne strong {
    float: left;
    height: 40px;
    width: 120px;
    line-height: 40px;
}

#navCustomStyleChoice .setOne p strong {
    float: left;
    height: 40px;
    width: 120px;
    line-height: 40px;
}

#navCustomStyleChoice .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#navCustomStyleChoice .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#navCustomStyleChoice .setOne .picTextslider {
    width: 75%;
    float: left;
}

#navCustomStyleChoice .setOne .picTextslider .ivu-input-number {
    margin-top: 0;
}

#navCustomStyleChoice .navCustomStyleSwitch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #e1e1e1;
    overflow: hidden;
}

#navCustomStyleChoice .navCustomStyleChoiceBox {
    width: 100%;
    height: 100%;
    position: relative;

}

#navCustomStyleChoice .Switch {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 11;
}

#navCustomStyleChoice .navCustomStyleSwitch .ivu-alert {
    width: 700px;
    float: left;
    margin-left: 210px;
    margin-top: 131px;
    background: #e3e3e3;
    border: none;
}

#navStyleChoice .navStyleChoiceBox {
    width: 100%;
    height: 100%;
    position: relative;
}

#navStyleChoice .navStyleChoiceBox .navStyleChoiceHeader {
    width: 100%;
    height: 40px;
    background: #e3e3e3;
    margin-bottom: 3px;
}

.navStyleChoiceHeader strong {
    width: 200px;
    height: 40px;
    float: left;
    font: 14px/40px 'Microsoft YaHei';
    margin-left: 10px;
}

#navStyleChoice .Switch {
    position: absolute;
    top: 9px;
    right: 10px;
}

#navStyleChoice .navStyleChoiceList {
    width: 100%;
    height: 315px;
}

#navStyleChoice .navStyleChoiceList .dlListBox {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.navStyleChoiceList .motai {
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    overflow: hidden;
}

.navStyleChoiceList .motai .ivu-alert {
    width: 700px;
    float: left;
    margin-left: 210px;
    margin-top: 131px;
    background: #e3e3e3;
    border: none;
}

.styleChoice {
    width: 375px;
    background: #e3e9fb;
    float: left;
    margin-bottom: 10px;
    border: 1px #a8bbde solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari 鍜 Chrome */
    -o-transition: all 0.3s; /* Opera */
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.styleChoice:hover {
    /*border-color: #ff4517;*/
    /*box-shadow: 0px 0px 10px #f00;*/
}

.select {
    border-color: #ff4517;
    box-shadow: 0px 0px 10px #f00;
}

.styleChoice:nth-child(odd) {
    margin-right: 10px;
}

.styleChoice .iconImg {
    width: 355px;
    margin-top: 10px;
    margin-left: 9px;
    border: 1px #d6ded2 solid;
    background: #fff;
    text-align: center;
}

.styleChoice .iconImg img {
    display: block;
    width: 355px;
    height: 90px;
}

.styleChoice dd {
    height: 30px;
    padding-left: 10px;
    font: 14px/30px 'Microsoft YaHei';
}

.indexNav a:hover {
    text-decoration: none;
}

.styleChoice .MaskFrame {
    position: absolute;
    width: 100%;
    height: 159px;
    padding-left: 0;
    left: 0;
    top: -160px;
    background: rgba(0, 0, 0, 0.5);
}

.styleChoice .customMaskFrame button {
    float: left;
    width: 120px;
    height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    font: 16px/40px 'Microsoft YaHei';
    color: #fff;
    text-align: center;
    margin-top: 65px;
}

.styleChoice .customMaskFrame .defaultSetUp {
    background: #ff9c00;
    margin-left: 20px;
}

.styleChoice .customMaskFrame .customSetUp {
    background: #e4393c;
    margin-left: 130px;
}

.styleChoice .customMaskFrame .defaultSetUp:hover {
    background: #efb455;
}

.styleChoice .customMaskFrame .customSetUp:hover {
    background: #ff585b;
}

.styleChoice .zidingMaskFrame .defaultSetUp {
    float: left;
    width: 120px;
    height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    font: 16px/40px 'Microsoft YaHei';
    color: #fff;
    text-align: center;
    margin-top: 65px;
    background: #ff9c00;
    margin-left: 130px;
}

.styleChoice .zidingMaskFrame .defaultSetUp:hover {
    background: #efb455;
}

.list-nav-tit {
    width: 775px;
    height: 40px;
    margin-bottom: 0px;
}

.list-nav-tit em {
    float: left;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
    width: 7%;
    text-align: center;
    margin-bottom: 0;
}

.list-nav-tit strong {
    float: left;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
    width: 7%;
    text-align: center;
    margin-bottom: 0;
}

.list-nav-tit p {
    float: left;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
    width: 7%;
    text-align: center;
    margin-bottom: 0;
}

.list-nav-tit i {
    float: left;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
    width: 20%;
    text-align: center;
}

.list-nav-tit b {
    float: left;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
    width: 325px;
    text-align: center;
}

.list-nav-tit button {
    float: right;
    margin-right: 33px;
}

.navDialog .pd15 .publicDiv select {
    border: 1px #ccc solid;
    float: left;
    margin-top: 8px;
    width: 80px;
}

.navDialog h4 {
    color: #f00;
    font: 12px/35px 'Microsoft YaHei';
    height: 35px;
    font-weight: 600;
}

.navDialog p {
    height: 35px;
}

.navDialog .pd15 .publicDiv .oneLine {
    overflow: hidden;
}

.navDialog .pd15 .publicDiv span {
    float: left;
    width: 90px;
    font: 12px/35px 'Microsoft YaHei';
}

.navDialog .pd15 .publicDiv .defaultSetUpSlider {
    float: left;
    width: 200px;
    margin-top: 12px;
    margin-right: 30px;
}

.navDialog .pd15 .publicDiv .defaultSetUpSlider span {
    width: 14px;
}

.navDialog b {
    float: left;
    width: 22px;
    height: 22px;
    border: 1px #ccc solid;
    margin-top: 3px;
}

.navDialog em {
    float: left;
    width: 60px;
    height: 22px;
    margin-left: 10px;
    margin-top: 3px;
    border: 1px #ccc solid;
    text-align: center;
    font: 12px/22px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.navDialog .pd15 .publicDiv input {
    float: left;
    padding-left: 5px;
    width: 50px;
    height: 22px;
    margin-top: 7px;
    text-align: center;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.navDialog i {
    float: left;
    font: 12px/35px 'Microsoft YaHei';
    margin-left: 5px;
}

.navDialog strong {
    float: right;
    font: 12px/35px 'Microsoft YaHei';
    margin-left: 5px;
    color: #f00;
    margin-right: 120px;
}

.newColumn {
    display: none;
    position: absolute;
    width: 820px;
    height: 400px;
    background: rgba(204, 204, 204, 0.4);
    z-index: 9999999;
}

.newColumn .newColumnFrame {
    position: absolute;
    left: 210px;
    top: 80px;
    width: 380px;
    height: 200px;
    padding: 0 10px;
    border: 1px #ccc solid;
    background: #fff;
}

.newColumn .newColumnFrame h5 {
    height: 30px;
    border-bottom: 1px #666 solid;
    margin-bottom: 10px;
}

.newColumn .newColumnFrame h5 span {
    float: left;
    color: #333;
    font: 12px/30px 'Microsoft YaHei';
    font-weight: 700;
}

.newColumn .newColumnFrame h5 i {
    float: right;
    margin-right: -10px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}

.newColumn .newColumnFrame p {
    height: 30px;
    margin-bottom: 3px;
}

.newColumn .newColumnFrame p span {
    float: left;
    font: 12px/30px 'Microsoft YaHei';
    width: 70px;
}

.newColumn .newColumnFrame p input {
    float: left;
    height: 20px;
    margin-top: 3px;
    width: 280px;
}

.newColumn .newColumnFrame p:last-child {
    margin-top: 23px;
}

.newColumn .newColumnFrame p:last-child button {
    width: 60px;
    height: 25px;
    background: #ccc;
    border: 1px #999 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font: 12px/25px 'Microsoft YaHei';
}

.newColumn .newColumnFrame p:last-child .newColumnOk {
    margin-left: 120px;
}

.newColumn .newColumnFrame p:last-child .newColumnClose {
    margin-left: 26px;
}

.addNewColumn {
    height: 25px;
}

.addNewColumn button {
    float: right;
    width: 70px;
    height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e3e9fb;
    border: 1px #a8bbde solid;
    text-align: center;
    font: 12px/25px 'Microsoft YaHei';
}

.addNewColumn span {
    float: right;
    font: 12px/25px 'Microsoft YaHei';
    color: #f00;
    margin-right: 10px;
}

/*鍥炬爣绠＄悊*/
.iconStyleChoice { /*鍥炬爣鏍峰紡绠＄悊*/
    padding: 0 10px;
    width: 175px;
    height: 368px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}

.customList {
    width: 240px;
    height: 368px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    border: 1px #ccc solid;
    padding: 5px;
}

#navIconStyleChoice .customList .ivu-tabs {
    height: 357px;
}

#navIconStyleChoice .customList .ivu-tabs-tab {
    height: 40px;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
}

#navIconStyleChoice .customList .ivu-tabs-bar {
    margin-bottom: 5px;
}

#navIconStyleChoice .customList .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}

#navIconStyleChoice .customList .setOne p {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
}

#navIconStyleChoice .customList .setOne p strong {
    float: left;
    height: 40px;
    width: 75px;
    line-height: 40px;
    margin-left: 10px;
    font-size: 14px;
}


.iconStyleChoice h4 {
    font: 12px/30px 'Microsoft YaHei';
    font-weight: 700;
}

.iconStyleChoice .iconPositionBtn {
    width: 150px;
    height: 150px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-top: 15px;
}

.iconStyleChoice .iconPositionBtn li {
    width: 40px;
    height: 40px;
    float: left;
    background: #ccc;
    margin-left: 7px;
    margin-top: 8px;
    cursor: pointer;

}

.iconStyleChoice ul .selectBtn {
    background: #ff7f2a;
}

.iconStyleChoice ul .iconPositionBtnHover {
    background: #ff7f2a;
}


.iconStyleChoice .iconStyleHover {
    border: 1px #ff7f2a solid;
    box-shadow: 0px 0px 10px #ff2a2a;
}

.iconStyleChoice ul li:nth-of-type(1) i { /*涓?/
    left: 43%;
}

.iconStyleChoice ul li:nth-of-type(2) i { /*涓?/
    left: 43%;
    bottom: 0;
}

.iconStyleChoice ul li:nth-of-type(3) i { /*宸?/
    top: 36%;
    left: 10%;
}

.iconStyleChoice ul li:nth-of-type(4) i { /*鍙?/
    top: 36%;
    right: 10%;
}

/*涓€绾ф爮鐩瓧浣撳ぇ灏忚缃?/
.iconStyleChoice .iconFontSize {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.iconStyleChoice .iconFontSize b {
    float: left;
    width: 110px;
    height: 30px;
    font: 12px/30px 'Microsoft YaHei';
    font-weight: 700;
}

.iconStyleChoice .iconFontSize .iconFontSizeShow {
    float: left;
    width: 38px;
    height: 22px;
    margin-top: 3px;
    font: 12px/22px 'Microsoft YaHei';
    text-align: center;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.iconStyleChoice .iconFontSize .iconSliderFrame {
    float: left;
    margin-top: 10px;
    width: 140px;
    height: 30px;
}

.iconStyleChoice .iconFontSize .iconSlider {
    width: 132px;
}

/*浜岀骇鏍忕洰瀛椾綋澶у皬璁剧疆*/
.iconStyleChoice .tweLevelIconFontSize {
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
}

.iconStyleChoice .tweLevelIconFontSize b {
    float: left;
    width: 110px;
    height: 30px;
    font: 12px/30px 'Microsoft YaHei';
    font-weight: 700;
}

.iconStyleChoice .tweLevelIconFontSize .tweLevelIconFontSizeShow {
    float: left;
    width: 38px;
    height: 22px;
    margin-top: 3px;
    font: 12px/22px 'Microsoft YaHei';
    text-align: center;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.iconStyleChoice .tweLevelIconFontSize .tweLevelIconSliderFrame {
    float: left;
    margin-top: 10px;
    width: 140px;
    height: 30px;
}

.iconStyleChoice .tweLevelIconFontSize .tweLevelIconSlider {
    width: 132px;
}

.naviconList {
    width: 275px;
    height: 305px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
}

.SearchLine {
    height: 30px;
    line-height: 30px;
}

.naviconList .SearchLine strong {
    margin-left: 10px;

}


.naviconList .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.naviconList .setOne p {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: 10px;
}

.naviconList .setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    margin-left: 10px;
}

.naviconList .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}


.naviconList h4 {
    margin-left: 10px;
    font: 12px/30px 'Microsoft YaHei';
    font-weight: 700;
}

.naviconList select {
    margin-left: 10px;
    margin-bottom: 10px;
}

.naviconList .naviconListUl {
    width: 100%;
    height: 245px;
    overflow-y: auto;
    padding-top: 5px;
}

.naviconList .naviconListUl li {
    float: left;
    width: 70px;
    height: 70px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: move;
    background: #fff;
}

.naviconList .naviconListUl li:hover {
    border: #ff7f2a;
    box-shadow: 0px 0px 10px #f00;
}

.naviconList .naviconListUl li b {
    display: block;
    font-family: FontAwesome;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #e3e3e3;
}

.naviconList .naviconListUl li span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.naviconList .naviconListUl .listHover {
    border: 1px #ff7f2a solid;
    box-shadow: 0px 0px 10px #ff2a2a;
}

.oneLevelCustom {
    width: 225px;
    height: 310px;
    overflow-y: auto;
    border: 1px #e3e3e3 solid;
}

.oneLevelCustom ul {
    width: 100%;
    overflow-y: auto;
    margin: 0;

    padding: 5px;


}

.oneLevelCustom ul li {

    width: 100%;
    height: 55px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
}

.oneLevelCustom ul .oneLevelCustomHover {
    border: 1px #ff7f2a solid;
    box-shadow: 0px 0px 10px #ff2a2a;
}

.oneLevelCustom ul li p {
    position: relative;
    width: 43px;
    height: 43px;
    float: left;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: auto;
}

.oneLevelCustom ul li p i {
    font: 25px/43px 'Microsoft YaHei';
    font-family: FontAwesome;
    color: #ccc;
}

.oneLevelCustom ul li p i:before {
    color: #333;
}

.oneLevelCustom span {
    float: left;
    margin-left: 10px;
    font: 14px/43px 'Microsoft YaHei';
    width: 130px;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.oneLevelCustom b{
    float: left;
    margin-left: 30px;
    font: 14px/43px 'Microsoft YaHei';
    height: 43px;
    color: #0a66ef;
    cursor: pointer;
}*/
.iconFrame em {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px #ff7f2a solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #ff7f2a;
    color: #fff;
    right: 1px;
    bottom: 1px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
}

.twoLevelCustom {
    height: 323px;
}


.twoLevelCustom h5 {
    font: 12px/30px 'Microsoft YaHei';
    color: #f00;
}

.twoLevelCustom ul li {
    width: 180px;
    height: 43px;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
}

.twoLevelCustom p {
    position: relative;
    width: 43px;
    height: 43px;
    float: left;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: auto;
}

.twoLevelCustom span {
    float: left;
    margin-left: 10px;
    font: 14px/43px 'Microsoft YaHei';
    width: 63px;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.twoLevelCustom p i {
    font: 25px/43px 'Microsoft YaHei';
    font-family: FontAwesome;
    color: #ccc;
}

.twoLevelCustom p i:before {
    color: #333;
}

.twoLevelCustom p em {
    position: absolute;
    display: none;
    width: 12px;
    height: 12px;
    border: 1px #ff7f2a solid;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #ff7f2a;
    color: #fff;
    right: 1px;
    bottom: 1px;
    line-height: 12px;
    text-align: center;
    cursor: pointer;
}

.twoLevelCustom ul .oneLevelCustomHover {
    border: 1px #ff7f2a solid;
    box-shadow: 0px 0px 10px #ff2a2a;
}

/*缂栬緫瀹瑰櫒*/

.containerEdit {
    display: none;
    width: 60px;
    height: 30px;
    text-align: center;
    font: 12px/30px 'Microsoft YaHei';
    position: absolute;
    background: #3338ff;
    color: #fff;
    z-index: 91;
    right: 0px;
}

.containerEditFrame {
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 5px;
}

.containerEditDialog h5 {
    font: 12px/30px 'Microsoft YaHei';
    margin-left: 10px;
    font-weight: 800;
}

.containerEditDialog .oneLine {
    width: 303px;
    height: 30px;
    float: left;
    margin-left: 10px;
}

.containerEditDialog span {
    float: left;
    width: 90px;
    font: 12px/30px 'Microsoft YaHei';
}

.containerEditDialog em {
    float: left;
    width: 60px;
    height: 22px;
    margin-left: 10px;
    margin-top: 3px;
    border: 1px #ccc solid;
    text-align: center;
    font: 12px/22px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.containerEditDialog b {
    float: left;
    width: 22px;
    height: 22px;
    border: 1px #ccc solid;
    margin-top: 3px;
}

.containerEditDialog input {
    float: left;
    padding-left: 5px;
    width: 40px;
    height: 22px;
    margin-top: 4px;
    text-align: center;
    border: 1px #ccc solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 0;
}

.containerEditDialog select {
    float: left;
    width: 97px;
    height: 22px;
    border: 1px #ccc solid;
    margin-top: 4px;
}

.containerEditDialog i {
    float: left;
    font: 12px/30px 'Microsoft YaHei';
    margin-left: 5px;
}

.containerEditDialog .containeSlider {
    float: left;
    width: 110px;
    margin-top: 15px;
    margin-right: 30px;
}

.containerEditDialog .containeSlider span {
    width: 14px;
}

.containerEditDialog .backImgUpload {
    float: right;
    height: 60px;
    margin-right: 110px;
    position: relative;
}

.containerEditDialog .backImgUpload img {
    float: left;
    border: 1px #ccc solid;
    width: 50px;
    height: 50px;
    margin: 5px;
    margin-left: 0;
}

.containerEditDialog .backImgUpload em {
    margin-top: 19px;
}

.containerEditDialog .containeWidthSlider {
    width: 430px;
}

.containerEditWidthSetUp {
    position: relative;
}

.containerEditWidthSetUp .oneLine {
    width: 100%;
}

.containerEditDialog .cancelImg {
    position: absolute;
    display: none;
    width: 15px;
    height: 15px;
    background: #f60;
    color: #fff;
    text-align: center;
    line-height: 15px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    left: 124px;
    top: 39px;
}

.containerEditWidthSetUp strong {
    position: absolute;
    top: 10px;
    border: none;
    right: 97px;
}

.containerEditWidthSetUp input {
    width: 45px;
}


.publicDiv .cur {
}

.publicDiv select {
    border: 1px solid #ccc;
}

.pub_tt h3 {
    margin-bottom: 10px;
}

.pub_tt h3 span {
    font-weight: normal;
    color: #f60;
}


.tab_action .pub_form_ul li .con {
    width: 570px;
}

/*sys panel*/
.sys_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ddd;
    color: #423C3C;
    font-size: 16px;
    z-index: 8999;
    text-align: center;
    font-family: "microsoft yahei";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 5px #584C4C;
    -webkit-box-shadow: 0px 0px 5px #584C4C;
    box-shadow: 0px 0px 5px #584C4C;
}


.module_c_service {
    z-index: 999;
    position: fixed;
    right: 0px;
    bottom: 142px;
    height: 50px;
    width: 100px;
}

.module_c_service .m_add {
    display: none;
}


/*search*/
.search_con {
    margin: 5px;
}

.search_con select {
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
}

.search_con input[type="text"] {
    margin-right: 0px;
    border: 1px solid #ccc;
    height: 26px;
    padding: 2px;
}

.search_style .search_con input[type="text"] {
    margin: 0;
}

.search_con a {
    display: block;
    float: right;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    background: #f60;
    color: #fff;
}


/*hide movebtn*/
.module_header_logo .module .m_move,
.module_header_minicart .module .m_move,
.module_header_other_memu .module .m_move,
.module_header_login .module .m_move,
.module_c_service .m_move,
.module_header_goods_goodscat .module .m_move,
.module_news .module .m_move {
    display: none;
}

/**妯℃澘妯″潡閫夋嫨妯℃澘椋庢牸鐨勬牱寮?/
.set-title, .set-ctrl {
    float: left;
}

.typeForm {
    float: left;
    width: 70px;
    height: 50px;
    border: 2px solid #fff;
    cursor: pointer;
    position: relative;
}

.typeFormDown img {
    margin-left: 3px;
    margin-top: 0;
    border: 2px solid #8bc429;
}

.typeFormDown .checked {
    position: absolute;
    bottom: 10px;
    right: 6px;
    height: 17px;
    width: 25px;
    display: block;
    background: url(/static/image/bg02.png) -883px -491px no-repeat;
}

#productList {
    width: 100%;
}

/*浜у搧鍒楄〃*/
#productTabs {
    /*position: relative;*/
}

#productTabs .ivu-input-number {
    margin-top: 0;
}

#productTabs #pattern {
    width: 100%;
    height: 380px;
}

#productTabs #pattern .pd15 {
    width: 100%;
    height: 100%;
}

#productTabs #pattern .publicDiv {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.productTabs h2 {
    width: 100%;
    height: 36px;
    margin-top: 10px;
}

.productTabs h2 b {
    float: left;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

#productTabs .picTextslider {
    width: 75%;
    margin-left: 10px;
    float: left;
}

.productTabs h2 .one {
    float: left;
}

.productTabs h2 .one em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 3px;
}

.productTabs h2 .one strong {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 3px;
}

/*鍒楄〃璁剧疆*/
#productTabs #listSetUp {
    width: 100%;
    height: 100%;
    padding: 10px 10px;
}

#productTabs #listSetUp h1 {
    position: relative;
    width: 100%;
    height: 44px;
}

#productTabs #listSetUp h1 b {
    float: left;
    width: 100px;
    line-height: 44px;
}

#productTabs #listSetUp h1 p {
    float: left;
    width: 180px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    border: 2px transparent solid;
}

#productTabs #listSetUp h1 .sele {
    border: 2px #ff791d solid;
}

#productTabs #listSetUp h1 i {
    float: left;
    width: 100%;
    height: 100%;
    line-height: 40px;
    border-radius: 0px;
    text-align: center;
    font-size: 16px;
    background: #49afcd;
    color: #fff;
    cursor: pointer;
}


#productTabs #listSetUp .oneSetUp {
    width: 380px;
    height: 360px;
    position: relative;
    float: left;
    border: 1px #ccc solid;
    border-radius: 3px;
    overflow: hidden;
}

#productTabs #listSetUp .oneSetUp .Occlusion {
    position: absolute;
    width: 380px;
    height: 350px;
    top: 40px;
    left: 0;
    background: #e3e3e3;
    font: 18px/350px 'Microsoft YaHei';
    text-align: center;
    z-index: 10;
}

.oneSetUp .title .ivu-switch {
    float: right;
    margin-top: 7px;
    margin-right: 7px;
}

#productList .swiper-button-disabled {
    pointer-events: auto;
}


#productTabs #listSetUp .title strong {
    float: left;
    width: 80px;
}


.listAdministration .title button {
    float: right;
    margin-right: 3px;
    margin-top: 2px;
}


.listbox li .listCenter {
    width: 100%;
    margin: 0;
}

.listbox li p {
    width: 100%;
    height: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.listbox li p span {
    float: left;
    width: 48px;
    height: 24px;
    line-height: 24px;
    color: #999;
}

.listbox li p b {
    float: left;
    width: 200px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-weight: 400;
}

.listbox li p i {
    float: left;
    width: 170px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listbox li p strong {
    display: block;
    width: 170px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-weight: 400;
}

/*.listbox li h5{
    float: left;
    width: 45px;
    height:48px;
}*/
.listbox li .myBtn {
    float: left;
    margin-right: 10px;
    height: 23px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 13px;

}

.vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vertical-center-modal .ivu-modal {
    top: 0;
}

.listEdit {
    width: 100%;
}

.listEdit p {
    float: left;
    margin-top: 10px;
    width: 102px;
    height: 145px;
    margin-right: 10px;
}

.listEdit p b {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px #ccc solid;
    vertical-align: middle;
    text-align: center;
    line-height: 100px;
}

.listEdit p b img {

    max-width: 100%;
    max-height: 100%;
}

.listEdit p button {
    display: block;
    margin-top: 10px;
    width: 100px;
}

.listEdit input {
    float: left;
    width: 360px;
    height: 30px;
    padding: 0px 10px;
    line-height: 30px;
    border: 1px #ccc solid;
    margin-top: 10px;
}

.listEdit textarea {
    float: left;
    margin-top: 10px;
    width: 360px;
    height: 105px;
    padding: 10px;
    border: 1px #ccc solid;
}

.listbox .listSort {
    background: #ffcece;
    height: 180px;
    border: 1px #f00 dashed;
}

.oneSetUp .classTitle {
    width: 368px;
    height: 44px;
    border: 1px #ccc solid;
    margin-top: 5px;
    margin-left: 5px;
}

.oneSetUp .classTitle p {
    width: 238px;
    float: left;
    height: 40px;
    margin: 0;
}

.oneSetUp .classTitle p span {
    line-height: 40px;
    margin-left: 5px;
    font-size: 12px;
}

.oneSetUp .classTitle p .ivu-select {
}

.oneSetUp .classTitle button:nth-of-type(1) {
    margin-right: 2px;
}

.oneSetUp .classTitle button {
    float: left;
    margin-top: 4px;
}


.oneSetUp .classList {
    width: 368px;
    height: 265px;
    border: 1px #ccc solid;
    border-top: none;
    margin-left: 5px;


}

#productTabs .classListBox {
    width: 366px;
    height: 263px;
    padding: 5px 5px;
    overflow-y: auto;
    border: none;
    margin: 0;
}

#productTabs .xuanfu {
    border: 1px #ff2e1d solid;
}

#productTabs .ivu-tabs-nav {
    height: 40px;
}


.classListBox li {
    width: 344px;
    height: 84px;
    padding: 5px;
    background: #e3e3e3;
    margin-bottom: 10px;
    cursor: move;
    border: 1px #999 solid;
    border-radius: 3px;
}

.classListBox li img {
    float: left;
    width: 48px;
    height: 48px;
    border: 1px #ccc solid;
    margin-right: 5px;
}

.classListBox li .listCenter {
    float: left;
    width: 210px;
    height: 72px;
    margin: 0;
}

.classListBox li p {
    width: 100%;
    height: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.classListBox li p span {
    float: left;
    width: 48px;
    height: 24px;
    line-height: 24px;
}

.classListBox li p b {
    float: left;
    width: 160px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classListBox li p i {
    float: left;
    width: 160px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classListBox li p strong {
    float: left;
    width: 160px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classListBox li .myBtn {
    float: left;
    margin-right: 10px;
    height: 23px;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 13px;
}

.classListBox .listSort {
    background: #ffcece;
    height: 84px;
    border: 1px #fe794f dashed;
}

.classTitleEditBox {
    width: 100%;
    height: 260px;
    overflow-y: auto;
}

.classTitleEditBox button {
    margin-left: 10px;
}

.classTitleEditBox li {
    height: 52px;
    padding: 10px 0;
    cursor: move;
}

.classTitleEditBox li span {
    cursor: move;
}

#productTabs #oneModel {
    height: 380px;
    overflow-y: auto;
}

#productList .swiper-slide .border {
    width: 99%;
    height: 99%;
}

#productList .swiper-slide .border a {
    display: block;
    width: 100%;
    height: 100%;
}

#productList .swiper-slide .border img {
    float: left;
}

#productList .swiper-slide .border p {
    float: left;
    margin-bottom: 0;
}

#productList .swiper-slide .border b {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

#productList .swiper-slide .border span {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

#productList .swiper-slide .border strong {
    float: left;
}

#productList .classSwiper {
    position: relative;
}

#productList .classSwiper .oneBox {
    padding: 0;
}

#productList .classSwiperBoxFrame {
    margin-bottom: 5px;
    overflow: hidden;
}

#productList .classSwiperBox {
    background: transparent;
    position: relative;
    margin: 0;
}

#productList .classSwiperBox li {
    float: left;
    text-align: center;
}

#productList .classSwiperBox li:hover {
    cursor: pointer;
}

#productTabs #modelTitle, #productTabs #modalSet, #productTabs #classBtn {
    height: 380px;
}

#productTabs #modelTitle h2 {
    margin-top: 20px;
}

/*added by qjh begin*/
/*澶氳瑷€*/
.multilangType1 a {
    color: #fff;
    padding: 0 3px;
    font-size: 14px;
    display: inline-block;
    padding-right: 7px;
    height: 30px;
    line-height: 30px;
    background: url(/static/image/whiteline.png) right top repeat-y;
}

.multilangType1 a.last {
    background: none
}

.multilang table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
}

table th {
    background: #f9f7e6;
    border: 1px solid #ebe8cb;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #393939;
    width: 100px;
}

table td {
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    height: 32px; /*line-height:32px;*/
    color: #393939;
}

/*added by qjh end*/

/*鍒嗙被*/
#catelogTabs #vertical {
    height: 380px;
    position: relative;
    padding: 10px;
}

#catelogTabs #horizontal {
    height: 380px;
    padding: 10px;
}

#catelogTabs #oneLevel {
    height: 380px;
    padding: 10px;
}

#catelogTabs #twoLevel {
    height: 380px;
    padding: 10px;
}

#catelogTabs #threeLevel {
    height: 380px;
    padding: 10px;
}

#vertical .motai {
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    overflow: hidden;
}

#vertical .motai .ivu-alert {
    width: 700px;
    float: left;
    margin-left: 210px;
    margin-top: 131px;
    background: #e3e3e3;
    border: none;
}

#vertical .Switch {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

#catelogTabs .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}

#catelogTabs .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
}

#catelogTabs .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#catelogTabs .setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#catelogTabs .setOne p .ivu-select {
    float: left;
    margin-top: 4px;
}

#catelogTabs .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#catelogTabs .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#catelogTabs .ivu-tabs-nav {
    height: 43px;
}

#catelogTabs .ivu-tabs {
    height: 360px;
    margin-bottom: 0px;
}

#catelogTabs .ivu-tabs-bar {
    margin-bottom: 8px;
}

#catelogTabs .setOne .picTextslider {
    width: 75%;
    float: left;
    margin-left: 10px;
}

#catelogTabs .setOne .picTextslider .ivu-input-number {
    margin-top: 0;
}

#vertical .radioBox {
    height: 40px;
}

#vertical .radioBox .ivu-radio-group {
    margin-top: 10px;
}

#vertical .radioBox .ivu-radio-group .ivu-radio-wrapper {
    margin-right: 20px;
}

/*鍒嗙被棣栭〉*/
.swiperCatelog {
    width: 100%;
}

.swiperCatelog .swiperLeft, .swiperCatelog .swiperRight {
    text-align: center;
    font-size: 14px;
    float: left;
}

.swiperCatelog .swiperLeft button, .swiperCatelog .swiperRight button {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}

.swiperCatelog .swiperLeft button i, .swiperCatelog .swiperRight button i {
    display: block;
    width: 100%;
    height: 100%;
}

.swiperCatelog .swiperRight {
    margin-left: 5px;

}

.swiperCatelog .swiperCenter {
    float: left;
}

.swiperCatelog .border {
    width: 99%;
    height: 99%;
    border: 1px transparent solid;

}

.swiperCatelog .border a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .swiperCatelog-twolevel {
    margin-top: 5px;
    /*border-bottom: 1px #e3e3e3 dashed;*/
    margin-left: 25px;
}

.swiperCatelog .swiperCatelog-twolevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .swiperCatelog-twolevel li {
    float: left;
    border: 1px transparent solid;
    margin-bottom: 5px;
}

.swiperCatelog .swiperCatelog-twolevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .swiperCatelog-threelevel {
    margin-top: 5px;
    margin-left: 25px;
}

.swiperCatelog .swiperCatelog-threelevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .swiperCatelog-threelevel li {
    float: left;
    border: 1px transparent solid;
    margin-bottom: 5px;
}

.swiperCatelog .swiperCatelog-threelevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .floatCatelog-onelevel {
    margin-left: 25px;
}

.swiperCatelog .floatCatelog-onelevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .floatCatelog-onelevel li {
    float: left;
    border: 1px transparent solid;
}

.swiperCatelog .floatCatelog-onelevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.verticalState .oneUl {
    overflow-y: auto;
}

.verticalState ul {
    overflow: hidden;
}

.verticalState ul li {
    float: right;

}

.verticalState ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px transparent solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verticalState .twoUl {
    display: none;

}

.verticalState .threeUl {
    display: none;
}

.swiperCatelog .title {
    margin-left: 25px;
}

.indexCatelog .selectState {
    display: block;
}


/*鍒楄〃鍜屽垎椤?/
#listAndPageTabs #moduleDraw, #listAndPageTabs #listFrame, #listAndPageTabs #listPage, #listAndPageTabs #hoverAnimation, #listAndPageTabs #dataChoice {
    height: 380px;
}

#moduleDraw .listComponent {
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
}

#moduleDraw .listComponent span {
    float: left;
    width: 70px;
    line-height: 70px;
}

#moduleDraw .listComponent ul {
    overflow: hidden;
    float: left;
    height: 70px;
    margin-bottom: 0px;
}

#moduleDraw .listComponent ul li {
    float: left;
    width: 85px;
    height: 68px;
    border: 1px #ccc solid;
    margin-left: 10px;
    font: 20px/68px 'Microsoft YaHei';
    text-align: center;
    cursor: pointer;
    position: relative;
    background: #fff;
}

#moduleDraw .listComponent ul .seleComponent {
    border: 1px #ff7918 solid;
}

#moduleDraw .componentCanvas {
    width: 100%;
    height: 285px;
    background: #e3e3e3;
    border: 1px #666 solid;
    position: relative;
    overflow-x: auto;
    overflow-y: auto;

}

#moduleDraw .componentCanvas .canvasBox {
    position: absolute;
    text-align: center;
    background: #fff;
    top: 0;
    left: 0;
}

#moduleDraw .componentCanvas .canvasBox .boxTitle {
    display: block;
    width: 80px;
    height: 20px;
    background: #999;
    color: #fff;
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    text-align: left;
    padding-left: 5px;
    line-height: 20px;
}

#moduleDraw .componentCanvas .size {
    display: block;
    width: 145px;
    height: 20px;
    background: #d8120c;
    position: absolute;
    top: 0;
    left: 0px;
}

#moduleDraw .componentCanvas .size span, #moduleDraw .componentCanvas .size b {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}


#moduleDraw .componentCanvas .canvasBox .boxTitle:hover {
    cursor: move;
}

#moduleDraw .componentCanvas .canvasBox .canvasButton:hover {
    background: #ffbd19;

}

#moduleDraw .componentCanvas .canvasBox .canvasButton {
    width: 40px;
    height: 20px;
    background: #ff7918;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    font: 12px/20px 'Microsoft YaHei';
    z-index: 10;
}

#moduleDraw .componentCanvas .canvasBox .canvasButton:hover {
    cursor: pointer;
}

#moduleDraw .componentCanvas ul {
    width: 100%;
    height: 265px;
    margin: 0;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}

#moduleDraw .componentCanvas ul li {
    position: absolute;
    text-align: center;
    color: #fff;
}

#moduleDraw .componentCanvas ul li:hover {
    cursor: move;
}

#listAndPageTabs .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

#listAndPageTabs .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
    margin-top: 0px;
}

#listAndPageTabs.setOne strong {
    float: left;
    height: 40px;
    width: 70px;
    line-height: 40px;
    margin-left: 10px;
}

#listAndPageTabs .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    margin-right: 0;
}

#listAndPageTabs #listFrame p strong, #listAndPageTabs #listPage p strong, #listAndPageTabs #hoverAnimation p strong {
    width: 100px;
}

#listAndPageTabs .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#listAndPageTabs .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#moduleDraw .childButton {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #333;
    color: #fff;
    text-align: center;
    z-index: 10;
    font-size: 16px;
    line-height: 20px;
    font-family: FontAwesome;
}

#moduleDraw .childButton:hover {
    background: #999;
    cursor: pointer;
}

#moduleDraw .componentCanvas ul li i {
    float: left;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
}

#componentDialogTitle {
    margin: 0;
    height: 20px;
    width: 100%;
    font: 16px/20px 'Microsoft YaHei';
    font-weight: 800;
}

#listPage .ivu-tabs-bar, #hoverAnimation .ivu-tabs-bar {
    height: 40px;
    margin-bottom: 10px;
}

#listPage .ivu-tabs-content, #hoverAnimation .ivu-tabs-content {
    height: 310px;
}

#hoverAnimation .title {
    margin: 0;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 800;
}

#iconList {
    margin: 0;
    height: 300px;
    width: 100%;
    overflow-y: auto;
}

#iconList li {
    float: left;
    width: 56px;
    height: 56px;
    border: 1px #ccc solid;
    margin-right: 10px;
    text-align: center;
    font-size: 30px;
    line-height: 56px;
    margin-bottom: 10px;
    font-family: FontAwesome;
}

#iconList li:hover {
    border: 1px #ff7211 solid;
}

#iconList .iconSle {
    border: 1px #ff7211 solid;
}

#iconShow {
    float: left;
    width: 36px;
    height: 36px;
    border: 1px #ccc solid;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    margin-right: 25px
}

/*棣栭〉灞曠ず鍏叡鏍峰紡*/
.listAndPage {
    overflow: hidden;
    position: relative;
}

.listAndPage .listEveryOne {
    position: relative;
    float: left;
}

.listAndPage .listEveryOne .listEveryOne-a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listAndPage .listEveryOne .a-download {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 81;
}

.listAndPage .listEveryOne .listEveryOne-ul {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

.listAndPage .listEveryOne .listEveryOne-ul li {
    position: absolute;
    margin: 0;
}

.listAndPage .listEveryOne .listEveryOne-ul li p {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    word-wrap: break-word;
}

.listAndPage .listEveryOne .listEveryOne-ul li .oneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listAndPage .listEveryOne .listEveryOne-ul li p span {
    display: block;
    width: 100%;
    height: 100%;
}

.listAndPage .listEveryOne .listEveryOne-ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

.listAndPage .listEveryOne .Mongolia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
    display: none;
}

.listAndPage .listEveryOne .Mongolia a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listAndPage .listEveryOne .Mongolia a div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

}

.listAndPage .listEveryOne .Mongolia a div p {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
}

.listAndPage .listEveryOne .Mongolia a p strong {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.listAndPage .listEveryOne .Mongolia a p strong b, .listAndPage .listEveryOne .Mongolia a p strong i, .listAndPage .listEveryOne .Mongolia a p strong em {
    display: block;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;

}


.listAndPage .listEveryOne .Mongolia a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#listAndPageTabs .ivu-select {
    margin-top: 4px;
}


.listAndPage #page {
    position: absolute;
    width: 100% !important;
    left: 0 !important;
}


.listAndPage #page .pageBox {
    display: inline-block;
}

.listAndPage #page p {
    float: left;
    margin: 0;
}

.listAndPage #page ul {
    float: left;
    overflow: hidden;
    margin: 0;
}

.listAndPage #page ul li {
    float: left;
}

.listAndPage #page ul li a, .listAndPage #page p a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}


/*鎺ㄨ崘鍒楄〃鎸備欢*/
#recommendlistTabs #vertical {
    height: 380px;
    position: relative;
    padding: 10px;
}

#recommendlistTabs #horizontal {
    height: 380px;
    padding: 10px;
}

#recommendlistTabs #oneLevel {
    height: 380px;
    padding: 10px;
}

#recommendlistTabs #twoLevel {
    height: 380px;
    padding: 10px;
}

#recommendlistTabs #threeLevel {
    height: 380px;
    padding: 10px;
}

#vertical .motai {
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    overflow: hidden;
}

#vertical .motai .ivu-alert {
    width: 700px;
    float: left;
    margin-left: 210px;
    margin-top: 131px;
    background: #e3e3e3;
    border: none;
}

#vertical .Switch {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

#recommendlistTabs .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}

#recommendlistTabs .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
}

#recommendlistTabs .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#recommendlistTabs .setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#recommendlistTabs .setOne p .ivu-select {
    float: left;
    margin-top: 4px;
}

#recommendlistTabs .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#recommendlistTabs .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#recommendlistTabs .ivu-tabs-nav {
    height: 43px;
}

#recommendlistTabs .ivu-tabs {
    height: 360px;
    margin-bottom: 0px;
}

#recommendlistTabs .ivu-tabs-bar {
    margin-bottom: 8px;
}

#recommendlistTabs .setOne .picTextslider {
    width: 75%;
    float: left;
    margin-left: 10px;
}

#recommendlistTabs .setOne .picTextslider .ivu-input-number {
    margin-top: 0;
}

#vertical .radioBox {
    height: 40px;
}

#vertical .radioBox .ivu-radio-group {
    margin-top: 10px;
}

#vertical .radioBox .ivu-radio-group .ivu-radio-wrapper {
    margin-right: 20px;
}

#recommendlistTabs .btn_select_member {
    width: 100px;
    height: 40px;
    text-align: center;
    background: #688af3;
    color: #fff;
    border: 1px #ccc solid;
    border-radius: 3px;
    margin-left: 10px;
}

#recommendlistTabs .btn_select_member:hover {
    background: #535bf3;
}

.contentHeader {
    width: 100%;
    height: 30px;
    background: #ccc;
    margin-top: 5px;
    overflow: hidden;
}

.contentButton {
    width: 100%;
    height: 32px;
}

.contentButton button {
    float: right;
}

.contentButton strong {
    float: left;
    width: 200px;
    height: 32px;
    line-height: 32px;
}

.contentButton p {
    float: left;
}

.contentButton p strong {
    width: 100px;
}

.contentButton p button {
    float: left;
}

.contentButton button:nth-of-type(1) {
    margin-right: 10px;
}

.contentHeader span {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.contentBody {
    width: 100%;
    overflow: hidden;
}

.contentBody .contentBody-select {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px #ccc solid;
    border-radius: 3px;
    background: #fff;
    margin: 20px auto;

}

.contentBody li {
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    border: 1px #ccc solid;
    border-radius: 3px;
}

.contentBody li:hover {
    cursor: pointer;
}

.contentBody li p {
    float: left;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}

.contentBody li p img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: 5px;

}

.contentBody li:hover {
    background: #7a95ff;
}

.contentBody li:hover p {
    color: #fff;
}

.contentBody .liSele {
    background: #7a95ff;
}

.contentBody .liSele p {
    color: #fff;
}

.contentPage {
    width: 100%;
    height: 32px;

}

.contentPage ul {
    text-align: center;
}

.contentPage li {
    display: inline-block;
    float: none;
}

.contentPage li a .ivu-icon {
    line-height: 28px;
}

/*
.contentPage span{
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px #0c81ef solid;
    text-align: center;
    line-height: 30px;
    background: #fff;
    color:#0c81ef;
    margin: 0 3px;
}
*/


/*鍒嗙被棣栭〉*/
.swiperCatelog {
    width: 100%;
}

.swiperCatelog .swiperLeft, .swiperCatelog .swiperRight {
    text-align: center;
    font-size: 14px;
    float: left;
    width: 25px;
    border: 1px #999 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.swiperCatelog .swiperLeft button, .swiperCatelog .swiperRight button {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: #e3e3e3;
}

.swiperCatelog .swiperLeft button i, .swiperCatelog .swiperRight button i {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 22px;
}

.swiperCatelog .swiperRight {
    margin-left: 5px;

}

.swiperCatelog .swiperCenter {
    float: left;
}

.swiperCatelog .border {
    width: 99%;
    height: 99%;
    border: 1px transparent solid;

}

.swiperCatelog .border a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .swiperCatelog-twolevel {
    margin-top: 5px;
    /*border-bottom: 1px #e3e3e3 dashed;*/
    margin-left: 25px;
}

.swiperCatelog .swiperCatelog-twolevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .swiperCatelog-twolevel li {
    float: left;
    border: 1px transparent solid;
    margin-bottom: 5px;
}

.swiperCatelog .swiperCatelog-twolevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .swiperCatelog-threelevel {
    margin-top: 5px;
    margin-left: 25px;
}

.swiperCatelog .swiperCatelog-threelevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .swiperCatelog-threelevel li {
    float: left;
    border: 1px transparent solid;
    margin-bottom: 5px;
}

.swiperCatelog .swiperCatelog-threelevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.swiperCatelog .floatCatelog-onelevel {
    margin-left: 25px;
}

.swiperCatelog .floatCatelog-onelevel ul {
    overflow: hidden;
    margin-bottom: 0;
}

.swiperCatelog .floatCatelog-onelevel li {
    float: left;
    border: 1px transparent solid;
}

.swiperCatelog .floatCatelog-onelevel li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.RecommendlistBox ul {
    overflow: hidden;
    margin: 0;
}

.RecommendlistBox ul li {
    float: left;

}

.RecommendlistBox ul li a {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px transparent solid;

}

.RecommendlistBox ul li a img {
    float: left;
}

.RecommendlistBox ul li a span {
    float: left;
}

.RecommendlistBox ul li a p {
    float: left;
    margin: 0;
}

.indexCatelog .selectState {
    display: block;
}

/*鏂囩珷璇︽儏*/
#newsTabs #new_header, #newsTabs #new_headerBottom, #newsTabs #new_img, #newsTabs #new_content, #newsTabs #new_Magnifier, #newsTabs #new_box, #newsTabs #layoutSetUp {
    height: 380px;
}

#layoutSetUp .layoutSetUp-frame {
    width: 100%;
    /*border: 1px #ccc solid;
    overflow-y: auto;*/
    overflow: hidden;
}

#layoutSetUp .layoutSetUp-frame .layoutSetUp-container {
    border: 1px #f00 solid;
    position: relative;
}

#layoutSetUp .layoutSetUp-frame .layoutSetUp-container div {
    position: absolute;
}

#layoutSetUp .layoutSetUp-frame .layoutSetUp-Label {
    float: left;
    width: 80px;
    height: 20px;
    background: #000;
    text-align: center;
    line-height: 20px;
    color: #fff;

}

#layoutSetUp .layoutSetUp-frame b {
    float: left;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-left: 10px;
}


#newsTabs .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

#newsTabs .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
    margin-top: 0px;
}

#newsTabs.setOne strong {
    float: left;
    height: 40px;
    width: 120px;
    line-height: 40px;
    margin-left: 10px;
}

#newsTabs .setOne p strong {
    float: left;
    height: 40px;
    width: 120px;
    line-height: 40px;
}

#newsTabs .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#newsTabs .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

.newsIndex {
    position: relative;
}

.newsIndex .indexContainer {
    width: 100%;

}

.newsIndex .indexContainer p {
    word-break: break-all;
    margin: 0;
}
.newsIndex .indexContainer video{
    width: 100% !important;
}
.newsIndex .newsIndex_headerBottom p {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
}

.newsIndex .newsIndex_header {
    word-break: break-all;
}

.newsIndex .newsIndex_summary {
    word-break: break-all;
    overflow-y: auto;
}

.newsIndex .newsIndex_headerBottom p span {
    float: left;
}

.newsIndex .newsIndex_headerBottom p b {
    float: left;
}

.newsIndex .newsIndex_content {
    overflow-y: auto;
}

.newsIndex .newsIndex_seo_content {
    overflow-y: auto;
}

.newsIndex .newsIndex_content .zhanwei, .newsIndex .newsIndex_seo_content .zhanwei {
    float: left;
}

.newsIndex .newsIndex_content .content {
    width: 100%;
    height: 100%;
}

.newsIndex .newsIndex_content .contentFrame {
    word-wrap: break-word;
}

#DefaultStyle {

    height: 100%;
    padding: 0 0 10px 0px !important;
}

#DefaultStyle .dlListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#DefaultStyle .styleChoice {
    width: 365px;
    background: transparent;
    float: left;
    margin-bottom: 10px;
    border: 2px transparent solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

#DefaultStyle .styleChoice:hover {
    border-color: #6199f4;
    border-width: 2px;
    /*box-shadow: 0px 0px 10px #f00;*/
}

#DefaultStyle .select {
    border-color: #6199f4;
    box-shadow: 0px 0px 10px transparent;
}

#DefaultStyle .styleChoice:nth-child(odd) {
    margin-right: 10px;
}

#DefaultStyle .styleChoice .iconImg {
    width: 275px;
    margin-top: 0px;
    margin-left: 5px;
    border: 1px transparent solid;
    background: #fff;
    text-align: center;
}

#DefaultStyle .styleChoice .iconImg img {
    display: block;
    width: 345px;
    height: 100%;
}

#DefaultStyle .styleChoice dd {
    float: left;
    width: 250px;
    height: 30px;
    padding-left: 10px;
    font: 14px/30px 'Microsoft YaHei';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}

#allgroup .styleChoice button {
    width: 50px;
    height: 26px;
    border: 1px #e3e3e3 solid;
    border-radius: 3px;
    background: #ccc;
    text-align: center;
    line-height: 26px;
    margin-top: 2px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

#allgroup .styleChoice button:hover {
    background: #333;
    color: #fff;
}

#allrow .styleChoice button {
    width: 50px;
    height: 26px;
    border: 1px #e3e3e3 solid;
    border-radius: 3px;
    background: #ccc;
    text-align: center;
    line-height: 26px;
    margin-top: 2px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

#allrow .styleChoice button:hover {
    background: #333;
    color: #fff;
}


#DefaultStyle .styleChoice button {
    width: 50px;
    height: 26px;
    border: 1px #e3e3e3 solid;
    border-radius: 3px;
    background: #ccc;
    text-align: center;
    line-height: 26px;
    margin-top: 2px;
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

#DefaultStyle .styleChoice button:hover {
    background: #333;
    color: #fff;
}

#DefaultStyle .headerComponent {
    height: 40px;
    overflow: hidden;
}

#DefaultStyle .headerComponent h5 {
    width: 200px;
    float: left;
    height: 40px;
    font-size: 18px;
    margin: 0;

}

#DefaultStyle .heaheaderComponentder #styleSave {
    float: right;
    margin-right: 17px;
}

#productTabs .ivu-tooltip-rel {
    display: block;
}

#productTabs .ivu-collapse-content {
    overflow: visible;
}

#btnStyle {
    height: 380px;
}

#btnStyle .setOne, #pageStyle .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

#btnStyle .setOne p, #pageStyle .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
    margin-top: 0px;
}

#btnStyle.setOne strong, #pageStyle.setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    margin-left: 10px;
}

#btnStyle .setOne p strong, #pageStyle .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

#btnStyle .setOne em, #pageStyle .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

#btnStyle .setOne .frame, #pageStyle .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

.touming {
    margin-left: 10px;
    margin-top: 3px;
    width: 30px;
    float: left;
    height: 30px;
    cursor: pointer;
}

#pageStyle {
    height: 380px;
}

/*鑽ｈ獕璧勮川*/
#honor_box, #honor_header, #honor_one, #honor_modal, #honor_list, #honor_one_title, #honor_one_content {
    height: 380px;
}

.honorTabs .setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.honorTabs .setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
    margin-top: 0px;
}

.honorTabs.setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    margin-left: 10px;
}

.honorTabs .setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
}

.honorTabs .setOne em {
    float: left;
    width: 80px;
    height: 28px;
    margin-left: 10px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    background: #999;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

.honorTabs .setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
}

#honor_list li {
    border: 1px #ccc solid;
    border-radius: 3px;
    width: 100%;
    height: 100px;
    background: #e3e3e3;
    margin-bottom: 10px;
    padding: 10px;
    overflow: hidden;
}

#honor_list li:hover {
    cursor: move;
}

#honor_list li img {
    width: 78px;
    height: 78px;
    float: left;
    margin-left: 10px;
}

#honor_list li p {
    float: left;
    width: 560px;
    height: 78px;
    margin-bottom: 0;
    margin-left: 10px;
}

#honor_list li p b, #honor_list li p strong {
    display: block;
    width: 560px;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#honor_list .listSort {
    background: #ffcece;
    height: 100px;
    border: 1px #fe794f dashed;
}

#honor_list .title {
    width: 100%;
    height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    padding-left: 10px;
    text-align: left;
    border-bottom: 1px #ccc solid;
    margin: 0;
}

#honor_list .title button {
    float: right;
    margin-right: 3px;
    margin-top: 2px;
}

/*鑽ｈ獕璧勮川index*/
.indexHonor h1 {
    margin: 0;
}

.indexHonor ul {
    overflow: hidden;
}

.indexHonor ul li {
    float: left;
}

.indexHonor ul li:hover {
    cursor: pointer;
}

.indexHonor ul li img {
    display: block;
}

.indexHonor ul li b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.indexHonor ul li p {
    margin: 0;
}

.my_dialog {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    /*display: none;*/
    width: 100%;
    height: 100%;
}

.my_dialog .my_dialog_body {
    width: 100%;
    height: 100%;
    border-top: 1px transparent solid;
}

.my_dialog .leftBtn {
    font-family: FontAwesome;
    width: 40px;
    height: 60px;
    background: #000;
    text-align: center;
    line-height: 60px;
    color: #999;
    font-size: 38px;
    position: absolute;
    left: 20px;
    cursor: pointer;
}

.my_dialog .leftBtn:hover {
    color: #fff;
}

.my_dialog .rightBtn {
    font-family: FontAwesome;
    width: 40px;
    height: 60px;
    background: #000;
    text-align: center;
    line-height: 60px;
    color: #999;
    font-size: 38px;
    position: absolute;
    right: 35px;
    cursor: pointer;
}

.my_dialog .rightBtn:hover {
    color: #fff;
}

.my_dialog .my_dialog_foot ul {
    overflow: hidden;
}

.my_dialog .my_dialog_foot ul li {
    float: left;
    width: 230px;
}

.my_dialog .my_dialog_foot ul li img {
    max-width: 230px;
    border: 1px #f00 solid;

}

.my_dialog .my_dialog_close {
    font-family: FontAwesome;
    position: absolute;
    right: 35px;
    top: 15px;
    width: 30px;
    height: 30px;
    color: #999;
    text-align: center;
    background: #000;
    font-size: 24px;
    line-height: 30px;
}

.my_dialog .my_dialog_close:hover {
    color: #fff;
}

.my_dialog .swiper-wrapper .swiper-slide {
    text-align: center;
}

.my_dialog .swiper-wrapper .swiper-slide img {
    vertical-align: middle;
}


#styleSave {
    float: right;

}

#styleSavePic {
    overflow: hidden;
}

#styleSavePic strong {
    float: left;
    width: 100px;


}

#styleSavePic img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

#styleSaveGroup {
    overflow: hidden;
}

#styleSaveGroup strong {
    float: left;
    width: 100px;


}

#styleSaveGroup img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

#styleSaveRow {
    overflow: hidden;
}

#styleSaveRow strong {
    float: left;
    width: 100px;


}

#styleSaveRow img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.ui-dialog {
    overflow: visible;
}

.setOne {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
}

.setOne p {
    float: left;
    width: 50%;
    height: 40px;
    margin: 0;
}

.setOne p strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    font-size: 14px;

}

.setOne strong {
    float: left;
    height: 40px;
    width: 100px;
    line-height: 40px;
    font-size: 14px;
    color: #ccc;
}

.setOne p .ivu-select {
    float: left;
    margin-top: 4px;
}

.setOne .colorVal {
    float: left;
    width: 60px;
    height: 28px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    color: #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
}


.setOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
    margin-right: 10px;
}


#productList .Mongolia {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    display: none;
}

#productList .Mongolia a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#productList .Mongolia a div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

}

#productList .Mongolia a div p {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
}

#productList .Mongolia a p strong {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#productList .Mongolia a p strong b, #productList .Mongolia a p strong i, #productList .Mongolia a p strong em {
    display: block;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;

}

#productList .Mongolia a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.indexRecommendlist .title, .indexCatelog .title {
    padding-left: 10px;
    padding-right: 10px;
}

#mya {
    position: relative;
}

#downLondA {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}

#productTab {
    height: 380px;
}

#newsTabs #productTab .ivu-tabs-nav {
    height: 40px;
}

#newsTabs #productTab .ivu-tabs-content {
    height: 300px;
}

.productIndexTab {
    overflow: hidden;
}

.newsIndex .productIndexTab .productIndexTab-title ul {
    overflow: hidden;
}

.newsIndex .productIndexTab .productIndexTab-title ul li {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: FontAwesome;
}

.newsIndex .productIndexTab .productIndexTab-title ul li:before {
    margin: 5px;
}

.newsIndex .productIndexTab .productIndexTab-title ul li:hover {
    cursor: pointer;
}

.newsIndex .productIndexTab .productIndexTab-content {
    overflow-y: auto;
}

.newsIndex .productIndexTab .productIndexTab-content p {
    word-break: break-all;
    margin: 0;
}

.newsIndex_seo_content p {
    margin: 0;
}

#productTab .tabIconSelect {
    width: 100%;
    overflow: hidden;

}

.tabIconSelect .tabIconSelect-left {
    width: 100px;
    float: left;
}

.tabIconSelect .tabIconSelect-left {
    width: 300px;
    float: left;
}


#productTab .tabIconSelect-left li {
    width: 100%;
    overflow: hidden;
    height: 40px;
    margin-bottom: 5px;
}

#productTab .tabIconSelect-left li strong {
    float: left;
    line-height: 40px;
    width: 100px;
    height: 40px;
}

#productTab .tabIconSelect-left li p {
    float: left;
    width: 148px;
    border: 1px #e3e3e3 solid;
    height: 38px;
    border-radius: 3px;
    margin-right: 25px;
    line-height: 38px;
    text-align: center;
}


#productTab .tabIconSelect-right li {
    width: 100%;
    overflow: hidden;
    height: 40px;
    margin-bottom: 5px;
}

#productTab .tabIconSelect .iconShow {
    float: left;
    width: 38px;
    height: 38px;
    border: 1px #e3e3e3 solid;
    text-align: center;
    font-size: 20px;
    line-height: 38px;
    margin-right: 25px
}

.Relevant .setOne {
    margin-left: 10px;
    margin-top: 10px;
}

.Relevant .setOne p {
    width: 100%;
}

#map_basic {
    height: 380px;
}

#map_basic .map_basic_header {
    width: 100%;
    height: 40px;
}

#map_basic .map_basic_header .map_basic_header_Slider {
    float: left;
    height: 40px;
    width: 520px;
}


#map_basic .map_basic_header strong {
    float: left;
    height: 40px;
    width: 110px;
    line-height: 40px;
}

#map_basic .map_basic_header p {
    width: 157px;
    float: right;
    height: 40px;
}

#map_basic .pub_form_ul {
    width: 100%;
}

#map_basic .pub_form_ul li {
    width: 100%;
    height: 40px;
}

#map_basic .pub_form_ul li .con {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#map_basic .pub_form_ul li .con label {
    float: left;
    height: 40px;
    width: 50px;
    margin-right: 0;

}

#map_basic .pub_form_ul li .con label span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: left;
}

#map_basic .pub_form_ul li .con b {
    float: left;
    width: 245px;
    padding-left: 5px;
    height: 38px;
    border: 1px #ccc solid;
    line-height: 38px;
}

#map_basic .mapModal p {
    width: 100%;
    height: 40px;
}

.mapModal {
    overflow: hidden;
}

.mapModal p {
    overflow: hidden;
}

.mapModal p strong {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 60px;
    margin-right: 0;
}

.mapModal p input {
    float: left;
    width: 365px;
    height: 38px;
    border: 1px #ccc solid;
    line-height: 38px;
    padding-left: 10px;
}

.map_basic_header .ivu-slider {
    width: 400px;
    float: left;
}

#honor_one .ivu-collapse-content {
    overflow: visible;
}

.filterPattern ul {
    overflow: hidden;
}

.filterPattern .oneUlLi {
    width: 100%;

}

.filterPattern .oneUlLi a {
    float: left;
}

.filterPattern ul li {
    float: left;

}

.filterPattern ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px transparent solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filterPattern .filterPatternTwoUl {
    float: left;
    overflow: hidden;

}


.mySelect {
    width: 50%;
    height: 40px;
    float: left;
}

.mySelect span {
    float: left;
    height: 40px;
    width: 100px;
    margin-right: 0;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 700;
}

.mySelect .SelectFrame {
    position: relative;
    float: left;
    width: 175px;
    height: 40px;
    border: none;
}

.mySelect .SelectFrame:hover {
    cursor: pointer;
}

.mySelect .SelectFrame .SelectFrameChild {
    background: #fff;
    width: 100%;
    height: 30px;
    border: 1px #ccc solid;
    border-radius: 3px;
    margin-top: 5px;
}

.mySelect .SelectFrame .SelectFrameChild i {
    float: left;
    width: 150px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 14px/30px 'Microsoft YaHei';
}

.mySelect .SelectFrame .SelectFrameChild b {
    font-family: FontAwesome;
    float: right;
    width: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}

.mySelect .SelectFrame ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 34px;
    border: 1px #ccc solid;
    z-index: 10;
    background: #fff;

}

.mySelect .SelectFrame input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    opacity: 0;
}

.mySelect .SelectFrame input:hover {
    cursor: pointer;
}

.mySelect .SelectFrame ul li {
    width: 100%;
    height: 30px;
    font: 14px/30px 'Microsoft YaHei';
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mySelect .SelectFrame ul li:hover {
    background: #4ca1ff;
    color: #fff
}

.mySelect .SelectFrame ul .mySelectli {
    background: #4ca1ff;
    color: #fff
}

.ui-dialog-buttonset button:nth-of-type(1) {
    display: none;
}

.verticalSetUp .verticalSetUp-tishi {
    margin-left: 20px;
    color: #f00;
}

#iconColorSetOne p {
    width: 100%;
}

#fileDialog .middle {
    height: 445px;
}

#fileDialog .title h2 {
    font-size: 18px;
}

.swiperTishi {
    position: absolute;
    color: #f00;
    left: 314px;
    top: 10px;
    font-size: 12px;
}

.deleStyleSure {
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 20px;

}

.iconStyleChoice .weizhi {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;

}

#DefaultStyle .styleChoice {
    width: 100% !important;
}

#DefaultStyle .styleChoice .iconImg {
    width: 265px !important;
    border-radius: 0px !important;
}

#DefaultStyle .styleChoice .iconImg img {
    width: 100% !important;
    border-radius: 0px;
}

div.mEveryTabsFrame {
    height: 90%;
}

/*涓嬫媺閫夋*/
div.mSetOne .mySelect span {
    width: 0px;
}

div.mSetOne .mySelect {
    width: 70px;
    margin-top: -4px;
}

div.mSetOne .mySelect .SelectFrame, div.mSetOne .mySelect .SelectFrame input, div.mSetOne .mySelect .SelectFrame .SelectFrameChild {
    width: 70px;
    color: #666;
}

div.mSetOne .mySelect .SelectFrame .SelectFrameChild i {
    text-align: left;
    text-indent: 8px;
}

div.mSetOne .mySelect .SelectFrame .SelectFrameChild b {
    margin-top: -30px;
    margin-left: 46px;
}

div.mSetOne .mySelect .SelectFrame ul {
    width: 70px;
}

div.mSetOne .mySelect .SelectFrame ul li {
    text-align: left;
    text-indent: 8px;
    color: #666;
}

/*鏂囧瓧澶 涓嬫媺閫夋*/
div.maxSetOne .mySelect span {
    width: 0px;
}

div.maxSetOne .mySelect {
    width: 84px;
    margin-top: -4px;
}

div.maxSetOne .mySelect .SelectFrame, div.maxSetOne .mySelect .SelectFrame input, div.maxSetOne .mySelect .SelectFrame .SelectFrameChild {
    width: 84px;
    color: #666;
}

div.maxSetOne .mySelect .SelectFrame .SelectFrameChild i {
    text-align: left;
    text-indent: 8px;
}

div.maxSetOne .mySelect .SelectFrame .SelectFrameChild b {
    margin-top: -30px;
    margin-left: 60px;
}

div.maxSetOne .mySelect .SelectFrame ul {
    width: 84px;
}

div.maxSetOne .mySelect .SelectFrame ul li {
    text-align: left;
    text-indent: 8px;
    color: #666;
}

/**/
.buttonClass .rows {
    margin-bottom: 4px;
}

.buttonClass b.sliderB {
    width: 80px;
    margin-top: 4px;
    text-align: left;
}

.buttonClass .setOne .colorVal {
    display: none;
}

.buttonClass .setOne p {
    width: 100%;
}

.buttonClass .setOne p strong {
    width: 80px;
}

/*icon*/

.cionSelct b.icon-sen {
    color: #5c6b77;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid transparent;
    background-color: #f1f1f1;
    margin: 2px;
    font-size: 34px;
    display: inline-block;
    cursor: pointer;
}

.cionSelct b:hover {
    color: #f0f;
    border: 1px solid #0ACEA6;
}

.cionSelct b.selectActive {
    border: 1px solid #0ACEA6;
    color: #f00;

}


/*绁栭€ 鏂滀綋 姘村钩浣嶇疆*/
.buttonClass .rows .fontstyleSet span {
    display: inline-block;
    padding: 4px 9px;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    border-radius: 3px;
    background: none;
    box-shadow: none;
    font-weight: bold;
    margin-right: 12px;
    margin-top: 10px;
}

.buttonClass .rows .fontstyleSet span:nth-child(2) {
    padding: 5px 9px;
}

.buttonClass .rows .fontstyleSet span:nth-child(5) {
    padding: 5px 9px 4px;
}

.buttonClass .rows .fontstyleSet span.active {
    color: #fff;
    background-color: #2cb9fe;
}

.buttonClass .rows .fontstyleSet span .iconfont {
    font-size: 20px;
}

.buttonClass .rows .fontstyleSet span .iconfont.icon-xieti {
    font-size: 16px
}

.buttonClass .rows .fontstyleSet span .iconfont.icon-xiahuaxian {
    font-size: 22px
}

.buttonClass .rows .fontstyleSet span .iconfont.icon-juzhongduiqi {
    font-size: 17px
}


#rightcontainer {
    height: 100%;
    position: relative;
}

#rightcontainer .rightdialogMongolia {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;

    top: 0;
    left: 0;
    z-index: 1000;
}

#rightcontainer .rightdialogMongolia .loadChild {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.demo-spin-icon-load {
    animation: ani-demo-spin 1s linear infinite;
}

@keyframes ani-demo-spin {
    from {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#form_widget_edit {
    height: 96%;
    margin-bottom: 50px;
}

#form_widget_edit .ui-corner-top {
    height: 40px !important;
    margin-bottom: 0;
    line-height: 26px;
    box-sizing: border-box;
    padding-left: 12px;
}

#form_widget_edit > div {
    height: 100%;
}

.mEveryTabsFrame #navNewColumnFrame {
    height: 100%;
}

.mEveryTabsFrame #navStyleChoice {
    height: 100%;
}

.mEveryTabsFrame #navIconStyleChoice {
    height: 100%;
}

.mEveryTabsFrame #navCustomStyleChoice {
    height: 100%;
}

.mEveryTabsFrame #navNewColumnFrame .list-nav-tit {
    width: 100%;
}

.mEveryTabsFrame #navNewColumnFrame .list-nav-tit p {
    width: 33%;
}

.mEveryTabsFrame #navNewColumnFrame .list-nav-tit i {
    width: 33%;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList {
    width: 350px;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .ben {
    width: 348px;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .ben b {
    width: 33%;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .ben strong {
    width: 33%;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .childFrame .navChildLi {
    width: 233px;
    margin-left: 115px;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .childFrame .navChildLi .ben {
    width: 100%;
}

.mEveryTabsFrame #navNewColumnFrame #navColumnList .childFrame .navChildLi .ben strong {
    width: 115px;
}

.moveOne {
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
}

.moveOne p {
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
}

.moveOne p strong {
    float: left;
    height: 40px;
    width: 80px;
    line-height: 40px;
    font: 12px/40px 'Microsoft YaHei';
    color: #666;

}

.moveOne strong {
    float: left;
    height: 40px;
    width: 90px;
    font: 14px/40px 'Microsoft YaHei';
    font-weight: 400;
    color: #999;

}

.moveOne p .ivu-select {
    float: left;
    margin-top: 4px;
}

.moveOne .colorVal {
    float: left;
    width: 110px;
    height: 30px;
    border: 1px #ccc solid;
    text-align: center;
    font: 14px/28px 'Microsoft YaHei';
    color: #333;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
}


.moveOne .frame {
    float: left;
    width: 60px;
    height: 30px;
    border: 1px #ccc solid;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 3px;
}

.moveOne .mySelect {
    width: 100%;
    margin: 0;
}

.moveOne .mySelect span {
    width: 80px;
    font: 12px/40px 'Microsoft YaHei';
    color: #666;
}

.myB {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
}

.myB:hover {
    cursor: pointer;
}

.myActive {
    color: #fff;
    background-color: #2cb9fe;
}

.myTextAlign {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-top: 5px;
}

.myTextAlign:hover {
    cursor: pointer;
}

.mEveryTabsFrame .naviconList .naviconListUl li {
    width: 55px;
    height: 70px;
    line-height: 55px;
}

.indexNavVertical {
    /*overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index:99999;*/
}

.indexNavVertical .indexNavChild span {
    position: absolute;
    font-family: FontAwesome;
    display: block;
    top: 0;
    right: 0;
    text-align: center;
}

.indexNavVertical .indexNavChild ul .VerticaldropDownIcon {
    position: absolute;
    font-family: FontAwesome;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
}

.indexNavVertical .indexNavChild .oneLeaveIcon {
    position: absolute;
    font-family: FontAwesome;
    display: block;
    top: 0;
    left: 0;
    text-align: center;
}

.indexNavVertical .indexNavChild ul {
    width: 100%;
}

.indexNavVertical .indexNavChild ul li {
    float: none;
    width: 100%;
    position: relative;
}

.mEveryTabsFrame .customList .ivu-tabs-tab {
    padding-left: 3px;
    padding-right: 3px;
}

/*鑷畾涔変笅鎷夋缁勪欢鏍峰紡*/
.s_t:hover {
    border: 1px solid #5cadff;
}

.s_t {
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    width: 200px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.s_t .input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 7px;
    color: #333;
}

.s_t .input input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 3;
}

.s_t .icon {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 32px;
    font-family: FontAwesome;
    color: #666;
}

.s_t .options {
    position: absolute;
    z-index: 6;
    top: 34px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.s_t .options ul {
    margin-bottom: 0;
}

.s_t .options ul li {
    box-sizing: border-box;
    padding: 0 7px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    cursor: pointer;
}

.s_t .options ul li:hover {
    color: #fff;
    background: #4ca1ff;
}

.s_t .options ul .active {
    color: #fff;
    background: #4ca1ff;
}

/*鑷畾涔変笅鎷夋缁勪欢鏍峰紡*/

#MongoliaNav {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 99998;
}

.indexNavSwiper {
    width: 90%;
    margin: 0;
    float: left;
}

.indexNavSwiper .indexNavChild {
    width: 100%;
}

.indexNavSwiper .indexNavChild a {
    width: 100%;
}

.indexNavSwiperBtn {
    float: left;
    text-align: center;
    width: 10%;
    font-family: FontAwesome;

}

.dropDownFrame {
    width: 100%;
    border: 1px #ccc solid;
    border-top: none;
    display: none;
    min-height: 30px;
    position: absolute;
    left: 0;
    z-index: 1000;
}

.dropDownFrame p {
    line-height: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;


}

.dropDownFrame ul {
    overflow: hidden;
    margin: 0;
    position: relative;
    z-index: 10;
}

.dropDownFrame ul li {
    float: left;
    position: relative;
}

.dropDownFrame ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.dropDownFrame ul li i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-align: center;
    font-family: FontAwesome;
}

.thumbnail-page {
    position: absolute;
    z-index: 10;
}

.thumbnail-page img {
    border-style: solid;
}

.thumbnail-page img:hover {
    margin-top: -20px !important;
}

.thumbnail-page-select {
    margin-top: -20px !important;
}

/*鎵嬫満绔?鍥炬枃灞曠ず*/

.moveProductTabs .mEveryTabsFrame #listSetUp {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #pattern {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #oneModel {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #modelTitle {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #modalSet {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #classBtn {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #DefaultStyle {
    padding: 5px;
    height: 100% !important;
}

.moveProductTabs .mEveryTabsFrame #listSetUp .oneSetUp {
    height: 400px !important;
}

.moveProductTabs .mEveryTabsFrame .listAdministration .title .moveOne span {
    width: 50px;
}

.componentEditTab .ivu-tabs-bar {
    height: 40px;
}

.iconList {
    overflow: hidden;
    width: 530px;
}

.iconList li {
    width: 42px;
    height: 42px;
    border: 1px #ccc solid;
    margin: 5px;
    float: left;
    font-family: FontAwesome;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
}

.iconList .sLi {
    border: 1px #f00 solid;
}

.iconList li:hover {
    cursor: pointer;
}

.iconStop {
    width: 100%;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 300px;
    font-size: 24px;
}

/*鏂囩珷璇︽儏-鎵嬫満绔?/
#newsTabs .mEveryTabsFrame .layoutSetUp-frame {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

#newsTabs .mEveryTabsFrame #new_header, #newsTabs .mEveryTabsFrame #new_headerBottom, #newsTabs .mEveryTabsFrame #new_img, #newsTabs .mEveryTabsFrame #new_content, #newsTabs .mEveryTabsFrame #new_Magnifier, #newsTabs .mEveryTabsFrame #new_box, #newsTabs .mEveryTabsFrame #layoutSetUp, #newsTabs .mEveryTabsFrame #productTab {
    height: 100%;
}

#newsTabs .mEveryTabsFrame #productTab .ivu-tabs {
    height: 100%;
}

#newsTabs .mEveryTabsFrame #productTab .ivu-tabs .ivu-tabs-content {
    height: 700px;
}

#newsTabs .mEveryTabsFrame #productTab .ivu-tabs .ivu-tabs-bar {
    overflow-x: auto;
}

#newsTabs .mEveryTabsFrame #productTab .ivu-tabs .ivu-tabs-bar .ivu-tabs-nav-container {
    width: 500px;
}

#productTabs #bannerBtn {
    width: 100%;
    height: 380px;
}

#productList .banner-btn {
    position: absolute;
    text-align: center;
    z-index: 10;
    font-family: FontAwesome;
}

#productList #picSwiper-Class, #productList #picSwiper-noClass {
    position: relative;
}

.mEveryTabsFrame #honor_box, .mEveryTabsFrame #honor_header, .mEveryTabsFrame #honor_one, .mEveryTabsFrame #honor_modal, .mEveryTabsFrame #honor_list, .mEveryTabsFrame #DefaultStyle {
    padding: 5px;
    height: 98% !important;
    box-sizing: border-box;
}

.my_dialog_move {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    width: 100%;
    height: 100%;
}

.my_dialog_move .my_dialog_body {
    width: 100%;
    height: 100%;
    border-top: 1px transparent solid;
}

.my_dialog_move .leftBtn {
    font-family: FontAwesome;
    width: 40px;
    height: 60px;
    background: #000;
    text-align: center;
    line-height: 60px;
    color: #999;
    font-size: 38px;
    position: absolute;
    left: 20px;
    cursor: pointer;
}

.my_dialog_move .rightBtn {
    font-family: FontAwesome;
    width: 40px;
    height: 60px;
    background: #000;
    text-align: center;
    line-height: 60px;
    color: #999;
    font-size: 38px;
    position: absolute;
    right: 35px;
    cursor: pointer;
}


.my_dialog_move .my_dialog_foot ul {
    overflow: hidden;
}

.my_dialog_move .my_dialog_foot ul li {
    float: left;
    width: 230px;
}

.my_dialog_move .my_dialog_foot ul li img {
    max-width: 230px;
    border: 1px #f00 solid;

}

.my_dialog_move .my_dialog_close {
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 30px;
    height: 30px;
    color: #999;
    text-align: center;
    background: #000;
    font-size: 24px;
    line-height: 30px;

}

.my_dialog_move .swiper-wrapper .swiper-slide {
    text-align: center;
}

.my_dialog_move .swiper-wrapper .swiper-slide img {
    vertical-align: middle;
}

.box {
    width: 100%;
    height: 100%;
    min-height: 20px;
}

.ui-dialog {
    border: 1px #ccc solid;
}

#picSwiper-Class .picSwiper-container-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*overflow:hidden;*/
    visibility: hidden;
}

.classTileZheZhao {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #f5f5f5;
}

.componentEditFrame .ivu-modal-mask {

}

.componentEditFrame .ivu-modal-wrap {
    position: absolute;

}

.componentEditFrame .ivu-modal-header {
    display: none;
}

.componentEditFrame .ivu-modal-body {
    height: 365px;
}

.componentEditFrame .ivu-tabs {
    height: 365px;
}

.componentEditFrame .ivu-modal-close {
    z-index: 100;
}

.listEveryOne-ul .icon p {
    position: relative;
}

.listEveryOne-ul .icon p b {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    z-index: 10;

}

.listEveryOne-ul .icon p i {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/*瀵屾枃鏈鏍峰紡閲嶇疆*/
.resetCss ol li {
    list-style-type: decimal !important;
    list-style-position: inside !important;
}

.resetCss ul li {
    list-style-type: disc !important;
    list-style-position: inside !important;
}

#productTabs #layoutSetUp {
    height: 380px;

}

#productTabs .iconList {
    width: 690px;
}

#productTabs .iconList li {
    width: 66px;
    height: 66px;
    line-height: 66px;
}


.indexCatelog .oneUl::-webkit-scrollbar {
    width: 5px;
    background-color: #e3e3e3;
}

.indexCatelog .oneUl::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 3px;
}

.my-dialog-one {
    padding: 0 14px !important;
}

.ui-tabs {
    padding: 0px 0px !important;
}

#listFrame .ivu-collapse-content-box {
    overflow-y: auto;


}

.listAndPage .listEveryOne ul .img {
    overflow: hidden;
}

.listAndPage .listEveryOne ul .img img {
    transition: all 0.3s;
}

/*.ivu-btn{
    font-size: 12px !important;
}*/
/*#productList .border a{
    position: relative;
}
#productList .swiper-slide .border b{
    position: absolute;
    display: block;
}
#productList .swiper-slide .border img{
    position: absolute;
    display: block;
}
#productList .swiper-slide .border span{
    position: absolute;
    display: block;
}
#productList .swiper-slide .border strong{
    position: absolute;
    display: block;
}
#productList .swiper-slide .border i{
    position: absolute;
    display: block;
    font-family: FontAwesome;
    text-align: center;


}
#productList .swiper-slide .border em{
    position: absolute;
    display: block;
    text-align: center;
}*/


.navCustomStyleChoiceBox .backImage {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.indexCustom .indexNav .indexNavChild ul li {
    /*vertical-align: middle;
    line-height: 60px !important;*/
}

.indexNavChild .Interlayer {
    margin: 0;
    height: 100%;
    width: 100%;
}

.indexNavChild .backColor {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#productList .UpAndDownTime {
    float: left;
}

#productList .UpAndDownTime p {
    text-align: center;
    width: 100%;
    float: none !important;
}

#productList .UpAndDownTime em {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 !important;
}

#honor_imgFrame, #honor_tab, #honor_img {
    height: 380px;
}

.indexHonorRl .indexHonorRl_body {
    overflow: hidden;
}

.indexHonorRl .indexHonorRl_body .imgFrame {
    float: left;
}

.indexHonorRl .indexHonorRl_body ul {
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
}

.indexHonorRl .imgFrame {
    vertical-align: middle;
}

.indexHonorRl .imgFrame img {
    max-width: 100%;
    max-height: 100%;
}

.indexHonorRl .indexHonorRl_body ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#productList .swiper-slide .border i {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.productIndexTab_move {
    overflow-x: auto;
    overflow-y: hidden;
}

#layoutSetUp .Prompt {
    width: 230px;
    position: absolute;
    right: 0;
    top: 30px;
    color: #f00;
}

#form_widget_edit {
    background: #999999;
    margin-top: 50px;
}

#form_widget_edit .ui-widget-content {
    background: #f2f2f2;
}

#form_widget_edit .ui-widget-content .ui-tabs-nav {
    background: #999999;
    border-bottom: 1px #ddd solid !important;
}

#rightdialog-buttonlist {
    background-color: #fff !important;
}

#form_widget_edit .ui-tabs .ui-tabs-nav {
    border: none;
    padding: 0;
    height: 40px;
}

#form_widget_edit .ui-tabs .ui-tabs-nav li {
    height: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 50%;
    background: #fff;
}

#form_widget_edit .ui-tabs .ui-tabs-nav li a {
    display: block;
    width: 100%;
    height: 100% !important;
    line-height: 40px;
    padding: 0;
    text-align: center !important;
    color: #333;
}

#form_widget_edit .ui-tabs .ui-tabs-nav .ui-state-active {
    background: #fff;

}

#form_widget_edit .ui-tabs .ui-tabs-nav .ui-state-active a {
    color: #7dafff;
    font-size: 0px;
}

#form_widget_edit .ui-tabs .ui-tabs-nav .ui-state-active a > span {
    display: inline-block;
    border-bottom: 2px solid #7dafff;
    height: 37px;
    color: #7dafff;
    font-size: 14px;
}

#form_widget_edit .ivu-collapse {
    height: 95%;
    background: #999999;
}

#form_widget_edit .ivu-collapse-content {
    padding: 0 10px;
    background: #999999;
    overflow-y: auto;
}

#form_widget_edit .ivu-collapse-header {
    background: #868686;
}

#form_widget_edit .ivu-collapse-header .Collapse_title {
    margin-left: 5px;
    color: #fff;
}

#form_widget_edit .ivu-collapse-header .ivu-icon {
    color: #fff;
}

#form_widget_edit .ivu-collapse {
    border: none;
}

#form_widget_edit .tab_one {
    background: #f2f2f2;
    height: 100%;
    padding: 10px 10px;
}

#bannerEditRoutineSetUp .header {
    margin: 10px 0 0 0;
}

#bannerEditRoutineSetUp .header button {
    width: 95%;
    margin: 0px auto;
    float: none;
    display: block;
}

.moveOne .ivu-input-number-input-wrap input {
    text-align: center;
}

#bannerEditRoutineSetUp .pic_show {
    position: relative;
}

#bannerEditRoutineSetUp .pic_show .pic_text {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 105px;
    margin: 0;
    color: #fff;

}

#bannerEditRoutineSetUp .pic_show .del_btn {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

#bannerEditRoutineSetUp .pic_show .del_btn:hover {
    cursor: pointer;
}

#bannerEditRoutineSetUp .pic_show img {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px #e1e1e1 dashed;
    width: 100%;
    height: 105px;
    margin: 0;
}

#form_widget_edit .myFoldMenu h3 {
    background: #e6e6e6;
    color: #666;
    border: none;
    height: 40px !important;
    margin-bottom: 0;
    line-height: 26px;
    box-sizing: border-box;
    padding-left: 12px;
    margin-top: 1px;
}

#form_widget_edit .myFoldMenu h3 span {

}

#form_widget_edit .myFoldMenu .ui-state-active {
    border: none;
}

#form_widget_edit .ui-accordion .ui-accordion-content {
    padding: 10px;
    /* padding-bottom:30px;*/
    overflow: visible !important;

}


.tran_back {
    display: block;
    width: 100%;
    height: 100%;
}

.rows_type {
    height: 40px;
}

.rows_type b {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 400;
}

.rows_type .ivu-input-wrapper {
    float: left;
}

#pic_list .header {
    margin: 10px 0 0 0;
    height: 40px;
    width: 100%;
}

#pic_list .header button {
    width: 95%;
    margin: 0px auto;
    float: none;
    display: block;
}

#pic_list .pic_show {
    position: relative;
    margin-bottom: 5px;
}

#pic_list .pic_show .pic_text {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 105px;
    margin: 0;
    color: #fff;

}

#pic_list .pic_show .del_btn {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

#pic_list .pic_show .del_btn:hover {
    cursor: pointer;
}

#pic_list .pic_show img {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px #e1e1e1 dashed;
    width: 100%;
    height: 105px;
    margin: 0;
}

.listFrameModel li {
    margin-bottom: 10px;
}

.moveOne .sliderB {
    float: left;
    width: 80px;
    height: 40px;
    font-weight: 400;
    color: #999;
    font-size: 14px;
    line-height: 40px;
    font-family: 'Microsoft YaHei';
}

.bannerlistSort {
    width: 280px;
    height: 167px;
    border: 1px #f00 dashed;
    background: #ffcece;
}

.pic_list_sortable {
    width: 278px;
    height: 212px;
    border: 1px #f00 dashed;
    background: #ffcece;
}

.tab_one .listAdministration {
    width: 100%;
    border: none;
}

.tab_one .title {
    padding-left: 10px;
    width: 100%;
}

.tab_one .title p {
    margin-top: 10px;
    height: 30px;

}

.tab_one .title p span {
    float: right;
    color: #f00;
    text-decoration: underline;
    margin-right: 10px;
}

.tab_one .title p span:hover {
    cursor: pointer;
}

.tab_one .title p i {
    float: right;
    color: #6199f4;
    text-decoration: underline;
    margin-right: 10px;
}

.tab_one .title p i:hover {
    cursor: pointer;
}

.tab_one .listAdministration {
    height: 100%;
}

.tab_one .title .mySelect span {
    width: 60px;
}

.tab_one .title .SelectFrame {
    width: 200px;
}

.tab_one .title .SelectFrame .SelectFrameChild i {
    width: 170px;
}

.tab_one .listAdministration {
    overflow-y: auto;
}

.listbox li {
    width: 100%;
    margin-bottom: 10px;
    cursor: move;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    padding: 10px;
}

.listbox li .imgFrame {
    width: 100%;
    height: 100px;
    border: 1px #ccc dashed;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 10px;
    line-height: 96px;
}

.listbox li .imgFrame img {
    width: 100%;
    height: 100%;
}

.listbox li .edit {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
}

/*.listbox li .edit span:nth-of-type(1){
    float: left;
    width: 28px;
    height: 28px;
    background: url(/mb/static/images/mbimg/editicon.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    color: transparent;
    background-color: #f30;
    background-position: center;
    margin: 0;
 }*/

.listbox li .edit span:nth-of-type(1) {

    float: left;
    width: 28px;
    height: 28px;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
    margin: 0;
}

.listbox li .edit span:hover {
    cursor: pointer;
}

#picSwiper-noClass {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
}

#picSwiper-noClass b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#Content_Management .list {
    height: 100%;
}

#Content_Management .list .pub_form_ul {
    width: 100%;
    margin-top: 10px;
}

#Content_Management .list .pub_form_ul li {
    border: 1px solid #e1e1e1;
    position: relative;
    padding: 10px;
}

#Content_Management .list .pub_form_ul li .clearfix {
    height: 40px;
}

#Content_Management .list .pub_form_ul li label {
    float: left;
    height: 40px;
    width: 50px;
    margin-right: 0;
}

#Content_Management .list .pub_form_ul li label span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: left;
    font-weight: 400;
    color: #999;
}

#Content_Management .list .pub_form_ul li b {
    float: left;
    width: 195px;
    padding-left: 5px;
    height: 38px;
    border: 1px #ccc solid;
    line-height: 38px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
}

#Content_Management .list .pub_form_ul li .edit {
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 30px;
}

#Content_Management .list .pub_form_ul li .edit span:nth-of-type(1) {
    float: left;
    width: 28px;
    height: 28px;
    background: url(/mb/static/images/mbimg/editicon.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    color: transparent;
    background-color: #f30;
    background-position: center;
    margin: 0;
}

#Content_Management .list .pub_form_ul li .edit span:nth-of-type(2) {
    float: left;
    width: 28px;
    height: 28px;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
    margin: 0;
}

#Content_Management .list .pub_form_ul li .edit span:hover {
    cursor: pointer;
}


.newsIndex .newsIndex_img img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

.newsIndex .newsIndex_img {
    text-align: center;
}

#moduleDraw .listComponent ul li span {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 58px;
}

.listAndPage .LoadMoreFrame {
    text-align: center;
}

.listAndPage .LoadMore {
    display: inline-block;
}

.listAndPage .LoadMoreFrame {
    float: left;
    width: 100%;
}

.borderList .frame {
    width: 40px;
    height: 36px;
}

.borderList .colorVal {
    width: 75px;
    margin-top: 6px;
    height: 34px;
}

.borderList {
    position: relative;
}

.borderList p:nth-of-type(2) {
    width: 65px;
    position: absolute;
    right: 6px;
    top: 0;
}

.borderList p:nth-of-type(2) strong {
    display: none;
}

.borderList p:nth-of-type(2) .ivu-input-number {
    width: 50px !important;
}

.borderList input {
    text-align: left !important;
    padding-left: 4px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid transparent;
}


#form_widget_edit .myFoldMenu h3 span.ui-icon-triangle-1-e {
    border: 6px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #bfbfbf;
    left: 270px !important;
    top: 26px !important;
    background-image: url('');
    width: 12px;
    height: 12px;
}

#form_widget_edit .myFoldMenu h3 span.ui-icon-triangle-1-s {
    border: 6px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #bfbfbf;
    left: 270px !important;
    top: 26px !important;
    background-image: url('');
    width: 12px;
    height: 12px;
}

.layrow .laybox {
    background: transparent !important;
}

.pic_content {
    overflow: hidden;
}

.pic_content .album-container {
    float: left;
    width: 100%;
    margin-bottom: 0;
}


#rightdialog-buttonlist > button:hover {
    background-color: #9cb8d8 !important;
}

#rightdialog-buttonlist > button.suresss:hover {
    background-color: #e4380d !important;
}

.module .m_ctrl {
    width: 100% !important;
    height: 100% !important;
    z-index: 999 !important;
}

#form_widget_edit .fade-transition {
    background: transparent;
}

#form_widget_edit .ease-transition {
    box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
}

#form_widget_edit > div > ul > li > a:focus {
    outline: 0;
}


.module_customer_service {
    position: absolute !important;
    width: 45px !important;
    height: 45px !important;
    top: 470px;
    right: 5px !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 999 !important;
}

.module_customer_service .m_ctrl {
    width: 100% !important;
    height: 100% !important;
}

.index_customer_service {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
}

.index_customer_service img {
    width: 25px;
    height: 25px;
    opacity: 0.8;
}

.mySortableModule {
    height: 30px;
    background: #ffe5cd;
    border: 1px #ec6941 dashed;
    list-style: none;
}

.mySortableModule:before {
    content: '鏀捐繖閲?;
    display: block;
    width: 100%;
    height: 100%;
    color: #ec6941;
    text-align: center;
    line-height: 30px;
}

.mySortableModule span {
    display: block;
    width: 100%;
    height: 100%;
    color: #ec6941;
    text-align: center;
    line-height: 30px;
}

#layoutID {
    background: #f9f9f9;
}

.myHeader {
    padding-left: 10px;
    background: #666;
    color: #fff;
    height: 30px;
    line-height: 30px;
}

#layoutID .content_plan {

    border: 1px solid #ccc;
    padding: 5px;
    width: 280px;
    height: 105px;
    margin-left: 10px;
}

#layoutID .picHeader {
    margin-top: 10px;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
}

#layoutID .pic_show {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 95px;
}

#layoutID .pic_show:hover {
    cursor: pointer;
}

#layoutID .pic_show img {
    max-width: 100%;
    max-height: 100%;
}

#layoutID .pic_show .del_btn {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    right: -5px;
    top: -5px;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

#layoutID .pic-select {
    width: 280px;
    margin: 10px 10px;
}

#layoutID .pic-select button {
    width: 100%;
}


/*2017.10.12 css鎻愬彇*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

form {
    margin: 0;
}

.fontstyleSet span {
    display: inline-block;
    padding: 4px 9px;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    border-radius: 3px;
    background: none;
    box-shadow: none;
    font-weight: bold;
    margin-right: 12px;
    margin-top: 10px;
}

.fontstyleSet span:nth-child(2) {
    padding: 5px 9px;
}

.fontstyleSet span:nth-child(5) {
    padding: 5px 9px 4px;
}

.fontstyleSet span.active {
    color: #fff;
    background-color: #2cb9fe;
}

.fontstyleSet span .iconfont {
    font-size: 20px;
}

.fontstyleSet span .iconfont.icon-xieti {
    font-size: 16px
}

.fontstyleSet span .iconfont.icon-xiahuaxian {
    font-size: 22px
}

.fontstyleSet span .iconfont.icon-juzhongduiqi {
    font-size: 17px
}


div.ivu-modal-body {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.layout_body .module {
    position: static;
    background: #fff;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 8px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f1f1f1;
    overflow: hidden;
    min-height: 20px;

}

#layout_body::-webkit-scrollbar {
    width: 0px;
}

#layout_body .module .relativeFrame {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 20px;
}

#layout_body .module:hover {
    cursor: pointer;
}


#layout_body .module:hover .m_ctrl {
    display: block !important;
}


/*#layout_body .layrow .laybox  > .myDoublerowIndex:hover > .relativeFrame > .m_ctrl{
    display: block !important;
}*/
/*
#layout_body .layrow .laybox  > .FreeRowView:hover > .relativeFrame > .m_ctrl{
    display: block !important;
}*/


#layout_body .module .movebox {
    display: none;
}

#layout_body .module:hover .movebox {
    display: block;
}


/*宸︿晶 left_module_mobiles*/
#left_module_mobiles {
    background: #76838f !important;
    width: 300px !important;
}

#left_module_mobiles #myTabs .header {
    height: 40px;
    overflow: hidden;
    border-radius: 0;
    border: none;
    background: #fff;
    margin-top: 14px;
}

#left_module_mobiles #myTabs .header li {
    width: 32%;
    height: 40px;
    border: none;
    float: left;
    background: #fff;
    border-radius: 0;
}

#left_module_mobiles #myTabs .ui-state-active {
    background: #fff !important;
    border: none !important;
}

#left_module_mobiles #myTabs .header li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333;
}

#left_module_mobiles a:focus {
    outline: none;
}

.clearfix:after, .clearfix:before {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

/*widgetlist*/
#left_module_mobiles .add_module, #left_module_mobiles .add_m_widget {
    position: fixed;
    top: 40%;
    left: 60px;
    width: 56px;
    height: 56px;
    z-index: 1;
    background: #27a9e3;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 1px 1px #dbf5ff;
    cursor: pointer;
}

.add_m_widget {
    margin-top: 60px;
    display: none
}

#left_module_mobiles .add_module > i, .add_m_widget > i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 5px auto 0 auto;
}

#left_module_mobiles .add_module > i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/modelimg/add_model.png) no-repeat 0 0;
    height: 30px;
    width: 31px;

}

#left_module_mobiles .add_m_widget > i {
    background: url(../images/modelimg/add_modelico.png) no-repeat 0 -20px;
}

#left_module_mobiles .left_module .left_close {
    font-size: 24px;
    width: 10%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    float: left;
    cursor: pointer;
}

#left_module_mobiles .left_module {
    border-right: 1px solid #009ede;
}

/*.widget_ul .add_widget{display: block;width: 57px;height: 24px;background: url(../images/addWidget.jpg) no-repeat 0 0; margin: 14px auto 0 auto;text-align: center;padding-left: 6px;line-height: 24px;}*/


#left_module_mobiles .tab_ctr .tab_ul li {
    float: left;
    background-color: rgb(83, 83, 83);
    width: 25%;
    text-align: center;
    height: 36px;
    line-height: 36px;
}

#left_module_mobiles .tab_ctr .tab_ul li a {
    padding: 3px 6px;
    position: relative;
}

#left_module_mobiles .tab_ctr .tab_ul li.active a {
    background-color: #009ede;
    color: #fff;
    border-radius: 2px;
}

#left_module_mobiles .tab_ctr .tab_ul li.active a:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #009ede transparent transparent;
    left: 50%;
    bottom: -9px;
    margin-left: -4px;
}

#left_module_mobiles .panelItemBox {
    padding: 0;
    color: #acacac;
}

#left_module_mobiles .panelItemBox > h2 {
    height: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #383838;
    position: relative;
}

#left_module_mobiles .panelItemBox > h2 span {
    text-shadow: 1px -1px 0 #383838;
    display: inline-block;
    padding: 0 5px;
    background: #535353;
    position: absolute;
    bottom: -8px;
    left: 20px;
}

#left_module_mobiles #widget_ul_left_overflow {
    overflow-x: hidden;
    overflow-y: auto !important;
}

#widget_ul_left_overflow::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #535353;
}

#widget_ul_left_overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(83, 83, 83, 0.8);
    border-radius: 3px;
    width: 10px;
    background: rgba(53, 53, 53, 1);

}

#widget_ul_left_overflow::-webkit-scrollbar-thumb {
    height: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(83, 83, 83, 0.8);
    border-radius: 3px;
    background: rgba(120, 120, 120, 1);
}

#left_module_mobiles .panel_inner {
    padding: 0;
    padding-right: 0;
}

#left_module_mobiles .panel_inner .tip {
    margin: 10px;
    padding: 5px;
    border: 1px solid #ff6800;
    color: #ff6800;
}

#left_module_mobiles .panel_inner > h2 {
    padding: 5px;
}

/*.widget_ul li{float: left; width: 33%; text-align: center; height: 120px;}*/
#left_module_mobiles .widget_ul li {
    width: 88px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    height: 90px;
}

#left_module_mobiles .widget_ul li a:hover .w_pic {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#left_module_mobiles .widget_ul li .w_pic {
    width: 63px;
    height: 59px;
    position: relative;
    text-align: center;
    line-height: 59px;
}

#left_module_mobiles .widget_ul li .w_pic img {
    width: 44px;
    height: 44px;
    margin-top: 10px;
    border-radius: 3px;
}

#left_module_mobiles .widget_ul li .w_pic .widge_bg {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    box-sizing: border-box;
    background: #535353;
    border-radius: 3px;
}

#left_module_mobiles .widget_ul li .w_pic:hover .widge_bg {
    background: #3d3d3d;
    border: 2px groove #272727;
}

#left_module_mobiles .widget_ul li .w_title {
    padding-top: 5px;
}

/*create new page*/
#left_module_mobiles .create_page {
    display: block;
    color: #ffffff;
    text-align: center;
    border: 0px solid #e2e2e2;
    line-height: 28px;
    height: 28px;
    width: 260px;
    background-color: #00b2ff;
    border-radius: 2px;
}

#left_module_mobiles .language_choose {
    position: absolute;
    display: none;
    top: 30px;
    left: 0;
    background: #fff;
    color: #000;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    width: 80px;
}

#left_module_mobiles .mylanguages {
    display: block;
    line-height: 30px;
}

#left_module_mobiles .mylanguages:hover {
    color: #009EDE;
}

#left_module_mobiles {
    background: #76838f !important;
    width: 300px !important;

}

#left_module_mobiles #myTabs .header {
    height: 40px;
    overflow: hidden;
    border-radius: 0;
    border: none;
    background: #fff;
    margin-top: 14px;
    padding: 0;
}

#left_module_mobiles #myTabs {
    border: none;
    height: 100%;
    background: #6c8aba;
}

#left_module_mobiles #myTabs .header li {
    width: 49%;
    height: 40px;
    border: none;
    float: left;
    background: #fff;
    border-radius: 0;
}

#left_module_mobiles #myTabs .header li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    padding: 0;
}

#left_module_mobiles #myTabs .ui-state-active {
    background: #fff !important;
    border: none !important;

}

#left_module_mobiles #myTabs .ui-state-active a {
    color: #7dafff !important;
}

#left_module_mobiles #myTabs .ui-state-active a > span {
    display: inline-block;
    border-bottom: 2px solid #7dafff;
    height: 37px;
    color: #7dafff;
}

#left_module_mobiles #Template {
    height: 100%;
    background: #4c556d;
}

#left_module_mobiles #Template ul {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#left_module_mobiles #Template ul li {
    float: left;
    width: 134px;
    height: 240px;
    /* border-radius: 14px; */
    background: #fff;
    margin-left: 10px;
    margin-top: 10px;
}

#left_module_mobiles #Template ul li > img {
    width: 134px;
    height: 240px;
}

#left_module_mobiles #Page_Management {
    height: 90%;
    overflow-y: auto;
    background: #4c556d;
}

#left_module_mobiles #Page_Management::-webkit-scrollbar {
    width: 10px;
    height: 4px;
}

#left_module_mobiles #Page_Management::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

#left_module_mobiles #Page_Management::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.4);
}

#left_module_mobiles #Page_Management .pagelist_box {

}

#left_module_mobiles #Page_Management .pagelist_box .fixed {
    border-bottom: 0px;
    background: #4c556d !important;
    color: #fff;
    border-bottom: 1px solid #4c556d;
}

#left_module_mobiles #Page_Management .pagelist_box .fixed dd:nth-of-type(1) {
    text-align: center;
    color: #fff;
}

#left_module_mobiles #Page_Management .create_page {
    margin: 0 auto;
}

#left_module_mobiles #Page_Management .pagelist_box dl:hover {
    cursor: pointer;
    background: #454c5f !important;
}

#left_module_mobiles #Component {
    background: #4c556d !important;
    border: 0;
    height: 94%;
    padding: 0;
}

#left_module_mobiles #Component ._widgetslist {
    background: #4c556d !important;
}

#left_module_mobiles #Component .panelItemBox h2 {
    display: none;
}

#left_module_mobiles #Component .panelItemBox .w_title {
    color: #fff;
}

#left_module_mobiles .toolbar .main .centerBtn {
    width: 180px;
    height: 36px;
    margin: 0 auto;
}

#left_module_mobiles .toolbar .main .centerBtn p {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 6px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 6px;
}

#left_module_mobiles .toolbar .main .centerBtn p > img {
    margin-bottom: 6px;
}

#left_module_mobiles .toolbar .main .centerBtn p span {
    display: block;
    width: 100%;
    text-align: center;
    height: 16px;
    line-height: 1;
    color: #fff;
    font-size: 12px;
}

#left_module_mobiles .toolbar .main .centerBtn p i {
    display: block;
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
}

#left_module_mobiles .toolbar .main .centerBtn p:hover {
    cursor: pointer;
    background: #232323;
}

#left_module_mobiles .toolbar .main .centerBtn p:hover i {
    color: #000;
}

#left_module_mobiles .toolbar .main .centerBtn p:hover span {
    color: #fff;
}

#left_module_mobiles .toolbar .main .save {
    display: block;
    width: 56px;
    height: 34px;
    background: #6199f4;
    color: #fff;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    right: 90px;

}

#left_module_mobiles .toolbar .main .quit {
    display: block;
    width: 56px;
    height: 34px;
    background: #ff3300;
    color: #fff;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;

}

#left_module_mobiles #Page_Management .pagelist_box .selectPage {
    background: #454c5f !important;
}

#left_module_mobiles #first {
    height: 100%;
}

#left_module_mobiles .widget {
    height: 100% !important;
}

#left_module_mobiles .widget .tab_content {
    height: 100% !important;
}

#left_module_mobiles .widget .tab_content .panel {
    padding: 0;
}

#left_module_mobiles #widget_ul_left_overflow {
    height: 100% !important;
    padding-bottom: 22px;
    overflow: hidden;
}


#left_module_mobiles .widget_ul li {
    width: 92px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    height: 90px;
    cursor: pointer;
    border: 0;
}

#left_module_mobiles .fixed {
    display: block;
    min-height: 1%;
}

#left_module_mobiles .pd10 {
    padding: 10px;
}

#left_module_mobiles .widget_ul li .w_pic {
    width: 63px;
    height: 59px;
    position: relative;
    text-align: center;
    line-height: 59px;
    display: block;
}

#left_module_mobiles .widget_ul li .w_pic .widge_bg {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    box-sizing: border-box;
    background: #535353;
    border-radius: 3px;
}

#left_module_mobiles .widget_ul li .w_pic img {
    width: 44px;
    height: 44px;
    margin-top: 10px;
    border-radius: 3px;
}

#left_module_mobiles #Component .panelItemBox .w_title {
    color: #fff;
    width: 100%;
    padding: 0;
    padding-top: 4px;
    font-size: 13px;
}

#left_module_mobiles .panel_inner {
    background-color: rgba(76, 85, 109, 1);
}


#left_module_mobiles .w_des {
    width: 100%;
}

#left_module_mobiles #Page_Management .pagelist_box .fixed dd:nth-of-type(1) {
    text-align: center;
    color: #fff;
    float: left;
    width: 48px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#left_module_mobiles .pagelist_box dl {
    padding: 10px 0;
    border-bottom: 1px #e3e3e3 dashed;
}

#left_module_mobiles #Page_Management .pagelist_box .fixed {
    margin-bottom: 0;
}

#left_module_mobiles #Page_Management {
    padding: 0;
}

#left_module_mobiles #Template {
    padding: 0;
}

#left_module_mobiles .pagelist_box dl dt {
    float: left;
    width: 134px;
    height: 28px;
    line-height: 28px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: rgb(255, 255, 255);
}

#layout_body .layrow {
    min-height: 570px !important;
    position: relative;
}

#layout_body .layrow .MongoliaLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#my_body_mobile .MongoliaLayer {
    display: block !important;
    z-index: 2000;
}

#layout_body .layrow .laybox {
    min-height: 570px;
}

#rightdialog #rightcontainer .editFrame {
    height: 100%;
}

.FreeRowView {
    overflow: hidden;
}

.FreeRowView .freerowPrompt {
    width: 100%;
    height: 100%;
    background: #99ccff;
    line-height: 150px;
    text-align: center;
    color: #fff;

}

.FreeRowView .freerowPrompt p {
    line-height: 50px;
    text-align: center;
    color: #87d4ff;
    font-size: 20px;
}

.FreeRowView .freerowFrame {
    /*transition: all 0.3s;*/
    position: relative;
    z-index: 1000;
}

.FreeRowView .freeRowSelect {
    box-shadow: 0px 0px 20px 3px #f00 inset;
}

.FreeRowView .freeRowModule {
    z-index: 1000;
}

.FreeRowView .freerowFrame .freeRowModule {
    position: absolute !important;
}

#layout_body .freeRowModule:hover .m_ctrl {
    display: block;
}

.FreeRowView .freerowFrame .freeRowModule .ui-icon-gripsmall-diagonal-se {
    z-index: 1000 !important;
}

.myDoublerowIndex .freeRowModule {
    position: static;
}

.myDoublerow {
    width: 100%;
    height: 20px;
    background-color: #ccc;
    text-align: center;
}

.myDoublerow:after {
    content: '鏀剧疆鍦ㄦ'
}

#FreeRowEditSetUp ul {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
}

#FreeRowEditSetUp ul li {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    margin-top: 10px;
    background: #fff;
}

#FreeRowEditSetUp ul li b {
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px #ccc solid;
    border-radius: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#FreeRowEditSetUp ul li span {
    float: left;
    width: 160px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#FreeRowEditSetUp ul li:hover {
    cursor: move;
}

#FreeRowEditSetUp ul li i {
    float: left;
    width: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

/*#FreeRowEditSetUp ul li:hover i{
    color: #fff;
}
#FreeRowEditSetUp ul li:hover span{
    color: #fff;
}*/
.freerowFrame .freerowDelect {
    position: absolute;
    top: 0;
    right: 0;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
}

.freerowFrame .freerowDelect a {
    display: block !important;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

.FreeRowView .freerowFrame .freeRowModule:hover {
    cursor: move !important;
}

#FreeRowEditSetUp ul .myfreeSort {
    width: 100%;
    height: 40px;
    background: #ffe5cd;
    margin-top: 10px;
    border-radius: 20px;
}

/*宸︿晶缁勪欢搴 鎵嬮鐞存牱寮?/
/*rgba(0, 0, 0, 0.156862745098039)*/
#left_module_mobiles #myTabs .pagelist_box_page .ui-state-active {
    background: rgba(0, 0, 0, 0.156862745098039) !important;
    border: none !important;
}

#left_module_mobiles #myTabs .pagelist_box_page .ui-state-default {
    background: rgba(0, 0, 0, 0.156862745098039) !important;
    color: #fff;
    border: none !important;
}

#left_module_mobiles .pagelist_box_page h3 {
    background-color: rgba(0, 0, 0, 0.156862745098039);
    color: #fff;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
}

/*#left_module_mobiles .page_layout h3{
    background-color: rgba(76, 85, 109, 1);
    color: #fff;
    padding: 0;
}
#left_module_mobiles .height_fun h3{
    background-color: rgba(76, 85, 109, 1);
    color: #fff;
    padding: 0;
}*/

.myLayer {
    height: 100%;
    background: #f1f1f1;
}

.myLayer .one {
    width: 280px;
    height: 92%;
    overflow-y: auto;
    margin: 0 auto;
}

.myLayer .one .oneLi {
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
}

.myLayer .one .oneLi .line {
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin-top: 10px;
}

.myLayer .one .oneLi b {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px #ccc solid;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myLayer .one .oneLi span {
    float: left;
    width: 160px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myLayer .two {
    margin-left: 40px;
    width: 240px;

}

.myLayer .line:hover {
    cursor: move;
}

.myLayer i {
    float: left;
    width: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.myLayer i:hover {
    cursor: pointer;
}

.myLayer .two .twoli {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.myLayer .two .twoli .line {
    width: 100%;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin-top: 10px;
}

.myLayer .two .twoli b {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px #ccc solid;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myLayer .two .twoli span {
    float: left;
    width: 160px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myLayer .one .mylayerSort {
    width: 100%;
    height: 40px;
    background: #ffe5cd;
    margin-top: 10px;
    border-radius: 20px;
}

.myLayer .one .selectli > .line {
    background: #999;
    color: #fff;
}


/*棰勮椤甸潰*/

#my_body_mobile .module:hover .m_ctrl {
    display: none !important;
}

#my_body_mobile .module .m_ctrl {
    display: none !important;
}

#my_body_mobile .module:hover .movebox {
    display: none !important;
}

.freerowAnddoublerowNoPlace {
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0.8;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: #999;
    z-index: 1100;
}

/*棰勮椤甸潰绠＄悊*/
#left_module_mobile_pre {
    background-color: transparent;
}

#left_module_mobile_pre:before {
}

#left_module_mobile_pre #Page_Management {
    width: 280px;
    padding: 0;
}

#left_module_mobile_pre > #myTabs > ul {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: -30px;
}

#left_module_mobile_pre > #myTabs > ul > li > a {
    color: #999;
}

#left_module_mobile_pre > #myTabs dl {
    width: 280px;
    height: 36px;
    color: #999;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(228, 228, 228, 1);
    font-size: 14px;
    cursor: pointer;
}

#left_module_mobile_pre > #myTabs {
}

#left_module_mobile_pre > #myTabs .pagelist_box {
    height: 680px;
    overflow-y: auto;
    overflow-x: hidden;
}

#left_module_mobile_pre > #myTabs dl > dd {
    margin: 0 12px;
}

#left_module_mobile_pre > #myTabs dl > dt, #left_module_mobile_pre > #myTabs dl > dd {
    float: left;
    line-height: 36px;
}

#left_module_mobile_pre > #myTabs dl.selectPage {
    background-color: rgba(204, 204, 204, 0.498039215686275)
}


#left_module_mobile_pre #myTabs dl:nth-of-type(1) {
    border-top: 1px solid rgba(228, 228, 228, 1);
}

/*棰勮 浜岀淮鐮?/

#pre_wx {
    position: absolute;
    right: 140px;
    top: 184px;
}

#pre_wx .erweima {
    width: 254px;
    height: 254px;
    border: 1px solid rgba(228, 228, 228, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#pre_wx p {
    color: #999;
}

#pre_wx .erweima img {
    width: 170px;
    height: 170px;
}

#pre_wx .erweima .pre_download {
    color: #3399FF;
    text-align: center;
    width: 100%;
    height: 30px;
    border-top: 1px solid #ddd;
    line-height: 40px;
    cursor: pointer;
    background-image: url(/mb/static/images/u840.png);
    background-repeat: no-repeat;
    background-position: 75px 16px;
}

#pre_wx .hot_share, #pre_wx .link_share {
    margin-top: 26px;
}

#pre_wx .hot_share .hot_share_items {
    width: 76px;
    height: 36px;
    border: 1px solid #3399FF;
    background-color: #fff;
    border-radius: 10px;
}

#pre_wx .link_share input {
    height: 36px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 4px;
    padding-left: 12px;
}

#pre_wx .link_share button {
    width: 76px;
    height: 36px;
    background-color: rgba(51, 153, 255, 1);
    border: 0;
}

/*缁勪欢搴?/

#left_module_mobiles .widget_ul li.column_list {
    position: relative;
}

#left_module_mobiles .widget_ul li:hover {
    background-color: rgba(255, 255, 255, 0.0980392156862745);
}

/*#left_module_mobiles .widget_ul li:hover:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border: 34px;
    border: 17px #39f solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
*/
#left_module_mobiles .widget_ul li img.helper-img {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

#left_module_mobiles #Template ul li {
    position: relative;
}

/*妯℃澘閫夋嫨*/
#Template .template-btn {
    width: 100%;
    position: absolute;
    top: 80px;
    z-index: 11;
    text-align: center;
}

#Template .template-btn .template-btn-items {
    width: 80px;
    height: 30px;
    border: 0;
    background-color: rgba(51, 153, 255, 1);
    color: #fff;
}

#Template .template-btn .template-btn-items:nth-of-type(2) {
    background-color: rgba(255, 102, 51, 1);
    margin-top: 12px;
}


.HistoricalRecord {
    position: fixed;
    height: 250px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 1000;
    display: none;
}

.HistoricalRecord .HistoricalRecordFrame {
    width: 420px;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .675);
    overflow-y: auto;
}

.HistoricalRecord .HistoricalRecordFrame ul {
    width: 90%;
    margin: 0 auto
}

.HistoricalRecord .HistoricalRecordFrame ul li {
    height: 30px;
}

.HistoricalRecord .HistoricalRecordFrame ul li b {
    float: left;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

.HistoricalRecord .HistoricalRecordFrame ul li strong {
    float: left;
    width: 160px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.HistoricalRecord .HistoricalRecordFrame ul li span {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HistoricalRecord .HistoricalRecordFrame ul li p {
    background-color: #00a0e9;
    float: right;
    line-height: 22px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 3px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin-top: 4px;
    margin-bottom: 0;
}

.HistoricalRecord .HistoricalRecordFrame ul li .now {
    background: #ff990a;
    color: #fff;
    border-radius: 30px;
}

/*2017.10.24 缁勪欢鏍峰紡淇敼*/
.myMoveOne > p {
    width: 50% !important;
}

.myMoveOne > p > strong {
    width: 50px;
    font-size: 12px;
}

.myMoveOne p .ivu-input-number-input-wrap input {
    text-align: left;
}

#advanced_style .myMoveOne > p > strong {
    width: 56px;
}

.borderList > p > strong {
    width: 60px;
}

.myMoveOne > p > div.ivu-input-number {
    width: 64px !important;
}

.myMoveOne > p > input.colorVal {
    display: none;
}

.myMoveOne > p > i.frame {
    width: 40px;
    height: 24px;
    margin-top: 8px;
    margin-left: 5px;
}

.myMoveOne > p > i.frame:before {
    content: '';
    width: 68px;
    height: 30px;
    border: 1px solid rgba(215, 215, 215, 1);
    display: inline-block;
    border-radius: 5px;
    margin-top: -4px;
    margin-left: -6px;
    background-image: url(/mb/static/images/u195.png);
    background-repeat: no-repeat;
    background-position: 48px 10px;
}

/*div.fontstyleSet > span{
    padding: 0 !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0;
    margin-right: 0px;
    margin-top: 6px;
    color: #999;
    font-size: 17px;
}

div.fontstyleSet > span.active{
    color: #999;
    background-color: #fff;
}*/

.myMoveOnePub > span {
    float: left;
    height: 40px;
    width: 54px;
    line-height: 40px;
    font: 12px/40px 'Microsoft YaHei';
    color: #666;
}

.myMoveOnePub > p {
    width: 40% !important;
}

.myMoveOnePub > p > strong {
    width: 36px !important;
}

.myMoveOnePub > p > div.ivu-input-number {
    width: 64px !important;
}


/*椤甸潰绠＄悊*/
#left_module_mobiles #Page_Management .pagelist_box dl > img {
    display: none;
}

#left_module_mobiles #Page_Management .pagelist_box dl.selectPage > img {
    display: inline-block;
}

#left_module_mobiles #Page_Management .pagelist_box dl:hover > img {
    display: inline-block;

}

.indexBanner .swiper-pagination-bullet-active {
    background: transparent;
}

.indexBanner .swiper-pagination-bullet {
    background: transparent;
}

.indexBanner .swiper-pagination span {
    opacity: 1;
}

.BMapLib_SearchInfoWindow .BMapLib_bubble_content > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*鍙屾爮棰勮鍘婚櫎绾?/
.myDialogList .ivu-modal-body {
    height: auto;
}

#map .smnoprint {
    display: none;
}


.moveOne .myInputFrame {
    width: 175px;
    margin-top: 5px;
    height: 32px;
    border: 1px solid #d7dde4;
    color: #657180;
    background-color: #fff;
    cursor: text;
    padding: 4px 7px;
    line-height: 1.5;
    border-radius: 3px;
}

.moveOne .myInputFrame:focus, .moveOne .myInputFrame:hover {
    border-color: #5cadff;
}

.textTextarea {
    width: 100%;
    height: 300px;
    vertical-align: bottom;
    font-size: 14px;
    cursor: text;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    color: #657180;
    line-height: 1.5;
    padding: 4px 7px;
}

.textTextarea:focus, .textTextarea:hover {
    border-color: #5cadff;
}

.detailarticlePrompt {
    width: 100%;
    height: 100px;
    text-align: center;
}

.detailarticlePrompt span {
    line-height: 50px;
}

.searchPrompt {
    width: 100%;
    height: 100px;
    text-align: center;
}

.searchPrompt p {
    line-height: 40px;
}

.indexBanner .ivu-carousel-dots {
    display: none;
}

.indexBanner .bannerPage {
    height: 18px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.indexBanner .bannerPage span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 10px;
    margin: 0 5px;
}

.mySelect .SelectFrame ul {
    max-height: 200px;
    overflow-y: auto;
}

.newsIndex_content .contentFrame img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.FreeRowView .freeRowModule .relativeFrame .m_ctrl .m_del {
    width: 13px;
    height: 13px;
    background: url(/mb/static/images/smallClose.png) no-repeat;
    background-size: 100% 100%;
    border: 1px #999 solid;
}

.DragPrompt {
    position: absolute;;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 1);
    z-index: 100;
    text-align: center;
    line-height: 633px;
    vertical-align: middle;

}

#FreeRowEditSetUp .ivu-alert {
    background: #ebf5ff;
    padding-right: 20px;
}

/*姘村钩浣嶇疆 椋庢牸*/

div.fontstyleSet {
    float: left;
    width: 50%;
}

div.fontstyleSet > strong {
    float: left;
    height: 40px;
    width: 50px !important;
    line-height: 40px;
    font: 14px/40px 'Microsoft YaHei';
    color: #666 !important;
    font-size: 12px !important;
}

div.fontstyleSet > span {
    margin-top: 6px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: 24px !important;
    height: 26px !important;
    line-height: 26px !important;
    text-align: center !important;
    font-size: 18px !important;
}

.moveOne p > span {
    width: 60px;
    height: 32px;
    display: inline-block;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 6px;
    line-height: 32px;
    text-align: center;
    margin-top: 6px;
    cursor: pointer;
    margin-left: 4px;

}

.moveOne p span.alignselect {
    background-color: rgba(51, 153, 255, 1);
    color: #fff;
}

.moveOne p.imgtextalign span {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid rgba(215, 215, 215, 1);
    border-radius: 0px;
    font-size: 0;
    line-height: 32px;
    text-align: center;
    margin-top: 6px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 4px;
    background-color: #f2f2f2;
}

.moveOne p.imgtextalign span img {
    width: 24px;
    height: 24px;
    border: 0;
    margin-top: -8px;
}

.moveOne p.imgtextalign span.txtalignselect {
    background-color: #fff;
}

#moveboxid {
    background-color: transparent !important;
}


#left_module_mobiles #Page_Management .pagelist_box dl > img.collect {
    margin-right: 10px;
}

#left_module_mobiles #Page_Management .pagelist_box dl > img.pagecopy {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.assemblyModal .picUpload {
    width: 300px;
    overflow: hidden;
    height: 150px;
    margin: 0 auto;
}

.assemblyModal .picUpload strong {
    width: 100px;
    float: left;
    font-size: 14px;
}

.assemblyModal .picUpload .picImg {
    width: 120px;
    height: 150px;
    float: left;
    line-height: 150px;
    vertical-align: middle;
    border: 1px #ccc solid;
    border-radius: 3px;
}

.assemblyModal .picUpload .picImg img {
    max-width: 100%;
    max-height: 100%;
}

.assemblyModal .picText {
    width: 300px;
    overflow: hidden;
    height: 40px;
    margin: 20px auto;
}

.assemblyModal .picText strong {
    width: 100px;
    float: left;
    font-size: 14px;
}

.assemblyModal .ivu-modal-body {
    overflow-y: hidden;
    height: 250px;
}

.assemblyButton button {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;

}

.TemplateList {
    margin-top: 10px;
}

.TemplateList li {
    width: 88px;
    height: 132px;
    border: 1px #999 solid;
    border-radius: 3px;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;

}

.TemplateList li .myImg {
    width: 100%;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;


}

.TemplateList li .myImg img {
    max-width: 100%;
    max-height: 100px;

}

.TemplateList li p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #999;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TemplateList li .m_del {
    position: absolute;
    display: none;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    background: url(/mb/static/images/mbimg/delete_button.png) no-repeat;
    font-size: 9pt;
    line-height: 24px;
    background-color: #acacac;
    color: transparent;
    background-position: center;
}

.TemplateList li:hover {
    border: 1px #f00 solid;
}

.TemplateList li:hover .m_del {
    display: block;
}


.classListFrame {
    float: left;
}

.classBtn {
    float: left;
}

.classBtn .classOne {
    border-bottom-style: solid;
    border-width: 1px;
    margin-bottom: 0;
}

.horizontalClass {
    width: 100%;
    overflow: hidden;
}

.horizontalClass .classOne {
    display: flex;
    overflow-x: auto !important;
}

.verticalClass .classOne {
    overflow-y: auto !important;
}

.classBtn p {
    text-align: center;
    width: 100%;
}

.classBtn .classOneLi {
    float: left;
}

.classBtn li {

}

.classBtn .classOneLi p {
    border-bottom-style: solid;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.classBtn .classTwoLi p {
    border: none;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


}

.classBtn .classTwoLi {
    border-bottom-style: solid;
    border-width: 1px;
}

.classBtn .classTwo {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;

}


#layout_body {
    background: #f2f2f2 !important;
}

.noTwo {
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    font-size: 14px;
    color: #999;
}


.mySearch > p > strong {
    width: 80px !important;
}

.mySearch > p {
    width: 100% !important;
}

/*瀛椾綋椋庢牸*/
.moveOne p.fontstyles span {
    margin-top: 6px;
    margin-right: 0;
    padding: 0;
    width: 24px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    margin-left: 0;
    border: 0;
    margin-right: 4px;
    border-radius: 0;
    color: #666;
    font-weight: bold;
}

.moveOne p.fontstyles span:nth-of-type(2) i {
    transform: rotate(20deg);
    display: block;
}

.moveOne p.fontstyles span:nth-of-type(3) {
    text-decoration: underline;
}

.moveOne p.fontstyles span.alignselect {
    color: #fff;
    background-color: #2cb9fe;
}

.moveOne p.slide > strong.slide-nums {
    float: right;
}

/*妯℃嫙寮€鍏?/
span.my-default-switch {
    display: inline-block;
    width: 48px;
    height: 24px;
    line-height: 22px;
    border-radius: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #ccc;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out;
}

span.my-default-switch:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    cursor: pointer;
    transition: left .2s ease-in-out, width .2s ease-in-out;
}

span.my-checked-switch:after {
    left: 25px;
}

span.my-checked-switch {
    border-color: #2d8cf0;
    background-color: #2d8cf0;
}

.detailarticleBtn {
    width: 100%;
}

.detailarticleBtn p {
    margin: 0 auto;
    text-align: center;
    font-family: 'Microsoft YaHei';
}

.indexBanner {
    position: relative;
}

.myBannerBtnFrame {
    position: absolute;
    width: 100%;
    height: 16px;
    left: 0;
    bottom: 10px;

}

.myBannerBtnFrame .mip-carousel-indecator-item {
    width: 10px !important;
    height: 10px !important;
}

.module_customer_service_index {
    position: fixed !important;
    width: 45px !important;
    height: 45px !important;
    top: 470px;
    right: 5px !important;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 999 !important;
}

.classListAndPage {
    height: 100%;
}

.classListFrame {
    overflow-y: auto;
    overflow-x: hidden;
}

.navNewIndex {
    overflow: visible !important;
}

.navNewIndex .relativeFrame {
    overflow: visible !important;
}

.indexNavVertical_Prompt {
    height: 30px;
    width: 100%;
}

.indexNavVertical_Prompt p {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #f00;
    margin: 0;
    line-height: 30px;
}

#layout_header .module:hover .m_ctrl {
    display: block !important;
}

#layout_header .module .relativeFrame {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

div.my_navbottom_index {
    height: 62px;
}

div.my_navbottom_index div.m_ctrl {
    display: none !important;
}

div.my_navbottom_index:hover div.m_ctrl {
    display: block !important;
}


div.my_mb_header {
    position: relative !important;
}

div#layout_body {
    height: 633px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 392px \0;
    width: 392px \9;
}

.twoLine {
    height: auto !important;
}

#moveHtml, #moveBody, #move_Frame {
    height: 100% !important;
}

#move_Frame {
    overflow: hidden;
}

#moveBody .layrow {
    min-height: 100% !important;
}

#moveBody .layrow .laybox {
    min-height: 0 !important;
}

.noClassList {
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    font-size: 14px;
    color: #999;
}

.pcView {
    font-size: 100px !important;

}

.pcView body {
    background: #ccc;
}

.pcView #move_Frame {
    width: 375px !important;
    margin: 0 auto;
    background: #fff;
}

.pcView ::-webkit-scrollbar {
    width: 0px;
    height: 4px;
}

.pcView
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
}

.pic_content .album-container a {
    text-decoration: none;
}

.pcView .layout_body {
    width: 100%;
}

.dynamic_class .vertical_classOne {
    display: flex;
    display: -webkit-flex;
    overflow-x: auto !important;
}

.map_Prompt {
    text-align: center;
    height: 100%;

}

.listAndPage_Prompt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666;
}

.banner_img_frame {
    text-align: center;
}

.banner_img_frame img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    min-width: auto !important;
}

.indexBanner .left {
    display: none !important;
}

.indexBanner .right {
    display: none !important;
}


/*#layout_footer{
    background-color: #f00;
    position: fixed;
    left: 0;
    bottom: 0;
}*/
.navColumnList li button {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.navColumnList .navChildLi button {
    margin-top: 10px !important;
}

/*
#navTabs .ivu-modal-mask{
    display: none;
}*/

.model_oneLevelCustom {
    width: 230px !important;
    float: left;

}

.model_naviconList {
    width: 250px !important;
    float: left;
}

.bottom_nav .item a img {
    width: 100%;
    height: 100%;
}

.newsIndex_content .contentFrame em {
    font-style: italic;
}

.newsIndex_content .contentFrame ol {
    list-style-type: decimal;
}

.newsIndex_content .contentFrame ol li {
    list-style-type: decimal;
}

.newsIndex_content .contentFrame ul {
    list-style-type: disc;
}

.newsIndex_content .contentFrame ul li {
    list-style-type: disc;
}

.basic_fixed {
    position: fixed !important;
    right: 5px !important;
    z-index: 9995 !important;
    margin: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: rgba(0, 0, 0, 0) !important;
    /*border-image: initial !important;*/
    padding: 0px !important;
    background: rgba(0, 0, 0, 0) !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    top: 75% !important;
    bottom: auto !important;
    border-radius: 1000px !important;
}

.basic_fixed .basic_fixed_index {
    border-radius: 1000px;
    overflow: hidden;
}

.basic_fixed .basic_fixed_index .one_icon {
    overflow: hidden;
    text-align: center;
}

.basic_fixed .basic_fixed_index .one_icon img {
    display: block;
    margin: 0 auto;
}

.basic_fixed .basic_fixed_index .one_icon p {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.basic_fixed .two {
    position: absolute;
    left: 0;
}

.basic_fixed .two .basic_fixed_index {
    margin-bottom: 5px;
}

.basic_fixed .basic_fixed_phone a {
    display: block;
    width: 100%;
    height: 100%;
}

.basic_fixed_combination_open {
    overflow: visible !important;
}

.basic_fixed .basic_fixed_index .one_icon .icon_part_minus {
    display: none;
}

.basic_fixed_combination_open .basic_fixed_index .one_icon .icon_part_minus {
    display: block !important;
}

.basic_fixed_combination_open .basic_fixed_index .one_icon .icon_part_plus {
    display: none !important;
}

#my_sidebar_frame {
    position: fixed !important;
    top: 0;
    max-height: 100% !important;
    height: 100%;
    max-width: 80% !important;
    background-color: #efefef;
    min-width: 45px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    transition: all 0.2s;
}

.my_sidebar_frame_left {
    left: -5rem;
}

.my_sidebar_frame_right {
    right: -5rem;
}

.my_sidebar_frame_open_left {
    left: 0 !important;
}

.my_sidebar_frame_open_right {
    right: 0 !important;
}

.myMapIndex .ny_map {
    width: 100%;
}

.myNoticeIndex .indexNotice .notice_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.myNoticeIndex .indexNotice .swiper-container {
    float: left;
}

.myNoticeIndex .indexNotice .swiper-container .swiper-slide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.freerow_tab_btn {
    position: relative;
    top: 0;
    left: 0;
    overflow-y: hidden;
    margin-bottom: 0;
    display: flex;
    overflow-x: auto;
    display: -webkit-flex;
    z-index: 9994;
}

.freerow_tab_btn li {
    border-style: solid;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.freerow_tab_btn::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.fromlists .searchs_icon {
    top: 50%;
    transform: translateY(-50%);
}

.basic_notice_link {
    display: block;
    width: 100%;
    height: 100%;
}

.my_sidebar_mantle {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}

.video_hide {
    display: none !important;
}

.xcxMb_web .basic_header .headerAll {
    width: 3.75rem !important;
    height: 0.4rem !important;
}

.xcxMb_web .basic_header .headerAll .buttons {
    width: 2.3rem !important;
    height: 0.4rem !important;
    font-size: 16px !important;
    margin: 0 auto;
    line-height: 0.4rem !important;
    text-align: center;
    position: static !important;
}

.xcxMb_web .listAndPage .LoadMoreFrame .LoadMore {
    width: 1.4rem !important;
    font-size: 14px !important;
    color: #333 !important;

}

.xcxMb_web .listAndPage .LoadMoreFrame .firstLoadMore {
    margin-right: 0.2rem !important;
}

.xcxMb_web .listAndPage .LoadMoreFrame .btn_disable {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.xcxMb_web .newsIndex .price_sell {
    word-break: break-all;
    margin: 0 auto;
}

.xcxMb_web .newsIndex .price_cost {
    word-break: break-all;
    margin: 0 auto;
}

.newsIndex .newsIndex_content .videoStyle1 {
    display: block;
}

.basic-job-wrapper .no-job-text {
    padding: 10px;
    text-align: center;
}

.basic-job-wrapper .no-endtime {
    color: #ff0000;
}

.basic-job-wrapper .my-job-expended-cell:hover {
    background: #f5f7fa !important;
}

.basic-job-wrapper .job-detail-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.basic-job-wrapper .job-detail-wrapper:hover {
    background: #f5f7fa;
}

.basic-job-wrapper .job-detail-wrapper .job-title {
    margin-bottom: 5px;
    color: #657180;
    font-size: 18px;
    margin-top: 0;
    font-weight: 700;
    line-height: 1.4;
}

.basic-job-wrapper .job-detail-wrapper .row-btn {
    margin-top: 5px;
}

.basic-job-wrapper .job-item {
    line-height: 1.5;
    padding-top: 4px;
    padding-bottom: 4px;
}

.basic-job-wrapper .job-item .item-label, .basic-job-wrapper .job-item .item-content {
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
}

.basic-job-wrapper .job-table-row {
    cursor: pointer;
}

.basic-job-wrapper .job-table-row .cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.basic-job-wrapper .module-style-1 .job-detail-wrapper {
    padding-left: 40px;
    padding-right: 30px;
}

.basic-job-wrapper .my-mock-table .my-mock-tr.my-job-expended-cell {
    display: none;
}

.basic-job-wrapper .job-overview-panel {
    display: flex;
    align-items: flex-start;
    border: 1px solid #ddd;
    padding-top: 10px;
}

.basic-job-wrapper .panel-title {
    font-size: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #333;
}

.basic-job-wrapper .panel-content {
    flex: 1;
    padding-top: 5px;
    padding-bottom: 5px;
}

.basic-job-wrapper .job-tag {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
    background-color: #e6f2fb;
    border-color: #cce4f7;
    display: inline-block;
    font-size: 12px;
    color: #0078d7;
}

.basic-job-wrapper .job-tag-text {
    float: left;
    max-width: 18em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.basic-job-wrapper .module-style-2 .job-list {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow-y: auto;
}

.basic-job-wrapper .module-style-2 .job-detail-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 15px;
}

.basic-job-wrapper .btn-submit {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #0078d7;
    color: #FFFFFF;
    background-color: #0078d7;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 12px;
    border-radius: 3px;
    padding: 8px 20px;
}

.basic-job-wrapper .el-button--primary {
    color: #FFF;
    background-color: #0078d7;
    border-color: #0078d7;
}

.basic-job-wrapper .el-button--primary:focus, .basic-job-wrapper .el-button--primary:hover {
    background: #0084ed;
    border-color: #0084ed;
    color: #FFF;
}

.basic-job-wrapper .el-table td {
    padding: 0;
}

.basic-job-wrapper .el-table table {
    border-collapse: separate;
}

.basic-job-wrapper .module-style-2 .job-list {
    height: auto;
}

.basic-job-wrapper .panel-title {
    width: 2em;
}

.el-table__expand-icon .fa {
    font-size: 20px;
    color: #999;
}

.el-table__expand-column .cell {
    width: 100%;
    text-align: center;
}

.xcxMb_web .basic-job-wrapper .module-style-1 .th-address, .xcxMb_web .basic-job-wrapper .module-style-1 .th-jobType, .xcxMb_web .basic-job-wrapper .module-style-1 .th-require, .xcxMb_web .basic-job-wrapper .module-style-1 .th-endTime, .xcxMb_web .basic-job-wrapper .module-style-1 .td-address, .xcxMb_web .basic-job-wrapper .module-style-1 .td-jobType, .xcxMb_web .basic-job-wrapper .module-style-1 .td-require, .xcxMb_web .basic-job-wrapper .module-style-1 .td-endTime {
    display: none;
}

.basic-job-wrapper .module-style-1 .th-salary, .xcxMb_web .basic-job-wrapper .module-style-1 .td-salary {
    width: 100px;
    flex-shrink: 0;
}

.basic-job-wrapper .pc-job-module-1 {
    display: none;
}

.pc_pattern .mb-job-module-1 {
    display: block;
}

.basic-job-wrapper .my-mock-tr {
    display: flex;
}

.basic-job-wrapper .my-mock-th .cell, .basic-job-wrapper .my-mock-td .cell {
    padding-right: 0;
}

.basic-job-wrapper .my-mock-thead .cell {
    padding-top: 10px;
    padding-bottom: 10px;
}

.basic-job-wrapper .el-table__expand-column {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.basic-job-wrapper .el-table__expand-icon {
    font-size: inherit;
}

.basic-job-wrapper .th-subject, .basic-job-wrapper .td-subject {
    flex: 1;
    overflow: hidden;
    flex: 3 1 300px;
}

.basic-job-wrapper .th-address, .basic-job-wrapper .td-address {
    flex: 1 0 100px;
}

.basic-job-wrapper .th-jobType, .basic-job-wrapper .td-jobType {
    width: 110px;
    flex-grow: 1;
}

.basic-job-wrapper .th-salary, .basic-job-wrapper .td-salary {
    width: 110px;
    flex-grow: 1;
}

.basic-job-wrapper .th-num, .basic-job-wrapper .td-num {
    flex: 1 0 100px;
}

.basic-job-wrapper .th-endTime, .basic-job-wrapper .td-endTime {
    flex: 1 0 180px;
}

.basic-job-wrapper .el-table__expanded-cell {
    padding: 0;
}

.basic-job-wrapper .el-table::before {
    display: none;
}

/*涓嬮潰鏄〃鍗?/
.dialog_wrap .form_content .form_item_wrap,
.xcxMb_web .basic_nleavemessage .form_item_wrap {
    width: 100% !important;
}

/* 鍦ㄧ嚎瑙嗛 */
.basic_video_index iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.xcxMb_web .basic_video_index .online_flv {
    padding-bottom: 56.2%;
}

.xcxMb_web .basic_video_index .module_content {
    padding: 3.2% 3.72%;
}

.xcxMb_web .form_warp {
    max-height: calc(100% - 10px) !important;
}

.xcxMb_web .dialog_wrap .dialog_container {
    width: 100%;
    height: 100%;
}

.xcxMb_web .dialog_wrap .my_form {
    padding: 3.2% 3.72%;
}

.xcxMb_web .dialog_wrap .dialog_title {
    text-align: center;
    line-height: 53px;
    height: 53px;
    width: 100%;
}

.xcxMb_web .dialog_wrap .dialog_title .title {
    margin-left: 0;
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xcxMb_web .dialog_wrap .dialog_title .dialog_close:before {
    content: "\f053";
}

.xcxMb_web .dialog_title .dialog_close {
    right: auto;
    left: 15px;
    top: 0px;
    line-height: 53px;
    font-size: 16px
}

.xcxMb_web .dialog_wrap .dialog_content {
    margin-top: 53px;
}

/* 琛ㄥ崟phone */
.xcxMb_web .my_nleavemessage .phone_number_area .area_code_mobi,
.xcxMb_web .dialog_wrap .phone_number_area .area_code_mobi {
    display: block !important;
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_mobi,
.pc_pattern .dialog_wrap .phone_number_area .area_code_mobi {
    display: none !important;
}

.xcxMb_web .my_nleavemessage .phone_number_area .area_code_pc,
.xcxMb_web .dialog_wrap .phone_number_area .area_code_pc {
    display: none !important;
}

.pc_pattern .my_nleavemessage .phone_number_area .area_code_pc,
.pc_pattern .dialog_wrap .phone_number_area .area_code_pc {
    display: block !important;
}

/* 寮规琛ㄥ崟 */
.dialog_wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    display: none;
}

.dialog_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.dialog_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    width: 900px;
    height: 620px;
    line-height: 620px;
    text-align: center;
}

.dialog_wrap .form_warp {
    display: none;
    line-height: normal;
    text-align: left;
    max-height: 620px;
    overflow-y: auto;
}

.dialog_title {
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #e3e2e8;
    box-sizing: border-box;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    width: 900px;
}

.dialog_title .title {
    font-size: 16px;
    color: #333;
    margin-left: 24px;
}

.dialog_title .dialog_close {
    position: absolute;
    right: 30px;
    top: 0px;
    cursor: pointer;
    color: #909399;
    font-size: 20px;
}

.dialog_content {
    height: calc(100% - 66px);
    overflow-x: hidden;
    margin-top: 66px;
}

.dialog_wrap .loading_img {
    display: inline-block;
    vertical-align: middle;
}

.basic_nleavemessage .dialog_content {
    margin: 0 -10px;
}

.form_warp .my_form {
    padding: 30px 20px;
}

.xcxMb_web .basic_nleavemessage .my_form {
    padding: 3.2% 3.72%;
}

.xcxMb_web .basic_nleavemessage .form_submit {
    max-width: 100%;
}

.my_form .form_frame {
    /* width: 100%; */
    position: relative;
    font-size: 0;
    margin: 0 -10px;
}

.form_item_wrap .form_item .input_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding-left: 14px;
    height: 44px;
    line-height: 44px;
    outline: 0;
    box-sizing: border-box;
    background: 0 0;
    border-radius: 0;
    background: rgba(204, 204, 204, .15);
}

.item_type_validateCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form_item_wrap .form_item {
    padding: 0 10px;
}

.form_item_wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
    /* padding: 0 1.2%; */
    box-sizing: border-box;
    min-width: calc(180px + 2.4%);
    vertical-align: bottom;
}

.form_item_wrap .form_item {
    padding: 0 10px;
}

.form_item_wrap .form_item .content {
    box-sizing: border-box;
    position: relative;
}

.form_item_wrap .item_type_phone .phone_number_area {
    display: flex;
}

.form_item_wrap .item_type_phone .area_code_mobi {
    margin-right: 0 !important;
    width: 90px;
    position: relative;
}

.form_item_wrap .item_type_phone .area_code_mobi:after {
    content: "";
    display: block;
    position: absolute;
    height: 22px;
    width: 0;
    top: 10px;
    right: 0;
    border-right: 1px solid #e3e2e8;
}

.form_item_wrap .item_type_phone .area_code {
    width: 28%;
    margin-right: 2.4%;
    flex: none;
    min-width: 130px;
}

.form_item_wrap .item_type_phone .phone_number_wrap {
    position: relative;
    width: 100%;
}

.form_item_wrap .item_type_city {
    margin: 0 -1.2%;
    display: flex;
    flex-wrap: wrap;
}

.form_item_wrap .item_type_city .select_wrap {
    box-sizing: border-box;
    padding: 0 1.2%;
    flex: auto;
}

.form_item_wrap .select_style {
    position: relative;
}

.form_item_wrap .select_style .arrow {
    position: absolute;
    right: 16px;
    font-size: 20px;
    line-height: 44px;
    color: #666;
    cursor: pointer;
}

.form_item .title {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}

.form_item .required_icon {
    color: red;
    position: relative;
    top: 2px;
    left: 10px;
    pointer-events: none;
    display: inline-block;
}

.select_list_wrap {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    width: 100%;
    padding: 8px 6px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    border-radius: 2px;
    z-index: 9032;
    left: 0;
    display: none;
}

.select_provinces_dialog {
    display: block;
}

.select_list_wrap .select_list {
    max-height: 320px;
    overflow: auto;
}

.dialog_wrap ::-webkit-scrollbar, .select_list_wrap ::-webkit-scrollbar {
    width: 5px;
}

.dialog_wrap ::-webkit-scrollbar-thumb, .select_list_wrap ::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.dialog_wrap ::-webkit-scrollbar-track .select_list_wrap ::-webkit-scrollbar-track {
    background-color: #f7f7f7;
}

.select_list_wrap .select_item {
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding-left: 14px;
    box-sizing: border-box;
    cursor: pointer;
}

.select_list_wrap .select_item:hover {
    background: #f0f0f0;
}

.form_item_warp .form_item .item_type_validateCode {
    width: 100%;
    display: flex;
}

.form_item_warp .form_item .content {
    box-sizing: border-box;
    position: relative;
}

.item_type_validateCode .validateCode_input {
    max-width: 400px;
    margin-right: 10px;
}

.item_type_validateCode .validateCode_img {
    width: 121px;
    height: 44px;
    display: inline-block;
    flex: none;
    cursor: pointer;
}

.item_type_validateCode .validateCode_img {
    max-width: 100%;
    vertical-align: top;
}

.my_form .form_submit {
    width: 100%;
    max-width: 335px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: 0;
    color: #fff;
    cursor: pointer;
}

.my_form .form_item .item_type_file {
    width: 100%;
}

.my_form .item_type_file .file_upload {
    display: flex;
}

.my_form .item_type_file .file_name_text {
    width: 100%;
    margin-right: 10px;
    position: relative;
}

.my_form .item_type_file .del_file_btn {
    position: absolute;
    right: 14px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-size: 17px;
    line-height: 44px;
    background: 0 0;
    color: #999;
}

.file_upload_btn {
    background: rgba(204, 204, 204, .15);
}

.my_form .item_type_file .file_upload_btn {
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: grey;
    outline: 0;
    display: inline-block;
    flex: none;
    cursor: pointer;
    border: 0;
}

.my_form .item_type_file .file_upload_btn span {
    display: inline-block;
    margin-right: 8px;
}

.my_form .item_type_file .file_size_tips {
    font-size: 12px;
    margin-top: 7px;
    display: block;
    color: grey;
    padding-left: 2px;
}

.my_form .item_type_radio {
    padding-top: 2px;
}

.form_item .radio_style .radio_item {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    list-style-type: none;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}

.form_item .radio_style .radio_inner {
    font-size: 20px;
    margin-right: 7px;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.my_form .checkbox_style .checkbox_inner {
    font-size: 20px;
    margin-right: 7px;
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 5px;
}

.form_item .radio_style .radio_inner {
    font-size: 20px;
}

.form_item .radio_style .radio_item:not(.radio_active) .radio_inner, .my_form .checkbox_style .checkbox_item:not(.checkbox_active) .checkbox_inner {
    color: #e0e0e0;
    background-color: #fff;
}

.my_form .checkbox_style .checkbox_item {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    list-style-type: none;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}

.my_form .checkbox_style .checkbox_item .checkbox, .form_item .radio_style .radio_item .radio {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.my_form .textarea_style {
    background: rgba(204, 204, 204, .15);
}

.my_form .form_item .textarea_style {
    font-size: 13px;
    color: #333;
    width: 100%;
    border: 0;
    padding: 9px 14px;
    height: 100px;
    resize: none;
    outline: 0;
    box-sizing: border-box;
    border-radius: 0;
}

.my_form .upload_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    opacity: 0;
    cursor: pointer;
}

.my_form .form_item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.my_form .item_type_desc {
    min-height: 30px;
}

.my_form .item_type_desc .primary_title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    white-space: pre-line;
}

.my_form .item_type_desc .description {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    white-space: pre-line;
}

.my_form .item_type_date .connect_icon {
    font-size: 16px;
    line-height: 44px;
    width: 2.4%;
    text-align: center;
    flex: none;
}

.my_form .item_type_date {
    display: flex;
}

.mb_pattern_dialog {
    width: 375px !important;
    margin: 0 auto;
}

.form-tip-job {
    line-height: 1.5;
    color: #0078d7;
    margin-bottom: 15px;
    padding-left: 10px;
}

.mb_pattern_dialog .form_item .title {
    margin-top: 0
}

.my_form .form_submit {
    background: #0099FF;
}

.basic-job-wrapper .job-tag {
    margin: 0;
    background-color: #ecf5ff;
    display: inline-block;
    font-size: 12px;
    color: #409eff;
    border: 1px solid #d9ecff;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
    margin-right: 10px;
    margin-bottom: 10px;
}
  .basic_mleavemessage_new .form_item .item_type_city .select_wrap .select_style .select_icon {
    position: absolute;
    right: 16px;
    font-size: 20px;
    line-height: 44px;
    color: #666;
    cursor: pointer;
  }
 .basic_mleavemessage_new .mleavemessage_new_style_0 .select_list_wrap {
    background: #F6F6F6 !important;
    border: none !important;
    box-shadow: none !important;
  }
   .basic_mleavemessage_new .mleavemessage_new_style_1 .select_list_wrap {
    background: #fff !important;
    box-shadow: none !important;
  }
 .basic_mleavemessage_new .mleavemessage_new_style_2 .select_list_wrap {
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
  }
.basic_mleavemessage_new .vertical_item {
    width: 100%;
    margin-bottom: 10px;
  }
  .basic_mleavemessage_new .select_icon_open{
    transform: rotate(90deg);
  }
  .basic_mleavemessage_new .form_item_doublebutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
.basic_mleavemessage_new .form_item_doublebutton .form_submit{
    width: 45%;
}
.basic_mleavemessage_new .form_item .radio_style .radio_item,
.basic_mleavemessage_new .form_item .checkbox_style .checkbox_item{
    margin-bottom: 10px;
}
  @font-face {
    font-family: "iconfont"; /* Project id 2693928 */
    src: url('//at.alicdn.com/t/font_2693928_ii8my2lrf8g.woff2?t=1627023557027') format('woff2'),
         url('//at.alicdn.com/t/font_2693928_ii8my2lrf8g.woff?t=1627023557027') format('woff'),
         url('//at.alicdn.com/t/font_2693928_ii8my2lrf8g.ttf?t=1627023557027') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-xuanze:before {
    content: "\e611";
  }
  
  .icon-icon-test:before {
    content: "\e604";
  }
  
  .icon-danxuanxuanzhong-copy:before {
    content: "\e603";
  }
  
  .icon-xiala:before {
    content: "\e625";
  }
  
  .icon-xiala1:before {
    content: "\e623";
  }
  
  .icon-duoxuanxuanzhong:before {
    content: "\e602";
  }