html, body {
        width: 100%;
        height: 100%;
      color: #333;
      
    }

 table{max-width:820px;width:100%}

.get {
  
      text-align: center;
      padding: 0px 0;
      min-height: 100%;
       width: calc(100% - 380px);
      float: left;
          background: #BEE1F5 url('../img/lbbj.png') center top no-repeat;
    }
    
    
    
  .receiptInfo{display:none;background:#fff;width:200; border: 1px solid blue;padding:4px 8px;}
    .alllist{
  
    float: right;
    MIN-width:380px;
    MAX-width:380px;
     height:100%;right:0;background: #FFFFFF;
     
        height: 100%;
      padding: 0;
      display: none;
      font-size: 13px;
    }
   .alllist SPAN{
       bottom:40px;position:absolute; 
       padding: 6px 10px;
       background: #333;
       color:  #54f734;
       width: 380px;
       
   }
   .alllist P{
      padding: 4px 20px;
      font-size:18px;
      margin: 0 auto;
      color:  #333;
      width: 380px;
   }
     .alllist P a{
         float: right;
     }
   
    .am-container{ text-align: center;}
body{
display: flex;

flex-direction: column;
  background:#f1f1f1 /**url(/wp-content/themes/cx-udy/images/index-wrap3.jpg)**/ repeat-x scroll center bottom;
  color: #333;
    }
.alert {
    padding: 15px;

    border: 1px solid transparent;

}
    .get-title {
      font-size: 200%;
      border: 2px solid #fff;
      padding: 20px;
      display: inline-block;
    }
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 20px 0;
}
.zuijin{text-align:left;background:#333;padding:8px 15px;    color: #eee;}
.zuijinright{float:right;}

 .zuijin a{color:#fc5531}
 .zuijinright a{color:#fff}
 a:hover{color:#fc5531}
    .get-btn {
      background: #fff;
    }

    .detail {
      background: #fff;
    }

    .detail-h2 {
      text-align: center;
      font-size: 150%;
      margin: 40px 0;
    }

    .detail-h3 {
      color: #1f8dd6;
    }

    .detail-p {
      color: #7f8c8d;
    }

    .detail-mb {
      margin-bottom: 30px;
    }

    .hope {
      background: #0bb59b;
      padding: 50px 0;
    }

    .hope-img {
      text-align: center;
    }

    .hope-hr {
      border-color: #149C88;
    }

    .hope-title {
      font-size: 140%;
    }

    .about {
      background: #fff;
      padding: 40px 0;
      color: #7f8c8d;
    }

    .about-color {
      color: #34495e;
    }

    .about-title {
      font-size: 180%;
      padding: 30px 0 50px 0;
      text-align: center;
    }
  .main{margin:0;
  height:100%;
  width: 100%;
padding:0;
      
  }
    .footer A {
    color: #fff;
   font-weight: 800;
    }
    .footer {
      color: #EEE;
      font-size: 14.5px ;
      padding:  0;
      line-height: 40px;
      text-align: center;
      background: #2d3e50;
      margin-top: auto;
 
    }  
    .introid,.intro{background:#333;padding:0PX 8PX;color:#FFF}
    
    /* MUST tooltip styling */
.hide {position:absolute; z-index:8800; left:-9999px;}

/* general tooltip styling */
.hide {border:1px solid #000; padding:5px 10px;background:#fff; text-align:left;}
.hide h3 {font-size:16px; font-family:georgia, serif; color:#800; margin:0; padding:5px 0;}
.hide p{padding:5px 0; margin:0; font-family:arial;font-size:11px;line-height:1.5em;}
.hide img {border:1px solid #aaa; padding:5px;}


@media (max-width: 900px){
.get { width:60%;}
  .alllist{width: 40%;}
}