/* 辟邪剑谱 */

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #333;
    /* width: 14.6%; */
    /* margin-right: 2.9%; */
}

body {
    font-family: 微软雅黑;
    background: #f6f6f6;
    /*min-width: 1600px;*/
    /* padding-top: 70px; */
    /*overflow-x: scroll !important;*/
    overflow-x: auto !important;
    margin: 0 auto;
    /*max-width: 1920px;*/
}

ul {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

input,
button,
select {
    outline: none;
    border: none;
}

button:active {
    outline: none;
    border: none;
}

div,
input,
textarea,
li,
select,
option {
    box-sizing: border-box;
}

.swiper-slide img {
    width: 100%;
}

.head {
    width: 100%;
    /* padding: 0 3.125%; */
    height: 70px;
    display: flex;
    align-items: center;
    background: #202020;
    /* position: fixed; */
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
    justify-content: space-between;
    /*min-width: 1600px;*/
    /*max-width: 1920px;*/
}

.logo {
    /* height: 3.34rem; */
    width: 100%;
    /* margin-right: 2.39%; */
    /* margin-top: 0%; */
}

.nav {
    width: 80%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    /* margin-right: 40px; */
    height: 100%;
}

.nali {
    position: relative;
    white-space: nowrap;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 5.2%; */
    /* font-weight: bold; */
}
.hidesear{
    display: flex;
}

.headzzc {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.nav a {
    color: #FAFAFA;
}

.search {
    width: 300px;
    /* padding-left: 18px; */
    display: flex;
    /* overflow: hidden; */
    align-items: center;
    /* background: #fff;
    border-radius: 32px; */
    /* margin-right: 4%; */
    margin-right: 26px;
    border-bottom: 1px solid #ECEBEA;
}
.searchshow{
    display: flex;
    align-items: center;
    font-size: 14px;
color: #FFFFFF;
margin-right: 26px;
}
.searchshow img{
    width: 22px;
    margin-right: 5px;
}

.search .serinp {
    height: 32px;
    width: 170px;
    /* width: 62%; */
    background: transparent;
    /* padding-left: 5px; */
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
}
.search .serinp::placeholder{
    color:#999
}
.top_select .boxbox{
    box-shadow: 0 0 10px #666;
}
.top_select {
    height: 36px;
    /* border-radius: 36px 0 0 36px !important; */
    /*width: 11%;*/
    width: 80px !important;
    /* font-size: .7vw; */
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: #fff;
    /* padding-right: 10px; */
    /* color: #333; */
    appearance: none;
    /* display: flex; */
    -moz-appearance: none;
    -webkit-appearance: none;
    background:url("../pic/home_icon_down@2x.png") no-repeat scroll right center;
    background-size: 12px 8px;
    background-position-x: 51px;
    /* justify-content: end; */
}
.ty_r .sear{
    height: 32px;
}
.shu {
    width: 1px;
    height: 15px;
    background: #FAFAFA;
    /* margin: 0px 9px; */
    /* margin-left: 10px; */
}

.file_search {
    /* width: 12%; */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cram {
    width: 20px;
}
.ty_fade .sear{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13%;
    /*background: #06CD65;*/
    background: #06CD65;
    height: 36px;
    margin-right: 0;
    margin-left: 5px;
    border-radius: 0 36px 36px 0;
}
.sear {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 13%; */
    /*background: #06CD65;*/
    /* background: #06CD65; */
    height: 36px;
    margin-right: 15px;
    /* border-radius: 0 36px 36px 0; */
}
/* .sear:hover{
    background: #06CD65;
} */
.sear img {
    width: 18px;
}

.top_right {
    /* width: 28%; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.t_r {
    color: #fff;
    /* color: #999; */
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 16px;
}
.t_r:hover{
    color: #fff;
}
.addfile:hover .t_r{
    color: #fff;
}
.addcz:hover .t_r{
    color: #fff;
}
.t_r img {
    /* width: .93vw; */
    margin-right: 7px;
    height: 16px;
    position: relative;
    top: 2px;
}

.login {
    width: 38px;
    height: 38px;
    /* width: 1.97vw;

    height: 1.97vw; */
    border-radius: 100%;
    position: relative;
    border: 1px solid #F0C138;
}

.lobox {
    overflow: hidden;
    width: 36px;
    height: 36px;
    /* width: 1.87vw;

    height: 1.87vw; */
    border-radius: 100%;
    border: 1px solid #fff;
}

.lobox .usera {
    width: 100%;
}

.file_search .upload-box-p 
{
    width: 400px !important;
}


.upload-box-p, 
.upload-box-p2 
{
    z-index: 300;
    display: none;
    width: 700px;
    position: absolute;
    background: #fff;
    padding: 20px 20px 12px;
    border-radius:6px;   
}

.upload-box-p{
    top: 54px;
    right: -100%;
}
.upload-box-p2 {
    top: 102px;
    right: 0;
}
.upload-box-btn {
    border: 1px dashed #06CD65;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ECFFF5;

}

.upl {
    width: 166px;
}

.files {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.files .file_btn {
    width: 102px;
}

.files2 {
    width: 102px;
    height: 100%;
    position: absolute;
    opacity: 0;
}

.clo {
    width: 19px;
    position: absolute;
    right: 0;
    top: 6px;
}
/* 头部文件上传弹窗结束 */
/* 登录弹窗开始 */
/* 添加部分---------------------------- */

.addfile {
    position: relative;
}

.addfilealbox {
    position: absolute;
    left: 0;
    top: -12px;
    padding-top: 66px;
    width: 50px;
    display: flex;
    justify-content: center;
}

.addfileal {
    position: absolute;
    /* width: 144px; */
    background: #FFFFFF;
    /* border-radius: 6px; */
    padding: 25px 22px;
    top: 70px;
    display: none;
    box-shadow: 0 0 10px #666;
    border-radius: 6px;
}

.addfileal a {
    font-size: 14px;
    color: #999;
    margin-bottom: 26px;
    white-space: nowrap;
    display: block;
}

.addfileal a:hover {
    color: #06CD65;
}

.addfileal a:nth-last-of-type(1) {
    margin-bottom: 0;
}

.addfial {
    position: relative;
}

.addczbox {
    position: absolute;
    left: 0;
    top: -12px;
    padding-top: 66px;
    width: 50px;
    display: flex;
    justify-content: center;
}

.addcz {
    position: relative;
    bottom: 0;
    transition: all 0.3s;
}
.addcz .t_r{
    /*line-height: 70px;*/
}
.addcz:hover{
    bottom: 6px;
}
.addczal {
    position: absolute;
    padding: 7px 21px 24px;
    background: #FFFFFF;
    /* border-radius: 6px; */
    top: 70px;
    display: none;
    box-shadow: 0 0 10px #666;
    border-radius: 6px;

}

.addcz1 {
    width: 214px;
    height: 60px;
    background: #565656;
    border-radius: 4px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.addcz2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FCA22E;
}

.addcz2 img {
    width: 17px;
    margin-right: 5px;
}

.addczheng {
    width: 48px;
    height: 1px;
    background: #B2B2B2;
    opacity: 0.3;
}

.addcz3 {
    margin: 0 10px;
    color: #fff;
    font-size: 12px;
}

.addcz4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.addczvip {
    width: 214px;
    display: flex;
    flex-wrap: wrap;
}

.addczvips {
    width: 104px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.addczvips:nth-child(odd) {
    margin-right: 6px;
}

.addczvip1 {
    background: #FCF2D3;
    color: #987401;
}

.addczvip2 {
    background: #FFDFE3;
    color: #BE4754;
}

.addczvip3 {
    background: #D2F6EB;
    color: #148F69;
}

.addczvip4 {
    background: #FFECD6;
    color: #B36D00;
}

.addczvips img {
    width: 16px;
    margin-right: 4px;
}

.addczopen {
    position: relative;
}

.addmoremm {
    color: #999;
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
    display: block;
}
/* --- ------------------------------------- */

.addloing {
    position: absolute;
    background: #fff;
    /* border-radius: 5px; */
    width: 228px;
    padding: 15px;
    right: 0;
    top: 70px;
    z-index: 300;
    opacity: 0;
    box-shadow: 0 0 10px #666;
    /*border-radius: 10px;*/
    border-radius: 4px;
}

.login_al {
    position: absolute;
    /*padding-top: 66px;
    width: 40px;
    top: -3px;
    right: -3px;*/
    display: none;

    padding-top: 86px;
    width: 228px;
    top: 27px;
    right: -3px;
}

.sanjiao {
    right: 20px;
    top: -10px;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff;
}

.userimg {
    margin-right: 4px;
    width: 38px;
    border-radius: 100%;
    height: 38px;
    border: 1px solid #DCDCDC;
}

.userbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.user {
    display: flex;
}

.username {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.uname {
    width: 120px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vipby {
    color: #9dafbc;
    font-size: 12px;
}

.viphj {
    color: #f2bc0f;
    font-size: 12px;
}

.vipqt {
    color: #c27d51;
    font-size: 12px;
}

.vip img {
    width: 15px;
    margin-right: 5px;
}

.upvip {
    color: #06CD65;
    font-size: 12px;
    text-decoration: underline;
}

.mon_fen {
    font-size: 14px;
    height: 54px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.self img {
    margin-right: 5px;
}

.self {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}
.self:hover{
    color:#06CD65;
}
.userlist {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between;
}

.shud {
    width: 1px;
    height: 10px;
    background: #eee;
}

.outlogin {
    width: 100%;
    height: 38px;
    font-size: 14px;
    color: #333;
    background: #F4F4F4;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
/* 登录弹窗结束 */
/* 二级菜单 */

.erji {
    left: 0;
    position: absolute;
    background: #fff;
    top: 70px;
    /* top: 45px; */
    padding: 17px 32px 18px 32px;
    z-index: 300;
    box-shadow: 0 0 10px #666;
    border-radius: 10px;
    /* display: none; */
}

.erli {
    display: flex;
    margin-bottom: 4px;
}

.ertitle {
    background: #ECECEC;
    width: 72px;
    height: 28px;
    text-align: right;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    line-height: 28px;
    /*padding-right: 8px;*/
    padding: 0 5px 0 14px;
    margin-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.erlis {
    height: 28px;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    /* line-height: 28px; */
    font-size: 12px;
    /* min-width: 62px; */
    margin-right: 10px;
    /* padding-right: 10px; */
}

.erjishu {
    height: 12px;
    width: 1px;
    background: #DDDDDD;
    position: relative;
    top: 1px;
}

.erlis a {
    /* color: rgb(116, 92, 92); */
    color: #999;
    display: block;
    margin-right: 10px;
}

.erlis a:hover {
    color: #06CD65;
    text-decoration: underline;
}

.erji_act {
    /* background: #06CD65; */
    /* color: #fff; */
}

.erjibox {
    display: none;
}

.act1 .navname {
    color: #fff;
    /* font-size: .86vw; */
}

.main {
    width: 93.75%;
    margin: 0 auto;
    min-width: 1200px;
}
/* 公共脚部 */

.foot {
    background: #222;
    padding-top: 30px;
}

.foot_main {
    width: 81.7%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.foot_left {
    width: 72.8%;
    display: flex;
}

.foot_nav {
    width: 25%;
}

.foot_title {
    font-size: 14px;
    color: #999;
    margin-bottom: 13px;
}

.foot_shu {
    width: 17px;
    height: 1px;
    background: #2E2E2E;
    margin-bottom: 10px;
}

.footli {
    font-size: 12px;
    /* margin-bottom: 15px; */
    height: 27px;
}

.footli:hover {
    /*font-size: 14px;*/
}

.footli a {
    color: #5b5b5b;
    transition: color .3s;
}

.footli:hover a {
    color: #06CD65;
}
.foot_main a{
    color: #5b5b5b;
}
.foot_main a:hover{
    color: #06CD65;
}
.foot_right {
    /* width: 19.1%; */
    display: flex;
}

.foot_ewm {
    width: 139px;
}

.fre {
    text-align: center;
    font-size: 14px;
    color: #999;
}

.fre img {
    margin-bottom: 15px;
}

.foot_con {
    width: 139px;
    height: 139px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.foot_logo {
    width: 100%;
}

.foot_con1 {
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    margin-top: 5px;
}

.foot_con2 {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    /* margin-top: 5px; */
}

.foot_icon {
    display: flex;
    margin-top: 4px;
    position: relative;
}

.foot_icon .foot_wei,
.foot_icon a {
    width: 1.6vw;
    margin-right: 8.5%;
    height: 1.6vw;
}

.foot_icon a img {
    width: 100%;
}
.foot_icon .icon .img2{
    display: none;
}
.foot_icon .icon:hover .img1{
    display: none;
}
.foot_icon .icon:hover .img2{
    display: inline-block;
}
.fewm {
    width:80px;
    position: absolute;
    top: 1.8vw;
    left: -5px;
    display: none;
}

.fzhu {
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    color: #5b5b5b;
    border-top: 1px solid #1A1A1A;
}

.gotop {
    width: 40px;
    border-radius: 5px;
    background: #fff;
    position: fixed;
    top: 30vh;
    right: 10px;
    text-align: center;
    z-index: 300;
}

.addmon {
    width: 100%;
    /* 修改----------------------------------- */
    margin-bottom: 13px;
    /* ---------------------------------------- */
}

.gotop_icon {
    width: 19px;
}

.gotop_name {
    font-size: 12px;
    color: #666;
    text-align: center;
    /* 修改----------------------------------- */
    /* margin-bottom: 7px; */
    /* ---------------------------------------- */
}

.gotop_chat {
    position: relative;
    display: block;
}

.gotop_num {
    padding: 3px;
    background: #06CD65;
    color: #fff;
    font-size: 12px;
    height: 14px;
    border-radius: 14px;
    position: absolute;
    top: -4px;
    display: flex;
    align-items: center;
    right: 0;
}
/* 新增部分---------------------------------------------------- */

.addgotop1 {
    padding: 5px 0;
    display: block;
    position: relative;
}

.addgotopx {
    background: #06CD65;
    color: #fff !important;
}

.addkfalbox,
.addmsgalbox {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 45px;
    height: 50px;
}

.addkfal {
    position: absolute;
    right: 0;
    width: 245px;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 22px 0 0;
    right: 70px;
    display: none;
}

.addpad {
    padding: 0 32px;
}

.addkftitle img {
    width: 20px;
    margin-right: 5px;
}

.addkftitle {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #202020;
}

.addkfal1 {
    font-size: 14px;
    color: #666;
    margin-left: 24px;
    margin: 10px 0 10px 24px;
    display: flex;
    align-items: center;
}

.addkfal1 img {
    width: 12px;
    margin-right: 5px;
    /* position: relative;
    top: 1px; */
}

.addkfewm {
    width: 134px;
    height: 156px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    padding: 10px 12px 0;
    margin-left: 24px;
}

.fkewm {
    width: 109px;
}

.addkfewmname {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #666;
    padding-top: 3px;
}

.addkfewmname img {
    width: 20px;
    margin-right: 5px;
}

.addkfalbott {
    margin-top: 12px;
    padding-top: 13px;
    padding-bottom: 3px;
    border-top: 1px solid #ddd;
}

.addmsgal {
    position: absolute;
    right: 0;
    width: 265px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.11);
    right: 70px;
    display: none;
}

.addmsgaltitle ul {
    display: flex;
}

.addmsgxxk {
    width: 50%;
    position: relative;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #202020;
}

.addmsghengbox {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
}

.addmsgheng {
    width: 32px;
    height: 2px;
}

.addmsghengact {
    background: #06CD65;
}

#addcontainer {
    padding: 0 30px;
    width: 265px;
    background: #FAFAFA;
    border-radius: 0px 0px 6px 6px;
}

.addmsgli {
    height: 40px;
    border-bottom: 1px solid #Ddd;
    line-height: 40px;
    font-size: 14px;
    color: #202020;
    text-align: left;
}

.addmsgmore {
    height: 62px;
    line-height: 62px;
    font-size: 14px;
    color: #202020;
    text-align: right;
    display: block;
}
/* -------------------------------------------------------------- */

.gotop_icon2 {
    width: 14px;
    /* margin-top: 19px; */
}

.glist {
    display: flex;
}

.gli {
    width: 15.83%;
    margin-right: 1%;
    /* overflow: hidden; */
    border-radius: 4px;
    transition: all .2s linear;
    display: block;
    /* 新加内容------------------------- */
    position: relative;
    /* -------------------------------- */
    border-radius: 6px;
    bottom: 0;
    /* overflow: hidden; */
    background: #fff;
}
.glist_3d .gli:nth-child(6n){
    margin-right: 0;
}
/* 新加内容----------------------- */

.common_show_preview {
    position: absolute;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 13px #ccc;
    border-radius: 4px;
    z-index: 7000;
    opacity: 1;
    display: none;
    width: 500px;
}

.common_show_preview ul {
    height: 35px;
}

.common_show_preview ul .preview_title {
    float: left;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.common_show_preview ul .preview_money {
    float: right;
    color: #999;
}

.common_show_preview img {
    width: 100%;
}
/* ------------------------ */

.gli:hover {
    /* box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .08); */
    /*box-shadow: 0 8px 15px 0 rgb(0 0 0 / 15%);*/
    box-shadow:0 8px 15px 0 rgba(0,0,0,.15);
    /*transform:translateY(-5px);*/
    bottom: 5px;
}

.gpic {
    width: 100%;
    height: 285px;
    border-radius: 6px 6px 0 0;
    object-fit: cover;
}

.ginfo {
    width: 100%;
    height: 66px;
    padding: 12px 14px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: -4px;
    border-radius: 0 0 6px 6px;
}

.gname {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gname:hover{
    color:#06CD65;
}
.gli:hover .gname{
    color:#06CD65;
}
.gtip_vr {
    color: #fb9e71;
    border: 1px solid #fb9e71;
    border-radius: 5px;
    font-size: 12px;
    /*width: 50px;*/
    /*width: 0px;*/
    padding: 0 5px 0 5px;
    height: 18px;
    text-align: center;
    line-height: 16px;
}

.gtip_cr {
    color: #78ca84;
    border: 1px solid #78ca84;
    border-radius: 5px;
    font-size: 12px;
    width: 30px;
    height: 18px;
    text-align: center;
    line-height: 16px;
}

.gtip_all {
    color: #7895CA;
    border: 1px solid #7895CA;
    border-radius: 5px;
    font-size: 12px;
    width: 54px;
    height: 18px;
    text-align: center;
    line-height: 16px;
}

.ginfo2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gid,
.gid a {
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gname:hover{
    color:#06CD65;
}
.gid img {
    margin-left: 15px;
    margin-right: 4px;
}

.zzc {
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    display: none;
}

.zzc2 {
    background: rgba(0, 0, 0, .45);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    display: none;
}

.credital {
    width: 540px;
    height: 194px;
    position: fixed;
    left: calc(50% - 270px);
    top: 20vh;
    background: #fff;
    z-index: 300;
    display: none;
}

.buy_top {
    height: 46px;
    text-align: center;
    line-height: 46px;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
}

.buy_title {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: bold;
    background: #F0F0F0;
}

.close {
    position: absolute;
    width: 10px;
    right: 27px;
    top: 18px;
}

.cre_m {
    font-size: 16px;
    color: #4e4e4e;
    text-align: center;
    margin: 30px 0;
}

.closs {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #E80D01;
    margin: 0 auto;
    border-radius: 5px;
}

.loginal {
    width: 380px;
    height: 507px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    top: 20vh;
    left: calc(50% - 190px);
    z-index: 300;
    padding: 40px 50px 25px;
    display: none;
}

.loginal_title {
    font-size: 14px;
    font-weight: bold;
    color: #06CD65;
    text-align: center;
    margin-bottom: 10px;
}

.loginal_heng {
    width: 40px;
    height: 2px;
    background: #06CD65;
    margin: 0 auto 25px;
}

.login_inp {
    position: relative;
}

.login_icon {
    position: absolute;
    width: 22px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.login_inps {
    width: 100%;
    height: 42px;
    font-size: 14px;
    padding-left: 35px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 30px;
}

.login_inps:focus {
    border-bottom: 1px solid #06CD65;
    color: #06CD65;
}

.login1_btn {
    width: 100%;
    height: 38px;
    color: #fff;
    background: #06CD65;
    border-right: 5px;
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 14px;
    font-family: 微软雅黑 !important;
}

.login1_rem {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.login1_rem a {
    color: #555;
}

.login1_orther {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #777;
    font-size: 12px;
    margin-top: 35px;
    margin-bottom: 22px;
}

.login1_heng {
    height: 1px;
    background: #E3E3E3;
    width: 70px;
}

.login1_ot,
.l1_ot_l {
    display: flex;
    align-items: center;
    color: #555555;
    font-size: 12px;
}

.login1_ot {
    justify-content: center;
}

.l1_ot_l img {
    width: 34px;
    margin-right: 10px;
}

.loginxy {
    font-size: 12px;
    color: #878787;
    text-align: center;
    margin-top: 30px;
}

.loginxy span {
    color: #06CD65;
}

.login1_close {
    position: absolute;
    width: 22px;
    /*left: 179px;
    bottom: -37px;*/
    right: 20px;
    top: 20px;
}

.log {
    cursor: pointer;
}

.gologin {
    font-size: 12px;
    color: #555;
    cursor: pointer;
}

.gologin span {
    color: #06CD65;
    text-decoration: underline;
}

.loginal2,
.loginal3,
.loginal4 {
    height: 602px !important;
}

.loginal2 .login_inps,
.loginal3 .login_inps {
    margin-bottom: 15px !important;
}

.rem {
    cursor: pointer;
}

.log_yzm {
    height: 42px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #06CD65;
    cursor: pointer;
}

.log_notice {
    position: absolute;
    right: 0;
    bottom: -5px;
    font-size: 12px;
    color: #06CD65;
    z-index: 300;
}

.log_notice img {
    width: 12px;
    margin-right: 5px;
}

.container-fluid {
    margin-bottom: 10px;
}

.slidercaptcha {
    margin: 0 auto;
    border-radius: 4px;
}

.slidercaptcha canvas:first-child {
    margin-bottom: 15px;
}

.slidercaptcha.card .card-header {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
    top: -54px;
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #9D9D9D;
}

body::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #C5C5C5;
}

.head_left {
    width: 60%;
    display: flex;
    height: 70px;
    align-items: center;
}

.head_right {
    width: 38%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 70px;
}

.navbox_head {
    height: 100%;
}

.gli a {
    display: block;
    /*border-radius: 6px;*/
    overflow: hidden;
}

.addre_3d a:hover {
    color: #06CD65;
}



.flex-items{
    display: flex;
    align-items: center;
}
.cursor {
    cursor: pointer;
}

.ginfo2 .operat{
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.ginfo2 .operat span{
    color: #999;
    font-size: 12px;
    cursor: pointer;
}
.ginfo2 .operat .download{
    padding-left: 16px;
    background: url('../pic/down.png') no-repeat left center;
    background-size: 12px;
}
.ginfo2 .operat .download.active{
    color: #06CD65;
    background: url('../pic/downed.png') no-repeat left center;
    background-size: 12px;
}
.ginfo2 .operat .download:hover{
    color: #06CD65;
    background: url('../pic/downed.png') no-repeat left center;
    background-size: 12px;
}
.ginfo2 .operat .collect{
    padding-left: 18px;
    margin-left: 15px;
    background: url('../pic/sc.png') no-repeat left center;
    background-size: 14px;
}
.ginfo2 .operat .collect:hover{
    color: #06CD65;
    background: url('../pic/sced.png') no-repeat left center;
    background-size: 14px;
}

.ginfo2 .operat .collect.active{
    color: #06CD65;
    background: url('../pic/sced.png') no-repeat left center;
    background-size: 14px;
}


/*绿色*/
.gtip_vr.green{
    color: #78CA84;
    border: 1px solid #78CA84;
}


/*蓝色*/
.gtip_vr.blue{
    color: #7895CA;
    border: 1px solid #7895CA;
}




.search-title{
    background: rgba(0,0,0,0.6);
    padding: 0 10px;
    line-height: 34px;
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translate(-50%,0);
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999;
    border-radius: 5px;
    display: none;
}
.file_search:hover .search-title{
    display: block;
}






.swiper-container{
    /*max-width: 1800px;*/
}


.main{
    width: 1800px;
    margin: 0 auto;
}
.foot_main{
    width: 1500px;
}

@media only screen and (max-width: 1800px){
    .main,.foot_main {
        width: 1500px;
    }
}


@media only screen and (max-width: 1500px){
    .main,.foot_main {
        width: 1200px;
    }
    .head_left{
        width: 52%;
    }
}


.navactheng{
    width: 30px;
height: 4px;
background: #06CD65;
position: absolute;
display: none;
bottom: 4px;
}