body{color: #1c1d1f;}
.col-space-65{margin: -32.5px}
/* .col-space-65>*{padding: 32.5px;} */
.col-6{width: 49%;float: left;box-sizing: border-box}
.col-6:not(:last-child){margin-right: 20px;}
/* .col-6:last-child{width: 66%;} */
.f16{font-size: 16px}
.f18{font-size: 18px}
.f22{font-size: 22px}
.f24{font-size: 24px;}
.f28{font-size: 28px}

/* .underline:after{content:'';display: block;width: 0;height: 1px;background-color: #2981ff;transition: width .3s} */
.underline:hover:after{width: 100%}
a.underline:hover {color: #2981ff;}
.purple{color:#5a65e7;transition: color .3s}
.purple:hover{color: #444db9}


.banner{height: 440px;background-image: url(/web/zuiyun/assets/images/38969363-reportcenter-banner.jpg);background-position: center center;background-size: auto 100%;position: relative}
.banner-ani{width: 1080px;margin: 0 auto;display: table;position: absolute;top: 8%;left: 50%;transform: translateX(-50%);height: 100%;}
.banner-ani>*{display: table-cell;vertical-align: middle}
.banner-info{width: 100%;color: #fff;text-align: center;position: static;transform: none;}
.banner-info h2{font-weight: bold;font-size: 32px}
.banner-info p{font-size: 14px;margin-top: 15px;white-space: nowrap;}
.banner-img{text-align: right}

.content{padding: 100px 0;background-color: #f6f7fb;}
.tab-nav{width: 1180px;margin:0 auto 24px;font-size: 0}
.tab-nav li{display: inline-block;width: calc(25% - 15px);font-size: 16px;margin-right: 20px}
.tab-nav li:last-child{margin-right: 0}
.tab-nav li a.btn{display: block;padding: 0 10px;border-radius: 4px;background-color: #ffffff;line-height: 58px;text-align: center;color:#323235;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: text;}
.tab-nav li a.btn:hover{background: url(/web/zuiyun/assets/images/a1d87393-report_nav_bg.png);color: #fff;cursor: pointer;}

.card-list{width: 1180px;margin:0 auto}
.card-list:after{content:'';display: table;width: 100%}
a.card{display: block}
/* .col-12 .card {margin-bottom: 24px;} */
.card{background-color: #fff;/*box-shadow: 0 0 15px rgba(182,182,182,0.4);*/border-radius: 6px;/*padding: 40px 26px 40px 33px*/}
.card>*:last-child{margin-bottom: 0}
.card-header > p{margin-top: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #93939a;}
.card-body{margin-top: 15px;}
.card-body p{line-height: 22px}
.title{font-weight: normal;color: #2981ff;}
.title span {color: #323235;}

.card-main-bt {margin-top: 24px;}
.card .card-main { display: flex; }
.card-main .card-left {display: flex;flex-direction: column;align-items: center;justify-content: center; width: 130px; background-image: linear-gradient(59deg, #eceff8 0%, #ffffff 100%);text-align: center;border-top-left-radius:6px;border-bottom-left-radius:6px;}
.card-main .card-left p {margin-top: 17px;font-size: 16px;}
.card-main .card-right {width: calc(100% - 130px);padding: 40px 26px 40px 30px;font-size: 14px;}
/* .title:before{content:'';display: inline-block;width: 7px;height: 22px;background-color: #5a65e7;vertical-align: middle;margin-right: 10px} */

.card-1{min-height:388px;border-radius: 10px;}
.card-1 .card-header{background: url(/web/zuiyun/assets/images/d2f3d9c4-report_bg.png) no-repeat;}
/* .col-6:last-child .card-1 .card-header {background: url(/web/zuiyun/assets/images/d2f3d9c4-report_bg.png) no-repeat;} */
.card-1 .card-header,.card-1 .card-body{padding: 30px 0 21px 34px}
.card-1 .card-body ul{margin-bottom: 15px}
.card-1 li{line-height: 34px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.card-1 li.col-6{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.card-1 li.col-6:before{content:'-';color:#5a65e7}
.card-1 .card-body{height: 253px}
.card-1 .card-body ul{height: 218px;overflow: hidden}

.lawList {padding: 18px 34px;}

.more{color: #babac2;}
.more:hover{color: #2981ff;}

@media screen and (max-width: 1200px) {
    .card-main-bt {display: flex;}
    .banner-ani,.tab-nav,.card-list{width: 96%}
    .banner-info h2{font-size: 32px}
    .banner-info p{font-size: 18px}
    .tab-nav li{font-size: 18px}
    .f18{font-size: 14px !important;}
    .f22{font-size: 18px !important}
    .f24{font-size: 20px !important;}
    .f28{font-size: 22px !important}
}

@media screen and (max-width: 1023px) {
    .banner{height: 5.867rem;padding: 0;margin-top: 0;background-size: 100% 100%; background-image: url(/web/zuiyun/assets/images/a68d4223-banner-reporter.png);}
    .banner-info p{white-space:normal;text-align: center;margin: .187rem 0;}
    .col-space-65{margin: -.4rem auto}
    .col-space-65>*{padding: 0 .4rem;margin: 0.4rem 0;}
    .banner-info h2{font-size: .48rem;font-weight: normal;}
    .banner-info p{font-size: .32rem}
    .card{padding: 0;}
    .card .card-main {display: block;border-radius: .133rem;}
    .card-main .card-left {flex-direction: initial;justify-content: flex-start;width: 100%;height: 1.733rem;box-sizing: border-box;padding-left: 0.413rem;border-radius: 0;border-top-right-radius:6px;border-bottom: solid 1px #eaebef;}
    .card-main .card-left img {width: 0.733rem;}
    .card-main .card-left p {margin-top: 0;font-size: .4rem;margin-left: 0.213rem;color: #1c1d1f;}
    .card-main .card-right {width: 100%;padding: .533rem .413rem; box-sizing: border-box;font-size: 0.373rem;color: #323235;}
    .card-main .card-right .card-body {margin-top: .235rem;}
    .card-body p {line-height: 0.555rem;font-size: 0.373rem;}
    .title {font-size: .373rem !important;}
    .title span {color: #323235;}
    .col-12 .card {margin-bottom: 0;}
    .tab-nav li{font-size: .427rem;margin-right: .4rem;width: calc(25% - .32rem)}
    .tab-nav li a.btn{line-height: 1.067rem;color: #fff;border-radius: 2px; cursor: pointer;background: url(/web/zuiyun/assets/images/a1d87393-report_nav_bg.png);background-size: 100% 100%;}
    .underline:hover:after{width: 0}

    .banner-ani, .tab-nav, .card-list {width: 100%;}
    .card-main-bt {display: block;}
    .col-6 {width: 100%;margin-bottom: .4rem;}
    .col-6:not(:last-child) {margin-right: 0;}
    .content{padding: .4rem}
    .tab-nav{margin-bottom: 0}
    .tab-nav li{width: calc(50% - .213rem);margin-bottom: .4rem;font-size: .347rem}
    .tab-nav li:nth-child(2n){margin-right: 0}
    .card-list>.col-6{width: 100%}
    .card-1 {border-radius: 0.133rem;border: solid 0.013rem #eaebef;}
    .card-1 .card-header {
        border-bottom: solid 0.013rem #eaebef;
        background-size: cover;
        border-top-left-radius: 0.133rem;
        border-top-right-radius: 0.133rem;
    }

    .card-1 .card-header h3 {font-weight: normal;}
    .card-1 .card-header h3 a {color: #1c1d1f;}
    .card-header > p {margin-top: .1rem; font-size: 0.32rem;color: #626266;}
    .card-1 .card-header {padding: .413rem;}
    .lawList {padding: 0.533rem 0.413rem;}
    .card-1 {min-height: auto;}
    .card-1 li {position: relative;line-height: 1;margin-bottom: .52rem;padding-left: .387rem;}
    .card-1 li::after {content: ''; position: absolute;top:36%;left:0;width: .08rem;height: .08rem;background-color: #2981ff;}
    .card-1 li:last-child {margin-bottom: 0;padding-left: .373rem;}
    .card-1 li:last-child a {color: #2981ff;}
    .card-1 li:last-child:after {display: none;}
    .card-1 li a {font-size: 0.373rem;color: #323235;}

    .f18{font-size: .4rem !important;}
    .f22{font-size: .427rem !important}
    .f24{font-size: .48rem !important;}
    .f28{font-size: .533rem !important}
}