@media only screen and (min-width: 320px) and (max-width: 1024px) {
  /* shoplist */
  .r_shoplist .r_shoplist_accept .r_shoplist_title{
    padding: 2%;
    font-size: 16px;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list,
  .r_shoplist .r_shopitem_add .r_shoplist_addBox{
    padding: 2%;
  }
  .r_shoplist .r_shopitem_add .add_item{
    margin-bottom: 4%;
    width: 100%;
  }
  .r_shoplist .r_shopitem_add .add_item span{
    flex: 0 0 20%;
    width: 20%;
  }
  .r_shoplist .r_shopitem_add #shopImg{
    margin-bottom: 4%;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem{
    margin-bottom: 2%;
    margin-right: 2%;
    flex: 0 0 49%;
    width: 49%;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem:nth-child(2n){
    margin-right: 0;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem .r_shopitem_title{
    font-size: 14px;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem .r_shopitem_scores{
    font-size: 12px;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem .r_shopitem_scores .scores,
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem .r_shopitem_scores .totalComment{
    flex: 0 0 100%;
    width: 100%;
  }
  .r_shoplist .r_shoplist_accept .r_shoplist_list .r_shopitem .r_shopitem_scores .totalComment{
    margin-top: 5px;
  }

  /* shopdetail */
  .r_detail_wrapper .r_shopdetail{
    margin-bottom: 5%;
    padding: 2%;
    border-radius: 4px;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info .info_title,
  .r_detail_wrapper .r_shop_commonTitle{
    font-size: 16px;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info .info_scores,
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info .info_time{
    padding-bottom: 2%;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info .info_scores p{
    margin-right: 2%;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info p,
  .r_detail_wrapper .r_shop_sendComment .r_shop_scores,
  .r_detail_wrapper .r_shop_sendComment .r_shop_uploadImg,
  #js-pre,
  .r_detail_wrapper .r_shop_sendComment .r_shop_text{
    margin-top: 2%;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_info .info_scores .other_scores{
    flex: 0 0 100%;
    width: 100%;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_img{
    margin-left: 0;
    flex: none;
    width: 100%;
  }
  .r_detail_wrapper .r_shopdetail .r_shopdetail_img a{
    padding-bottom: 50%;
  }
  .r_detail_wrapper .r_shop_sendComment, 
  .r_detail_wrapper .r_shop_commentList{
    margin-bottom: 5%;
    padding: 2%;
  }
  .r_detail_wrapper .r_shop_sendComment .r_shop_scores p{
    margin: 0 2% 2% 0;
    flex: 0 0 49%;
    width: 49%;
  }
  .r_detail_wrapper .r_shop_sendComment .r_shop_scores p:nth-child(2n){
    margin-right: 0;
  }
  .r_detail_wrapper .r_shop_sendComment .r_shop_uploadImg input{
    margin-left: 0;
  }
  #js-pre .img-box{
    margin: 0 1.33% 1.33% 0;
    width: 24%;
    flex: 0 0 24%;
  }
  #js-pre .img-box:nth-child(4n) {
    margin-right: 0;
  }
  #js-pre .img-box:nth-child(5n) {
    margin-right: 1.33%;
  }
  .r_detail_wrapper .r_shop_sendComment .r_shop_text textarea{
    padding: 2%;
  }
  .r_detail_wrapper .r_shop_sendComment .r_shop_sendButton{
    padding: 2% 5%;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem{
    padding-bottom: 2%;
    margin: 2% 0;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .avatar{
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .content{
    margin-left: 5%;
    padding-bottom: 2%;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .content .shop_imgArr,
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .content .shop_time{
    margin-top: 5%;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .content .shop_imgArr .item{
    margin-right: 2%;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .content .shop_time .shop_actions{
    margin-top: 2%;
    flex: 0 0 100%;
    width: 100%;
  }
  .Picture-box .theme{ height: auto;}
  .Picture-box .theme img{ width: 100%; height: auto;}

  /* shopComment */
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .shop_myReply, 
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .shop_otherReply{
    margin-top: 5%;
  }
  .r_detail_wrapper .r_shop_commentList .r_shop_commentItem .shop_myReply .shop_replyArea textarea{
    padding: 2%;
  }


}