body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;outline:0}body{font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif;line-height:1.5;font-size:14px;color:#444;background-color:#f8f9fa;-webkit-tap-highlight-color:rgba(255,255,255,0)}::-moz-selection{color:#fff;color:rgba(255,255,255,0.9);background:#df3e7b}::selection{color:#fff;color:rgba(255,255,255,0.9);background:#0088cc}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}li{list-style:none}input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:none;-webkit-appearance:none;outline:0}a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick]{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}a{-webkit-touch-callout:none;text-decoration:none;color:#0078af;outline:0}a:hover{color:#0093d6}em,i{font-style:normal}em{color:#f28c48}::-webkit-input-placeholder{color:#999}body{background-color:#f5f5f5}.wrapper{max-width:1255px;margin:auto}.wrapper-auto{max-width:1255px;margin:auto}.header{color:#fff;font-size:16px;text-align:right;margin-bottom:30px;height:60px;line-height:60px;overflow:hidden;background-color:#0088cc}.header .logo{float:left;font-size:20px}.header .logo strong{font-weight:300;font-size:30px;color:#fff;}.header ul{padding:11px 0;height:38px;overflow:hidden}.header li{display:inline-block}.header li a{float:left;display:block;height:32px;line-height:32px;text-align:center;min-width:65px;padding:0 15px;color:#fff;margin-left:20px;border-radius:5px;position:relative}.header li a:after{content:"";position:absolute;width:4px;height:4px;border-radius:4px;left:50%;bottom:0px;margin:0 0 0 -2px;background-color:inherit;-webkit-transition:all 0.35s;transition:all 0.35s}.header li a:hover:after{background-color:#fff}.header li.current a{background-color:rgba(0,0,0,0.45);color:#fff}.header li.current a:after{display:none}.content{margin:20px auto}.content .caselist{height:auto;overflow:hidden;margin-right:-20px}.content .item{width:405px;float:left;margin:0 20px 20px 0;border-radius:3px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.08)}.content .item:hover .qr{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.content .item:hover .mask{opacity:1}.content .thumb{height:240px;background-color:#dfdfdf;box-shadow:0 0 10px rgba(0,0,0,0.1) inset;position:relative;overflow:hidden}.content .thumb img{width:135px;height:240px;float:left}.content .qr{position:absolute;z-index:9;padding:5px;border-radius:5px;width:100px;height:100px;left:50%;top:50%;margin:-55px 0 0 -55px;opacity:0;background:url(../img/loading.gif) center no-repeat #fff;background-size:16px auto;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);-webkit-transition:all 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:all 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28)}.content .mask{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.65);opacity:0;border-radius:3px 3px 0 0;-webkit-transition:all 0.35s ease-out;transition:all 0.35s ease-out}.content .meta{padding:12px 15px;background-color:#fff}.content .meta .title{margin-bottom:5px}.content .meta .author{float:right;background:url(../img/icon/data.png) left 2px no-repeat;padding-left:17px;background-size:12px auto}.content .meta .author.collect{background:url(../img/icon/favourite.png) left 4px no-repeat;background-size:14px auto}.content .meta .desc{color:#999;font-size:12px;height: 36px; overflow: hidden;}.content .load-more{text-align:center;padding:20px 0;color:#888}.content .load-more span{display:inline-block;line-height:16px;background:url(../img/loading.gif) left center no-repeat;background-size:16px auto;padding-left:21px}.footer{background-color:#fff;border-top:1px solid rgba(0,0,0,0.1);text-align:center;color:#888;padding:20px 0}.footer a{color:#888}.footer a:hover{text-decoration:underline}@media only screen and (max-width: 1255px){.wrapper{max-width:830px}.wrapper-auto{margin:0 20px}}@media only screen and (max-width: 850px){.wrapper{max-width:405px}}

@media screen and (max-width:1280px) {
  .content .item {
    width: 380px;
  }
  .content .thumb img {
    width: 126px;
  }
  .content .caselist {
    width: 1180px;
    margin: 0 auto;
  }
  
  .content .item:nth-child(3n) {
      margin-right: 0;
  }
}


@media screen and (max-width:1255px) {
  .content .caselist {
    width: auto;
    margin-right: -20px;
  }
  
  .content .item:nth-child(3n) {
      margin-right: 20px;
  }
}