@charset "utf-8";

#report{margin: 0 auto; }
#report .wrap{margin: 0 auto;max-width: 1600px;padding: 100px 0;}
#report .theme{ display: flex;justify-content: flex-start;align-items: center;align-content: center; }
#report .theme>.title{ display: inline-block; font-size: 4rem;}
#report .theme>.query{ display: inline-block; width: 360px; box-sizing: border-box;padding-left: 30px;}

#report .theme>.query .layui-input, #report .theme>.query .layui-select {padding: 0 20px; font-size: 1.6rem;height: 56px;line-height: 2;line-height: 56px\9; border-radius: 5px; background: #eee!important; border-color: #eee!important;}
#report .theme>.query .layui-form-select dl dd, #report .theme>.query .layui-form-select dl dt {line-height: 46px; padding: 0 20px!important; font-size: 1.6rem;}
#report .theme>.query .layui-form-select dl { top: 58px!important; border-color: #eee!important; box-shadow: 0 0 0!important; border-radius: 5px;}
#report .theme>.query .layui-form-select dl dd.layui-this { background-color: #f4f7ff!important;color: #1e2687!important;}
#report .theme>.query .layui-anim::-webkit-scrollbar {width:2px;height: 2px;}
#report .theme>.query .layui-anim::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0); background:#1e2687;}
#report .theme>.query .layui-anim::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);border-radius: 0;background: #fff;}


#report .lists{margin: 0 auto; padding: 50px 0;}
#report .lists>ul{margin: 0 auto;}
#report .lists>ul>li{ position: relative; display: flex; justify-content: space-between;align-content: center; align-items: center; border-bottom: 1px solid #ddd;padding: 30px 10px; text-align: left;}
#report .lists>ul>li:after{position: absolute;z-index: 1; left: 0;bottom: -1px; width: 0;height: 1px; background: #1e2687; opacity: 0; content: '';transition: all .35s;}
#report .lists>ul>li .years{width: 100px;  font-size: 4rem; color: #333;}
#report .lists>ul>li .box{ width: 86%; position: relative;}
#report .lists>ul>li .box .title{font-size: 0; float: left; width: 70%; padding: 10px 0;}
#report .lists>ul>li .box .title>h3{ display: block; font-size: 2.4rem;font-weight: normal;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all .35s;}
#report .lists>ul>li .box .title>span{display: block; font-size: 1.4rem; color: #999; padding-top: 10px;}
#report .lists>ul>li .box .url{  position: absolute;z-index: 12; right: 0;top: 0; width: 20%; height: 100%; display: flex; align-items: center;align-content: center; justify-content: flex-end; color: #1e2687; transition: all .35s;}
#report .lists>ul>li .box .url>i{font-size: 2rem; display: inline-block;vertical-align: middle; margin-right: 10px;}
#report .lists>ul>li .box .url>span{display: inline-block;vertical-align: middle; font-size: 1.6rem;}
#report .lists>ul>li:hover:after{width: 100%;opacity: 1;}
#report .lists>ul>li:hover .title>h3{ color: #1e2687;}



@media only screen and (max-width: 1280px){

    #report .wrap{padding: 50px 0;}

    #report .theme>.title{  font-size: 3.2rem;}

    #report .theme>.query .layui-input, #report .theme>.query .layui-select {height: 46px;line-height: 46px\9; }
    #report .theme>.query .layui-form-select dl dd, #report .theme>.query .layui-form-select dl dt {line-height: 36px;}
    #report .theme>.query .layui-form-select dl { top: 48px!important; }

    #report .lists>ul>li .years { width: 140px;}
    #report .lists>ul>li .box .title>h3 {font-size: 2rem; }

}


@media only screen and (max-width: 860px){

    #report .theme>.query{ width: 300px;}

}

@media only screen and (max-width: 780px){

    #report .lists>ul>li .box .title{float: none; width: 100%;}
    #report .lists>ul>li .box .title>span {font-size: 1.2rem; padding-top: 0;}

    #report .lists>ul>li .box .url{  position: relative; box-sizing: border-box; width: 120px; padding: 5px 10px; height: auto; display: block; text-align: left; border: 1px solid #1e2687; border-radius: 3px;}
    #report .lists>ul>li .box .url>span {font-size: 1.2rem; }
}





@media only screen and (max-width: 640px){


    #report .theme{ display:block ;text-align: left; }
    #report .theme>.title{ display: block; font-size: 2.4rem;}
    #report .theme>.query{ display: block; width: 100%; padding-left: 0; padding-top: 20px;}

    #report .lists { padding: 10px 0;}
    #report .lists>ul>li .years {font-size: 3.2rem;}
    #report .lists>ul>li .box .title>h3 { font-size: 1.8rem;}






}