@media only screen and (max-width: 768px){
    .history{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .history_box{
        display: none;
    }
    .history_box1{
        width: 100%;
    }
    .history_box1_item{
        width: 10rem;
        min-height: 12.76rem;
        height: 100%;
        background: #FFFFFF;
        box-shadow: 0px 0.06rem 0.38rem 0.1rem rgba(127,127,127,0.2);
        border-radius: 0.6rem;
        box-sizing: border-box;
        padding-top: 0.7rem;
        margin: 0 auto 1.24rem auto;
    }
    .history_box1_item_img{
        display: block;
        width: 8.02rem;
        height: 10.6rem;
        margin: 0 auto;
    }
    .history_box1_item_text{
        width: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 0.4rem;
        color: #333333;
        box-sizing: border-box;
        padding-top: 0.48rem;
    }

}
@media only screen and (min-width: 800px){

    .history{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .all_content_bottom{
        width: 100%;
    }
    .history_box{
        width: 100%;
        display: flex;
    }
    .history_box1{
        display: none;
    }
    .history_box_left{
        width: 365px;
        box-sizing: border-box;
        padding-left: 72px;
    }
    .history_box_left_item{
        width: 100%;
        min-height: 49px;
        box-sizing: border-box;
        border-bottom:  1px dashed #999999;
        padding-right: 21px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .history_box_left_item:hover{
        background: #F3F3F3;
    }
    .history_box_left_item_text{
        flex: 1;
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
    }
    .history_box_left_item_icon{
        opacity: 0;
        border-style: solid;
        border-width: 7px 0 6px 11px;
        border-color: transparent transparent transparent #737373;
    }
    .history_box_left_item:hover .history_box_left_item_icon{
        opacity: 1;
    }
    .history_box_right{
        flex: 1;
    }
    .history_box_right_item{
        width: 704px;
        height: 100%;
        background: #F3F3F3;
        padding-top: 29px;
        box-sizing: border-box;
    }
    .history_box_right_item_img{
        width: 609px;
        display: block;
        margin:  0 auto;
        height: 805px
    }
}