/**
 * 基类样式控制
 * 森森 r@r1989.com
 */

/*控制缩略图上传*/
.ss-thumb img{
    width: 80px;
    height: 80px;
    cursor: pointer;
    border: 1px dashed #ccc;
}
.ss-thumb .pictrue, .ss-thumb .upload{
    width: 80px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.ss-thumb .pictrue .closes{
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: darkred;
    border: none;
}
.ss-thumb .layui-icon{
    display: flex;
    width: 80px;
    height: 80px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border: 1px dashed #ccc;
}

/*控制表格图片显示*/
.layui-table-cell {
    height: auto;
    line-height: 28px;
}
.layui-table-cell img{
    height: 60px;
    width: 60px;
}

/*控制地址选择器*/
.ss-area .layui-form-select{
    width: 30%;
    float: left;
}

.h10{
    width: 100%;
    height: 10px;
    clear: both;
}
.h20{
    width: 100%;
    height: 20px;
    clear: both;
}
.h30{
    width: 100%;
    height: 30px;
    clear: both;
}

.pointer{
    cursor: pointer;
}
.text-center{
    text-align: center;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 700;
}
.ss-block{
    width: 100%;
    display: block;
    clear: both;
}
.ss-bold{
    font-weight: bold;
}

.flex{
    display: flex;
}
.flex-c{
    flex-flow: column;
}
.flex-jc-b{
    justify-content: space-between;
}
.flex-jc-a{
    justify-content: space-around;
}
.flex-jc-c{
    justify-content: center;
}



/*控制地址选择器*/
.ss-area .layui-form-select{
    width: 30%;
    float: left;
}

.no-data{
    text-align: center;
    color: #999999;
}


.mb-10{
    margin-bottom: 10px;
}
.mt-10{
    margin-top: 10px;
}
.ml-10{
    margin-left: 10px;
}
.mr-10{
    margin-right: 10px;
}

.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.ml-20{
    margin-left: 20px;
}
.mr-20{
    margin-right: 20px;
}

.ss-tip{
    font-size: 12px;
    color: #999;
}

.overflow-hide{
    overflow: hidden;
}
.ss-mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 66;
}

/*视频弹窗*/
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose{ position:absolute;right:1%; top:-30px; border-radius:100%; cursor: pointer; }

/*音频弹窗*/
.audios{ display:none; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-200px; z-index:100; width:400px; height:140px; }
.aclose{ position:absolute;right:1%; top:-30px; border-radius:100%; cursor: pointer; }

