@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.3s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#0f1318;}
a:hover{color:#2e8ded;}


/*top*/
.topbg{
    width:100%;
    height:40px;
    background:#fff;
}
.top{
    max-width:1200px;
    margin: auto;
}
.top .logo{
    float:left;
}
.top .logo img{
    height:40px;
}
.top_btn{
    float:right;
    position: relative;
    height: 40px
}


/*btn*/
.btn{
    max-width:1190px;
    margin: auto;
    margin-top:30px;
    background:#ddd;
    display:flex;
    justify-content:space-around;
}
.btn li{
    flex:1;
    font-weight:bold;
    color:#333;
    text-align:center;
    line-height:38px;
    cursor:pointer;
    transition:all 0.3s;
}
.btn li:hover{
    background:#2e8ded;
    color:#fff;
}
.btn .current{
    background:#2e8ded;
    color:#fff;
}


/*标题*/
.title{
    max-width:1190px;
    margin: auto;
    background:#0068b7;
    height:60px;
    margin-top:10px;
    display:none;
}
.title h1{
    color:#fff;
    line-height:60px;
    text-align:center;
    font-size:28px;
    font-weight:bold;
}


/*showbox*/
.showbox{
    max-width:1200px;
    margin: auto;
    margin-top:10px;
}
.box{
    float:left;
    width:1190px;
    min-height:300px;
    padding:0 5px;
}
.box ul{
    height:50px;
    transition:all 0.3s;
}
.box ul:first-child{
    background:#000;
}
.box ul:nth-child(even){
    background:#1c2127;
}
.showbox .box:first-child ul li{
    line-height:50px;
    font-weight:600;
    float:left;
    padding-left:10px;
}
.box ul li a{
    color:#888;
}
.box ul li a:hover{
    color:#2e8ded;
}
.box ul:nth-child(1) li{
    color:#2e8ded !important;
    font-size:16px;
    font-weight:bold;
}
.box ul li:last-child a{
    width:30%;
    height:50px;
    float:left;
    display:block;
}
.box .list{
    height:auto;
    margin-bottom:10px;
    background:none !important;
}
.box .list li{
    float:left;
    font-size:1em !important;
    padding:0 10px;
    margin-right:10px;
    line-height:30px;
    cursor:pointer;
    transition:all 0.3s;
}
.box .list li:hover{
    background:#2e8ded;
    color:#fff !important;
}
.box .list .current{
    background:#2e8ded;
    color:#fff !important;
}
.boxscroll{
    overflow:scroll;
    overflow-y:hidden;
}



/*股价*/
#gj li:first-child{
    width:18%;
}
#gj li{
    width:12.68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*用户*/
.yhdh h1{
    font-size:14px;
    font-weight:bold;
    float:left;
    color:#fff;
    line-height:30px;
    margin-left:10px;
}
.yhdh .yh_nav li{
    float:left;
    color:#2e8ded;
    font-size:14px;
    font-weight:bold;
    padding: 0 10px;
    margin-right: 10px;
    line-height: 30px;
    cursor: pointer;
    transition: all 0.3s;
}
.yh_nav .current{
    background:#2e8ded;
    color:#fff !important;
}
#yh_hy ul{
    display:none;
}
#yh_time ul{
    display:none;
}
.yhtime_list{
    padding-left:55px;
    margin-top:10px;
}
.yh_nav .yhtime_list li{
    font-weight:normal;
    color:#aaa;
}
.yh_nav .yhtime_list .current2{
    color:#2e8ded;
}
#more{
    width:100%;
    font-size:20px;
    line-height:40px;
    text-align:center;
    color:#eee;
    background:#2e8ded;
    opacity:0.75;
    transition:all 0.5s;
}
#more:hover{
    opacity:1;
}

