/* CSS Document */

.scroll_box{overflow: hidden;display: flex; width:100%}
.left_scroll_view{flex-basis: 24%;background-color: #f1f1f1;height: 100vh;overflow-y:scroll}
.left_scroll_view .li{line-height: 0.46rem;color: #333333;font-size: 0.28rem;padding: 0.27rem 0;text-align: center;display:block}
.left_scroll_view .li:last-child{margin-bottom: 1.4rem;}
.left_scroll_view .li.active{background-color: #ffffff;color: #000000;}
.right_scroll_view{flex-basis: 76%;background-color: #ffffff;padding: 0.4rem 0 0.4rem 0.5rem;box-sizing: border-box;height: 100vh;overflow-y:scroll}
.right_scroll_view .it{height: auto;width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 0.8rem;}

.cli{width: 1.22rem;height: 1.96rem;margin-right: 0.5rem;}
.cli .cimg{width: 1.22rem;height: 1.09rem;background-color: #ffffff;display:inline-flex;align-items:center;justify-content:center;}
.cli .cimg .img{width:100%;height: auto;}
.cli .fs{width:100%;height: 0.68rem;line-height: 0.34rem;text-align: center;font-size: 0.24rem;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;}

.adcon{width:4.7rem;height: auto;margin-bottom: 0.2rem;}
.adcon .adli{width: 4.7rem;height: 1.2rem;border-radius: 0.08rem;background-color: #f1f1f1;margin-bottom: 0.1rem;overflow: hidden;}
.adcon .adli .img{width:100%;height: auto;}