* {
    margin: 0;
    padding: 0;
}
html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    position: relative;
}
body {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*padding: 0 60px 0 40px;*/
    background: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei,Arial, Helvetica, sans-serif;
    color: #333;
    background: rgb(14, 14, 14);
}
a {
    color: rgb(123, 123, 123);
    text-decoration: none;
    cursor:pointer;
}

    a:hover {
        color: #0094ff;
    }

ul {
    list-style: none;
}

img {
    border: none;
}
.clear {
    clear: both;
}
.text-right {
    text-align: right;
}
.text14{
    font-size:14px;
}
.text12 {
    font-size: 12px;
}
.textcu {
    font-weight:bold;
}
.textnormal {
    font-weight: normal;
}
.textpointer {
    cursor: pointer;
}
.hei {
    color: rgb(76, 76, 76) !important;
}
.color-chen {
    color: rgb(217, 69, 0) !important;
}
.color-lv {
    color: rgb(67, 212, 108) !important;
}
.top {
    width: 100%;
    height: 150px;
    border: 0px solid #ffd800;
    padding: 76px 20px 15px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left:0px;
    background: rgb(14, 14, 14);
    z-index: 999;
}
.topbody {
    width: calc(100% - 80px);
    position: relative;
    line-height: 40px;
    margin-left:40px;
}
.logo {
    position:absolute;
    top:0px;
    left:0px;
    width: 200px;
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;

}
.top-menu {
    position: absolute;
    top: 0px;
    left: 210px;
    width: 550px;
    color: rgb(123, 123, 123);
    
}
.now-page {
    color: rgb(213, 213, 213);
}
.top-user {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    color: rgb(123, 123, 123);
}
.top-searchbox {
    margin-left: 750px;
    margin-right: 250px;
    border: 0px solid #ffd800;
}
.topspace{
    width:100px;
    height:130px;
}
.content-box{
    position:relative;
}
.top-searchbox .el-input__inner {
    background-color: #333333;
    border: 1px solid #333333;
    color: #fff !important;
}
    .top-searchbox .el-input__inner:focus {
        background-color: #333333;
        border: 1px solid #333333;
    }
.top-searchbox .el-input__icon {
    cursor: pointer;
}
.top-searchbox .el-select .el-input {
    width: 100px;
}
.top-searchbox .input-with-select .el-input-group__prepend {
    background-color: #fff;
}
/*首页开始*/
.index-body {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 60px 0 40px;
    background: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei,Arial, Helvetica, sans-serif;
    color: #333;
    background: rgb(14, 14, 14);
}
.index-leftbox {
    position: fixed;
    left: 40px;
    top: 150px;
    width: 220px;
    height: calc(100vh - 150px);
    box-sizing: border-box;
    /*    background: #ff6a00;*/
    padding-top: 0px;
    padding-left: 20px;
    overflow: auto;
    /* Firefox 隐藏滚动条 */
    scrollbar-width: none;
    /* 针对Chrome/Safari/Edge的隐藏方案 */
    -ms-overflow-style: none;
}
/* 针对Chrome/Safari/Edge的隐藏方案 */
    .index-leftbox::-webkit-scrollbar {
        display: none;
    }

    .index-leftbox .left {
        background: #212121;
        border-radius: 3px;
        padding: 12px;
        margin-bottom:5px;
    }
    .index-leftbox .title {
        color:#d0d0d0;
        margin-bottom:20px;

    }
    .index-leftbox .checkbox {
        font-size: 14px;
        color: #d0d0d0;
    }
    .index-leftbox .class {
        color: #d0d0d0;
        line-height: 25px;
        padding-top: 1px;
        box-sizing: border-box;
    }
        .joinus {
            width: 100%;
            margin-bottom: 5px;
        }
    .linkheight{
        line-height:25px;
    }

.index-main {
    margin-top: 150px;
    margin-left: 230px;
/*    background: #ff6a00;*/
    box-sizing: border-box;
}
/*首页结束*/

/*风格码开始*/
.style-body {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 60px 0 40px;
    background: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei,Arial, Helvetica, sans-serif;
    color: #333;
    background: rgb(241, 241, 241);
    min-height:100vh;
    height:auto;
}
.style-leftbox {
    position: fixed;
    left: 40px;
    top: 170px;
    width: 220px;
    height: calc(100vh - 170px);
    box-sizing: border-box;
    /*    background: #ff6a00;*/
    padding-top: 0px;
    padding-left: 20px;
    overflow: auto;
    /* Firefox 隐藏滚动条 */
    scrollbar-width: none;
    /* 针对Chrome/Safari/Edge的隐藏方案 */
    -ms-overflow-style: none;
}
    .style-leftbox .left {
        border-radius: 3px;
        padding: 12px;
        margin-bottom: 5px;
    }

    .style-leftbox .title {
        color: #d0d0d0;
        margin-bottom: 20px;
    }

    .style-leftbox .checkbox {
        font-size: 14px;
        color: #d0d0d0;
    }

    .style-leftbox .class {
        color: #d0d0d0;
        line-height: 25px;
        padding-top: 1px;
        box-sizing: border-box;
    }
.style-main {
    margin-top: 150px;
    margin-left: 230px;
    /*    background: #ff6a00;*/
    box-sizing: border-box;
    padding-top:32px;
}
/*风格码结束*/