/*右侧快捷链接、回到顶部*/
@media screen and (max-width: 800px) {
    #right-share{display: none;}
}
/*@media screen and (max-width: 1440px) {
    #weixin-code{right:50px;top:0;position:absolute;padding:15px;box-shadow:0 0 6px rgba(14,22,30,.3);background-color:#fff;width:100px;z-index:100; text-align:center;}

@media screen and (min-width: 1441px) {
    #weixin-code{right:50px;top:0;position:absolute;padding:15px;box-shadow:0 0 6px rgba(14,22,30,.3);background-color:#fff;width:100px;z-index:100; text-align:center;}
}*/
@media screen and (max-width: 1440px) {
    #weixin-code{right:50px;top:0;position:absolute;background-color:#fff;width:160px;height: 160px;z-index:100; text-align:center;}
    #tel-code{right:50px;top:0;position:absolute;background-color:#fff;width:160px;height: 160px;z-index:100; text-align:center;}
}
@media screen and (min-width: 1441px) {
    #weixin-code{right:50px;top:0;position:absolute;background-color:#fff;width:160px;height: 160px;z-index:100; text-align:center;}
    #tel-code{right:50px;top:0;position:absolute;background-color:#fff;width:165px;height: 174px;z-index:100; text-align:center;}
}
#tel-code img{width:160px;height: 160px;}
#weixin-code img{width: 160px; height: 160px;}
.rshare-title{width:30px;height:30px;padding:5px;color:#fff;border-radius:50%}
.rshare-title i{width:30px;height:30px;background-image:url(../images/share-icons.png);background-repeat:no-repeat;background-position:-7px -183px;display:inline-block}
#right-share{width:36px;height:208px;position:fixed;right:10px;bottom: 30px;z-index:99;}
.right-share{width:36px;height:208px}
#right-share a{display:block;width:36px;height:36px;background-color:#ffffff;z-index:1;position:absolute;left:0;box-sizing:border-box;-moz-box-sizing:border-box;background-image:url(../images/share-icons.png);background-repeat:no-repeat;margin:0 0 7px 0;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;border-radius:50%;vertical-align:middle}
#right-share a:hover{z-index:2}
#right-share.lefts{left:50%;right:0;margin-right:0;margin-left:-650px}
.rshare-weixin{top:43px;background-position:-3px -3px}
#right-share a.rshare-weixin:hover{background-color:#55a947;background-position:-48px -3px}
.rshare-qzone{top:0px;background-position:-3px -50px}
#right-share a.rshare-qzone:hover{background-color:#ffa709;background-position:-48px -50px}
.rshare-sqq{top:86px;background-position:-3px -92px}
#right-share a.rshare-sqq:hover{background-color:#0AA4E7; background-position:-48px -92px}
.rshare-tsina{top:129px;background-position:-3px -135px}
.rshare-tsina2{top:86px;background-position:-3px -135px}
#right-share a.rshare-tsina:hover,#right-share a.rshare-tsina2:hover{background-color:#d52b2a; background-position:-48px -135px}
#right-share .rshare-top{background:#ccc url(../images/share-icons.png);background-position:-3px -223px;top:175px;cursor:pointer}
#right-share .rshare-top2{background:#ccc url(../images/share-icons.png);background-position:-3px -223px;top:129px;cursor:pointer}
#right-share .rshare-top:hover,#right-share .rshare-top2:hover{background-color:#2E88CE; background-position:-48px -223px;}
.jb-share{overflow:hidden;float:left;position:relative}
.jb-share a{display:inline-block;margin-right:10px;text-indent:-9999px;margin-bottom:10px;width:24px;height:24px;overflow:hidden;cursor:pointer;float:left;font-size:12px}

iframe body{
    position: relative;
}

.readonly{
    background: #eee;
}
.article-content img{
    max-width: 100% !important;
    height: auto !important;
}

/*调整placeholder样式*/
input::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
    color: #999999;
}
input:-moz-placeholder{    /* Firefox版本4-18 */
    color: #999999;
}
input::-moz-placeholder{    /* Firefox版本19+ */
    color: #999999;
}
input:-ms-input-placeholder{   /* IE浏览器 */
    color: #999999;
}

.ss-danger{
    color: #ff5722;
}
.ss-warning{
    color: #ffb800;
}
.ss-success{
    color: #16b777;
}
.ss-info{
    color: #31bdec;
}
.ss-purple{
    color: #a233c6;
}
.layui-table-hover{
    background-color: rgba(221, 253, 250, 1) !important;
}

/*.layui-menu-body-title{*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*}*/

xm-select .xm-select-disabled{
    opacity: 0.6 !important;
    background-color: #fafafa !important;
}
.layui-select-disabled .layui-disabled{
    background-color: #fafafa !important;
}
/*无子级时*/
xm-select > .xm-body.cascader .disabled .xm-option-icon{
    display: none;
}
xm-select > .xm-body.cascader .disabled .xm-option-content{
    padding-left: 0;
}

/*print.js*/
.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#0460b5;width:100%;height:100%;background-color:hsla(0,0%,100%,.91)}.printClose{position:absolute;right:10px;top:10px}.printClose:before{content:"\00D7";font-family:Helvetica Neue,sans-serif;font-weight:100;line-height:1px;padding-top:.5em;display:block;font-size:2em;text-indent:1px;overflow:hidden;height:1.25em;width:1.25em;text-align:center;cursor:pointer}

.layui-elem-quote{
    background-color: #dbfdf0;
    padding: 6px 0px;
    font-weight: bold;
    text-indent: 14px;
}

.ss-hide{
    display: none;
}

.key{
    color: red;
}
.string{
    color: green;
}

.ss-body .ss-header-title2 {
    background: #d9edf7;
    padding: 5px 5px 5px 12px;
    color: #0063c2;
}
.ss-body .ss-header-title2 a{
    color: #6ea8df;
}
.ss-body .card-min-height{
    height: 350px;
    overflow: hidden;
}

.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line3{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.pl-10{
    padding-left: 10px;
}
.pr-10{
    padding-right: 10px;
}

.layui-table td, .layui-table th{
    word-break: break-all;
}