/**
 * 基类样式控制
 * 森森 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;
}
.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-hide{
    display: none;
}
.ss-block{
    width: 100%;
    display: block;
    clear: both;
}
.ss-red{
    color: #cf0707;
}
.ss-green{
    color: #009688;
}
.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-top: 10px;
}
.mr-10{
    margin-top: 10px;
}

.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.ml-20{
    margin-top: 20px;
}
.mr-20{
    margin-top: 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:165px;height: 174px;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;}
}
@media screen and (min-width: 1441px) {
    #weixin-code{right:50px;top:0;position:absolute;background-color:#fff;width:165px;height: 174px;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;}
}
.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;
}