@charset "UTF-8";
@import url("/swiper8/swiper-bundle.min.css");
@import url("/assets/css/animate.min.css");
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
._titles {
    background: #016ada;
    color:#fff;
    display: inline-block;
    padding: 7px 20px;
    font-size: 18px;
    margin-bottom: 0;
}
.solid-bottom {
    border-bottom: 1px solid #ddd;
}
.solid-bottom.yellow {
    border-bottom:1px solid #f7ca67;
}
.media-body p {
    margin-top: 3px;
    margin-bottom: 3px;
}
.media-body span {
    margin-top: 3px;
    margin-bottom: 3px;
}

._data-passage_description {
    max-height: 70px;
    overflow: hidden;
    font-size: 0.9em;
    color: #777;
    text-align: left;
}
.media-heading.row {
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.media {
    margin-top: 0;
}
._data-lefticon_image_title {
    font-size: 0.95em;
    text-align: left;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._data-lefticon_image_title_v {
    /* max-width: 400px; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    text-align: left;
    float: left;
}
._data-lefticon_image_title img {
    margin-right: 5px;
    height: 13px;
}
._data-lefticon_image_title_v img {
    margin-right: 5px;
}
.media-body {
    padding: 8px 10px;
}
.media-left, .media-right {
    padding: 10px;
}
.media-left-img-zoom:hover img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.media-left-img-zoom img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
._data-publishtime {
    text-align: right;
    float: right;
}
._data-publishtime-left {
    text-align: left;
    float: left;
}
._artist .media {
    width:100%;
}

._data-lefticon_image_title_withpic {
    /* max-width: 400px; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    text-align: left;
    float: left;
    line-height: 24px;
}
._data-lefticon_image_title_withpic img {
    margin-top: -4px;
}
._data-lefticon_image_title_withpic a {
    margin-left: 0px;
}
.margin-top-20 {
    margin-top:20px;
}

.media-heading.row .col-md-9 {
    padding: 0;
}
._data-more_links {
    margin-top: 6px;
    display: inline-block;
}


.leftMenu {
    position: fixed;
    top: 100px;
    left: 40px;
    z-index: 999999999;
}
.leftMenuUl {
    float: left;
    height: 0;
}
.leftMenuUl .leftMenuLi {
    white-space: nowrap;
    -webkit-transition: width ease-in-out .1s;
    -moz-transition: width ease-in-out .1s;
    -o-transition: width ease-in-out .1s;
    transition: width ease-in-out .1s;
}
.leftMenuUl .leftMenuLi {
    overflow: hidden;
    margin-bottom: 18px;
    text-align: left;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 30%);
    background: -webkit-linear-gradient( 90deg, rgb(239,238,238) 0%, rgb(246,245,245) 38%, rgb(253,252,252) 100%);
    background: -o-linear-gradient( 90deg, rgb(239,238,238) 0%, rgb(246,245,245) 38%, rgb(253,252,252) 100%);
    background: -moz-linear-gradient( 90deg, rgb(239,238,238) 0%, rgb(246,245,245) 38%, rgb(253,252,252) 100%);
    background: linear-gradient( 90deg, rgb(239,238,238) 0%, rgb(246,245,245) 38%, rgb(253,252,252) 100%);
}

.icon-danchuang, .icon-module, .icon-menu, .iocn-template {
    padding: 12px 18px;
    width: 24px;
    height: 24px;
    display: inline-block;
    font-size: 24px !important;
}
.leftMenuLi .menuText {
    opacity: 0;
    text-align: left;
    font-size: 12px;
    cursor: pointer!important;
    display: inline-block;
    margin-left: 12px;
    width: 60px;
    padding-bottom: 8px;
    vertical-align: middle;
    -webkit-transition: ease-in-out .1s;
    -moz-transition: ease-in-out .1s;
    -o-transition: ease-in-out .1s;
    transition: ease-in-out .1s;
}

#DragLeftMenu {
    width: 50px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -3px;
    margin-left: 5px;
    background: #fff;
    overflow: unset;
    cursor: move !important;
}
.icon-danchuang, .icon-module, .icon-menu, .iocn-template {
    padding: 12px 13px;
    width: 36px;
    height: 45px;
    display: inline-block;
    font-size: 35px !important;
}

body{height: 100%;width: 100%;overflow-x: hidden;overflow-y:auto;    background: #fff ;}
::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar {width: 8px;height: 8px;}
::-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);}
/* 定义浮动*/
.fl {float: left;display: inline  }
.fr {float: right;display: inline  }
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;}
.clearfix:after, .clearfix:before {content:"";display:table  }
.clearfix:after {clear:both}
.clearfix {zoom:1}

/*旋转效果*/
.rotate90 *,
.rotate90:before,
.rotate90:after{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;}
.rotate90:hover *,
.rotate90:hover:before,
.rotate90:hover:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}

/*========== 外边框 ==========*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 0;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 0;}
.ui-widget .ui-widget{font-size:12px;}

/**/
.qingchu{display: block;  font-size: 12px;  padding-right: 140px;  padding-top: 5px;cursor: pointer;}

/*========== 弹出框样式 ==========*/
.ui-dialog-titlebar-close{ border:0;}
.ui-widget{font-family: "Microsoft YaHei", "SimSun", Arial;}
.ui-dialog{overflow:hidden;z-index:4003;padding:0;border:none;box-shadow: 0 3px 10px rgba(0,0,0,.5);-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);border-radius: 4px;}
.ui-dialog .ui-dialog-title{margin:0;}
.ui-dialog .ui-dialog-titlebar{position:relative;padding:0;height:60px;line-height:60px;background:#52A1F9;}
.ui-dialog .dialog-footer{position: absolute;bottom: 0;height: 55px;line-height:55px;width: 100%;border-top: 1px solid #DADFEA;text-align: right;}
.ui-dialog .dialog-footer .dialog-cancel,.ui-dialog .dialog-footer .dialog-confirm{display: inline-block;width: 70px;height: 30px;line-height: 30px;padding: 0;text-align: center;font-size: 13px;border-radius: 15px;cursor: pointer;border:none;}
/*取消按钮悬停色 */
.theme-red-ui .dialog-confirm:hover {background-color: rgba(227,52, 50, 1) !important;}
.theme-red-ui .dialog-cancel:hover {background-color:rgba(247,209, 207, 1) !important;}
.ui-dialog .dialog-footer .dialog-cancel{background-color: rgba(247,247, 247, 1);color: #666666;margin-right: 8px;}
.ui-dialog .dialog-footer .dialog-confirm{background-color: #3FCB40;color: #fff;margin-right: 18px;}
.ui-dialog .dialog-footer .dialog-cancel:focus,.ui-dialog .dialog-footer .dialog-confirm:focus{outline: none;}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title{padding:0px 0 0 20px;text-align:left;font-size:16px;color:#fff;font-weight: normal;}
.ui-dialog .ui-dialog-titlebar-help,.ui-dialog .ui-dialog-titlebar-close{margin:0;display:block;top:50%;right:17px;width:24px;height:24px;line-height:24px; outline:none;background: #3082DD;border-radius: 50%;transform: translateY(-50%);}
.ui-dialog .ui-dialog-titlebar-close:before{transition: all 0.2s ;}
button.ui-dialog-titlebar-close:hover{background-color:#1a6ecc;}
.ui-dialog .ui-dialog-titlebar-help{position: absolute;right: 54px;color: #fff;text-align: center;}
.ui-dialog .ui-dialog-titlebar-help:hover{background: #1a6ecc}
.ui-dialog .ui-dialog-titlebar-help:focus{text-decoration: none;}
.ui-dialog .ui-dialog-titlebar-help i{font-weight: 400;font-size: 18px;cursor: pointer;}

.ui-dialog-titlebar .ui-button span{display:none;margin:0;padding:0;background-color:transparent;}
.ui-dialog .ui-corner-all{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;}
.ui-widget-overlay{position:absolute\9;z-index:991;background: #666;}
.ui-dialog .ui-dialog-buttonpane{margin:0\9;margin-top:0;padding:.3em 1.5em .5em .4em;padding:0\9;width:100%\9;background-color:#fff;}
.ui-dialog .ui-dialog-buttonset .ui-button{outline:0;}
.ui-dialog .ui-widget-content{overflow:hidden;width:100%;border: none;padding:0px;background:#fff;}
.ui-dialog #tabs{overflow:hidden;margin:auto;width:100%;border:0;background:#20729c;}
.ui-dialog #tabs .ui-widget-content{overflow:hidden;padding:0 0 15px 0;}
.menudialog.ui-dialog{z-index: 99999}
.addNav_dialog.ui-dialog,.addNewLink_dialog.ui-dialog{z-index: 100003}
.addNav_dialog.ui-dialog button.btn-success,.addNewLink_dialog.ui-dialog button.btn-success{font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;}
.addNav_dialog.ui-dialog .btn,.addNav_dialog.ui-dialog .btn:focus,.addNav_dialog.ui-dialog .btn:hover{outline: none;}
/* 保存按钮带悬停色 */
.addNav_dialog.ui-dialog .btn.btn-success:hover {background-color:rgba(48,187, 49, 1) !important;}
.theme-red-ui.ui-dialog .dialog-footer .dialog-confirm:hover {background-color:rgba(241,75, 73, 1) !important;}
.ModalTipBox.ui-dialog .dialog-footer .dialog-confirm:hover {background-color:#3082DD !important;}
.ui-dialog .dialog-footer .dialog-confirm:hover {background-color:rgba(48,187, 49, 1) !important;}
.ui-dialog .dialog-footer .dialog-cancel:hover {background-color:rgba(247,247, 247, 1) !important;}
.theme-red-ui.ui-dialog  .dialog-cancel:hover{background-color:rgba(247,209, 207, 1) !important;}
/* end */
.addNewLink_dialog.ui-dialog .m-l-l{margin-bottom: 25px;}
.addNewLink_dialog.ui-dialog .ui-dialog-content{padding-top: 21px;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .put{text-align: left;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .set_input{font-size: 12px;margin-right: 10px;background: url(/skinp/common/mobile/images/back_x.png) no-repeat scroll 172px center transparent;background-size: 12px;width: 200px;height: 26px;border: 1px solid #ccc;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;padding: 0 10px;background-position-x: 97%;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage{width: 100px;height: 100px;border: 1px solid #ccc;display: inline-block;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage{background: #f8f8f8;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;cursor: pointer;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox.cur{cursor: default;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox .delectLinkCircle{display:none;position: absolute;height: 15px;width: 15px;right: 2px;top: 2px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox:hover .delectLinkCircle{display: block;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox .delectLinkCircle:hover{background: #ff6700;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox .delectLinkCircle i{display: block;margin-top: -1px;margin-left: 1px;font-size: 12px;color: #fff;transform: scale(0.5);}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox p{text-align: center;color: #bababa;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox p:first-child{margin-top: 20px;line-height: 30px;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox p:first-child i{font-size: 30px;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox p:last-child{color: #666; font-family: "Microsoft YaHei";font-size: 12px;line-height: 20px;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .linkImage .imageBox img{    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.addNewLink_dialog.ui-dialog .ui-dialog-content .m-l-l{margin-left: 20px;}
.addNewLink_dialog.ui-dialog .tub{font-size: 12px;font-family: "Microsoft YaHei";}
.ui-dialog.QQdialog{z-index: 100004}
.m-l-l{ margin: 20px 0;}
.tub {  float: left; font-weight: normal; margin-bottom:0;  font-size: 13px;width: 112px; line-height: 36px;text-align: right;}
/* 产品分类 S */
.harf{float: left; text-align:left; margin: 0;}
.harf .tub{width: 112px;margin-right: 0; margin-top: -5px;}
.harf .color-rgba{margin-left: 18px;}
#selectStyleTab {height: 205px; margin: 40px 43px 0 43px; overflow: hidden;}
#selectStyleTab .layoutItem {background: #ddd; width: 146px; height: 100%; margin-right: 40px; float: left;}
#selectStyleTab .layoutItem:last-child {margin-right: 0;}
#selectStyleTab .tplItem {width: 100%; border: 2px solid #ddd; padding: 0; cursor: pointer; float: left; position: relative; z-index: 888; border-radius: 0px;}
#selectStyleTab .tplImg {width: 100%; height: 200px;}
#selectStyleTab .tplItem .navPreviewSelectBg {position: absolute; width: 100%; height: 100%; top: 174px; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.8); transition: all .3s;}
#selectStyleTab .layoutItem:hover .navPreviewSelectBg{top:0;}
#selectStyleTab .tplItem .navTs {font-size: 12px; position: absolute; z-index: 222; width: 100%; height: 30px; line-height: 30px; color: #fff; text-align: center;}
#selectStyleTab .navPreviewSelectBg>.preview {left: 16px; background-color: #ff6700; color: #fff;}
#selectStyleTab .navPreviewSelectBg>.select {background-color: #FD442C; color: #fff;}
#selectStyleTab .navPreviewSelectBg>.preview, .navPreviewSelectBg>.select { font-size: 12px; position: absolute; top: 50%; margin-top: -15px; width: 50px; height: 24px; border-radius: 2px; text-align: center; line-height: 24px;}
#selectStyleTab .curSelected .navPreviewSelectBg {top: 0; background-color: rgba(0,0,0,0);}
#selectStyleTab .curSelected .navPreviewSelectBg .preview {display: none;}
#selectStyleTab .curSelected .navPreviewSelectBg .selectjs {display: none;}
#selectStyleTab .curSelected, #selectStyleTab .layoutItem:hover .tplItem {border: 2px solid #fc6800;}
#selectStyleTab .checkGroup {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
#selectStyleTab .checkGroup .averageCheck {display: inline-block; color: #fff; font-size: 12px; position: absolute; z-index: 10; right: 0; top: -2px;}
#selectStyleTab .checkGroup .averageMask {position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#selectStyleTab .checkGroup .averageCheck:after {content: ''; display: block; position: absolute; right: 0; top: 0; border-right: 13px solid #ff6700; border-top: 13px solid #ff6700; font-size: 0; border-left: 13px solid transparent; border-bottom: 13px solid transparent; z-index: -1;}
/* 产品分类 E */
input:focus{ outline: 0;}
input.mobileF,select.mobileF{
    display: block;
    width: calc(100% - 180px);
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin-left: 130px;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(218,223, 234, 1);
    border-radius: 5px;
}
.ui-dialog .select-panel.bootstrap-select {
    transform: translateX(-10px);
}
.form-contro{ float: left;
    height: 28px;
    background: #eee;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px !important;}
.btn_l{height: 28px;
    border: 1px solid #ccc;
    background: #eeeeee;
    float: right;
    margin-top: -28px;
    margin-right: 60px;
    font-size: 12px !important;
    padding: 0 5px;}
/*========== 旧的添加功能模块 ==========*/
/*添加模块*/
#tabs .ui-widget-header .ui-state-default{overflow:hidden;width:77px;height:35px;border:0;background-color:#fff;}
#tabs .ui-state-default a,#tabs .ui-tabs .ui-state-default a:link,#tabs .ui-tabs .ui-state-default a:visited,#tabs .ui-tabs .ui-state-active{overflow:hidden;width:77px;outline:0;color:#9b9b9b;text-align:center;text-decoration:none;font-weight:normal;}
#tabs .ui-tabs-nav{margin:0;padding:0;width:100%;   background: #e8e8e8;}
#tabs .ui-tabs-nav li{margin:0;}
#tabs .ui-tabs-nav li a{padding: 0;background: #ff6700;  height: 35px;line-height: 35px;}
#tabs .ui-state-active,#tabs .ui-widget-content .ui-state-active,#tabs .ui-widget-header .ui-state-active{background:#fff;color:#eb8f00;font-weight:bold;}
#tabs .ui-state-active a,#tabs .ui-state-active a:link,#tabs .ui-state-active a:visited{outline:0;color:#808080;}
#tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:0;padding-bottom:0;}
#tabs .ui-tabs-panel{padding:0 0 20px 0; }
#tabs .ui-tabs-nav li.ui-tabs-active a, #tabs .ui-tabs-nav li.ui-state-disabled a, #tabs .ui-tabs-nav li.ui-tabs-loading a{background:#fff;  color: #ff6700;}
#tabs .ui-tabs-nav li a,#tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{background:#e8e8e8;font-size:14px;}


#tabs #item1,#tabs #item2,#tabs #item3,#tabs #item4,#tabs #item5,#tabs #item7,#tabs #item8{height:200px;}
#tabs #item6{min-height:200px;}
#tabs .addModule,#tabs #item6 label,#tabs #item6 dl{float:left;display:block;overflow:hidden;margin:15px 0 0 15px;width:70px;height:70px;text-align:center;line-height:115px;cursor:pointer;border:1px solid #d8d8d8;}
#tabs .addModule:hover,#tabs #item6 label:hover,#tabs #item6 dl:hover{border:1px solid #ff6700;color:#ff6700;}
#tabs #item6 dl{position:relative;}
#tabs .addModule dd{width:70px;height:22px;line-height:22px;padding-top:48px;}
#tabs .addModule dt{width: 16px;height: 16px;color: #333;position:absolute;top:0;right:0;background: #ff6700 url(../images/ui-icons_ffffff_256x240.png)  -32px -192px no-repeat;}
#tabs #item6 label{color:Red;font-size:12px;}
#tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{color:#ff6700;}
#tabs #item6 .loading{padding:50px;}

#tabs .addModule{background-image:url(/images/addModuleIco_new.png);background-repeat:no-repeat;}
#tabs .addModule:hover{background-image:url(/images/addModuleIcohover_new.png);background-repeat:no-repeat;}
#tabs .addQRCode{background-position:0px -210px;}
#tabs .addSlides,#tabs .addSlide,#tabs .addSlideV2{background-position:-239px -6px;}
#tabs .addMap{background-position:-320px -210px;}
#tabs .addUserLogin{background-position:-240px -140px;}
#tabs .addShopCart{background-position:-160px -139px;}
#tabs .addNav{background-position:-480px -4px;}
#tabs .addLangSwitch{background-position:-0px -71px;}
#tabs .addNewsCls{background-position:-320px -70px;}
#tabs .addNewsList{background-position:-400px -72px;}
#tabs .addNewsSearch,#tabs .addProductSearch,#tabs .addDownSearch{background-position:-480px -72px;}
#tabs .addNewsTop{background-position:-241px -73px;}
#tabs .addProductCls{background-position:-320px -70px;}
#tabs .addProductList{background-position:-80px -137px;}
#tabs .addText{background-position:-80px -6px;}
#tabs .addImageText{background-position:-450px -60px;}
#tabs .addImage{background-position:-160px -6px;}
#tabs .addVideo{background-position:-80px -72px;}
#tabs .addGuestBook{background-position:-160px -140px;}
#tabs .addGuestBookList{background-position:-320px -140px;}
#tabs .addDownCls{background-position:-325px -134px;}
#tabs .addDownList{background-position:-396px -132px;}
#tabs .addLinkList{background-position:-469px -134px;}
#tabs .addJiuGong{background-position:-480px -208px;}
#tabs .addRotate{background-position:-163px -198px;}
#tabs .addGoldEgg{background-position:-242px -198px;}
#tabs .addLuckCard{background-position:-325px -198px;}
#tabs .addPlate{background-position:-400px -198px;}
#tabs .addFullScreen{background-position:-471px -201px;}
#tabs .addArea{background-position:2px -266px;}
#tabs .addGrid{background-position:-0px -6px;}
#tabs .addFullSlide{background-position:-79px -266px;}
#tabs .addCode{background-position:-0px -206px;}
#tabs .addFullSwitch{background-position:-245px -265px;}
#tabs .addTabs, #tabs .addTabContainer, #tabs .addTabContainerV2{background-position:-400px -6px;}
#tabs .addForm{background-position:-400px -208px;}
#tabs .addSiteGallery{background-position:-160px -72px;}
#tabs .addBackTop{background-position:-80px -206px;}
#tabs .addLocation{background-position:-78px -329px;}
#tabs .addMusic{background-position:-160px -206px;}
#tabs .add360{background-position:0px -270px;}
#tabs .addHorizontal{background-position:-80px -270px;}
#tabs .addButton{background-position:-160px -274px;}
#tabs .clearRecycle{background:url(../images/addModuleIco.png) 2px -198px no-repeat;}
#tabs .clearRecycle:hover{background:url(../images/addModuleIcoHover.png) 2px -198px no-repeat;}
/*========== 旧的添加功能模块 ==========*/

/*========== 提示功能模块 ==========*/
#liToMobileDesign .tooltip.bottom{white-space:nowrap;}

/*========== 删除功能模块 ==========*/
.ui-dialog .ui-dialog-buttonpane button{margin-right:10px;  width: 60px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{text-align:center;float: none;height: 45px;line-height:25px;}
.ui-button-text-only .ui-button-text{padding: 5px 10px;}
.confirmBtn .ui-dialog-buttonpane button{width:90px;line-height: 30px;font-size: 12px;border-radius:3px;margin:0;}
.confirmBtn .ui-dialog-buttonpane button:focus{outline: none}
.confirmBtn .ui-dialog-buttonpane button:nth-of-type(2){color:#666;background: #eee;margin-left: 10px}
.confirmBtn .ui-dialog-buttonpane button:nth-of-type(2):hover{background: #f8f8f8}
.confirmBtn .ui-dialog-buttonpane button:nth-of-type(1){color:#fff;background: #2bbc58;margin-right: 10px}
.confirmBtn .ui-dialog-buttonpane button:nth-of-type(1):hover{background: #26a950}
.confirmBtn .ui-dialog-buttonpane .ui-dialog-buttonset{height: auto;padding-bottom: 26px}
/*编辑按钮 START*/
#parentmoduleHelper {padding: 0 9px 0 6px;height:48px;margin-top: -5px;  table-layout: fixed; z-index: 971; box-shadow: 0 0 15px rgba(0,0,0,0.2);border-radius: 10px;background: #fff}
#moduleHelper {height:55px;margin-top: -29px;  table-layout: fixed; display: none; z-index: 999999 !important;;background: transparent;border-radius: 0}
#moduleHelper .btn { width: 28px; height: 48px;border: 0;padding: 0; font-size:14px;background: transparent; color: #666}
#moduleHelper .btn ,#moduleHelper span{cursor: pointer!important;border: none;box-shadow: unset;box-sizing: border-box;margin: 0;}

#moduleHelper .btn:focus{outline: none;}
#moduleHelper span:hover{box-shadow: unset;}
#moduleHelper .ItemUp, #moduleHelper .ItemDown, #moduleHelper .ItemAdd, #moduleHelper .ItemDelete { padding-top: 1px; }
#moduleHelper .ItemUp span, #moduleHelper .ItemDown span, #moduleHelper .ItemAdd span, #moduleHelper .ItemDelete span,.moduleContainerHelper .itemDelete i{font-size: 19px; }
#moduleHelper .ItemLock span { padding-left: 2px; }
#moduleHelper .ItemSetName {display: none;padding: 1px 3px;border: 1px solid rgba(229,229, 229, 1);border-radius: 4px;}
#moduleHelper .ItemPopup{ font-size: 12px; background:#dbf0fe;margin-left:10px;color:#52a1f9;border-radius: 14px;width:70px; height: 30px;}
.EditItem { height: 25px; display: block; overflow: hidden; cursor: pointer }
.EditItem li { float: left; display: inline; cursor: pointer }
.EditItem li { display: block; width: 25px; height: 25px; background: #ff6700 url(/images/EditItemIco.png) no-repeat;border-right: 1px solid #ff6700; }
.EditItem li a:hover { background-color: #ff6700; }
.EditItem li.ItemSet { background-position: -3px 0px; }
.EditItem li.ItemEdit { background-position: -3px -27px; }
.EditItem li.ItemAdd { background-position: -2px -54px; }
.EditItem li.ItemDelete { background-position: -1px -77px; }
.EditItem li.ItemUp { background-position: -3px -165px; }
.EditItem li.ItemDown { background-position: -3px -145px; }
.EditItem li.ItemLock, .EditItem li.AreaLock { background: url(/images/ui-icons_228ef1_256x240.png) -189px -90px no-repeat; }
.EditItem li.unlock { background: url(/images/ui-icons_228ef1_256x240.png) -204px -90px no-repeat; }

.EditItem li.ItemUpTop{background-position:-3px -215px;}
.EditItem li.ItemDownBottom{background-position:-3px -190px;}
/*编辑按钮 END*/


/*========== 添加模块拖拽版 侧栏弹窗 START ==========*/
#AddModulePopUp .AddModuleLevelTitle{border-bottom: 1px solid #f1f3f7;}
#AddModulePopUp .PopUpModuleLevelTitle li{width:100%;display: none;}
#AddModulePopUp .PopUpModuleLevelTitle .active{display: block;}
#AddModulePopUp .PopUpModuleLevelTitle {height: 50px;background: rgb(82,161, 249);cursor: move;}
#AddModulePopUp ul.PopUpModuleLevelTitle li.active a{border-bottom: none !important;}
.addModule {background:none ;}
.addModule:hover{color: #ff6700 ;}
.addModule .Moduleicon{background-image:url(/images/addModuleIco_news.png?v=1);background-repeat:no-repeat;-webkit-transition: ease-in-out .3s;-moz-transition: ease-in-out .3s;-o-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.addModule:hover .Moduleicon{background-image:url(/images/addModuleIcohover_news.png?v=1);background-repeat:no-repeat;}

.addDownList .Moduleicon{background-position:-390px -456px;;}
.addGrid .Moduleicon,
.addGridV2 .Moduleicon{background-position:-235px -162px;}
.addGridCustom .Moduleicon{background-position:-235px -534px;}
.addPlainText .Moduleicon{background-position:-390px -236px;}
.addText .Moduleicon{background-position:-390px -236px;}
.addModule.addImageText .Moduleicon,
.addModule.addImageTextV2 .Moduleicon{background-position:-312px -535px;}
.addImage .Moduleicon{background-position:-390px -161px}
.addNav .Moduleicon{background-position:-312px -160px}
.addSlide .Moduleicon,.addSlideV2 .Moduleicon{background-position:-235px -461px;}
.addSiteGalleryV2 .Moduleicon{background-position:-468px -12px ;}
.addJiuGong .Moduleicon{background-position:-312px -86px;}
.addLangSwitch .Moduleicon{background-position:-468px -235px;}
.addVideo .Moduleicon{background-position:-312px -386px;}
.addSiteGallery .Moduleicon{background-position:-468px -12px;}
.addForm .Moduleicon,
.addCustomForm .Moduleicon,
.addCustomFormV2 .Moduleicon{background-position:-468px -312px;}
.addShare .Moduleicon{background-position: -236px -684px;}
.addVRGrid .Moduleicon{background-position: -312px -684px;}
.addNewsCls .Moduleicon,
.addNewsClsV2 .Moduleicon,
.addProductCls .Moduleicon,
.addProductClsV2 .Moduleicon,
.addCommonCls .Moduleicon{background-position:-390px -86px;}
.addNewsList .Moduleicon,
.addNewsListV2 .Moduleicon{background-position:-390px -310px;}
.addSearch .Moduleicon,
.addDownSearch .Moduleicon,
.addNewsSearch .Moduleicon,
.addProductSearch .Moduleicon{background-position:-390px -12px}
.addProductList .Moduleicon,
.addProductListV2 .Moduleicon,
.addProductListNew .Moduleicon,
.addProductListNewV2 .Moduleicon{background-position:-156px -310px;}
.addShopCart .Moduleicon{background-position:-234px -234px;}
.addUserLogin .Moduleicon,
.addUserLoginV2 .Moduleicon{background-position:-312px -10px}
.addGuestBook .Moduleicon,
.addGuestBookV2 .Moduleicon{background-position:-312px -309px;}
.addGuestBookList .Moduleicon,
.addGuestBookListV2 .Moduleicon{background-position:-312px -236px;}
.addCode .Moduleicon,.addCustomCode .Moduleicon{background-position:-156px -86px;}
.addMusic .Moduleicon{background-position:-468px -86px;}
.addMap .Moduleicon{background-position:-234px -12px}
.add360 .Moduleicon{background-position:-156px -12px;}
.addBackTop .Moduleicon{background-position:-234px -86px;}
.addLinkList .Moduleicon{background-position:-468px -160px;}
.addsubDomain .Moduleicon,.addSubDomain .Moduleicon {background-position: -157px -535px;}
.addHorizontal .Moduleicon{background-position:-390px -384px;}
.addTabs .Moduleicon{background-position:-416px -14px;}
.addButton .Moduleicon{background-position:-156px -160px;}
.addLocation .Moduleicon,.addBreadcrumbs .Moduleicon{background-position:-156px -460px;}
.addTabContainer .Moduleicon, .addTabContainerV2 .Moduleicon{background-position: -156px -235px;}
.ModuleDownList .Moduleicon{background-position: -390px -460px;}
.addAccordion .Moduleicon{ background-position:-312px -460px;}
.addDateBook .Moduleicon{ background-position: -158px -386px;}
.addOnLineService .Moduleicon{ background-position: -468px -384px; }
.addRelevance .Moduleicon{ background-position:-234px -312px; }
.addAssocList .Moduleicon{background-position:-234px -310px;}
.addDigitalIncrease .Moduleicon{background-position:-468px -462px;}
.addAnchor .Moduleicon{background-position:-390px -535px;}
.addAnchorText .Moduleicon{background-position:-468px -535px;}
.addHoverBox .Moduleicon{background-position:-157px -609px;}
.addIcon .Moduleicon{background-position:-390px -609px;}
.addCityDomain .Moduleicon{background-position:-234px -609px;}
.addHotLabels .Moduleicon{ background-position:-468px -609px; }
.addPupop .Moduleicon{ background-position:-157px -683px; }
.addStoreList .Moduleicon{ background-position: -389px -684px; }


/* 特殊模块： 手风琴 */
.special-module-big-img { position: absolute; top: 20vh;width: 100%; height: 600px; display: none;text-align: left; }
.special-module-big-img::before { content: ''; position: absolute; top: -20vh;right: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .5); }
.special-module-big-img .special-module-big-content { position: relative; z-index: 999;left: 60%;transform: translateX(-50%);max-width: 900px; background-repeat: no-repeat;}
.special-module-big-img .special-module-big-content img{ opacity: 0;max-width: 900px;}

.mCSB_inside > .mCSB_container{ margin-right: 0px; text-align: left;}
/* 滚动条更换颜色 */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgb(174,211, 251) !important;}
.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;}
.side-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;}
.PopUpModule .mohuleType .clearfix{border:0;}
.PopUpModule .mohuleType.recycleModules .clearfix{border-bottom: none}
.PopUpModule .mohuleType ul li, .draggingHelper{width: 62px;height: 100px ;float: left;list-style-type: none;cursor:move !important;margin-bottom: 8px;}
.PopUpModule .mohuleType ul li span, .draggingHelper span{text-align: center;color: #666;font-size: 12px;display: block;cursor:move !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.PopUpModule .mohuleType ul li:nth-child(3n){border-right: none;}
.PopUpModule .mohuleType .ModuleTypeTitle{font-size:14px;height:40px;padding-left:17px;color: rgb(102,102, 102);line-height: 40px;background: rgb(247,247, 247);text-align: left;}
.PopUpModule .mohuleType .ModuleTypeTitle.moduleStyle{background: #fff;font-size:13px}
#AddModulePopUp .tab-content ul li span.Moduleicon, .draggingHelper span.Moduleicon{width: 62px;height: 62px;margin:0 auto 10px auto;}
#AddModulePopUp .addModuleTabContent{overflow: hidden !important;width: 100%;}
#RecycleBin .NoContent{width: 120px; margin-top:-40px;text-align: center;color: #ddd;font-size: 20px;position: fixed;top:50%;width: calc(100% - 90px);}
#RecycleBin .NoContent i{font-size: 36px;}
#RecycleBin .NoContent p{padding-top: 6px; font-size: 16px;color:#999;line-height: 1}
#RecycleBin #EmptyTrash{float:right;height: 30px;line-height:30px;color: #666;border: 1px solid #ccc;border-radius: 15px;font-size: 12px;text-align: center;margin-right: 125px ; margin-top: 14.5px;background: #f8f8f8;outline:none;padding:0 10px;}
#RecycleBin .EmptyTrashBox {
    padding-left: calc(50% - 45px);
    position: absolute;
    box-sizing: border-box;
    top: initial;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #ddd;
    background: #fff;
    z-index: 1;
    border-radius: 0 0 4px 4px;
}
#RecycleBin #EmptyTrash:visited,#RecycleBin #EmptyTrash:hover,#RecycleBin #EmptyTrash:active{border-color: #ddd;background: #eee}
#RecycleBin ul li{position: relative;}
#RecycleBin ul li .btnDeleteModule{position: absolute;right: -6px;color: #999;top: -7px;font-size: 12px;cursor:pointer !important;font-weight: bold;opacity:0;transition: all 0.2s ease-out 0s}
#RecycleBin ul li:hover .btnDeleteModule{opacity: 1}
#RecycleBin ul li .btnDeleteModule:hover{color:#ff7979; }

.draggingHelper {width: 86px !important;height: 86px !important;background: transparent;border: 0;}
.draggingHelper .btnDeleteModule {display:none;}
#AddModulePopUp .ui-draggable-dragging span:not(.Moduleicon){
    display: none;
}
#AddModulePopUp .ui-draggable-dragging .Moduleicon{
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
    border-radius: 10px;
}
.ModuleContainer .NewModuleRender{display:block;height:100px!important;line-height:100px!important;border: 1px dotted #ff6700;text-align:center;font-size:14px;color:#ff6700;background:#c9ddff;}
.newModuleShowForModuleGrid{border:1px dashed #206cb3 ;}

/* 组合样式 S */
#ModuleListTab .combinationContent,
.combinationContentBox .combinationContent {
    margin-top: 8px;
    border-bottom: 1px solid rgba(218,223, 234, 1);
}

#ModuleListTab .combinationContent .ModuleTypeTitle,
.combinationContentBox .combinationContent .ModuleTypeTitle {
    cursor: pointer;
    border-bottom: none;
}

#ModuleListTab .combinationContent.combinationActive .ModuleTypeTitle,
.combinationContentBox .combinationContent.combinationActive .ModuleTypeTitle {
    color: #52A1F9;
}

#ModuleListTab .combinationContent .clearfix,
.combinationContentBox .combinationContent .clearfix {
    border: unset;
    padding: 0;
    display: none;
}

#ModuleListTab .combinationContent .ModuleTypeTitle .icon-right,
.combinationContentBox .combinationContent .ModuleTypeTitle .icon-right {
    display: inline-block;
    font-size: 10px;
    margin-right: 6px;
}

#ModuleListTab .combinationContent .ModuleTypeTitle .icon-right:before,
.combinationContentBox .combinationContent .ModuleTypeTitle .icon-right:before {
    position: relative;
    top: -1px;
    transition: transform .3s;
    -moz-transition: -moz-transform .3s; /* Firefox 4 */
    -webkit-transition: -webkit-transform .3s; /* Safari and Chrome */
    -o-transition: -o-transform .3s; /* Opera */
}

#ModuleListTab .combinationContent.combinationActive .ModuleTypeTitle .icon-right:before,
.combinationContentBox .combinationContent.combinationActive .ModuleTypeTitle .icon-right:before {
    display: block;
    color: #52A1F9;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* Internet Explorer */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); /* Opera */
}

#ModuleListTab .combinationContent .clearfix li,
.combinationContentBox .combinationContent .clearfix li {
    margin: 0 !important;
    padding: 8px 19.8px 12px 19.8px;
    width: 100%;
    min-height: 40px;
    height: auto;
}

#ModuleListTab .combinationContent .clearfix .itemContent,
.combinationContentBox .combinationContent .clearfix .itemContent {
    width: 100%;
    height: 100%;
    min-height: 40px;
    border: 1px solid rgba(218,223, 234, 1);
    position: relative;
    text-align: center;
}

#ModuleListTab .combinationContent .clearfix .itemContent:hover,
.combinationContentBox .combinationContent .clearfix .itemContent:hover {
    border: 1px solid #aed3fb;
}

.combinationContentBox .combinationContent .itemText {
    background: rgba(25, 116, 217 , .7);
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    transition: all .3s ease-out 0s;
    cursor: pointer;
    -webkit-transition: ease-in-out .5s;
    -moz-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
    display: none;
}

.combinationContentBox .combinedSpecialModule:hover .itemText {
    display: block;
}

.combinationContentBox .combinationContent .itemText h5 {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    margin: 0 0 0 5px;
    transition: all .3s ease-out 0s;
    color: #fff;
}

.combinationContentBox .combinationContent .itemText p {
    display: inline-block;
    justify-content: center;
    vertical-align: top;
}

.combinationContentBox .combinationContent .itemText span {
    display: inline-block;
    height: 30px;
    line-height: 32px;
    text-align: center;
    cursor: pointer !important;
}

.combinationContentBox .combinationContent .itemText span:nth-of-type(1) i {
    display: block;
    color: #fff;
    font-size: 13px;
}

/* 组合样式 E */
/*========== 添加模块拖拽版 侧栏弹窗 END ==========*/

/*分栏模块内部提示*/
.addnewhelper {     font-size: 12px; clear: both; height: 100px; line-height: initial; text-align: center; color: #ccc;    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.addnewhelper:hover{background-color: #c9ddff; }
.btnShowAddNewModule { display: inline-block; margin-top: 20px; padding: 5px 10px; line-height: 20px;border-radius:3px; background-color: #ff6700; color: #fff; cursor: pointer !important; }
.addnewhelperDesc { margin-top: 10px; line-height: initial; color:#999;}

/*分栏模块工具条*/
.ModuleGrid{border:1px dashed transparent; }
.ModuleGrid:hover{border:1px dashed #333333;}
/* 改版 分栏模块工具条 */
.moduleContainerHelpers{display: none;vertical-align: middle;border-radius: 10px;height: 48px;padding: 0 9px 0 6px;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;background: #fff;margin-right:8px;}
.moduleContainerHelper {position: absolute; top: 5px; right:0;margin-left:-135px;z-index:992;height: 48px;}
.moduleContainerHelper button { display: inline-block;width: 28px;  height: 48px;background-color: transparent; color: #666; font-size: 14px; cursor: pointer !important; vertical-align: top;}

.moduleContainerHelper i:hover{cursor: pointer !important; }
/*下面两行add by 泉*/
.moduleContainerHelper .itemDrag{
    vertical-align: middle;
    width: 50px;
    height: 50px;border-radius:10px;background-repeat:no-repeat;background-position:center}
.moduleContainerHelper span { display: inline-block; padding: 13px 16px; background-color: #fff; color: #999;box-shadow: 0 0 15px rgba(0,0,0,0.2); border: 1px solid #ddd;cursor: pointer !important; }

/* 自定义分栏自定义删除子分栏工具条 */
.GridMinusHelper{bottom: 8px; right: 4px; width: 28px; height: 28px; margin-left: unset; top: unset;}
.GridMinusHelper .moduleContainerHelpers{border-radius: 28px;display: block; width: 100%; height: 100%; text-align: center; padding: 0px;}
.GridMinusHelper .moduleContainerHelpers .ItemGridMinus{width: 28px; height: 28px; z-index: 6666;}

/* 悬停盒子自定义切换卡片工具条 */
.HoverBoxHelper {top: -30px; right: 4px; height: 30px;}
.HoverBoxHelper .tabs-controller{overflow: hidden; position: relative; z-index: 0; left: 1px;}
.HoverBoxHelper .tabs-controller .tab{width: 60px; height: 27px; display: inline-block; position: relative; padding: 0px 12px 0px 17px; background-color: rgb(98, 172, 255); border-radius: 6px 6px 0px 0px; cursor: pointer; box-shadow: rgba(22, 45, 61, 0.55) 0px 1px 3px 0px; font-size: 14px; text-align: center; line-height: 24px; color: rgb(255, 255, 255); align-self: flex-end;}
.HoverBoxHelper .tabs-controller .right-most-tab{left: -5px;}
.HoverBoxHelper .tabs-controller .tab.active{background: #3082dd; line-height: 30px; padding: 0 12px; height: 30px; z-index: 1;}
.HoverBoxHelper.HoverBoxHelperBottom {top: unset; bottom: -27px;}
.HoverBoxHelper.HoverBoxHelperBottom .tabs-controller {overflow: unset;}
.HoverBoxHelper.HoverBoxHelperBottom .tabs-controller .tab {border-radius: 0px 0px 6px 6px; margin-bottom: 0;}
.HoverBoxHelper.HoverBoxHelperBottom .tabs-controller .tab.active {bottom: -3px;}
@media only screen and (max-width: 768px) {
    .GridMinusHelper,
    .HoverBoxHelper {display: none !important;}
}

/*设计模式下让使用了动画的模块都显示出来*/
.wow { visibility: visible; }

/*模块隐藏提示*/
.modulehidetips{text-align:center;height:60px;line-height:60px;color:#999999;clear: both;border:1px dashed green;overflow:hidden;}
.modulehidetips .showbtn{font-size:14px;color:#999999}
.modulehidetipssub {text-align:center;height:30px;line-height:30px;display:inline-block;width:33.33333%;color:#999999;float:left}
.modulehidetipssub .showbtn{font-size:14px;color:#999999}

/*分栏模块隐藏提示*/
.ModuleGridHideTips{overflow: hidden;border:1px dashed #666;line-height:40px;text-align:center}
.ModuleGridHideTips span{cursor:default;color:#999}
.ModuleGridHideTips .tipstext{padding: 0 8px;color:#333;}
.ModuleGridHideTips .tipstext:hover{color:#1084f9;}
.ModuleGridHideTips .showCurrentGrid{cursor: pointer;color:#333;}
.ModuleGridHideTips .showCurrentGrid:hover{color:#1084f9;text-decoration: underline;}

/*模块设置框*/
#moduleSetting.module-setting{overflow: hidden;}
.module-setting{height: 850px;position:fixed;top:85px;bottom:90px;left:initial;right:40px;z-index:999999;width:370px;background-color:#fff;-o-box-shadow:-2px 0 10px rgba(0,0,0,0.2);-moz-box-shadow:-2px 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:-2px 0 10px rgba(0,0,0,0.2);box-shadow:3px 0 16px rgba(0,0,0,0.28);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform:translateX(360px);-moz-transform:translateX(360px);-o-transform:translateX(360px);-ms-transform:translateX(360px);transform:translateX(360px);border-radius: 5px;}
.module-setting.left{left:40px;right:initial;-webkit-transform:translateX(-360px);-moz-transform:translateX(-360px);-o-transform:translateX(-360px);-ms-transform:translateX(-360px);transform:translateX(-360px);}
.module-setting .title{height:110px;border-bottom:1px solid rgba(218,223, 234, 1)}
.module-setting .title-tab{position:relative;display:inline-block;margin:0;padding:0;width:100px;height:49px;line-height:49px;font-size:16px;color:#666;text-align:center;cursor:pointer;}
.module-setting .title-tab.active{border-bottom: 3px solid #62acff;color:#62acff}
.module-setting .title-tab:last-child{margin-left: 0;margin-left: -5px;}
.module-setting .title-span{width: 100%;line-height: 60px;padding-left: 15px;font-size: 16px;color:#fff;display: block;text-align:left;border-bottom: 1px solid #eee;border-radius: 5px 5px 0 0;cursor: move;background-color: rgba(82,161, 249, 1)}
.module-setting .close-btn{position:absolute;top:16px;right:0;z-index:1;color:#fff;text-align:center;cursor:pointer;font-style: normal;font-family: '黑体';font-weight: bold;}
.module-setting .close-btn:before{height: 30px;  cursor: pointer!important;  line-height: 30px;font-size: 12px; margin-right: 20px;color: #fff;border-radius: 15px;padding: 5px;background: #3082dd;}
.module-setting .close-btn:hover:before{background: #1a6ecc}
.module-setting.left .close-btn{left:initial;right:0px}
.module-setting .setting-panel{padding-top:0px;height:100%;overflow: hidden;}
.module-setting .setting-panel .content-box .iframe-container{height:100%;}
.module-setting .setting-panel iframe{width:100%;height:100%;}
.module-setting .setting-panel #animateEffectFrame{width:100%;height:80%;height:-moz-calc(100% - 100px);height:-webkit-calc(100% - 100px);height:calc(100% - 100px)}
.module-setting .side-bar{width:70px;background-color:rgba(247,247, 247, 1);height:80%;height:-moz-calc(100% - 170px);height:-webkit-calc(100% - 170px);height:calc(100% - 170px);float:left;text-align:center;border-radius:0 0 0 4px;    padding-bottom: 15px;overflow: initial;}
.module-setting .mCSB_scrollTools{visibility:visible;    width: 5px;}
.module-setting .content{float:left;width:240px;width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);width:calc(100% - 70px);background-color:#fff}
.module-setting .style-tab{height:60px;line-height:60px;color:rgba(102,102, 102, 1);font-size:14px;text-align:center;cursor:default;position: relative;}
/* .module-setting .side-bar>div>div{padding-top:1px} */
.module-setting .style-tab.active{background-color:#fff;
    border-bottom: 1px solid rgba(218,223, 234, 1); }
.module-setting .side-bar{border-right: 1px solid rgba(218,223, 234, 1);}
.module-setting .style-tab.active:not(.common-style):before{
    content: '';
    width: 100%;
    height:1px;
    left:0;
    position: absolute;
    background-color: rgba(218,223, 234, 1);
    display: block;
    top: 0;
}
.module-setting .style-tab.active:after {
    height: 60px;
    content: '';
    width: 1px;
    right: -1px;
    position: absolute;
    background-color: #fff;
    display: block;
    top: 0;
}

#moduleStylePanel .side-bar .mCustomScrollBox,#moduleStylePanel .side-bar .mCSB_container {overflow: initial;}
/* .module-setting .style-tab:hover{color:#ff6700;} */
.module-setting .content{height:100%;height:-moz-calc(100% - 274px);height:-webkit-calc(100% - 274px);height:calc(100% - 274px)}
.module-setting .content-nav{margin: 0 10px;border-bottom:1px solid #ddd}
.module-setting .content-nav-tab{display:inline-block;float:left;width:50%;height:50px;line-height:50px;text-align:center;color:#666;font-size:12px;background-color:#fff;cursor:pointer;}
.module-setting .content-nav-tab.active{border-bottom:2px solid;color:#ff8b54}
.module-setting .content-box{height:100%}
.module-setting .content-box .module-info{padding:21px 0 5px 20px;text-align:left}
.module-setting .content-box .module-info .module-info-line{margin-bottom:10px;line-height:12px}
.module-setting .content-box .module-info .module-info-line:last-child{margin-bottom:0}
.module-setting .content-box .module-info .t1{display:inline-block;min-width:70px;color:#999;font-size:12px;vertical-align:top}
.module-setting .content-box .module-info .t2{color:#666;font-size:12px;vertical-align:top}
/* 改版 给恢复默认修改样式 */
.module-setting .footer{padding-left: calc(50% - 45px);position: absolute;box-sizing:border-box;top:initial;left:0;bottom:0;width: 100%;height: 60px;box-shadow: 0 -1px 0 rgba(0,0,0,.1);background: #fff;z-index: 1;border-radius:0 0 4px 4px;}
.module-setting .footer .restore-style{display: block;height: 30px;line-height:30px;color: #666;width:90px;border: 1px solid rgba(218,223, 234, 1);border-radius: 15px;font-size: 12px;text-align: center;margin-right: 10px ; margin-top: 15px;background: #fff;outline:none;padding:0 10px;cursor:pointer;}

.module-setting .footer .restore-style:visited,
.module-setting .footer .restore-style:hover,
.module-setting .footer .restore-style:active{border-color: #ddd;background: rgba(82,161, 249, 1);color: #fff;border: 0;}

.modal-header{ position: relative;}
#ModuleHiddenDialog .bootbox-close-button{     margin-top: 0px;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    color: #999;
    position: absolute; }
#ModuleHiddenDialog .bootbox-close-button:hover{
    color: #ff6700;
}
#ModuleHiddenDialog .bootbox-close-button:focus,
#GridHiddenDialog .bootbox-close-button:focus{outline: none;}
#GridHiddenDialog .bootbox-close-button{margin-top: -6px;margin-right: -6px;color: #999}
#GridHiddenDialog .bootbox-close-button:hover{color: #ff6700;}
/* 新编辑器的iframe的样式*/
#divModuleEdit #moduleEditFrame{display: block;}

/*2017.12.15新样式*/
.ui-dialog .ui-dialog-titlebar-close:before{
    top: 30%;
    left: 30%;
}
.ui-dialog .ui-dialog-titlebar-close{
    font-family:"iconfont" !important;
    color: #fff;
    font-size:12px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
}
.ui-dialog .ui-dialog-titlebar-close:before {
    content: "\e619";
}
#ControlBar~.ui-dialog{
    border-radius: 4px;
}
#loadingModuleWait{display: none;position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#loadingModuleWait .loadingBox{
    width: 150px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: calc(50% + 40px);
    color: #666;
    text-align: center;
    transform: translate(-50%,-50%);
    vertical-align: middle;
}
#loadingModuleWait .loadingBox div{display: inline-block;vertical-align: baseline;vertical-align: text-bottom;}
#loadingModuleWait .loadingBox i{width: 30px;height: 30px;display: inline-block;font-size: 20px;}
#loadingModuleWait .loadingBox i:before{animation: loadingModuleWait 1s linear infinite;--webkit-animation: loadingModuleWait 1s infinite;display: block;}
@keyframes loadingModuleWait{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*模组样式 S*/
#AddModuleList,.CombinedModelBox {
    display: none;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
}

#AddModuleList .ModuleTypeTitle {
    padding-left: 17px;
    font-size: 14px;
    height: 40px;
    color: rgb(102,102, 102);
    line-height: 40px;
    text-align: left;
}

#AddModuleList .AddModuleLevelTitle .PopUpModuleLevelTitle{
    background: rgb(82,161, 249);
    cursor: move;
}
#AddModuleList #addModelListBtn {
    border: 1px solid #eee;
    padding: 8px 0;
    cursor: pointer;
    margin: 6px;
}
#AddModuleList .ListBox .CombinedItem {
    height: 120px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #eee;
}

#AddModuleList .ListBox .CombinedItem img {
    height: 100%;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox {
    width: 100%;
    position: absolute;
    bottom: 6px;
    background: rgba(238,239,238, 0.6);
    padding: 4px 0;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox .CombinedName {
    color: #333;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox .CombinedBtnBox {
    display: none;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox:hover .CombinedName {
    display: none;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox:hover .CombinedBtnBox {
    display: block;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    line-height: 40px;
    text-align: center;
    margin-right: 8px;
    cursor: pointer;
    color: #333;
}

#AddModuleList .ListBox .CombinedItem .ItemBtnBox span:hover {
    border-color: rgba(82,161, 249, 1);
}

.CombinedModelBox form {
    padding-top: 32px;
}

.CombinedModelBox .CombinedLabel{
    display: block;
    margin-bottom: 10px;
    font-weight: unset;
}

.CombinedModelBox form span{
    width: 80px;
    text-align: right;
    display: inline-block;
}

.CombinedModelBox .CombinedLabel input{
    margin-left: 8px;
    border: 1px solid #ccc;
    width: 238px;
    padding: 4px;
    display: inline-block;
}

.CombinedModelBox form input[type=radio] {
    width: 1.16rem;
    height: 1.16rem;
}

.CombinedModelBox form input[type=radio]:checked::before {
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translate3d(.5px,.5px,0);
}

.CombinedModelBox form .PublishBox{
    display: inline-block;
    width: 238px;
    text-align: left;
    margin-left: 8px;
}

.CombinedModelBox form .CombinedFormBtn{
    margin-left: 0;
    margin-top: 32px;
    width: auto;
    background-color: rgba(82,161, 249, 1);
    color: #fff;
    border-radius: 4px;
    padding: 5px 16px;
    border: unset;
}

.CombinedModelBox form select{
    margin-left: 8px;
    width: 238px;
    padding: 4px;
}

.CombinedModelBox .CombinedLabel .CombinedFileBox{
    margin-left: 8px;
    width: 238px;
    display: inline-block;
    text-align: left;
}
.CombinedModelBox .CombinedLabel .CombinedFileBox img{
    width: 90px;
    height: 90px;
    border: 0;
    cursor: pointer;
}
.CombinedModelBox .CombinedLabel .CombinedFileBox input{
    display: none;
}
/*模组样式 E*/

/* 公共编辑按钮，分栏模块工具条 */
#moduleHelper .ItemSet,#moduleHelper .ItemEdit,.moduleContainerHelper button.ItemSet,.moduleContainerHelper button.ItemEdit,.moduleContainerHelper button.ItemSwitchCards{width: 78px;position: relative;}
#moduleHelper .ItemEdit:after,#moduleHelper .ItemSet:after,.moduleContainerHelper button.ItemEdit:after{
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    background: rgba(229,229, 229, 1);
    width: 1px;
    height: 24px;
}
.moduleContainerHelper button.ItemEdit:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    background: rgba(229,229, 229, 1);
    width: 1px;
    height: 24px;
}
#moduleHelper .btn:hover,.moduleContainerHelper span:hover, .moduleContainerHelper button:hover{color: #62acff;}
/* 2018 改版 11/12 */
/* 下拉框组件 */
.ui-dialog  .btn-group.open .dropdown-toggle {
    background-color: rgba(255,255, 255, 1);
    transition: all ease .3s;
}
.ui-dialog .btn-group .btn-default {
    background-color:unset;
    border-color: rgba(218,223, 234, 1);
}
.ui-dialog .btn-group.open .btn-default {
    border-color: rgba(62,143, 251, 1);
}
.ui-dialog .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: rgba(241,241, 241, 1);
}
.ui-dialog .bootstrap-select .dropdown-toggle:focus {
    outline: unset!important;
    outline: unset!important;
    outline-offset: unset;
    border-color: rgba(62,143, 251, 1);
}
.ui-dialog .bootstrap-select.btn-group.open .dropdown-toggle .caret {
    transition: all ease .3s;
    transform: rotate(180deg);
}
.ui-dialog .dropdown-menu {
    background-color: #fff;
}
/* end */
/* 弹窗标题的主题色为红色 */
.ui-dialog .ui-dialog-titlebar.theme-red {
    background: rgba(241,75, 73, 1);
}
.ui-dialog .ui-dialog-titlebar.theme-red.theme-red .ui-dialog-titlebar-close {
    background-color:rgba(213,68, 66, 1);
}
/**
** 模块设置按钮样式开始
**/
#moduleOutsildeHelper{
    display: none;
    position: absolute;
    height: 666px;
}
#moduleOutsildeHelper button,#moduleOutsildeHelper .button1{
    display: none;
    font-size: 14px;
    padding: 14px 19px;
    margin-bottom: 13px;
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
    color: #666;

}
#moduleOutsildeHelper .button1{padding:0;   width: 165px;}
#moduleOutsildeHelper .button1 .btn{
    padding:0px;
    line-height: 50px;
    width: 82px;
    height: 50px;}
#moduleOutsildeHelper  .button1 .btn:active{box-shadow:none}
#moduleOutsildeHelper button.BottomNavSet{
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}
#moduleOutsildeHelper button:focus,#moduleOutsildeHelper .button1>.btn:focus{
    outline: none
}
#moduleOutsildeHelper .button1>.btn:focus{ color: #666;}
#moduleOutsildeHelper button:hover,#moduleOutsildeHelper .button1>.btn:hover{
    color: #62acff;
}
/**
** 模块设置按钮样式结束
**/
/*头部导航设置标题弹窗*/

.mobilenav-setting-title .mobilenav-setting-title-content{
    /* padding: 24px 52px; */
    padding-top: 42px;
    padding-left: 47px;
    font-size: 13px;
    text-align: left;
    height: 530px;
    overflow:hidden;
    overflow-y: scroll;
}
.mobilenav-setting-title .langPanel{
    background: #f8f9fb;
    padding: 16px;
    width: 550px;
}
.mobilenav-setting-title .langPanel label{
    color: #666;
    font-size: 12px;
    margin-right: 24px;
    font-weight: normal;
}
.mobilenav-setting-title .mobilenav-setting-title-item{
    /* height: 46px; */
    /* line-height: 46px; */
    margin-bottom: 28px;
}
.mobilenav-setting-title .mobilenav-setting-layout .active{
    border: 1px solid #FE6900 ;
}
.mobilenav-setting-title .mobilenav-setting-layout>div{ cursor: pointer; border: 1px solid #DADFEA;display: inline-block; margin-right: 25px;position: relative;}
.mobilenav-setting-title .mobilenav-setting-layout .icon-biaodankongjiandanxuan{
    margin-top: -11px;
    color: #fff; font-size: 7px;}


.mobilenav-setting-title  input[type=checkbox]:checked {
    transition: all ease .3s;
    background-color: rgba(82,161, 249, 1);
    border-color: rgba(82,161, 249, 1);
}
.mobilenav-setting-title   input[type=checkbox]{
    border-radius: 3px;
}
.mobilenav-setting-title   input[type=checkbox]:checked::before {
    content: "";
    display: table;
    width: 5px;
    height: 9px;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    margin-top: 3px;
    margin-left: 4px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate3d(-.6px,-1.1px,0px);
    transition: all .2s ease-in-out;
}
.mobilenav-setting-title .searchset{
    margin-left: 16px;
    vertical-align:inherit;
    display: none;

}
.mobilenav-setting-title .mobilenav-setting-layout .choose-check{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 10px;
    text-align: left;
    border-right: 10px solid #ff6700;
    border-top: 10px solid #ff6700;
    font-size: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.mobilenav-setting-title .mobilenav-setting-title-item .add-more{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    background: #E8F6FF;
    border-radius: 15px;
    color: #4291E7;
    font-size: 12px;
    margin-right: 11px;
    cursor: pointer;
}
.mobilenav-setting-title .mobilenav-setting-title-item .add-more .icon-tianjia1{
    margin-right: 6px;
}

.mobilenav-setting-title .mobilenav-setting-title-item input[type="text"]::placeholder{ color:#999; letter-spacing: 0.7px; }
.mobilenav-setting-title .mobilenav-setting-title-item input[type="text"]{ font-size: 13px; border: 1px solid #AED3FB;width: 360px;height: 36px;border-radius: 5px;padding: 0 19px;}
.mobilenav-setting-title .mobilenav-setting-title-item input[type="radio"]{cursor: pointer;}
.mobilenav-setting-title .mobilenav-setting-layout{ margin-left: 15px;}
.mobilenav-setting-title .mobilenav-setting-title-item>span:first-child{
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 18px;
    font-size: 13px;
    color:#666;
}
.mobilenav-setting-title .mobilenav-setting-title-item>span~span{margin-right: 30px;}
.mobilenav-setting-title .mobilenav-setting-title-item input[type="checkbox"]{ cursor: pointer;margin-right: 10px;}
.mobilenav-setting-title .mobilenav-setting-title-item [data-toggle="tooltip"]:hover{color: #AED3FB;}
.mobilenav-setting-title .mobilenav-setting-title-item .tooltip-inner{max-width: 240px;}
.mobilenav-setting-title .mobilenav-setting-title-item .upload-box{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}
.mobilenav-setting-title .mobilenav-setting-title-item .restoreIcon{
    display: none;
    text-decoration: underline;
    cursor: pointer;
}

.mobilenav-setting-title .mobilenav-setting-title-item .show-img-box{
    min-height: 38px;
    min-width: 38px;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid #dadfea;
    text-align: center;display: inline-block;margin-right: 10px;cursor: pointer;color:#52A1F9}
.mobilenav-setting-title .mobilenav-setting-title-item .show-img-box svg{
    width: 16px;
    height: 16px;
    fill:#52A1F9
}
.mobilenav-setting-title .mobilenav-setting-title-item .show-img-box svg >*{
    fill:#52A1F9
}
.mobilenav-setting-title .search-item .show-img-box,.mobilenav-setting-title .phone-item .show-img-box{
    height: 38px;
    width: 38px;
}
.mobilenav-setting-title .mobilenav-setting-title-item .show-img-box img{
    max-height: 40px;
    max-width: 40px;
    line-height: 40px;
}
.mobilenav-setting-title .mobilenav-setting-title-item .clearIcon{text-decoration: underline;cursor: pointer;}

.show-hide-module{text-align: center;padding: 20px 0;clear: both;}
.show-hide-module-name{display: inline-block;width: 90px;margin-right: 2px;border: 1px solid #E5E5E5;height: 20px;line-height: 18px;padding: 0 10px;min-width: 74px;color: #666666;vertical-align: top;}
.show-hide-module-icon{display: inline-block;height: 20px;width: 19px;background: #47475A;border: 1px solid #E5E5E5;color: #fff;vertical-align: top;cursor: pointer;}
.show-hide-module-icon:hover{background: #808090;}
.show-hide-module-icon .iconfont{font-size: 14px;}

/* 重新定义每个弹出层、提示框的层级 */
.context-menu-list {z-index: 9999 !important;}   /*右键工具栏*/

/* 边框拖拽按钮样式 */
.ModuleItem .handlerBtn{display: none; position: absolute; z-index: 991; width: 14px;height: 23px; background: #d7d7d9 url(/images/iconmbg.png) no-repeat;}
.ModuleItem .dragMarginTop{width: 23px; height: 14px; top: 0; left: 50%; margin-left: -11.5px; background-position: -348px -6px; cursor: ns-resize;}
.ModuleItem .dragMarginLeft{top: 50%; left: 0; margin-top: -11.5px; background-position: -375px -2px; cursor: ew-resize;}
.ModuleItem .dragMarginBottom{width: 23px; height: 14px; bottom: 0; left: 50%; margin-left: -11.5px; background-position: -348px -6px; transform: rotate(180deg); cursor: ns-resize;}
.ModuleItem .dragMarginRight{top: 50%; right: 0; margin-top: -11.5px; background-position: -375px -2px; transform: rotate(180deg); cursor: ew-resize;}
/* 分栏边框拖拽按钮样式 */
.ModuleItem .dragGridPaddingResizorAnchor{background: #525659 url(/images/iconmbg.png) no-repeat; user-select: none;}
.ModuleItem .dragGridPaddingResizorAnchorTop{left: 50%; top: 0; width: 56px; height: 5px; margin-left: -28px; cursor: n-resize; background-position: -251px -418px;}
.ModuleItem .dragGridPaddingResizorAnchorLeft{left: 0; top: 50%; width: 5px; height: 56px; margin-top: -28px; cursor: w-resize; background-position: -258px -424px;}
.ModuleItem .dragGridPaddingResizorAnchorBottom{left: 50%; bottom: 0; width: 56px; height: 5px; margin-left: -28px; cursor: s-resize; background-position: -251px -418px;}
.ModuleItem .dragGridPaddingResizorAnchorRight{right: 0; top: 50%; width: 5px; height: 56px; margin-top: -28px; cursor: e-resize; background-position: -258px -424px;}

.ModuleItem .handlerBtnText{display: none; position: absolute; top: 16px; padding: 2px 4px; white-space: nowrap; background-color: rgb(98,172, 255); color: #fff; border-radius: 3px;}
.ModuleItem .dragMarginLeft .handlerBtnText{top: 25px;}
.ModuleItem .dragMarginRight .handlerBtnText{transform: rotate(180deg); bottom: 25px; top: unset;}
.ModuleItem .dragGridPaddingResizorAnchorTop .handlerBtnText{top: 7px;}
.ModuleItem .dragGridPaddingResizorAnchorLeft .handlerBtnText{top: 58px;}
.ModuleItem .dragGridPaddingResizorAnchorRight .handlerBtnText{top: 58px; right: 0;}

.ModuleItem .handlerBtn:hover{background-color: rgb(98,172, 255);}
.ModuleItem:hover > div > .handlerBtn{display: block;}
.ModuleItem :hover .ModuleSubContainer > .handlerBtn{display: block;}

/* 模组弹窗 */
/* #conbinedDialog {width: 720px; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: -1; opacity: 0;} */

#conbinedDialog .conbinedBox {width: 100%;    padding-bottom: 19px;     height: 100%; min-height: 424px; background: #fff; position: relative;}
#conbinedDialog .conbinedHead {position: absolute; width: 120px; height: 100%; background: #F7F7F7;}
#conbinedDialog .conbinedHeadContent { position: relative; overflow: hidden; height: 100%;}
#conbinedDialog .conbinedHeadContent .classItemBox {margin-top:16px;position: absolute; display: flex; left: 0; top: 0;    height: auto; flex-wrap: wrap;}
#conbinedDialog .conbinedHeadContent .classItem {border-right: 3px solid transparent; justify-content: center;display: inline-flex; align-items: center; cursor: pointer; width: 100%; padding: 10px 0; font-size: 14px; color: #666;}
#conbinedDialog .conbinedHeadContent .classItem.classActive,#conbinedDialog .conbinedHeadContent .classItem:hover {    color: #52A1F9;border-right: 3px solid #52A1F9; background: #fff;}
#conbinedDialog .classPrev,
#conbinedDialog .classNext {background: unset; width: 100px; height: 60px; line-height: 60px; position: absolute; top: 0; z-index: 1; font-size: 14px; color: #5D9DE4; cursor: pointer;}
#conbinedDialog .classPrev {left: 19%; text-align: left; background-image: linear-gradient(to left, rgba(255,255,255,0) , rgba(255,255,255,1));}
#conbinedDialog .classNext {right: 22%; text-align: right; background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1));}
#conbinedDialog .classPrev.swiper-button-disabled,
#conbinedDialog .classNext.swiper-button-disabled {display: none;}
#conbinedDialog .conbinedContent { /*overflow-y: auto;*/width: calc(100% - 120px); margin-left: 120px;height: 100%; }
#conbinedDialog .contentItembox{    padding: 24px 22px;
    display: flex;
    flex-wrap: wrap;position: relative; }
#conbinedDialog .contentItem {display: none;}
#conbinedDialog .contentItem .icon-leftMenu {color: #666; font-size: 14px; display: block;}
#conbinedDialog .contentPrev .icon-leftMenu,
#conbinedDialog .pageBox .prev {transform: rotateY(180deg);}
#conbinedDialog .contentItem .contentPrev,
#conbinedDialog .contentItem .contentNext{cursor: pointer; display: flex; justify-content: center; align-items: center; position: absolute; width: 50px; height: 50px; border-radius: 50px; top: 50%; z-index: 2; transform: translate(0, -50%); background: rgba(255,255,255,1); box-shadow: 1.5px 2.598px 12px 2px rgba(26,15,9,0.1);}
#conbinedDialog .contentPrev {left: 50px;}
#conbinedDialog .contentNext {right: 50px;}
#conbinedDialog .contentPrev.swiper-button-disabled,
#conbinedDialog .contentNext.swiper-button-disabled {display: none;}
#conbinedDialog .combinedSpecialModule {  transition: all .3s ease-out 0s;  border: 2px solid #eee;position: relative;  width: 268px; height: 138px;  margin-bottom: 16px; background: #fff; overflow: hidden;}
#conbinedDialog .combinedSpecialModule:nth-child(2n){ margin-left: 16px;}
#conbinedDialog .combinedSpecialModule img {width: 100%; height: 100%;}
#conbinedDialog .itemText {transition: all .3s ease-out 0s;width: 100%; height: 100%; padding-top: 50px; position: absolute; opacity: 0; top: 0; left: 0; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.91) 100%);}
#conbinedDialog .itemText p {color: #fff; font-size: 14px; margin-top: 20px;}
#conbinedDialog .toolsbar{display: flex;
    justify-content: center;
    align-content: center;
    line-height: 30px;
    position: absolute;
    z-index: 9999;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);}
#conbinedDialog .combinedSpecialModule:hover {border-color: #FF6000;}
#conbinedDialog .combinedSpecialModule:hover .itemText{opacity: 1;}
#conbinedDialog .combinedSpecialModule.combinedActive {border: 1px solid #FF6000;}
#conbinedDialog .combinedSpecialModule.combinedActive .checkGroup {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
#conbinedDialog .combinedSpecialModule.combinedActive .checkGroup .averageCheck {display: inline-block; color: #fff; font-size: 12px; position: absolute; z-index: 10; right: 0; top: -2px;}
#conbinedDialog .combinedSpecialModule.combinedActive .checkGroup .averageCheck:after {content: ''; display: block; position: absolute; right: 0; top: 0; border-right: 13px solid #ff6700; border-top: 13px solid #ff6700; font-size: 0; border-left: 13px solid transparent; border-bottom: 13px solid transparent; z-index: -1;}
#conbinedDialog .conbinedFooter {width: 100%; height: auto; text-align: right; padding: 0 20% 0 18.5%; line-height: 30px;}
#conbinedDialog .pageBox {display: inline-block; float: left; font-size: 12px; color: #888;}
#conbinedDialog .pageBox p{display: inline-block;}
#conbinedDialog .pageBox .prev,
#conbinedDialog .pageBox .next{cursor: pointer;}
#conbinedDialog .pageBox .icon-leftMenu {color: #666; font-size: 12px;}
#conbinedDialog .pageBox .next{margin-left: 8px;}
#conbinedDialog .prev.swiper-button-disabled .icon-leftMenu,
#conbinedDialog .next.swiper-button-disabled .icon-leftMenu {color: #CDD0D7;}
#conbinedDialog .pageBox .pageNum {width: 30px; height: 24px; margin: 0 8px; padding: 5px 8px; text-align: center; box-sizing: border-box; background-color: #fff; outline: 0; border: 1px solid #d7dde4; border-radius: 4px; -webkit-transition: border-color .2s ease-in-out;transition: border-color .2s ease-in-out;}
#conbinedDialog .pageBox span {padding: 0 8px 0 2px;}
#conbinedDialog .conbinedBtn {text-align: center; cursor: pointer; width: 70px; height: 30px; background: #fff; color: #fff; font-size: 12px; border-radius: 15px; }
#conbinedDialog .conbinedConfirm {background: #4d9ff9; margin-right: 24px;}
#conbinedDialog .conbinedConfirm:hover{ background: #3082DD;}
#conbinedDialog  .yulan_x:hover{ background: #2FBC30;}
#conbinedDialog  .yulan_x{
    background:#3FCB40
}
#conbined-search-box input::placeholder{color:#BABABA}
#conbinedDialog  .no-data-box{ width: 100%; text-align: center}
#conbinedDialog  .no-data-box img{ margin: 38px 0;}
#conbinedDialog  .no-data-box p{ color:#999}
#conbined-search-box {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 12px;
    border-bottom: 1px solid #e9e8e8;
}

#conbined-search-box .iconfont {
    font-size: 14px;
    color: #ccc;
}
#conbined-search-box input {
    width: 100%;
    margin: 0 10px;
    font-size: 14px;
    color: #52a1f9;
}
#conbined-search-box:hover .icon-guanbi2{
    display:block;
}
#conbined-search-box .icon-guanbi2 {
    display: none;
    cursor: pointer;
}

/* 滾屏模块专用工具栏 */
#moduleHelperFull {width: 260px; height: calc(100% - 50px); position: fixed; z-index: 99; right: 0; top: 50px; opacity: 1 !important; overflow: hidden; background: #fff; border-left: 1px solid #f6f6f6;}
#moduleHelperFull label,
#moduleHelperFull .setInput {color: #666; font-size: 14px; font-weight: 400;}
#moduleHelperFull .btn-group {color: #333; font-size: 13px; font-weight: normal;}
#moduleHelperFull button:focus,
#moduleHelperFull a:focus {outline: unset !important; outline-offset: unset !important;}
#moduleHelperFull .btn-group .dropdown-toggle .filter-option {font-size: 13px;}
#moduleHelperFull .btn-group .dropdown-menu li a {font-size: 14px;}
#moduleHelperFull .btn-group .open.dropdown-menu {background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
#moduleHelperFull .btn-group .btn-default {background-color: unset; border-color: rgba(218,223, 234, 1);}
#moduleHelperFull .btn-group.open .btn-default {border-color: rgba(62,143, 251, 1);}
#moduleHelperFull .btn-group.open .dropdown-toggle {background-color: rgba(255,255, 255, 1); transition: all ease .3s; box-shadow: 0 0px 15px rgba(0,0,0,.25);}
#moduleHelperFull .btn-group.open .dropdown-toggle .caret {transition: all ease .3s; transform: rotate(180deg);}
#moduleHelperFull .setInput {width: 200px; height: 34px; display: inline-block; vertical-align: middle; line-height: 26px; border: 1px solid rgba(218,223, 234, 1);}
#moduleHelperFull .setRadio {width: 16px; height: 16px; display: inline-block; position: relative; margin: 0 13px 0 0; background: #fff; border: 1px solid #a0a0a0; border-radius: 100%; vertical-align: baseline; cursor: default; transition: all ease .3s;}
#moduleHelperFull .setRadio:checked::before {content: ''; width: 10px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; background: #fe6900; vertical-align: top; opacity: 1; transition: all ease .3s;}
#moduleHelperFull .radioLabel {margin-right: 20px; position: relative; cursor: pointer;}
#moduleHelperFull .radioLabel:before {content: ''; width: 100%; height: 100%; display: block; position: absolute; z-index: 2;}
#moduleHelperFull .selectType .bootstrap-select {width: 86px;}
#moduleHelperFull .inputNum .setInput {width: 122px; margin-left: 10px;}
#moduleHelperFull .sliderEx .ui-slider {width: 130px; height: 4px; margin: 12px 18px 0 10px; border: none;}
#moduleHelperFull .sliderEx .ui-spinner {width: 60px; height: 30px; border-radius: 2px; margin: 0; border: none;}
#moduleHelperFull .sliderEx .ui-spinner .ui-spinner-input {width: 100%; height: 30px; border-radius: 0; background-color: #fff; margin: 0; border: 1px solid #DADFEA; padding-right: 12px; padding-left: 0;}
#moduleHelperFull .sliderEx .ui-spinner a.ui-spinner-button {right: 1px; height: 12px; width: 14px; background-color: rgba(248,249, 251, 1); margin-top: -2px;}
#moduleHelperFull .sliderEx .ui-spinner a.ui-spinner-button.ui-spinner-down {right: 1px; bottom: 6px;}
#moduleHelperFull .sliderEx .ui-icon,
#moduleHelperFull .sliderEx .ui-widget-content .ui-icon {background-image: url('/share/jquery-ui-css/ui-lightness/images/ui-icons_222222_256x240.png');}
#moduleHelperFull .sliderEx .ui-icon-triangle-1-n {background-position: 0 -16px;}
#moduleHelperFull .sliderEx .ui-icon-triangle-1-s {background-position: -65px -16px;}
#moduleHelperFull .moduleHelperFullHeader {height: 60px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e6ecf2;}
#moduleHelperFull .moduleHelperFullHeader .itemSectorManagement,
#moduleHelperFull .moduleHelperFullHeader .itemFullSetting {width: 84px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; line-height: 1; color: #666; font-size: 14px; cursor: pointer;}
#moduleHelperFull .moduleHelperFullHeader .itemSectorManagement.active,
#moduleHelperFull .moduleHelperFullHeader .itemFullSetting.active {background: #e8f6ff; color: #62acff;}
#moduleHelperFull .moduleHelperFullHeader .itemShowHelper,
#moduleHelperFull .moduleHelperFullHeader .itemSectorManagement .iconfont,
#moduleHelperFull .moduleHelperFullHeader .itemFullSetting .iconfont {display: none; font-size: 18px;}
#moduleHelperFull .moduleHelperFullHeader .itemHideHelper {display: inline-flex; color: #3082dd; cursor: pointer; margin-left: 24px;}
#moduleHelperFull .moduleHelperFullHeader .itemHideHelper .iconfont {font-size: 12px;}
#moduleHelperFull .moduleHelperFullHeader .itemShowHelper {border-bottom: 1px solid #e7e7e7; color: #666; cursor: pointer;}
#moduleHelperFull .moduleHelperFullHeader .itemShowHelper .iconfont {display: block; transform: rotate(180deg); font-size: 12px; padding: 2px 0;}
#moduleHelperFull .moduleHelperFullContent {height: calc(100% - 108px);}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox {height: 100%;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem {height: 130px; position: relative; padding: 20px; border-bottom: 1px solid #e6ecf2; cursor: pointer;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem:last-child {margin-bottom: 28px;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem:hover {z-index: 2;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem:hover,
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem.active {background: #f6f6f6;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementContent {width: 100%; height: 100%; padding: 20px; background: #fff; border-radius: 5px; overflow: hidden;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .fullSlide {margin-bottom: 12px; font-size: 12px; color: #999;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .fullSlide span {width: 8px; height: 8px; display: inline-block; margin-right: 10px; background: #ccc; border-radius: 100%;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .fullSlide .isoverflow{ margin-left: 12px; color:#ccc;display: inline-block;vertical-align: middle;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .fullSlide .isoverflow:hover{color:#62ACFF}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem:hover .fullSlide span,
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem.active .fullSlide span {background: #fe6900;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementTool {width: 100%; height: auto; display: none; justify-content: center; position: absolute; left: 0; bottom: -14px;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementTool .iconfont {width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; margin-right: 12px; border-radius: 100%; background: #fff; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementTool .iconfont:last-child {margin-right: 0;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementTool .iconfont:hover {color: #62ACFF;}
#moduleHelperFull .moduleHelperFullContent #sectorManagementBox .sectorManagementItem:hover .sectorManagementTool {display: flex;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox {display: none; height: 100%;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .settingTitle {width: 100%; height: 40px; display: flex; align-items: center; position: relative; padding: 0 15px; margin: 0; background: #fafafa; border-bottom: 1px solid #e7e7e7; cursor: pointer;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .settingTitle .iconfont {position: absolute; right: 15px; transform: rotate(180deg); transition: transform 0.2s; color: #666; font-size: 8px;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .fullSettingItem.active .settingTitle .iconfont {color: #62acff; transform: rotate(360deg); transition: transform 0.2s;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .settingContent {display: none; padding: 0px 20px 30px 20px;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .fullSettingItem.active .settingContent {display: block;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .settingContent .settingItemTitle {margin: 20px 0 15px 0; font-size: 14px; font-weight: 400; color: #999;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .settingContent .inlineItem {display: inline-block;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType {margin: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li {width: 100px; height: 80px; display: inline-block; position: relative; margin: 0 18px 15px 0; border: 1px solid #e7e7e7; cursor: pointer;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li:nth-child(2n) {margin-right: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li:last-child,
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li:nth-last-child(2) {margin-bottom: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li.active {border-color: #ff6700;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li.active:before {content: ""; width: 5px; height: 8px; position: absolute; top: 2px; right: 4px; z-index: 2; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate3d(-.6px,-1.1px,0px);}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li.active:after {content: ""; position: absolute; top: 0; right: 0; border-right: 10px solid #ff6700; border-top: 10px solid #ff6700; border-left: 10px solid transparent; border-bottom: 10px solid transparent;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .commonType li img {width: 100%; height: 100%;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .scrollShowTypeLabel,
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .scrollShowTopLabel {display: block; margin: 25px 20px 15px 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .scrollShowTypeLabel:last-child,
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .scrollShowTopLabel:last-child {margin-top: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .setInput {width: 120px; margin-right: 10px;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .inlineItem {margin-bottom: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .effectApplication {line-height: 1; margin: 17px 25px 15px 0; cursor: pointer;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .effectApplication:last-child {margin-right: 0;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .effectApplication .iconfont {font-size: 25px; color: #666;}
#moduleHelperFull .moduleHelperFullContent #fullSettingBox .overallSetting .effectApplication.active .iconfont {color: #62acff;}
#moduleHelperFull .moduleHelperFullFoot {height: 48px; border-top: 1px solid #e7e7e7; font-size: 0; text-align: center;}
#moduleHelperFull .moduleHelperFullFoot p {width: 70px; height: 30px; display: none; padding: 0; margin: 9px 0 0 0; border-radius: 15px; border: none; font-size: 13px; color: #666; line-height: 30px; cursor: pointer;}
#moduleHelperFull .moduleHelperFullFoot .itemAddSlide {display: block; width: 100%; height: 100%; margin: 0; line-height: 48px; color: #62acff; background: #fff;}
#moduleHelperFull .moduleHelperFullFoot .itemReset {background: rgba(247,247, 247, 1); margin-right: 25px;}
#moduleHelperFull .moduleHelperFullFoot .itemSubmit {background: #3FCB40; color: #fff;}

#moduleHelperFull.moduleHelperFullHide {width: 40px; background: #f6f6f6;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader {height: auto; display: block; border-bottom-width: 0; text-align: center;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemSectorManagement,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemFullSetting {width: 30px; height: 30px; display: flex; border-radius: 5px; margin: auto; color: #707070;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemSectorManagement {margin: 15px auto;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemSectorManagement.active,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemFullSetting.active {background: #e8e8e8;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemShowHelper,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemSectorManagement .iconfont,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemFullSetting .iconfont {display: block;}
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemSectorManagementTitle,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemFullSettingTitle,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullHeader .itemHideHelper,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullContent,
#moduleHelperFull.moduleHelperFullHide .moduleHelperFullFoot {display: none;}

#moduleFullSubHelper {position: absolute; display: none; height: 45px; z-index: 1000000; vertical-align: middle; table-layout: fixed; background: transparent;}
#moduleFullSubHelper .moduleFullSubHelperContainer {width: 100%; height: 100%; padding: 10px 18px; margin-top: -20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24); border-radius: 10px; background: #fff;}
#moduleFullSubHelper .btn {height: 100%; position: relative; border: 0; padding: 0; margin: 0 10px; font-size: 14px; background: transparent; color: #666;}
#moduleFullSubHelper .btn:before {content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: -10px; background: #e5e5e5;}
#moduleFullSubHelper .btn:first-child {margin-left: 0;}
#moduleFullSubHelper .btn:last-child {margin-right: 0;}
#moduleFullSubHelper .btn:last-child:before {display: none;}
#moduleFullSubHelper .btn .iconfont {font-size: 20px;}
#moduleFullSubHelper .btn:hover {color: #62acff;}
.MsgTipBox {
    position: fixed;
    border-radius:5px;
    border: 0;
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.20);
    background:#fff;
    z-index:2147483647;
    opacity:0;
    transition:height .3s ease-in-out,padding .3s ease-in-out,top .3s ease-in-out,opacity .3s ease-in-out;

}
.MsgTipBox .MsgTip{
    min-width: 154px;
    justify-content: center;
    display: flex !important;
    align-items: center;
    color:#666;
    border-radius: 5px;
    padding: 18px;
}
.ModalFileManageTipBox .dialog-footer .dialog-cancel {
    color: #fff  !important;
    background-color: #52A1F9  !important;
}
.ModalFileManageTipBox .dialog-footer .dialog-confirm{
    background-color: #F7F7F7  !important;
    color: #666  !important;
}
.ModalFileManageTipBox .dialog-footer .dialog-confirm:hover {
    background-color: #EAF7FF  !important;
}
.ModalFileManageTipBox .dialog-footer .dialog-cancel:hover{
    background-color: #3082DD !important;
}
.addCombined:hover{
    background-color: #459EFF !important;
}

#editZone {
    min-height: 900px;
}

#module_div .glyphicon {
    font-size: 26px;
}
#module_div .addGrag {
    display: inline-block;
    padding: 20px 0 10px 0;
    border-radius: 4px;
    width: 70px;
    margin-bottom: 15px;
    height: 70px;
}

#module_div {
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 30%);
}


.container .container {
    width: 100%!important;
}
.dragable  {
    overflow: hidden;
}

._artist .col-md-6 {
    height: 34px;
}
.swiper {
    width: 100%;
    height: 100%;
    min-height: 50px;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height:100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    min-height:50px;
    height:100%;
    overflow:hidden;
}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
}
.swiper-pagination {
    bottom: 4px;
    right: 4px;

}
/*restrict the pic image*/
._data_tuwen img {
    max-width: 100%!important;
}
._data_tuwen div {
    max-width: 100%!important;
}

.position-absolute {
    position: absolute;
    left:0;
    top:0;
    z-index: 99998;
}

.position-fixed {
    position: fixed;
    left:0;
    top:0;
    z-index: 99998;
}

.leftMenuLi:hover {
    opacity: 0.8;
    cursor:pointer;
    box-shadow: 0px 10px 10px #333;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

.container {
    padding-left:0;
    padding-right: 0;
}
.container-fluid {
    padding-left:0;
    padding-right: 0;
}
.row {
    margin-left:0;
    margin-right: 0;
}

._basic_words {
    padding: 10px;
}

._passage_padding {
    padding: 8px 15px;
}
._passage_padding:hover {
    background: #f7f7f7;
}
.border-top {
    border-top: 1px solid #ccc;
}

.dragable.navs {
    overflow: visible;
}

.small-image {
    display: inline-block;
}
.big-image {
    display: block;
}
.big-image img{
    height: 55px;
}
.bbnav .menu-sub.withbigimg li{
    display: block;
    text-align: right;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    margin-right: 3px;
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:6px;
    right:10px;
    left: inherit;
    width: 55%;
    text-align: right;
}
.swiper-slide h6 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    background: rgba(0,0,0,.3);
    padding: 8px 15px;
    color: #fff;
    font-size: 16px;
}


.page_multi .slide-inner {
    width: 100%;
    height: 90%;
    /*
    left: 10%;
    top: 14px;
    */
}
.page_multi .swiper-slide h6 {
    text-align: center;
    background: transparent;
    color: #555;
    font-size: 15px;
    bottom: 10px;
}
.page_multi a {
    border: 1px solid #f7f7f7;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.page_tuwen .slide-inner {
    width: 50%;
    /*
    left: 20px;
    top: 20px;
    */
    height: 100%;
}
.page_tuwen .swiper-slide h6 {
    position: absolute;
    bottom: initial;
    left: initial;
    /*top: 20px;*/
    right: 0;
    width: 50%;
    text-align: left;
    padding: 5px 10px;
    height: 100%;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color:transparent;
    border:0;
}

.nav-tabs>li>a {
    border:0;
    border-radius: 0    ;
    margin-right: 0;
    height: 50px;
    line-height: 30px;
}
.nav-tabs>li>a:hover {
    background-color: transparent;
}
.absolute-right {
    position: absolute;
    right: 8px;
    top: 5px;
    color: #777 ;
    font-size: 14px;
}

.dragexec .media-body {
    width: 100%;
    display: block;
}
.dragexec.tablecell .media-body {
    width: 100%;
    display: table-cell;
}
.dragfree {
    width: 100%;
    /*min-height: 100px;
    max-width: 400px;
    border: 1px solid #ff2222;*/
}
.dragsuspend {
    width: 100%;
    /*min-height: 100px;
    max-width: 400px;
    border: 1px solid #ff2222;*/
}
.page_part2 .btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-right: 10px;
}
.page_part2 .btn-group-vertical .btn.btn-secondary.active {
    background-color: #0073e6;
    color: #ffffff;
}
.page_part2 .btn-group-vertical  .btn.btn-secondary {
    margin-bottom: 10px;
    padding-top: 6px;
    background-color: #e5e1e1;
    color: #2a2828;
    border-width: 0px;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: normal;
}

.page_part2 .breadcrumb {
    margin-bottom: 0;
    background: #fff;
}

.page_part3 .breadcrumb {
    margin-bottom: 0;
    background: #fff;
}

.page_part3 .breadcrumb li.active a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.breadcrumb>li+li:before {
    content: '>';
    color:#6c757d;
    margin: 0 5px;
}

.page_part2 .panel {
    border: 0;
    box-shadow: none;
}
.page_part2 .btn {
    font-size: 1.15em;
}

.valid_text {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    background-color: #eaeaea;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: 0.25rem;
    /*box-shadow: 1px 1px 1px #ddd;*/
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;

}
.card > .card-body {
    border-width: 0px;
}
.card-title {
    margin-bottom: 0.75rem;
}
._data_layout > .row {
    height: 100%;
}
._data_layout .dropable {
    height: 100%;
}

.table {
    margin-bottom: 0;
    border:0;
}

.no_edit ._artist {
    min-height: 600px;
}

._data-lefticon_image_title a img {
    margin-left: 3px;
    max-width: 50px;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -2px;
    right: -16%;
}
._data-lefticon_image_title_v a img {
    margin-left: 3px;
    max-width: 50px;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -2px;
    right: -16%;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}



.navs ul.text-right > li, .navs ul.text-left > li, .navs ul.text-center > li {
    float: none!important;
    display: inline-block;
}

._data_layout .container-fluid {
    margin-left: 0;
    margin-right: 0;
}

.pstat ul{
    display: inline-block;
}

.pstat ul li{
    display: inline-block;
    margin-right: 15px;
}

.dragable.overflow_y_hidden {
    overflow-y: hidden;
}


.btn.btn-secondary {
    border-radius: 0!important;
}

.more_place {
    position:absolute;
    right: 15px;
    top: 0px;
}

._split_page_div {
    text-align: right;
    margin-top: 10px;
}
._split_page_div ._split_page {
    display: inline-block;
    margin-left: 5px;
    color: #0A8CF7;
    padding: 2px 6px;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}
._split_page_div ._split_page.actived {
    display: inline-block;
    margin-left: 5px;
    background: #0A8CF7;
    color:#fff;
    padding: 2px 6px;
    border: 1px solid #0A8CF7;
    border-radius: 4px;
}
.card-sign-input {
    width: 100%;
	text-align: center;
}
.card-sign-input input {
    padding: 5px 30px;
    border: 0px;
    border-radius: 4px;
    background: #52A1F9;
    font-size: 16px;
    color: #ffffff;
}
.card-sign-text {
    border: 1px solid #eaeaea;
}
.card-sign-text .row {
    padding: 10px;
}
.sign_label {
    text-align: right;
    display: inline-block;
    padding-right:20px;
    width:100%;
    font-size: 15px;
}
.sign_text {
    font-size: 15px;
}
.sign_submit {
    padding: 5px 30px;
    border: 0px;
    border-radius: 4px;
    background: #52A1F9;
    font-size: 15px;
    color: #ffffff;
}
.sign_cancel {
    padding: 5px 30px;
    border: 0px;
    border-radius: 4px;
    background: #eaeaea;
    font-size: 15px;
}

.media-ul li {
    display: inline-block;
}

._sfq ul li {
    float: left;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

._sfq ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

._sfq ul li .bitem {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

._sfq ul li .bitem .seo_title {
    position: absolute;
    bottom: 0;
    writing-mode: vertical-rl;
    text-align: center;
    height: 100%;
}

._sfq ul li .bitem .title {
    position: absolute;
    bottom: 0;
}

.duty_calendar_event_classNames {
    text-align: center;
}