@charset "utf-8";
/* CSS Document */
html,body{width:100%;height:100%;}
html{}
body{ background:#f2f2f2;}
*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,li{ list-style:none;}
.c-b{ clear:both;}
.f-l{ float:left;}
.f-r{ float:right;}
.bt_lan {
    color:rgba(255,255,255,.7);
    display:block;
    position:absolute;
    right:140px;
    top:22px;
}
.hide{display:none;}
.bt_view{
    color:rgba(255,255,255,.7);
    display:block;
    position:absolute;
    right:200px;
    top:21px;
}
/*.ueFloat {
    position: fixed !important;
    z-index: 999000 !important;
    top: 65px !important;
}
.unFloat {
    position:relative !important;
    z-index: 999000 !important;
    top: -60px !important;
}*/
/*body::-webkit-scrollbar {display:none}*/
/**/

/*样式重载*/
.fa-fw{ width:auto; margin-right:7px;}
.layui-btn-sm i{font-size:12px !important;}
.layui-form-pane .layui-form-label{width:150px;}
.layui-form-pane .layui-input-block{ margin-left:150px;}
.layui-form-item .layui-input-company{width: auto;padding-right: 10px;line-height: 38px;}
.layui-side{ background:#595b61;}
.layui-fluid{ padding:15px;}
.layui-form-pane .layui-form-label i{font-size:16px;color:#f00;margin:0 5px}
.layui-layout-body{overflow:auto;}
.layui-layout-admin .layui-header {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
}
.layui-layout-admin .layui-body {
    margin: 60px 0px 44px 200px;
    position:relative;
    top:0;
    left:0
}
.layui-layout-admin .layui-footer{
    z-index:99999
}
/*自定义样式*/
.logo {
    height: 100%;
}
.logo img{ height:80%;}
.ADImg,.ArticleImg{ width:150px; height:150px; border:1px solid #eee; overflow:hidden;}
.ADImg img,.ArticleImg img{width:100%;}
.text-center{ text-align:center;}

/*iframe*/
.iframe{width:100%;height:100%}
.editWrap{border:1px solid #ccc;border-radius:3px}
.editorBox{padding:10px;}
.editWrap .title{display:block;height:35px;border-bottom:1px solid #ccc;background-color:#FBFBFB;padding-left:15px}
/*编辑器*/

/*模版选择*/
 #tplList{padding:15px;}
 #tplList li{border:1px solid #ccc; background:#f0f0f0;line-height:35px;padding:0 10px;margin:5px}
 #tplList li:hover, #tplList li.act{background:#f00;}
 #tplList li:hover a, #tplList li.act a{color:#fff}


/*登陆页*/

#body_login{background:url(/manage/images/homebg.png) center bottom no-repeat;}
.login_wrap{width:440px;position:absolute;left:50%;margin-left:-220px;top:50%;margin-top:-300px}
.words{position:relative;top:20px}
.login_body .login_logo{background:url(/manage/images/logobg.png)center top no-repeat;height:173px;text-align:center;z-index:1;position:relative}
.login_body .login_logo img{margin-top:85px}
.login_body .login_tags{background:#fff;padding:40px 0 40px 90px;margin-top:-25px;text-align:center;overflow:auto}
.login_body .login_tags span{line-height:40px;font-size:14px;width:130px;border-bottom:2px solid #ccc;float:left;cursor:pointer}
.login_body .login_tags span.act,.login_body .login_tags span:hover{color:#f00;border-bottom:2px solid #f00}
.login_form{height:auto;background:#fff;display:none;padding-bottom:30px}
.login_form.act{display:block}
.form-wrap{width:260px;margin:auto;height:40px;margin-bottom:15px;position:relative}
.form-wrap span{display:block;float:left;width:40px;height:38px;border-right:1px solid #ccc;position:absolute;left:1px;top:1px}
.form-wrap input{line-height:38px;border:1px solid #ccc;border-radius:3px;outline:0;width:100%;text-indent:45px;height:38px;}
.form-wrap input:focus{border:1px solid #718cc2}
.CaptchaCode input{width:60%;}
.CaptchaCode img{float:right;margin-top:3px}
.CaptchaCode span{background:url(/manage/images/default/icon/ico-code.png) center no-repeat;background-size:50%;opacity:0.8}
.Account span{background:url(/manage/images/touxiang.png) center no-repeat;}
.Password span{background:url(/manage/images/suo.png) center no-repeat}
.Email span{background:url(/images/mail.png) center no-repeat}
.btnArea {text-align:center;margin-top:25px}
.btnArea .btn{width:260px}
.tips{background:#fff;padding:15px;text-align:center;color:#f00}
.findKey{width:260px;margin:auto;}


/*树形框架*/
.lg-nav{width:200px;}
.lg-nav ul li{line-height:42px; text-indent:2em; position:relative;transition:0.3s ease;}
.lg-nav ul li span{ display:block; position:absolute; top:0; left:0; width:100%; height:42px; text-align:right; color:rgba(255,255,255,0.5); transition:0.3s ease; cursor:pointer; z-index:2;}
.lg-nav ul li span i{margin-right:20px;transition:0.3s ease;}
.lg-nav ul li a{ position:relative; top:0; left:0; color:rgba(255,255,255,0.5); transition:0.3s ease; z-index:3;cursor:pointer}
.lg-nav ul li a:hover{ color:#fff;}
.lg-nav ul li:after{ background:rgba(255,255,255,0); display:block; width:100%; height:42px; position:absolute; top:0; left:0; z-index:1; content:""; transition:0.3s ease;}
.lg-nav ul li:hover:after{  background:rgba(255,255,255,0.1);}
.lg-nav ul li:before{ display:block; width:195px; height:0px; border-left:5px solid #5FB878; position:absolute; top:0; left:0; z-index:0; content:"";transition:0.3s ease;}
.lg-nav ul > li:hover:before{height:42px;}
.lg-nav ul{ background:#393D49;}
.lg-nav ul > li{border-bottom:1px solid rgba(0,0,0,0.1);}
.lg-nav ul > li > a{}
.lg-nav ul > li > ul{ display:none;background:rgba(0,0,0,0.2); }
.lg-nav ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,0.2)}
.lg-nav ul > li > ul > li > a{cursor:pointer}
.lg-nav ul > li > ul > li > ul{ display:none;background:rgba(0,0,0,0.4);}
.lg-nav ul > li > ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,0.4)}
.lg-nav ul > li > ul > li > ul > li > a{}
.lg-nav ul > li > ul > li > ul > li > ul{ display:none;background:rgba(0,0,0,0.6);}
.lg-nav ul > li > ul > li > ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,0.6)}
.lg-nav ul > li > ul > li > ul > li > ul > li > a{}
.lg-nav ul > li > ul > li > ul > li > ul > li > ul{ display:none;background:rgba(0,0,0,0.8);}
.lg-nav ul > li > ul > li > ul > li > ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,0.8)}
.lg-nav ul > li > ul > li > ul > li > ul > li > ul > li > a{}
.lg-nav ul li.act > span i{transform:rotateX(180deg);}
.lg-nav ul li.act > ul{ display:block;}
.lg-nav ul li > ul > li.act ul{ display:block;}
.lg-nav ul li > ul > li > ul > li.act ul{ display:block;}
.lg-nav ul li > ul > li > ul > li > ul > li.act ul{ display:block;}

/*权限*/
.r_1{}
.r_1 li{ border-bottom:1px solid #eee;}
.r_1 li:last-child{ border:0;}
.r_1 li span.fa{display: inline-block;vertical-align: middle; margin-top:4px; cursor:pointer;}
.r_1 li ul{ display:none; border-top:1px solid #eee;}
.r_1 li ul li{ padding-left:30px;}
.r_1 li.act>ul{ display:block;}
.r_1{}
.r_1 li ul li{ padding-left:0;}
.r_1 li ul{ display:none; border-top:1px solid #eee;}
.r_1 li span.title{display: inline-block;vertical-align: middle; margin-top:4px; width:200px; text-align:right;}
.c_2{ background:#f9f9f9;}
.c_3{ background:#f5f5f5;}

.choseAll{margin:10px 10px 4px 10px;display:inline-block;vertical-align: middle;}
.choseAll i{right: auto;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    display:inline-block;
    text-align:center;
    margin-right:10px;
    color:#fff;
}
.choseAll:hover i{
border-color: #5FB878;
}
.choseAll.act i{border-color: #5FB878;
    background-color: #5FB878;
    color: #fff;
}

.photos {
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    overflow: auto;
}

    .photos li {
        width: 120px;
        height: 120px;
        float: left;
        overflow: hidden;
        background: #f0f0f0;
        margin: 5px;
        position: relative;
    }

    .photos .p-img .close {
        background: rgba(0,0,0,0.5);
        display: none;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 120px;
        color: #fff;
        cursor: pointer
    }

    .photos .p-img:hover .close {
        display: block
    }

    .photos li img {
        width: 100%;
        height: auto
    }

.layui-btn-photo {
    width: 120px;
    height: 120px;
    text-align: center;
    background: #f0f0f0;
    color: #737373;
    outline: none;
    border: none;
}

    .layui-btn-photo i {
        display: block;
        font-size: 40px;
        padding: 20px 0;
    }

    .layui-btn-photo:hover {
        background: #ccc
    }

/*留言模块样式*/

.moments {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0 50px 0;
}

    .moments .title {
    }

        .moments .title span {
            color: #0A69AA;
            font-size: 30px;
            font-family: Berlin Sans FB Regular;
        }

        .moments .title a {
            display: inline-block;
            float: right;
            margin: 12px 10px;
            padding: 5px 30px;
            border-radius: 10px;
            background: #9ac2db;
            color: #fff;
            font-size: 13px;
        }

            .moments .title a:hover, .moments .title a.act {
                background: #0768a9;
            }

    .moments .content a.more, .myMoments a.more {
        display: block;
        width: 120px;
        line-height: 40px;
        margin: 10px auto;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        background: #0768a9;
    }

.moment_list ul:after {
    display: block;
    content: "";
    clear: both;
}

.moment_list ul li {
    margin: 20px 5%;
    border-bottom: 2px solid #eee;
}

    .moment_list ul li .userHead {
        width: 50px;
        height: 50px;
        float: left;
        border-radius: 50%;
        overflow: hidden;
        background: #f2f2f2;
    }

        .moment_list ul li .userHead img {
            width: 100%;
        }

    .moment_list ul li .userBody {
        margin: 0 0 20px 70px;
    }

        .moment_list ul li .userBody .userName {
            font-size: 18px;
            font-weight: bold;
        }

        .moment_list ul li .userBody span.time {
            color: #999;
        }

        .moment_list ul li .userBody .userText {
            font-size: 14px;
            color: #999;
            line-height: 22px;
            padding: 10px 0;
        }

        .moment_list ul li .userBody .userImgs {
            margin: 0 -1.5%;
        }

            .moment_list ul li .userBody .userImgs .imgs {
                display: inline-block;
                width:200px;
                height: 150px;
                overflow: hidden;
                margin:8px
            }

                .moment_list ul li .userBody .userImgs .imgs img {
                    width: 100%;
                    height: auto;
                }

        .moment_list ul li .userBody .userTips {
            padding: 10px 0;
            letter-spacing: 1px;
        }

            .moment_list ul li .userBody .userTips span {
                display: inline-block;
                margin: 0 40px 0 0;
                font-size: 14px;
                color: #999;
                cursor: pointer;
            }

                .moment_list ul li .userBody .userTips span:before {
                    margin: 0 10px 0 0;
                }

                .moment_list ul li .userBody .userTips span.good.act {
                    color: #f00;
                }

            .moment_list ul li .userBody .userTips a {
                display: inline-block;
                float: right;
                color: #0768A9;
                font-size: 14px;
            }

            .moment_list ul li .userBody .userTips .goods {
                padding: 10px;
            }

            .moment_list ul li .userBody .userTips .coms {
                background: #f9f9f9;
                padding: 10px;
                margin-bottom: 10px;
            }

                .moment_list ul li .userBody .userTips .coms:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                .moment_list ul li .userBody .userTips .coms .pic {
                    float: left;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    overflow: hidden;
                }

                    .moment_list ul li .userBody .userTips .coms .pic img {
                        width: 100%;
                    }

                .moment_list ul li .userBody .userTips .coms span {
                    display: block;
                    margin: 0 0 0 70px;
                }

                .moment_list ul li .userBody .userTips .coms p {
                    margin: 0 0 0 70px;
                }

    .moment_list ul li .comment {
    }

        .moment_list ul li .comment .formBlock {
            background: #f7f7f7;
            padding: 15px;
        }

            .moment_list ul li .comment .formBlock:after {
                display: block;
                content: "";
                clear: both;
            }

            .moment_list ul li .comment .formBlock .img {
                float: left;
                width: 45px;
                height: 45px;
                margin-right: 15px;
                border-radius: 50%;
                background: #ccc;
                overflow: hidden;
            }

                .moment_list ul li .comment .formBlock .img img {
                    width: 100%;
                }

            .moment_list ul li .comment .formBlock .input-item {
                margin: 0 0 0 70px;
            }

                .moment_list ul li .comment .formBlock .input-item input {
                    width: 100%;
                    height: 40px;
                    margin: 2.5px 0;
                    text-indent: 5px;
                    border: 0;
                }

        .moment_list ul li .comment .btnItem {
            padding: 10px 0;
        }

            .moment_list ul li .comment .btnItem a {
                color: #535353;
                display: inline-block;
                padding: 5px 10px;
                border-radius: 5px;
                box-shadow: 1px 1px 2px 1px #eee;
                background-color: white;
            }

                .moment_list ul li .comment .btnItem a i {
                    margin-right: 5px;
                }

            .moment_list ul li .comment .btnItem button {
                float: right;
                width: 100px;
                height: 34px;
                border-radius: 5px;
                background: #0A69AA;
                color: #fff;
                font-size: 14px;
                border: 0;
                outline: none;
            }