@media screen and (max-width: 762px){
    .pcshow{
        display: none;
    }
    .mshow{
        display: block;
    }
    .mainbox{
    	width: 100%;
    	padding: 0 5px;
    	box-sizing: border-box;
    	overflow: hidden;
    }
    ul.item{
        width: 100%;
    }
    ul.item li{
        width: 50%;
        float: left;
        margin: 0;
        padding: 5px;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
    }
    .sex{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .h_show {
        width: 100%;
        height: auto;
    }
    .hos{
        width: 50%;
        height: auto;
        padding: 5px;
        margin: 0;
        background: #fff;
        box-sizing: border-box;
    }
    .searchobx{
        width: 100%;
    }
    .searchbox{
        width: 200px;
    }
    .arclist{
        width: 100%;
        height: auto;
    }
    .arclist ul.arc_list{
        width: 100%;
    }
    .someinfo{
        height: auto;
    }
    .about{
        width: 100%;
    }
    .sidebar{
        width: 100%;
    }
    .imgarc li img{
        width: 100%;
        height: auto;
    }
    .arcbody img{
        width: 100%!important;
        height: auto!important;
    }
}