/*layui*/
table{
    text-align:center;
    border:0;
}
table th{
    background:#000;
}
table tr th span{
    font-size:16px;
    font-weight:bold;
    color:#2e8ded;
}
table tr{
    height:50px;
    color:#eee;
}
table tr td{
    line-height:50px;
}
table tr:nth-child(odd){
    background:#0f1318;
}
table tr:nth-child(even){
    background:#1c2127;
}
table tr a{
    width:33.33%;
    height:38px;
    display:block;
    float:left;
    color:#eee;
    transition:all 0.3s;
}
table tr a:hover{
    color:#2e8ded;
}
th div{
    margin: auto;
}
.layui-table{
    width:100% !important;
}
.layui-table thead tr{
    border:none;
}
.layui-table-header{
    border:none;
    border-width:0px !important;
    overflow:hidden;
    background-color:none;
}
.layui-form,.layui-border-box,.layui-table-view{
    border:none;
    border-width:0px !important;
}
.layui-table-body{
    overflow:hidden !important;
}
/* .layui-table-hover{
    background-color:rgba(0,0,0, 0.75) !important;
    background:rgba(0,0,0, 0.75) !important;
} */
.layui-layer-title{
    text-align:center;
}
.layui-table img{
    height:38px;
}
.layui-layer{
    background:#000;
}


/*check对比*/
.check{
    position:fixed;
    right:-120px;
    top:50%;
    background:rgba(0,0,0, 0.75);
    z-index:998;
    width:120px;
    height:130px;
    transition:all 0.3s;
}
.check_btn{
    height:40px;
    background:#000;
}
.check_btn h1{
    line-height:40px;
    font-size:16px;
    text-align:center;
    color:#2e8ded;
}
.check_btn input{
    background:#1d2228;
    color:#eee;
    line-height:30px;
    width:100px;
    margin:5px 10px;
    transition:all 0.3s;
}
.check_btn input:hover{
    color:#2e8ded;
}
.move{
    right:0;
}


/*echarts图表*/
.charts{
    /*position:relative;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:rgba(0,0,0, 0.85);*/
    display:none;
}
.mainbox{
    width:1000px;
    margin: auto;
    height:600px;
    overflow-x:hidden;
}
.tabExc{
    background:rgba(28, 32, 38, 0.85);
    color:#eee;
    overflow:hidden;
    position:relative;
    z-index:999;
}
.tabExc .current{
    background:#2e8ded;
}
.tabExc li{
    /* float:left; */
    width:100%;
    box-sizing:border-box;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.3s;
}
.tabExc li:hover{
    background:#2e8ded;
}
.field{
    position:absolute;
    top:-40px;
    left:0;
    width:300px;
    height:40px;
    overflow:hidden;
    background:rgba(28, 32, 38, 0.85);
    z-index:999;
    transition:all 0.3s;
}
.field span{
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    text-align:center;
    color:#2e8ded;
    display:block;
    cursor:pointer;
}
.field::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #2e8ded;
    border-bottom: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 17px;
    right: 20px;
}
/* .field:hover{
    height:auto;
} */


/*图表LOGO*/
.e-logo{
    width:300px;
    height:200px;
    position:absolute;
    top:40%;
    left:40%;
    display:none;
    background-image: url(../images/unicorn-bg2.png);
}


/*top_btn*/
.My-title, .My-fot {
    display: none;
    background-color: #0068B7;
    padding: 0px 170px 0px 170px;
    overflow:hidden;
}
.My-title p, .My-fot p {
    line-height: 70px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.My-fot p:nth-of-type(1) {
    float: left;
}
.My-fot p {
    font-size: 18px;
    line-height: 50px;
}
.My-fot p:nth-of-type(2) {
    float: right;
}
.showbox .active table th{
    background: #fff;
    overflow:hidden;
    color:#262f44;
    border-bottom: 1px solid #0068B7;
    border-left: 1px solid #0068B7;
}
.showbox .active table tr td{
    border-bottom: 1px solid #0068B7;
    border-left: 1px solid #0068B7;
    color:#262f44;
}
.showbox .active table tr:first-child{
    border-top: 1px solid #0068B7;
}
.showbox .active table tr:nth-child(odd){
    background:#fff;
}
.showbox .active table tr:nth-child(even){
    background:#b2d1ea;
}
.showbox .active table tr a{
    color:#262f44;
}
.My-syh {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 60px;
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
    /* border: 1px solid #999; */
    border-radius: 15px;
    cursor: pointer;
    background-color: #E6E3E3;
    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.32);
    overflow: hidden;
}
.My-box {
    position: absolute;
    left: -35px;
    top: 0;
    width: 60px;
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 15px;
    background-color: rgba(92, 168, 255, 1);
    box-shadow: inset 0 0 10px 2px rgba(5, 122, 255, .8), inset 0 0 10px 2px rgba(5, 122, 255, .5), inset 0 0 5px 1px rgba(5, 122, 255, .2);
    transition: all .3s;
}
.My-open .My-box {
    left: 0;
}
.My-cir {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 27px;
    height: 27px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.1), inset 0 0 5px 0px rgba(0, 0, 0, 0.2), inset 0 0 5px 0px rgba(0, 0, 0, 0.2), 0 0 10px 2px rgba(0, 0, 0, 0.1);
}


