@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#555;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all .3s ease-in-out;}
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;}
[v-cloak]{display:none}
body{background:linear-gradient(to right, #6780f8, #45d7eb, #7f95d6)}
html,body,.report_box,.report_l,.report_r{height:100%;}

.report_box{
    display:flex;
    justify-content:space-between;
    position:relative;
}
.report_l{
    flex:0 0 15%;
    background:#3c4298;
}
.report_r{
    flex:1;
    overflow:scroll;
    overflow-x:hidden;
    /* background:url('images/bg.png') center no-repeat; */
}

.report_l .logo img, .report_l .dsb img{
    width:90%;
    margin: auto;
    padding:10px 0;
}
.report_l .dsb img{
    padding:0;
}
.report_l .nav{
    padding:0 10%;
    margin:20px 0;
}
.report_l .nav li{
    font-size:14px;
    color:#b4b9dc;
    text-align:center;
    line-height:32px;
    border-radius:20px;
    margin-bottom:5px;
    cursor:pointer;
    position:relative;
    transition:all .3s ease-in-out;
}
.report_l .nav li::after{
    content:'>';
    font-size:14px;
    font-weight:normal;
    color:#fff;
    position:absolute;
    right:10px;
}
.report_l .nav li:hover{
    color:#fff;
    background:#5f68d7;
}
.report_l .nav .current{
    color:#fff;
    background:#5f68d7;
}

.report_r .bg{
    background:rgba(39, 44, 102, .95);
}
.report_r .top img{
    width:100%;
    background:#3e5ac1;
}
.report_r .takeaway{
    padding:20px 50px;
    margin-top:5px;
}
.report_r .takeaway p{
    color:#b4b9dc;
    text-indent:2em;
    line-height:30px;
    margin-top:20px;
}
.report_r .takeaway p:first-child{
    margin-top:0;
}
.report_r .takeaway p span{
    color:#75fff2;
}
.report_r .top, .report_r .list_box{
    margin-left:30px;
}
.report_r .icon{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:20px 30px;
    margin-top:5px;
}
.report_r .icon div{
    flex:0 0 28%;
    padding:20px;
}
.report_r .icon img{
    width:24%;
    margin: auto;
}
.report_r .icon h2{
    color:#fff;
    text-align:center;
    line-height:40px;
}
.report_r .icon p{
    font-size:12px;
    color:#b4b9dc;
    margin-top:5px;
}
.report_r .bgsm_box{
    padding:20px 30px;
    margin-top:5px;
}
.report_r .bgsm_box h1{
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-align:center;
}
.report_r .bgsm_list{
    width:85%;
    margin:10px auto;
}
.report_r .bgsm_list p{
    color:#b4b9dc;
    line-height:30px;
    margin-top:5px;
}
.report_r .bgsm_list img{
    margin:10px auto;
}
.report_r .category{
    border-radius:10px;
    margin:10px 0 2px 0;
    position:relative;
}
.report_r .category img{
    width:28px;
    position:absolute;
    top:calc(50% - 14px);
    left:10px;
}
.report_r .category h1{
    font-size:18px;
    color:#75fff2;
    line-height:50px;
    letter-spacing:4px;
    padding-left:36px;
}
.report_r .list li{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background:rgba(45, 50, 116, .85);
    padding:20px 50px;
}
.report_r .list li p{
    flex:0 0 46%;
    background:#262c68;
    border-radius:5px;
    margin:5px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all .3s ease-in-out;
}
.report_r .list li a{
    color:#fff;
    line-height:40px;
    padding-left:10px;
    display:inline-block;
    width:100%;
    height:100%;
}
.report_r .list li span{
    color:#b4b9dc;
    line-height:40px;
    padding-left:10px;
}
.report_r .list li p:hover{
    background:#324199;
}
.report_r .list li p:hover a{
    color:#00f8ff;
}
.report_r .rz_list .rz_box{
    flex:0 0 46%;
}
.report_r .rz_list .rz_box p{
    margin-top:10px;
}

.report_box .sub{
    position:fixed;
    right:20px;
    bottom:10%;
    transition:all .3s ease-in-out;
}
.report_box .sub a{
    background:#324199;
    border:#555 solid 1px;
    padding:5px 4px;
    opacity:.75;
    border-radius:4px;
    margin:5px 0;
    display:block;
    cursor:pointer;
}
.report_box .sub img{
    width:80%;
    margin: auto;
}
.report_box .sub p{
    font-size:12px;
    color:#ccc;
    text-align:center;
    margin: auto;
}
.report_box .sub a:hover{
    opacity:1;
}
.report_box .sub a:hover p{
    color:#fff;
}

.report_box .about{
    width:15%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    position:absolute;
    left:0;
    bottom:20px;
}
.report_box .about a{
    flex:0 0 40%;
    font-size:12px;
    color:#b4b9dc;
    text-align:center;
    line-height:26px;
}
.report_box .about a:hover{
    color:#00f8ff;
}
.report_box .about p{
    width:90%;
    font-size:12px;
    color:#888;
    text-align:center;
    line-height:30px;
    border-top:#888 solid 1px;
    margin-top:5px;
}

.report_box .err_bg{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, .75);
    z-index:1000;
}
.report_box .err_box{
    position:fixed;
    width:500px;
    height:400px;
    left:calc(50% - 250px);
    top:calc(50% - 180px);
    background: #FFFFFF;
    z-index:1000;
    text-align:center;
}
.report_box .err_box h1{
    font-size:16px;
    font-weight:bold;
    line-height:40px;
}
.report_box .err_close{
    width:30px;
    height:30px;
    background:#ccc;
    text-align:center;
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    transition:all .3s ease-in-out;
}
.report_box .err_close a{
    font-size:20px;
    line-height:30px;
    display:inline-block;
    width:100%;
    height:100%;
}
.report_box .err_close:hover, .report_box .err_box #apply_action:hover, .report_r .plat a:hover{
    background:#324199
}
.report_box .err_close:hover a, .report_box .err_box #apply_action:hover{
    color:#00f8ff;
}
.report_box .err_box textarea{
    width:70%;
    margin: auto;
    height:240px;
    display:block;
}
.report_box .yzm{
    width:70%;
    margin:10px auto;
    display:flex;
    justify-content:space-between
}
.report_box .yzm input{
    flex:0 0 60%;
    border:#888 solid 1px;
    cursor:auto;
}
.report_box .yzm img{
    cursor:pointer;
}
.report_box .err_box #apply_action{
    width:70%;
    height:30px;
    text-align:center;
    cursor:pointer;
    z-index: 1000;
    background:#ccc;
    border:none;
    border-radius:4px;
    transition:all .3s ease-in-out;
}

