.screen_list{background: #fff;padding: 30px 40px;}
.screen_list .inp{position: relative;width: 100%;height: 46px;line-height: 46px;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.4);overflow: hidden}
.screen_list .screen_search{position: absolute;right: 0;top: 0;bottom: 0;width: 60px;color: rgba(5, 0, 1, 0.5);border-left: 1px solid rgba(5, 0, 1, 0.3);cursor: pointer}
.screen_list input{width: 100%;height: 100%;padding: 0 30px}
.screen_list .box1 .list{margin-top: 14px;position: relative;padding-left: 140px;padding-right: 50px;background: #F9F9F9;}
.screen_list .box1 .list .pos{color: #555;position: absolute;right: 0;top: 8px;height: 24px;line-height: 24px;width: 50px;border-left: 1px solid rgba(5, 0, 1, 0.3);cursor: pointer;display: none}
.screen_list .box1 .list .pos.on{display: block}
.screen_list .box1 .list .pos span{display: block;transform: rotate(90deg)}
.screen_list .list{height: 40px;line-height: 38px;border-radius: 1px;overflow: hidden}
.screen_list .list.on{height: auto}
.screen_list .list li{float: left;margin-bottom: 10px}
.screen_list .list .tit_type{position: absolute;top: 0;left: 0}
.screen_list .list .tit_type a{display: block;width: 140px;height: 40px;line-height: 38px;background: #154CBF;color: #fff;border-radius: 4px;}
.screen_list .list li a{display: block;border-radius: 4px;padding: 0 35px}
.screen_list .list li.on a{color: #154CBF;font-weight: bold}
.screen_cont{background: #fff;padding: 30px 40px 60px;}
.screen_cont ul li img{width: 100%}
.screen_cont .con{background: #F8F8F8;display: block}
.screen_cont .con .img{padding-bottom: 53%;height: 0;overflow: hidden;}
.screen_cont .con .tit{height: 50px;line-height: 50px;padding: 0 16px}
.screen_list .release_botton{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: smaller;
}
.screen_list .release_botton p{
    width: 80px;
    background-color: #65a4ec;
    border-radius: 5%;
}
@media only screen and (max-width:768px){
    .screen_list {padding: 20px 16px;}
    .screen_list input {padding: 0 20px}
    .screen_cont {padding: 20px 16px 30px;}
    .screen_list .list .tit_type a {width: 120px;}
    .screen_list .box1 .list {padding-left: 120px}
    .screen_list .list li a {padding: 0 15px}
}

@media only screen and (max-width:500px){
    .screen_list .list .tit_type {
        position: static;
    }
    .screen_list .list .tit_type a {
        width: 100%;
    }
    .screen_list .box1 .list {
        padding: 0;
    }
    .screen_list .list li {
        float: none;
        margin-bottom: 0;
    }
    .screen_list .box1 .list .pos{
        color: #fff;
        border-left: 1px solid #fff;
    }
}