html,
        body{
          margin:0px;
          padding: 0px;
          background: #f1f1f1;
          height: auto;
          padding:0px;
        }
      
        div[class^="stage-header_stage-size-row"]
        {
          display: none;
        }
       
        div[class^='player_stage-only'] div{
            max-height: 100% !important;
            max-width: 100% !important;
        }
        div[class^='player_stage-only'] canvas[class^='stage_dragging'] {
             width: 0px !important;
             height: 0px !important;
         }
        div[class^='player_stage-only'] :not([class*="stage_stage-wrapper-overlay"])>[class^="stage_stage-bottom-wrapper"] {
           width: 100% !important;
           bottom: 0;
           top: initial;
           left: 0 !important;
           margin-left: 0 !important;
       }
       img[class^="stop-all_stop-all"]{
           width: 28px;
           margin: 6px;
           height: 28px;
           padding:0px;
       }
       img[class^="green-flag_green-flag"]
       {
          width: 32px;
          margin: 6px;
          height: 32px;
          padding:0px;
          margin-left: 10px;
          margin-right: 20px;
       }
       div[class^="stage-header_stage-menu-wrapper"]{
          padding-top: 0px;
          padding-bottom: 0px;
          height: 40px;
       }
       div[class^='player_stage-only'],
       div[class^='player_stage-only'] [class^='stage_stage-wrapper'] [class^='stage_stage'],
       div[class^='player_stage-only'] [class^='stage_stage'] canvas
       {
              width: 100% !important; 
              height: 100% !important;
              margin-top: 0px;
              border: none;
       }
       #player-container{
           margin:0 auto;
           position: relative;
       }
       div[class^='stage-header_stage-header-wrapper']{
           background-color: transparent;
       }
       div[class^='stage_stage'],
       div[class^='stage_green-flag-overlay-wrapper']{
          border-radius: 0 !important;
       }
       div[class^='player_stage-only'] canvas[class^='stage_dragging'] {
           width: 0 !important;
           height: 0 !important;
       }
       div[class^='player_stage-only'] [class^='stage_stage-wrapper']{
          min-width: 0px !important;
          min-height: 0px !important;
       }

       .panel-container {
           position: relative;
           min-height: 9.5rem;
           background-color: #323238;
           overflow:hidden;
       }
       .f-cb, .f-cbli li {
           zoom: 1;
       }
       .f-cb:after, .f-cbli li:after {
           display: block;
           clear: both;
           visibility: hidden;
           height: 0;
           overflow: hidden;
           content: ".";
       }
       .panel-left {
           left: 0.4rem;
           top: 0.693333rem;
       }
       .panel-left-4 {
           left: 0.533333rem;
           top: 0.693333rem;
       }
       .panel-right {
           right: 0.4rem;
           top: 0.693333rem;
       }

       .f-fl {
           float: left;
       }
       .f-fr {
          float: right;
       }
       .key{
          opacity: 0.6;
       }
       .key:active{
          opacity: 1;
       }
       .key-4 {
           width: 8rem;
           height: 8rem;
           position: absolute;
       }
       
       .key-4 .key {
           width: 2.4rem;
           height: 2.4rem;
           position: absolute;
       }
       .left {
           left: 0;
           top: 3rem;
       }
       .up {
           left: 2.4rem;
           top: 0;
       }
       .right {
           right: 10px;
           top: 3rem;
       }
       .down {
           left: 2.4rem;
           bottom: 0;
       }
       .arrow-left {
           background: url(/public/img/m/scratch/138F62B6FB18F6BB887226E70E71B315.png?imageView&quality=100) no-repeat center/contain;
       }
       .arrow-down {
           background: url(/public/img/m/scratch/096A81D7DCF4AD55FCB215E3D5779A5B.png?imageView&quality=100) no-repeat center/contain;
       }
       .arrow-right {
           background: url(/public/img/m/scratch/708E136773A11AAC073BC2221746AFA6.png?imageView&quality=100) no-repeat center/contain;
       }
       .arrow-up {
           background: url(/public/img/m/scratch/E86CC1576357F1DDC868AEFC1A1CD4E0.png?imageView&quality=100) no-repeat center/contain;
       }
       .space {
           width: 6rem;
           height: 6rem;
           position: absolute;
           right: 0.533333rem;
           top: 1.8rem;
           background: url(/public/img/m/scratch/8B8C702C59C47DBFFAB99B96F8948626.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-a {
           background: url(/public/img/m/scratch/FD6CD1F55E91DC3955FC92275F17339E.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-s {
           background: url(/public/img/m/scratch/948631893AC9D621882A8A2BAC3A793F.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-d {
           background: url(/public/img/m/scratch/1733F556DCED31C8F00480F289B7222C.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-w {
           background: url(/public/img/m/scratch/A07A95E60E6DD2DF54C6C2E96491443D.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-h {
           background: url(/public/img/m/scratch/EEDF4ED204CC0A3F6334F5261350C2C5.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-j {
           background: url(/public/img/m/scratch/E3C32ED84DEC59FB43B21C2E67B214F8.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-k {
           background: url(/public/img/m/scratch/BBB770CC00E78763F53D3EABB487109E.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-4 .key-u {
           background: url(/public/img/m/scratch/3FCFCA18AEAC9773587E55818065317D.png?imageView&quality=100) no-repeat center/contain;
       }
 
       .key-9 {
           width: 100%;
           height: 9.5rem;
           position: absolute;
           left: 1.066667rem;
           top: 0.106667rem;
       }
       .key-9 .key-q {
           background: url(/public/img/m/scratch/D6B7D63A7260618B959E120B21A9A46A.png?imageView&quality=100) no-repeat center/contain;
       }

       .key-9 .key-q, .key-9 .key-w, .key-9 .key-e {
           margin-top: 0;
       }
       .key-9 .key {
           width: 5rem;
           height: 2.0rem;
           display: block;
           float: left;
           margin-right: 0.426667rem;
           margin-top: 0.693333rem;
       }
       .key-9 .key:nth-child(3n) {
           margin-right: 0;
       }
       .key-9 .key-w {
           background: url(/public/img/m/scratch/E681CF5591245F61F72FBD22D5C0CFAE.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-e {
           background: url(/public/img/m/scratch/B7D2A5BEF703BED566BFCF41B8C6D352.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-a {
           background: url(/public/img/m/scratch/9EC53E41AF5F4B535CDD36F67F59D16F.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-s {
           background: url(/public/img/m/scratch/833A93F0A6AA97A3C71A2B78E03D264D.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-d {
           background: url(/public/img/m/scratch/ADA3D61B2E90D0D6CE15CC940935C433.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-z {
           background: url(/public/img/m/scratch/C2477CB7FFD4E3107D5B70765EDCB90E.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-x {
           background: url(/public/img/m/scratch/35E034AB6A163786429148CB6CBFDB71.png?imageView&quality=100) no-repeat center/contain;
       }
       .key-9 .key-c {
           background: url(/public/img/m/scratch/870D448F3929AAEFF8F2D2AE7AAEEA9C.png?imageView&quality=100) no-repeat center/contain;
       }


/**
 * 模式3
 */
.panel-container .abl-item{
  float: left;
  width: 50%;
  padding: 10px;
}
.panel-container .abl-item .abl-key{
   position: absolute;
}
.abl-thumbs-up,
.abl-button-group{
  text-align: center;
  margin-top: 30px;
}
.abl-button-group{
  margin-bottom: 40px;
}
.abl-desc-label{
  font-weight: bold;
  padding:4px 10px;
  color: #333;
  font-size: 16px;
}
.abl-desc-content{
   padding:10px;
   color: #888;
   font-size: 13px;
}
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0,0,0,.6);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}

.ui.twitter.button {
    background-color: #55acee;
    color: #fff;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}
.ui.twitter.button:hover {
    background-color: #35a2f4;
    color: #fff;
    text-shadow: none;
}
.abl-thumbs-up .icon{
   display: inline-block;
   width: 65px;
   height: 65px;
   background: #fff;
   border-radius: 70px;
   box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
   margin-bottom: 10px;
}
.abl-thumbs-up .icon>i{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD10lEQVRoQ+2ZXWgdRRTHz3+vFwSlUEysRrSl1A8kCBYlIsm9OWdvDAriQ0VQq2+2+qQvRgqCrWCxKoh9EBVfiuZBxAqCn2Rn1lwUayMK0qr4UEXFqFSRRBQ3e48sNJjc7N4daDaZQud1zsz+fvfMzM49CzrDG85wfjor4JJBY8wuInqWiJSIDiVJMjE+Pv6Xy9iymMozYK3dQkQnloKo6sfMPAKgUwZY1l+5QBzHN6vqOzkgDzPzM2WAZf2VC1hrdxPRCzkg8/39/RcMDg7+WwbZq79yAWPMAQATeRCdTmc8DMMPvBaw1r5ORLcXQO5j5r3eCszMzNTn5uZ+J6LzCyBfZub7vBWI4/hWVX2rCFBVD4vIDm8FSpZPxv0GMxctLyevyjZxHMfXq+qnvShU9RURudeJtCCoEgFVDay1RwFsLxF4WkRyTyhXqUoE4jjeo6r7HSAeYubnHOIKQ1ZdwFp7FRF9SUTnOICNMfOUQ9zaCERRtBnANIDLXKBqtdpAo9H42SW2KGbVMtBut7cmSZLBX+IINMvMFzvGVpuBbNmo6ocALnQFWo0TKHvWigy02+2NSZJcAyA3O2maftVqtX5ZBJ2ent6epul7RNTvCp/FqepBAG+6jFFVBXCEmf/pjl8Gaa29SFW/AbChx8TztVptqNFoHM9ijDGHAJzWWe4isSgtIg8ujV8mEEWRBEEQlU2oqo+IyFNrLZA9r9PpbAnD8PtFxu4MXEdERx0EHhORx9dJIAzD0BQJbCOib30WIKJrmfmLIoE+IvrNZ4F6vb5heHh4Llcgu8PEcZx6LPAjM19auIlPrel5AOf1klDV9doD7zLzLWUCPwEY8FTgCWZ+tEzgGICrfRRQ1R0icrhM4CMAN/ookKZpX6vVOlkm8DaAZeusW2ad9sAJZt7a8ypxahNPArjLwwxMMvNOF4HnATzgm4Cq7haRl1wE9gPY45tAEARXNJvNFbeEFVdmY8wEgAM+CajqryKyKY8pT2AXgBd9EiCiV5n5HleBOwC85pnATmaedBKIouimIAje90hAFxYWNo6Njf3pJGCMGQLwiS8CWXVPRIaKePL2wJUAvvZFgIj2MvM+Z4GpqalNtVpt1hcBVb1BRI44C7j8J1jDq8Ts6OjoAIDs62Zuyy2dWGv/JqJziwZ1CRR+QuqVRce+J5m550s1V8AY8x2AzS4C1tptqvpZSSnGkff/MFU9Wa/XLx8ZGfmj1+CiDNxPRAeJqN49OHsrArh7aVHWWtsH4E5VzepDWWXjdNsPQRDc1mw2Py+baNVqo2UPqqr/rEBVv6zrvP8BnYgVT32fMdoAAAAASUVORK5CYII=) center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 65px;
    height: 65px;
    background-size: 35px 35px;
}
.abl-thumbs-up.active .icon>i{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEF0lEQVRoQ+2ZW2gcVRjH///ZPTP1QqXYXGbEtlaTne2DYKlEBF8UFQXxoSKotW9afdIXIwXBVrBYFcQ+iIovRfMgYgXBKypYUGyLKIiZWSKmXrpn0/RCMdXsTDKfbGIhl9mZg80mU+i+nu878/vtd25zhrjAf7zA+XFRwKSCbuQ/CvAVAEJg/7Q6NTjGsbMmuXkxHa9Ar/gbrJij80Hk27oKbwGR5AHmtXdeYKr/LispfbwQJKE81VDhy3mAee0dF3AjfwfB1xeCCDChFa8Eh6M8yKz2jgt4zepeEIOpEJQ76yr8vNACbtN/j+R9qZAiu+tOuKu4AgLlxtVTBC5PgxQkb2m79khhBXqm/HtKCT9sBygiB7QTbi2sQObwaW0KIu9rJ0wfXoZWHZvEvVH/jRZKh7M4BHhb28F2Q9b0deB8ktvmCiw39o8Q3JzZv+CluhOkr1CGYB2pgBv7Oynck8cgSJ7Udu3VvLhl3Qc86fclLv1EoJwLRtxeV8EXuXEZAUtaAVeq6xHhIIl1JlCRgneCgTaJbRezZALd0rexHJUOgrzKBEgEDe0Erklsx4fQ7LCxvibYbQq0FCtQ61mLKnCFrFtzydSl16e1tRKScjM4ztGxc6BuVN0MyKcEu0zhW3EC2SfEB4Y50ihPHgKPTi6MnyfQJZt6y3FSI7i67e4JTIjEAw3nl+FWjBv5+wme11puKDEjre3wibnx8wR64sqtJbG+zO2QeLqugheXW2CmcgobNIPfzjHOE3CjyhbCOpInkFCebajwuZUQmGZy25iqfZUq0CXXXqdie6TIAjGmbhi3R35MFfCkfy3i0niRBSKVrD7B2l+pAhBYXlydLqyAyJ91J7y67SSeHdPVCQKXZUms1BwQwSfaCe7OFPCa/jGQXkEFntdO8Ex2BZrVn0lsKqSAJVt1OTyQXYHI/wbgzUUUoJK1xxiezKvARyTmjbOFMisxB0RkVDvhxsyjxH8b0xDBB4tWAYEMaTvclivgRdXXADxeQIEd2g7fzBVwm/4ekjuLJhAr9I8zWHRKWHSc9uLqIAR7iyQgkOPaDnvSmBYJtO7yCb5RLAG8o+3gYSOB3mblfovWu4USkGSbdmpDRgJe7N8B4WdFERCITKpozWn+esZIoCfqGyih/F1xBHBY28FAO57Fk1gqFcRWWBQBUHbVVbjbWKBbrukpx6saRRGYxtRNY/bIIWMBk3eC5TpKzNwd2YEHQswFAHiR/w/AVe2S5gpkfkLKKqNBm4i8oJ0wc1NNvZlzm9WjJNabCLTeo8ux+j7rKsaANSVETp5Vf/ed4e+ns/LTBaLKY4S1D4BamNzaFUk+NPdSdvZd2npAgO0Et/w/4DlZgj9A3lu3h3/I62vJ7kbzHtSp9osCnfpnTfv9F6fo/0Bj35oNAAAAAElFTkSuQmCC) center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 65px;
      height: 65px;
      background-size: 35px 35px;
}
.abl-thumbs-up .number{
  color: #333;
  margin-bottom: 8px;
}
.abl-thumbs-up .text{
  color: #888;
  font-size: 13px;

}

.project-desc{
  background: #fff;
  padding: 10px;
}
.project-tg{
  margin-top:10px;
  position: relative;
}
img.avatar{
  height: 20px;
  width: 20px;
  overflow: hidden;
  border-radius: 20px;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.avatar-group{
  line-height: 20px;
  margin-top:5px;
}
.avatar-group>.username{
   margin-left: 5px;
   color: #777;
   font-size: 14px;
}
.rate-item.score{
  font-size: 18px;
}
.rate-item.person-num{
  font-size: 12px;
}
.rate-item{
  color: #777;
  font-size: 14px;
}
.project-th{
  overflow: hidden;
  display: inline-block;
  margin-top:10px;
  font-size: 14px;
  color: #777;
}
.th-item{
  overflow: hidden;
  margin-right: 30px;
}
.rate-group{
  position: absolute;
  right: 0px;
  z-index: 9;
  top: 0px;
}



.ui.feed:last-child {
    margin-bottom: 0;
}
.ui.feed {
    font-size: 1rem;
}


.ui.feed>.event:first-child {
    border-top: 0;
    padding-top: 0;
}
.ui.feed>.event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: .21428571rem 0;
    margin: 0;
    background: 0 0;
    margin-top:10px;
    border-top: none;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
}
.ui.feed>.event>.label {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: left;
}
.ui.feed>.event>.label+.content {
    margin-top: 0px;
}
.ui.feed>.event .desc{
  display: block;
  width: 100%;
  color: #444;
  font-size: 13px;
  margin: 5px 0px;
}

.ui.feed>.event>.content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: left;
    word-wrap: break-word;
}
.ui.feed>.event>.content .summary {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0,0,0,.87);
}
.ui.feed>.event>.content .meta {
    display: inline-block;
    font-size: .85714286em;
    margin: .5em 0 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    color: rgba(0,0,0,.6);
}
.ui.feed>.event>.content .user {
    display: inline-block;
    font-weight: 700;
    margin-right: 0;
    vertical-align: baseline;
}

.ui.feed>.event>.content a {
    cursor: pointer;
    color: #666;
}

.ui.feed>.event>.content .summary>.date {
    display: inline-block;
    float: none;
    font-weight: 400;
    font-size: .85714286em;
    font-style: normal;
    margin: 0 0 0 .5em;
    padding: 0;
    color: rgba(0,0,0,.4);
}

.ui.feed>.event>.content .date {
    margin: -.5rem 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 1em;
    font-style: normal;
    color: rgba(0,0,0,.4);
}
.ui.feed>.event>.content .meta .like {
    color: '';
    -webkit-transition: .2s color ease;
    transition: .2s color ease;
}
.tn-top {
    height: 45px;
    background: rgb(65,180,160);
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.tn-top .tn-return-btn {
    position: absolute;
    height: 45px;
    left: 0px;
    top: 0px;
    background: url(/public/img/icons/return.png) no-repeat;
    background-size: 20px 20px;
    background-position: 10px 10px;
    width: 45px;
}
.tn-top .tn-title {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
#player-container{
  height: 71.333vw;
  background: #ccc;
}

 div[class^="box_box"]{
    position: absolute;
    z-index: 9999;
    bottom: -40px;
    right: 0px;
}

.g-container{
  background-color: #FFEED2;
  border-radius: 5px;
  overflow: hidden;
}
.g-container .g-header{
  height: 50px;
  overflow: hidden;
  padding:0 10px;
  border-bottom: 1px solid #ccc;
}
.g-container .g-header .user-avatar{
  height: 40px;
  width: 40px;
  border-radius: 40px;
  margin-top: 5px;
  overflow: hidden;
}
.g-container .g-header .g-header-item.username{
  font-weight: bold;
}
.g-header-item.praise-item{
  font-weight: bold;
  color: #ff9c00;
  margin-right: 6px;
}

.g-header-item.praise-item i{
     background: url(/public/img/icons/hund-up-active.png) no-repeat;
     background-size: 20px 20px;
     background-position: 0px 0px;
     display: inline-block;
     height: 20px;
     width: 20px;
     float: left;
     margin-right: 3px;
}
.weui-media-box_appmsg .weui-media-box__thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top;
     height: 100%; 
     width: 100%; 
}
.weui-media-box_appmsg .weui-media-box__hd {
    margin-right: .8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.g-container .g-header .g-header-item{
  margin-top: 13px;
  display: inline-block;
  padding:0 5px;
}
.g-container .g-header .user-avatar img{
   height: 40px;
   width: 40px;
   border-radius: 40px;
}
.g-container .g-footer{
  height: 44px;
  line-height: 44px;
  padding:0 10px;
  background: #fff;
}
.g-footer-item{
  color: #999;
}
.g-container{}
.g-container{}

.panel-modal{
  overflow: hidden;
}

.weui-media-box__desc_{
  color: #999;
  font-size: 13px;
  line-height: 1.2;
}

.g-l-l{
  background: url(/public/img/m/scratch/fw-bg.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 55px;
  line-height: 49px;
  width: 180px;
  padding:0 30px;
  color: #fff;
  margin-top: 5px;
}


.g-l-l .g-l-l-item{

  font-size: 18px !important;
}
.g-l-l-icon{
  display: inline-block;
  background: url(/public/img/m/scratch/fw_white.png) no-repeat;
  background-size: 100% auto;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  margin-top: 6px;
}

.overview-row{
   background: url(/public/img/m/scratch/gll-bg.png) no-repeat;
   background-size: 100% auto;
   margin: 0 -12px;
   padding: 15px 12px;
}
.weui-media-box__bd-item{
  width: 33.3%;
  float: left;
  text-align: center;
}
.weui-media-box__bd-item-icon{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 30px auto;
}
.weui-media-box__bd-item-icon.view{
  width: 40px;
  background-image: url(/public/img/m/scratch/view.png);
  background-size: 40px auto;
  background-position: 0 4px;
}
.weui-media-box__bd-item-icon.praise{
   background-image: url(/public/img/m/scratch/fw.png);
}
.weui-media-box__bd-item-icon.project{
   background-image: url(/public/img/m/scratch/project.png);
}
.weui-media-box__bd-item-number,
.weui-media-box__bd-item-text{
  text-align: center;
}
.weui-media-box__bd-item-number{
  font-weight: bold;
  font-size: 18px;
}
.weui-media-box__bd-item-text{
  color: #8B8B8B;
}


.go-row{
  text-align: center;
  display: block;
}
.go-button{
    display: inline-block;
    background: url(/public/img/m/scratch/go_button.png?v=88) no-repeat;
    background-size: 100% auto;
    width: 320px;
    line-height: 72px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    height: 80px;
    margin-right: 10px;
    margin-top: 6px;
}