.shares-con{
    position: absolute;
    width: 79.17%;
    height: 78.53%;
    background-color: rgba(255,255,255,0.8);
    top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    display: flex;justify-content: center;
}
.index-intro-title{
    font-size: 0.42rem;
    color: #333333;
    margin-bottom: 0.08rem;
    letter-spacing: 0.03rem;
    font-weight: bold;
}
.index-intro-en{
    font-size: 0.25rem;color: #666666;
}
.shares-code{
    font-size: 0.8rem;color: #0F6FC7
}
.shares-name{
    display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 0.2rem; margin-top: 4.02%;
}
.shares-data-con{
    display: flex;justify-content: space-between;color: #EB3133;height: 1.26rem;align-items: center;
}
.shares-img{
    height: 0.75rem;margin-right: 0.15rem
}
.time{
    font-size: 0.30rem;color: #999999;flex: 1;display: flex;align-items: center;
}
.shares-data{
    width: 23%;
}
._32size{
    font-size: 0.32rem;color: #666666;
}
._42size{
    font-size: 0.5rem;
}
.investor-contact-con{
    width: 79.17%;display: flex;margin: 0 auto 1rem
}
.investor-contact-item{
    width: 50%;background-color: #F3F3F3;display: flex;align-items: center;color: #666666;justify-content: center;
}
.contact-info{
    font-size: 0.25rem;display: flex;align-items: center;margin-bottom: 0.25rem;white-space: nowrap;word-break: break-all;
}
.contact-info img{
    width: 0.42rem;margin-right: 0.28rem;
}
.lighter{
    font-family: sans-serif;
    font-weight: lighter;
}
.notice-table{
    width: 79.17%;margin: 0 auto
}

.layui-table[lay-even] tr:nth-child(even) {
    background-color: #F0F6FC!important;
}
.layui-table thead tr,  .layui-table-header{
    background-color: #0F6FC7 !important;
    color: #fff !important;
}
.layui-table-header th {
    text-align: center;
}
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 0.1rem 0;
}
.layui-table-header .layui-table-cell{
    font-size: 0.2rem;
}
.layui-table-cell:hover{
    cursor: pointer;
}
.layui-table-view{
    border: none !important;
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: #e6e6e6; */
}
._select{
    display: inline-block;
    position: relative;
    padding: 0.07rem 0.14rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
}
._select img{
    width: 0.08rem;vertical-align: middle
}
._select-option{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    min-width: 1.6rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,0.18);
    margin-bottom: 2px;
}
._select-option li{
    padding: 5px 15px;
}
._select-option .active{
    background-color: #0F6FC7;
}
.page-con{
    position: relative;display: flex;align-items: center;justify-content: center
}
.page-info{
    position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #666666;font-size: 0.2rem;
}
.page-nu{
    color: #000000;
}
._select:hover,._select-option li:hover{
    cursor: pointer;
}
.table-tab{
    display: inline-block;width: 1.2rem;height: 0.5rem;line-height: 0.5rem;text-align: center;font-size: 0.2rem
}
.table-tab:hover{
    cursor: pointer;
}
.table-tab.active{
    background-color: #0F6FC7;
    color: #FFFFFF;
}
.layui-laypage a{
    display: none;
}

.layui-laypage .layui-laypage-curr, .layui-laypage .layui-laypage-next, .layui-laypage .layui-laypage-prev {
    display: inline-block;
}
.layui-laypage .layui-laypage-curr {
    position: relative;
}
.layui-laypage a, .layui-laypage span {
    border: none;
    height: 0.45rem;
    width: 0.45rem;
    line-height: 0.45rem;
}
.layui-laypage .layui-laypage-curr,.layui-laypage .layui-laypage-next,.layui-laypage .layui-laypage-prev{
    display: inline-block;
}
.layui-laypage .layui-laypage-curr em{
    color: #000000;
    padding: 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: none;
    border:1px solid rgba(187, 187, 187, 0.51);
}
.layui-laypage a.layui-laypage-prev,.layui-laypage a.layui-laypage-next{
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #F3F3F3;
    font-family: serif,cursive,monospace;
    border:1px solid #F3F3F3;
    margin-bottom: 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    left: -2px;
    top: -2px;
}

.layui-laypage-skip .layui-laypage-btn{
    display: none!important;
}
.layui-laypage span.layui-laypage-skip{
    margin: 0!important;
}
.layui-laypage input {
    margin: -0.11rem 0.04rem 0;
    border-radius: 0;
    height: 0.52rem;
    width: 0.52rem;
    padding: 0;
}
@media screen and (max-width: 1367px){
    .layui-laypage input {
        margin: -0.01rem 0.04rem 0;
        border-radius: 0;
        height: 0.54rem;
        width: 0.54rem;
        padding: 0 ;
    }
    .layui-table-cell {
        font-size: 0.21rem !important;
    }
}
@media screen and (max-width: 1023px){
    .layui-laypage input {
        margin: 0.04rem 0.04rem 0;
    }
}

@media screen and (max-width: 450px){
    .layui-table-view .layui-table td, .layui-table-view .layui-table th {
        padding: 5px 0;
    }
    .layui-table-cell {
        height: 20px;
        line-height: 20px;
        padding: 0 15px;
        position: relative;
        box-sizing: border-box;
        font-size: 10px !important;
    }
    .layui-laypage a.layui-laypage-prev,.layui-laypage a.layui-laypage-next{
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .layui-laypage a, .layui-laypage span {
        border: none;
        height: 0.75rem;
        width: 0.75rem;
        line-height: 0.75rem;
    }
    .layui-laypage input {
        margin: 0.13rem 0.04rem 0;
        border-radius: 0;
        height: 0.9rem;
        width: 0.9rem;
        padding: 0;
    }
}
@media screen and (max-width: 1023px){
    @media all and (-moz-device-pixel-ratio: 3),(-webkit-device-pixel-ratio: 3),(resolution: 3dppx),(-moz-device-pixel-ratio: 2),(-webkit-device-pixel-ratio: 2),(resolution: 2dppx) {
        .shares-con {
            width: 79.17%;
            height: 88.53%;
        }
    }
}