.wrapper{
    width:1000px;
    margin:0 auto;
}
.topmenu{

}
.topmenu li{
     display:inline-block;padding:10px;
}
.hide{display:none;}
.online_box{border:1px solid #ccc;}
.online_box .header{font-size:12px;}
.menu_top{}
.menu_top ul{list-style:none;}
.menu_top ul li{display:inline-block;padding:3px;}
.menu_top ul li a{font-weight:bold;text-decoration:none;color:darkblue;}
.menu_top ul li a:hover{color:gray;}
/*photo*/
.photo_item .img {
    border: 1px solid #00a65a;
}
.photo_item .img:hover {
    border: 1px solid #777;
}
.photo_item .img img {
    width: 100%;
    height: auto;padding:6px;
}
.photo_item .desc {
    padding: 15px;
    text-align: center;
}
* {
    box-sizing: border-box;
}
.photo_item {
    padding:6px;
    float: left;
    width: 24.99999%;
}
@media only screen and (max-width: 700px){
    .photo_item {
        width: 49.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 500px){
    .photo_item {
        width: 100%;
    }
}
/*end photo*/