::selection {
    background-color: #aea;
    color: #C33;
}
.smart-style-1 nav ul ul li.active {
}

.smart-style-1 nav ul ul li.active a {
    /*background-color: #fefefe;
    color: #333 !important;
    font-weight: bold !important;*/
}
.admin-data-add .form-group img,.admin-data-edit .form-group img{max-height:100px;}
.admin-data-add .viewimg img, .admin-data-edit .viewimg img {
    padding-left: 10px;
    max-height: 200px;
    max-width: 200px;
    padding-bottom: 10px;
    float: left;
}
.admin-data-list .form-control {height:30px;
}
.smart-style-3 input:not([type]), .smart-style-3 input[type=color], .smart-style-3 input[type=email], .smart-style-3 input[type=number], .smart-style-3 input[type=password], .smart-style-3 input[type=tel], .smart-style-3 input[type=text], .smart-style-3 input[type=url], .smart-style-3 textarea{border-color:#ccc;color:#333;}
.showimg {
    min-width: 0px;
    margin-left: 10px;
}
.showBackBox {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.6);z-index: 100000;}

.showBackBoxContainer {top: 35%;position: relative;width: 100%;padding: 20px;text-align: center;}

.showBackBoxContainer img {background-color: #fff;padding: 10px;}

img{max-width:100%;display:block;}
.showBackBoxContainer img{display:initial;}
.hoverClass{background-color:#caa;text-align:center;}
.cb{clear:both;}
.fl{float:left}
.fr{float:right;}
form .view{padding:8px 10px;border:solid 1px #ccc;}
form .view:empty{padding:18px 10px;}

img.qrcode{width:80px;height:80px;padding:3px;margin-bottom:7px;}
.img_list{float:left;width:100%;overflow-y:scroll;height:460px;background-color:#fcfcfc;}
.img_list_page{float:left;height:40px;}
.img_list_page .pagination{margin:5px 5px 0 5px;float:right;}
.img_box{width:180px;height:160px;margin:1px;}
.img_box img{width:180px;height:120px;}
.img_boximg{width:100%;height:120px;margin:0;padding:0;border:0;}
.img_box .img_size{background-color:rgba(0,0,0,0.35);color:#fff;text-align:center;line-height:20px;}
.img_box .img_name{width:100%;line-height:20px;height:20px;overflow:hidden;}
.img_list .img_act{border:solid 3px red;border-radius:5px;}
.imgclass{float:left;width:20%;overflow-y:scroll;height:500px;overflow-x:hidden;}
.imgclassbutton{margin:10px;}

.imgclass .imgclasslist .cla{margin:1px 5px;padding:5px;background-color:#f0f0f0;color:#333;display:block;text-decoration:none;font-size:120%;}
.imgclass .imgclasslist a.cla:hover{background-color:#696969;color:#f0f0f0;}
.imgclass .imgclasslist a.active{background-color:#264bfb;color:#f0f0f0;}
.imgclass .imgclasslist a.active:hover{background-color:#264bfb;color:#f0f0f0;}
.imgclass .imgclasslist a .del{display:none;color:#f0f0f0;height:100%;padding:0 5px;font-weight:bold;}
.imgclass .imgclasslist a.active .del{display:block;}
.imgclass .imgclasslist a:hover .del{display:block;}

#sortable{min-height:640px;float:left;margin:0 auto;width:100%;}
.drag_row{min-height:20px;width:320px;position:relative;float:left;cursor:move;}
.row_action{display:none;position:absolute;float:right;bottom:0;height:100%;width:320px;border:2px dashed rgba(255,0,0,0.5);-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;z-index:2;}
.drag_row:hover .row_action{display:block;}
.drag_box .drag_row:hover .row_action div{display:none;}
.admin-data-add .form-group .drag_row img,.admin-data-edit .form-group .drag_row img{max-height:initial;}
.action_box{position:absolute;bottom:0;right:0;color:#fff;text-align:center;cursor:pointer;}
.action_box .rowadd,.action_box .rowdel,.action_box .rowedit{height:30px;line-height:30px;width:40px;background-color:rgba(0, 0, 0, 0.50);float:right;margin-left:4px;}

.radio-inline:first-child{margin-top:0;margin-left:10px;}

.cell_action .cell_target{width:320px;margin:15px 0 0 4px;}
.cell_action .cell_target div{margin:0 0 0 4px;height:30px;line-height:30px;overflow:hidden;color:#264bfb;}

table a{cursor:pointer;}

.playing{height:16px;width:30px;background-color:#6c81ff;float:left;}
.playing > div {background-color: #fff;height: 100%;width: 2px;margin:0 2px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.playing .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.playing .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.playing .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.playing .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}

/*模板元素区域 begin*/
.drag_box,.sort_box{margin:0 auto;max-width:324px;width:324px;min-height:640px;background-color:#fff;border:solid 2px #00c622;float:left;}
.delete_row{position:absolute;bottom:0;right:0;height:30px;line-height:30px;width:40px;background-color:rgba(0, 0, 0, 0.50);color:#fff;text-align:center;cursor:pointer}
.drag_cell{float:left;border-bottom:1px solid #ccc;position:relative;}
.drag_cell p{margin:2px 8px;}
.drag_cellimg{width:100%;}
.row_action{display:none;position:absolute;left:0;bottom:0;height:100%;width:320px;border:2px dashed rgba(255,0,0,0.5);-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;z-index:2;}
img{max-width:100%;display:block;}
.sort_box .hoverClass{background-color:#646464;text-align:center;float:left;width:100%;height:66px;font-size:130%;line-height:66px;font-weight:bold;color:#eee}

.sort_box .placeholder-class {
    float: left;
    width: 100%;
    min-height: 50px;
    background-color: #646464;
    color: #eee;
}
.sort_box .placeholder-class * {
    background-color: #646464;
    color: #eee;
}
.drag_row .module{width:100%;background-color:#fd790d;text-align:center;padding:10px 0;font-size:30px;}
.drag_row .module .display{color:#fff;}
.drag_row .mediafile{background-color:#fd790d;}
.drag_row .cmsplugin{width:100%;background-color:#009a08;text-align:center;padding:10px 0;font-size:30px;color:#eee;}
.drag_row .cmsplugin .display{color:#fff;}
.drag_row .newcmsplugin{width:100%;background-color:#e8b970;text-align:center;padding:10px 0;font-size:30px;color:#eee;}
.drag_row .newcmsplugin .display{color:#fff;}
.dt-toolbar-footer {
    width: 100%;
    max-width: 100%;
    position: relative;
    
}
.no-padding > .table-bordered, .no-padding > .table-responsive > .table-bordered {
    border-bottom: 1px solid #ddd!important;
}
.cell-show {
    width: 100%;
    padding: 5px;
    margin: 0;
    background-color: #fff;
}

.cell-show .title {
    line-height: 22px;
    font-size: 16px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 12px;
}

.cell-show .extension {
    clear: both;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    padding: 10px 0 5px 0;
}

.cell-show .logo1, .cell-show .logo2, .cell-show .logo3, .cell-show .logo4 {
    display: none;
}

.cell-show.ShowType101 {
    height:90px;
}

    .cell-show.ShowType101 .title {
        padding-left: 132px;
    }

    .cell-show.ShowType101 .logo1 {
        position: absolute;
        top: 5px;
        left: 5px;
        height: 79px;
        display: block;
    }

    .cell-show.ShowType101 .extension {
        text-align: right;
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

.cell-show.ShowType102 {
    height: 90px;
}

    .cell-show.ShowType102 .title {
        padding-right: 132px;
    }

    .cell-show.ShowType102 .logo1 {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 79px;
        display: block;
    }

    .cell-show.ShowType102 .extension {
        text-align: right;
        position: absolute;
        bottom: 5px;
        left: 5px;
    }

    .cell-show.ShowType103 .logo1 {
        width: 100%;
        display: block;
    }

    .cell-show.ShowType104 {
        padding: 0;
        margin: 0;
        min-height: 20px;
    }
        .cell-show.ShowType104 .logo1 {
            padding: 0;
            margin: 0;
        }
        .cell-show.ShowType104 .logo1 {
            width: 100%;
            display: block;
        }
        .cell-show.ShowType104 .title {
            display: none;
        }
        .cell-show.ShowType104 .extension {
            display: none;
        }

.cell-show.ShowType201 .logo1, .cell-show.ShowType201 .logo2 {
    float: left;
    width: 50%;
    display: block;
    padding:0 2px;
    box-sizing:border-box;
}

    .cell-show.ShowType301 .logo1, .cell-show.ShowType301 .logo2, .cell-show.ShowType301 .logo3 {
        float: left;
        width: 33%;
        padding: 0 2px;
        display: block;
        box-sizing: border-box;
    }

.cell-show.ShowType302 .logo1, .cell-show.ShowType302 .logo2, .cell-show.ShowType302 .logo3 {
        float: left;
        width: 33%;
        padding: 0 2px;
        display: block;
        box-sizing: border-box;
}

/*模板元素区域 end*/

.page_list{width:100%;overflow-y:scroll;height:460px;background-color:#fcfcfc;}
.page_list table{width:100%;background-color:#fff;}
.page_list table tr{height:28px;}
.page_list table th{text-align:center;background-color:#ececec;}
.page_list table td,.page_list table th{vertical-align:middle;border:solid 1px #999;padding-left:10px;}
.page_list table td.btn{text-align:center;}
.page_list table tr:hover{background: #ffc!important;}


.new_page_list{width:100%;background-color:#fcfcfc;}
.new_page_list table{width:100%;background-color:#fff;}
.new_page_list table tr{height:28px;}
.new_page_list table th{text-align:center;background-color:#ececec;}
.new_page_list table td,.new_page_list table th{vertical-align:middle;border:solid 1px #999;padding-left:10px;}
.new_page_list table td.btn{text-align:center;}
.new_page_list table tr:hover{background: #ffc!important;}

.admin_search select{padding:3px 5px;height:30px;width:100%;}

.search-box span{padding:0 10px;}
.search-box span select,.search-box span input{padding:0 10px;height:30px;min-height:30px;max-width:120px;}
/*main begin*/
.mb0{margin-bottom:0;}
.fb{font-weight:bold;}
.cb{clear:both;}
.fl{float:left}
.fr{float:right;}
/*main end*/
/*母版页样式 begin*/
/*.page-footer{position:fixed;}*/
.myalert{position:fixed;top:0;z-index:905;width:100%;}
/*母版页样式 end*/

/*列表页专用样式 begin*/
.table.has-tickbox thead tr th:first-child{min-width:18px;}
.table>thead>tr>th{vertical-align:middle;}
.table>tbody>tr>td{vertical-align:middle;}
/*列表页专用样式 end*/

/*表单错误提示专用样式 begin*/
.state-error{color:#c33;}
.form-state-error{background: #fff0f0;border-color: #A90329!important;}
.modal-dialog .view_box {
    overflow-y: auto;
    max-height: calc(100vh - 250px);
}
.modal-dialog .dataloading{padding-top: 60px; text-align: center; font-size: 200%;}
/*表单错误提示专用样式 end*/

/*详情视图页专用样式 begin*/
.admin-data-view .form-group{margin-left:0!important;margin-right:0!important;}
.admin-data-view .form-control{height:initial;min-height:32px;word-break:break-all;}
/*详情视图页专用样式 end*/

/*.select2-results li{padding:5px 0;font-size:115%;}*/
/*.select2-results .select2-highlighted, .select2-results__option--highlighted{background-color:#0088ff;}*/
.form-state-error .select2-selection.select2-selection--single{background: #fff0f0;border-color: #A90329;}
.form-state-error option{background-color:#fff;}

.loading {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 100000;}
.loading .loading_box{top: 20%;position: relative;text-align: center;color:#fff;font-size:20px;}
.loading .msg {width: 90%;margin: 0 auto;}
.loading .button {width: 100%;margin-top:10px;}
.loading .button .yes{outline:none;border:solid 1px rgb(101,215,251);border-radius:3px;background-color:rgba(101,215,251,.9);width:100px;height:30px;line-height:30px;margin:10px 30px;}
.loading .button .no{outline:none;border:solid 1px rgb(250,250,250);border-radius:3px;background-color:rgba(250,250,250,.9);width:100px;height:30px;line-height:30px;margin:10px 30px;}
.loading .spinner {width: 100%;margin: 0 auto;height: 60px;text-align: center;}
 
.loading .spinner > div {background-color: #fff;height: 100%;width: 6px;margin:0 3px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.loading .spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.loading .spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.loading .spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.loading .spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}

.item-show-review{width:480px;border:solid 1px #999;padding:5px;margin:0;margin-left:13px;}
.admin-data-add .form-group .item-show-review img,.admin-data-edit .form-group .item-show-review img{max-height:initial;border:solid 1px #acacac;}
.admin-data-edit .readonly{background-color:#f0f0f0;color:#333;}
.item-show-review .title{line-height:30px;font-size:24px;height:60px;overflow:hidden;margin-bottom:0px;}
.item-show-review .extension{clear:both;line-height:20px;font-size:14px;color:#999;padding:10px 0 5px 0;}
.item-show-review .logo1,.item-show-review .logo2,.item-show-review .logo3,.item-show-review .logo4{display:none;}

.item-show-review.ShowType101{height:117px;}
.item-show-review.ShowType101 .title{padding-left:178px;}
.item-show-review.ShowType101 .logo1{position:absolute;top:5px;left:5px;height:105px;display:block;}
.item-show-review.ShowType101 .extension{text-align:right;position:absolute;bottom:5px;right:5px;}

.item-show-review.ShowType102{height:117px;}
.item-show-review.ShowType102 .title{padding-right:178px;}
.item-show-review.ShowType102 .logo1{position:absolute;top:5px;right:5px;height:105px;width:168px;display:block;}
.item-show-review.ShowType102 .extension{position:absolute;bottom:5px;}

.item-show-review.ShowType103 .title{margin-bottom:10px;}
.item-show-review.ShowType103 .logo1{width:460px;margin:0 4px;height:270px;display:block;}

.item-show-review.ShowType201 .title{margin-bottom:12px;}
.item-show-review.ShowType201 .logo1,.item-show-review.ShowType201 .logo2{float:left;width:219px;height:140px;margin:0 5px;display:block;}

.item-show-review.ShowType301 .title{margin-bottom:12px;}
.item-show-review.ShowType301 .logo1,.item-show-review.ShowType301 .logo2,.item-show-review.ShowType301 .logo3{float:left;width:146px;height:180px;margin:0 5px;display:block;}

.item-show-review.ShowType302 .title{margin-bottom:12px;}
.item-show-review.ShowType302 .logo1,.item-show-review.ShowType302 .logo2,.item-show-review.ShowType302 .logo3{float:left;width:146px;height:91px;margin:0 5px;display:block;}

@media (min-width: 1024px) {
    .modal-dialog {
        width: 800px;
        margin: 30px auto;
    }
}