@media (max-width: 850px) {
  #app main {
    width: 100%;
    padding: 0;
    height: 100%;
    min-height: 0; }
    #app main .article {
      width: 100%; }
      #app main .article .article_title {
        font-size: 15px; }
        #app main .article .article_title p {
          font-size: 12px; }
          #app main .article .article_title p span {
            margin-right: 5px; }
    #app main .top .login_forms {
      margin-top: 10px;
      margin-bottom: 10px; }
      #app main .top .login_forms input {
        margin-bottom: 15px;
        height: 30px; }
      #app main .top .login_forms .code img {
        height: 30px; }
      #app main .top .login_forms button {
        height: 30px; }
    #app main .bottom {
      height: 220px;
      width: 100%; }
      #app main .bottom img {
        position: relative;
        width: 100%;
        height: 100%;
        transform: initial;
        left: 0; }
    #app main .other_login::before {
      width: 95px; }
    #app main .other_login::after {
      width: 95px; }
    #app main .other_login div img {
      width: 30px; }
  #app .article_actions {
    display: none; }
  #app #photo_actions {
    display: flex;
    position: relative;
    bottom: 2px;
    left: 0;
    justify-content: space-evenly;
    align-items: center;
    background: white; }
    #app #photo_actions .item {
      width: 33.3333333%;
      flex-direction: inherit;
      margin-bottom: 0;
      box-shadow: 0 0 0 0 white; }
      #app #photo_actions .item img {
        height: 30px;
        position: relative;
        top: 0; }
      #app #photo_actions .item span {
        position: relative;
        bottom: 0;
        margin-left: 10px;
        font-size: 21px; }
      #app #photo_actions .item #digg1 {
        margin-bottom: 5px; }
      #app #photo_actions .item #collect_img1 {
        height: 40px; }

  .slider_bar {
    display: none; } }

/*# sourceMappingURL=photo.css.map */