/*底部*/
.footer{ width:100%; background: #333; clear:both; padding-top:30px; margin-top:30px;}
.main{position:relative; max-width:1200px; margin:0 auto; height:auto;}
.bottom{ float:left; height:auto; border-bottom:1px solid #999}
.bottom li{ float:left; margin:0px 15px; border-top:2px solid #333; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear;-webkit-transition: all .3s linear;}
.bottom li a{ font-size:14px; color: #CCC; text-decoration:none; line-height:50px}
.bottom li:hover{ border-top:2px solid #F90}
.bottom li:nth-child(9){display:none;}
.bottom li:nth-child(10){display:none;}
.ewm1{ float:right; margin-left:40px}
.ewm1 p{ color: #666; font-size:13px; margin-top:10px; text-align:center}
.bottom2{ float:left; height:auto}
.bottom2 li{ float:left; margin:0px 5px;}
.bottom2 li a{ font-size:13px; color: #CCC; text-decoration:none; line-height:50px}
.bottom2 li a:hover{color:#00FFFF}

@media(max-width:1200px){
    /*btn*/
    .top_btn{display:none;}
    .btn{margin-top:10px;background:none;}
    .btn li{width:49%;margin:5px;color:#888;}

    /*box*/
    .showbox{width:100%;overflow:scroll;overflow-y:hidden;}

    #gj{width:98%;margin: auto;}
    #gj ul li{width:12.6%;padding-left:5px;font-size:12px;font-weight:normal;}
    #gj ul li span{font-size:12px;margin-left:5px;}
    #gj ul li:nth-child(1){width:20%;}
    
    /*弹出层*/
    .layui-layer{width:96% !important;left:2% !important;}
    .tabExc{background:#111;}
    .layui-layer-setwin{top:50px !important;right:40px !important;}
    .layui-layer-content{top:60px;}
    .field{width:200px;height:40px;}
    .field span{font-size:14px;line-height:40px;}
    .tabExc li{font-size:14px;line-height:30px;}

    /*底部*/
    .bottom li{margin:0 13px;}
    .bottom li:nth-child(9){display:block;}
    .bottom li:nth-child(10){display:block;}
    .ewm{display:none;}
}

@media(max-width:768px){
    .btn li{width:48.6%;}
    #gj ul li{width:12.2%;}
    #gj ul li:nth-child(1){width:30%;}
    #gj ul li:nth-child(7){display:none;}
    .mainbox{width:748px;}
}

@media(max-width:414px){
    .btn li{width:47.5%;}
    #gj ul li{width:18.2%;}
    #gj ul li:nth-child(1){width:40%;}
    #gj ul li:nth-child(2){display:none;}
    #gj ul li:nth-child(4){display:none;}
    .mainbox{width:394px;}
}

@media(max-width:375px){
    .btn li{width:47.3%;}
    #gj ul li{width:18%;}
    .mainbox{width:355px;}
}

@media(max-width:360px){
    .btn li{width:47.2%;}
    .mainbox{width:340px;}
}

@media(max-width:320px){
    #gj ul li{width:17.8%;}
    .btn li{width:46.8%;}
    .mainbox{width:300px;}
}