/* .report_r .plat{
    display:flex;
    justify-content:space-around;
    background:rgba(45, 50, 116, .85);
    padding:20px 40px;
}
.report_r .plat a{
    flex:0 0 10%;
    padding:10px;
}
.report_r .plat a img{
    width:100%;
    height:36px;
    opacity:.75;
    transition:all .3s ease-in-out;
}
.report_r .plat a:nth-child(2) img{
    width:auto;
}
.report_r .plat a:hover img{
    opacity:1;
} */

@media(max-width:768px){
    html, body, .report_box, .report_l, .report_r{
        height:auto;
    }

    .report_box{
        display:inherit;
    }
    .report_l{
        width:100%;
        position:fixed;
        z-index:999;
    }
    .report_l .logo img{
        width:160px;
        margin:0;
    }
    .report_l .dsb{
        display:none;
    }
    .report_l .nav{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
        border-top:#00f8ff solid 1px;
        box-shadow:0 3px 5px #555;
        padding:0;
        margin:0;
    }
    .report_l .nav li{
        flex:0 0 25%;
        font-size:14px;
        border-radius:0;
        margin:0;
    }
    .report_l .nav li:first-child{
        flex:100%;
    }
    .report_l .nav li::after{
        display:none;
    }

    .report_r .top{
        margin:210px 0 0 0;
    }
    .report_r .top img{
        height:50px;
    }
    .report_r .list_box{
        margin:0;
    }
    .report_r .takeaway{
        padding:10px 20px;
    }
    .report_r .takeaway p, .report_r .takeaway p span{
        font-size:12px;
        line-height:22px;
        text-indent:inherit;
    }
    .report_r .category h1{
        font-size:16px;
        text-align:center;
        line-height:40px;
        padding-left:30px;
    }
    .report_r .category img{
        left:calc(50% - 85px);
    }
    .report_r .list li{
        padding:10px 20px;
    }
    .report_r .list li p{
        flex:100%;
        text-align:center;
        margin:2px 0;
    }
    .report_r .list li p a, .report_r .list li p span{
        font-size:12px;
        line-height:24px;
        padding:0;
    }
    .report_r .rz_list .rz_box{
        flex:100%;
    }
    .report_r .rz_list .rz_box p{
        margin-top:5px;
    }

    .report_r .icon{
        display:inherit;
    }

    .report_r .bgsm_box{
        padding:20px 0;
    }
    .report_r .bgsm_list{
        width:90%;
    }
    .report_r .bgsm_list img{
        width:100%;
    }
    .report_r .bgsm_list p{
        font-size:12px;
        line-height:24px;
    }

    .report_box .sub{
        display:flex;
        justify-content:space-around;
        top:0;
        right:0;
        bottom:auto;
        z-index:999;
    }
    .report_box .sub a{
        background:none;
        border:none;
        opacity:1;
    }
    .report_box .sub img{
        width:70%;
    }
    .report_box .sub p{
        width:auto;
        color:#fff;
    }

    .report_box .about{
        width:100%;
        margin-top:5px;
        padding:20px 0 10px 0;
        background:#3c4298;
        position:initial;
    }
    .report_box .about a{
        flex:0 0 15%;
    }

    .report_box .err_bg{
        width:100%;
        height:100%;
        top:auto;
        left:auto;
        overflow:hidden;
        background:rgba(0, 0, 0, .95)
    }
    .report_box .err_box{
        width:100%;
        left:auto;
    }
    .report_box .err_box textarea{
        width:80%;
    }

    /* .report_r .plat{
        flex-wrap:wrap;
        justify-content:space-between;
        padding:10px;
    }
    .report_r .plat a{
        flex:0 0 28%;
        padding:5px;
    }
    .report_r .plat a:nth-child(2) img{
        width:100%;
    }
    .report_r .plat a img{
        height:30px;
    } */
}