/* Your app custom files in this file */
/* Tab bar icons */
i.tabbar-demo-icon-1 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23929292'><g><circle cx='15.2' cy='8.8' r='1.5'/><polygon points='16.7,12.3 16.7,11.7 16.7,11.3 13.7,11.3 13.7,12.3 14.7,12.3 14.7,20.3 13.7,20.3 13.7,21.3 17.7,21.3 17.7,20.3 16.7,20.3'/><path d='M15.2,2.3C8.3,2.3,2.7,7.9,2.7,14.8s5.6,12.5,12.5,12.5c6.9,0,12.5-5.6,12.5-12.5S22.1,2.3,15.2,2.3z M15.2,26.3 c-6.3,0-11.5-5.2-11.5-11.5S8.8,3.3,15.2,3.3s11.5,5.2,11.5,11.5S21.5,26.3,15.2,26.3z'/></g></svg>");
}
.active i.tabbar-demo-icon-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' fill='%23007aff'><path d='M15,2.6C8.1,2.6,2.5,8.2,2.5,15.1C2.5,22,8.1,27.6,15,27.6S27.5,22,27.5,15.1C27.5,8.2,21.9,2.6,15,2.6z M15,7.6 c0.8,0,1.5,0.7,1.5,1.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C13.5,8.3,14.2,7.6,15,7.6z M17.5,21.6h-4v-1h1v-8h-1v-1h3V12 v0.6v8h1V21.6z'/></svg>");
}
i.tabbar-demo-icon-2 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23929292'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.4L5.9,1z M24,16H1V7h7.1 c0.5,1.9,2.3,3.4,4.4,3.4s3.9-1.5,4.4-3.4H24V16z'/></svg>");
}
.active i.tabbar-demo-icon-2 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 17' fill='%23007aff'><path d='M19.5,0h-14L0,6v11h25V6L19.5,0z M5.9,1h13.2l4.5,5H16c0,1.9-1.6,3.4-3.5,3.4C10.6,9.4,9,7.9,9,6H1.3L5.9,1z'/></svg>");
}
i.tabbar-demo-icon-3 {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23929292'><path d='M16.8,1c3.7,0,6.8,3,6.8,6.8l0,0.1c0,0,0,0.1,0,0.1l0,1l1,0C27,9,29,11,29,13.5c0,2.5-2,4.5-4.5,4.5H6c-2.8,0-5-2.2-5-5 c0-2.1,1.4-4,3.4-4.7L5,8.1l0.1-0.6C5.3,6,6.5,5,8,5c0.4,0,0.9,0.1,1.3,0.3l0.9,0.5l0.4-0.9C11.8,2.5,14.2,1,16.8,1 M16.8,0 c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4.1,7.3C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5 c0-3-2.5-5.5-5.5-5.5c0-0.1,0-0.2,0-0.2C24.5,3.5,21.1,0,16.8,0L16.8,0z'/></svg>");
}
.active i.tabbar-demo-icon-3 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 19' fill='%23007aff'><path d='M24.5,8c0-0.1,0-0.2,0-0.2C24.5,3.5,21,0,16.8,0c-3.1,0-5.7,1.8-7,4.4C9.2,4.2,8.6,4,8,4C6,4,4.4,5.4,4,7.3 C1.7,8.1,0,10.4,0,13c0,3.3,2.7,6,6,6h18.5v0c3,0,5.5-2.5,5.5-5.5C30,10.5,27.5,8,24.5,8z'/></svg>");
}
i.tabbar-demo-icon-4 {
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23929292'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15,0h-5C9.5,0,8.9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M24,17c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h4.2h0.4 l0.3-0.3l1.2-1.2l0,0.1l1.1-1.2C9.5,1.1,9.8,1,10,1h5c0.3,0,0.5,0.1,0.7,0.3l2.4,2.4L18.4,4h0.4H23c0.6,0,1,0.4,1,1V17z'/><path d='M12.5,4C8.9,4,6,6.9,6,10.5c0,3.6,2.9,6.5,6.5,6.5c3.6,0,6.5-2.9,6.5-6.5C19,6.9,16.1,4,12.5,4z M12.5,16 c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5S18,7.5,18,10.5C18,13.5,15.5,16,12.5,16z'/><path d='M12.5,6C10,6,8,8,8,10.5C8,13,10,15,12.5,15s4.5-2,4.5-4.5C17,8,15,6,12.5,6z M12.5,14C10.6,14,9,12.4,9,10.5 C9,8.6,10.6,7,12.5,7S16,8.6,16,10.5C16,12.4,14.4,14,12.5,14z'/></g></svg>");
}
.active i.tabbar-demo-icon-4 {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 25 19' fill='%23007aff'><g><path d='M23,3h-4.1l-2.4-2.4c0,0,0,0,0,0l0,0C16.1,0.2,15.6,0,15.1,0h-5C9.5,0,9,0.3,8.6,0.6l0,0L6.2,3H2C0.9,3,0,3.9,0,5v12 c0,1.1,0.9,2,2,2h21c1.1,0,2-0.9,2-2V5C25,3.9,24.1,3,23,3z M12.5,16c-3,0-5.5-2.5-5.5-5.5C7,7.5,9.5,5,12.5,5c3,0,5.5,2.5,5.5,5.5 C18,13.5,15.5,16,12.5,16z'/><circle cx='12.5' cy='10.5' r='4.5'/></g></svg>");
}

    .Welcome{
      margin-top: 0.5rem; 
      font-size: 1rem; 
      justify-content: flex-end;
      font-weight: bolder;
      font-size: x-large;
    }
    .UserInfo{
      width:100%;
      height:60%;
      position: absolute;
      bottom: 0;
    }
    .UserInfo .nickname{
      text-align: center;
      color:#fff;
      font-size: 1rem;
      width: 50%;
      margin: auto;
      position: relative;
    }
    .UserInfo .nickname input{
      margin: auto;
      display: inline-block;
      text-align: center;
      width: 100%;
    }
    .UserInfo .nickname .material-icons{
      font-size: 1rem;
      padding: 5px;
    }
    .UserInfo .userMoney{
	  margin-top:10px;
	  margin-left:10px;
      color: #fff;
      font-size: 1.4rem;
      font-weight: 600;
      text-align: center;
    }
	.UserInfo .userinf{
		margin-top:10px;
		margin-right:10px;
	  color: #fff;
	  font-size: 1.4rem;
	  font-weight: 600;
	  text-align: center;
	}
	#announce_mq {
		color:#515151;
		font-size:14px;
		width:300px;
		height:20px;
		margin:5px auto;
		overflow:hidden;
	}
	#announce_mq ul {
		list-style:none;
		width:100%;
		height:100%;
	}
	#announce_mq ul li {
		width:100%;
		height:20px;
		box-sizing:border-box;
		line-height:20px;
		text-align:left;
	}
      /*Page elements*/
      .rotate-icon {
        transform: rotate(90deg);
      }
      .Back-f{
        background-color: #fff;
      }
      .toolbar-bottom::before{
        content:none;
      }
      /*Wheel play*/
      .table {  
          width: 96%;  
          height: 7rem;  
          margin-left: 1%;
          margin-right: 1%;
          background-size: 100% 100%;  
			  margin-bottom: 20px;
			  margin-top:10px;
			  position:relative;
      }  
      .table .swiper-container {  
          width: 95%;  
          padding-top: 0.5rem;  
          padding-bottom: 0.5rem;
      }  
      .table .swiper-slide {  
          background-position: center;  
          background-size: 130% 120%; 
          width: 50%;/*center width*/  
          height: 7rem;/*height synchronization1*/
          border-radius: 0.5rem;
          overflow: hidden;
          box-shadow: 1px 1px 5px 2px rgba(169,169,169,0.2), 1px 1px 5px 2px rgba(169,169,169,0.2);

      }  
      .table .swiper-slide .swiper-s{  
          display: block;  
          width: 100%;  
          height: 7rem;  /*heght synchronization2*/
          background-color: #fff;
          text-align: center;
          padding-top:5px;

      }

      /*mycss*/
      .file {
        position: absolute;
        background: '/public/pjpg/shengjiang.png';
        width: 100%;
        height: 50%;
        overflow: hidden;
        color: #1E88C7;
        text-decoration: none;
        bottom: 0;
        left: 0;
      }
      .file input {
          position: absolute;
          font-size: 100px;
          right: 0;
          top: 0;
          opacity: 0;
      }
      .file:hover {
          width: 100%;
          height: 100%;
          background: rgb(0,0,0,0.2) url("/public/pjpg/gh.png") no-repeat center bottom;
          background-size: 42%;
      }
      .index-logout{
        font-size:8px;color:#ffffff;position: absolute;top: 42px;left: 17%;
      }
      .tab-link-active .border-b{
        border: 2px solid #003C9C;
        border-radius: 5px;
      }
      .tab-link-active .Theme-color{
        color:#003C9C;
      }

      .my-Label{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
       
        background-color: #ccc;
        border-radius: 20rem;
        font-size: 1rem;
        font: menu;
        color: #fff;
      }
      
      .disp-fl{
        display: flex;
      }
      .top-img-mony{
        width: 90%;
        height: 90px;
        margin:auto;
        background-color: #0347A6;
        border-radius: 0.5rem;
        color:#fff;
      }
      .justify-bet{
        justify-content: space-between;
      }
      .user-name{
        flex: 5;
        height:100%;
        font-weight: 500;
        font-size: 1.2rem;
      }
      .list ul::before{
        background-color: #fff;
      }
      .justify-a{
        justify-content: space-around;

      }
      .justify-c{
        justify-content: center;
      }
      .text-c{
        text-align: center;
      }
      .up-sort{
        width: 90%;
        margin: 23px auto;
      }
	.text-all2{
        color: #000;
        font-size: 12px;
        font-family: inherit;
      }
      .text-all{
        color: #000;
        font-size: 1rem;
        font-family: inherit;
      }
	  .Play-time2{
	    color:#0347A6;
	    font-weight: 900;
	    font-size: 20px;
	  }
      .Play-time{
        color:#0347A6;
        font-weight: 900;
        font-size: 2rem;
      }
      .user-img{
          overflow: hidden;
        border-radius: 5rem;
      }
      .tabbar-scrollable::before{
        background-color: #ffff
      }

      /*login html*/
      .login-text{
        
        height:25px;
        font-size:14px;
        font-family:GalanoGrotesque ☞;
        font-weight:500;
        color:rgba(255,255,255,1);
        opacity:1;
        padding-left: 0.5rem;
      }
      .login-img{
        text-align:center;
        width: 90px;
        height: 90px;
        border-radius: 1rem;
        margin:auto;
        padding-top:50px;
      }
      .new-code{
        display: inline-block;
        width: auto;
        top: 30%;
        position: absolute;
        right: -25px;
        background-color:#0347A6 ;
        color:#fff;
        --f7-button-font-weight: none;
        --f7-button-text-transform: none;
      }
      .login-img img{
        margin:auto;width: 100%;
      }
      .Forget-password{
        display: initial;
        float: right;
        color:#ccc;
        font-size: 14px;
      }
      .enroll{
        margin-top: 20px; 
        text-align: center;
        font-size: 0.8rem; 
        vertical-align:none;
      }
      .enroll-btn{
        padding-left: 0;
        display: initial;
        vertical-align: baseline;
      }
      .Land{
        height:2.5rem;
        width:70%;
        margin:auto;
        background-color: #0347A6;
        padding:auto;
        color:#fff;
      }
      .login-close{
        color:#FFF;
        float: left;
        padding-top: 1rem;
        padding-left: 1rem;
      }
      .login-title{
        margin-bottom:0;
        color:#0347A6;
        font-weight: 600;
        font-size: 18px;
        margin-top: 15%;
      }
      .inputs-color-size::-webkit-input-placeholder{
        font-size: 14px;
      }
      .boxs { 
        width: 100%; 
        height: 165px;
        margin: auto; 
        overflow: hidden; 
      }
      .home_tops { 
        position: relative; 
        width: 100%; 
        height: 120px; 
        text-align: center; 
        line-height: 50px; 
      }
      .home_tops:after{ 
        width: 140%; 
        height: 120px; 
        position: absolute; 
        left: -20%; 
        top: 0; 
        z-index: -1; 
        content: ''; 
        border-radius: 0 0 50% 50%; 
        background-color:#0347A6;
      }

    .boxs1 { 
        width: 100%; 
        height: 250px;
        margin: auto; 
        overflow: hidden; 
      }
      .home_tops1 { 
        position: relative; 
        width: 100%; 
        height: 120px; 
        text-align: center; 
        line-height: 50px; 
      }
      .home_tops1:after{ 
        width: 140%; 
        height: 250px; 
        position: absolute; 
        left: -20%; 
        top: 0; 
        z-index: -1; 
        content: ''; 
        border-radius: 0 0 50% 50%; 
        background-color:#0347A6;
      }

      /*top-up*/
      .top-up{
        text-align: center;
        width: 80%; 
        font-size:19px;
        font-family:GalanoGrotesque ☞;
        font-weight:500;
        color:rgba(93,110,132,1);
        opacity:1;
      }
      .top-up-nav{
        position: absolute;
        left: 1rem;
        top: 1rem;
        width: 100%;
        height: calc(var(--f7-navbar-height) + var(--f7-safe-area-top));
      }
      .top-up-nvaberT{
        width:90%;
        text-align:center;
        padding: 10px;
        font-size:1rem;
        font-family:GalanoGrotesque ☞;
        font-weight:600;
        line-height:19px;
        color:rgba(93,110,132,1);
        opacity:1;
      }
      .top-up-PayImg{
        width: 50%;
        height: 25%;
        padding:10px;
        margin: 0.5rem auto 0;
        border-radius: 0.2rem;
        box-shadow: 0px 0px 3px 0px #5D6E84;
      }
      .lists ul::before{
        display: none;
      }
      .lists ul::after{
        display: none;
      }
      /*xia dan tan chu*/
    .orderAlert{
      width: 100%;
      height:100%;
      position: absolute;
      top:0;
      left:0;
      z-index:601;
      background: -webkit-linear-gradient(left top, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.76));
      background: -moz-linear-gradient(left top, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.76));
      background: linear-gradient(left top, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.76));
    }
	.amount-box_s{
      width: 26%;
      height: 24px;
      color: #6E7F8D;
      display: inline-block;
      font-size:13px;
      font-weight: SemiBold;
      text-align: center;
      margin:2px 1.5%;
      background:rgba(255,255,255,1);
      border:1px solid rgba(209,215,221,1);
      opacity:1;
      border-radius:6px;

    }
    .amount-box{
      width: 27.83%;
      height: 9.66%;
      color: #6E7F8D;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: SemiBold;
      text-align: center;
      margin:5px 1.5%;
      background:rgba(255,255,255,1);
      border:1px solid rgba(209,215,221,1);
      opacity:1;
      border-radius:6px;

    }
    .amount-view{
      padding-left: 5%;
      padding-right: 5%;
    }
    .amount-view .active{
      background-color: #0347A6;
      color: #fff;
    }
    
    .order-text{
      font-size:1rem;
      font-family:GalanoGrotesque ☞;
      font-weight:500;
      
      color:rgba(166,176,185,1);
      opacity:1;

    }
	.order-text-type2{
	  font-size:14px;
	  font-family:GalanoGrotesque ☞;
	  font-weight:600;
	  line-height:14px;
	  color:rgba(93,110,132,1);
	  opacity:1;
	  margin-top: 5px;
	}
    .order-tetx-type{
      font-size:20px;
      font-family:GalanoGrotesque ☞;
      font-weight:600;
      line-height:18px;
      color:rgba(93,110,132,1);
      opacity:1;
      margin-top: 5px;
    }
    .order-money{
      width: 92%;
      height:80%;
      background-color: #fff;
      border-radius: 1rem;
      margin:auto;
      top:10%;
      position: relative;
    }
    .order-money-title{
      width: 77%;
      padding-top: 5.5%;
      text-align: center; 
      font-size: 1rem;
      margin: auto;
      font-family: GalanoGrotesque ☞;
      font-weight: 600;
      line-height: 19px;
      color: rgba(3,71,166,1);
      opacity: 1;
    }
    .order-money-close{
      position: absolute;
      top: 0.3rem;
      right: 1rem;
      font-size: 1.2rem;
      color: rgba(3,71,166,1);
    }

    .order-money-type{
      font-size: 12px;
      font-weight: Medium;
    }

    .order-money-info{
      width: 100%;
      position: absolute;
      text-align: center;
    }
	.order-money-infos_s{
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
	  margin-top: 5px;
	}
    .order-money-infos{
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
    }
    .display-open{
      display: block;
    }
    .display-close{
      display: none;
    }
    .order-time{
      width: 92%;
      height:60%;
      background-color: #fff;
      border-radius: 1rem;
      margin:auto;
      top:20%; 
      position: relative;
    }
    .order-time-title{
      width: 77%;
      text-align: center; 
      font-size: 1rem;
      margin: auto;
      font-family: GalanoGrotesque ☞;
      font-weight: 600;
      line-height: 19px;
      color: rgba(3,71,166,1);
      opacity: 1;
      top:2%;
      position:relative;
    }
    .order-time-close{
      position: absolute;
      top: 0.3rem;
      right: 1rem;
      font-size: 1.2rem;
      color: rgba(3,71,166,1);
    }
    
    .settings{
      background-color: #0347A6;width: 100%;height: 34%;position: relative;
    }
    .settings-conter{
      width:100%;height:70%;position: absolute;bottom: 0;
    }
    .settings-noe{
      width:85%;margin: auto;display: flex;justify-content: space-between;
    }
    .settings-two{
      width: 90%;position: absolute;bottom:-20%;background-color: red;left:4.67%;border-radius: 5px;background-color: #fff;box-shadow: 0px 0px 1px 0px #ccc;
    }
    .settings-two .list ul:after{
      content:none;
    }

    /*share*/
    .share-view{
      text-align:center;padding-bottom: 20px;
    }
    .share-view-title{
      font-size:16px;color:#5D6E84;margin-top:20px;
    }
    .share-Bg{
      width:91.73%;text-align:center;margin:15px auto;position: relative;height: 67%;overflow: hidden;
    }
    .share-qrcode{
      position: absolute;right: 8.4%;bottom: 1%;width: 82px;height: 82px;
    }
    .share-view .inset{
      margin-top: 10px;margin-bottom: 0;
    }
    .share-view .inset .button{
      width:20%;height:81%;position: absolute;right: 0;top:10%;background-color: #18B979;font-family: none;text-transform:none;
    }
    .share-share{
      width: 80%;margin:auto;margin-top: 10px;
      display: flex;
      justify-content: space-between;
    }
    /*.share-share .iconfackbook{
      width: 80px;height: 60px;display: block;float: left;margin-top: -4px;font-size: 3.1rem;
    }
    .share-share .twitter{
      color: #1EA2F2;
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    
    font-size: 2.7rem;
    }*/
    /*about*/
    /*googlecode*/
  .GoogleTitle{
    color:#5D6E84;
    line-height:var(--f7-navbar-title);
    font-family: -webkit-body;
  }
   .GoogleCode ul::after {
    content: none;
  }
  .GoogleCode .input-focused{
    border:1px solid red;
  }
  :root {
    --f7-theme-color: #0347A6;

	  --f7-smart-select-sheet-bg: var(--f7-list-bg-color);
	  --f7-smart-select-sheet-toolbar-border-color: var(--f7-bars-border-color);
	  
  }
  #GoogleSecret{
    color:#5D6E84;font-size: 14px;
  }
  .GoogleCode .copy{
    top: 29%;
    right: 8%;
    width: 18%;
    z-index: 1;
    height: 52%;
    padding: 0px;
    font-size: 12px;
    font-family: none;
    position: absolute;
    background-color: #0347A6;
    line-height: calc(var(--f7-button-height) - );
  }

 .GoogleCode .sublime{
    width: 80%;
    margin: auto;
    border-radius: 25px;
    background-color: #0347A6;
    font-family: -webkit-body;
    position: fixed;
    bottom: 30px;
    left: 10%;
  }
  #getGoogleSetCode{
    display: inline-block;
    width: 21%;
    --f7-button-height: var(--f7-height);
    --f7-button-font-size: var(--f7-button-large);
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0347A6;
    text-align: center;
    border-radius: 5px;color: #fff;
  }

#holding-tab .tab-link {
             background-color:#ffffff;
             color:#A6B0B9;
         }
         #holding-tab .tab-link-active{
             background-color:#0347A6;
             color:#ffffff;
         }

         #holding-tab .subnavbar::after{
            width:0;
            background-color:#fff;
        }
         @font-face {
          font-family: 'GalanoGrotesque';
          font-weight:normal;
          src: url("./GalanoGrotesque.woff") format('woff');
        }
         @font-face {
          font-family: 'GalanoGrotesque';
          font-weight:bold;
          src: url("./GalanoGrotesqueSemiBold.woff") format('woff');
        }
         @font-face {
          font-family: 'GalanoGrotesque';
          font-weight:400;
          src: url("./GalanoGrotesqueMedium.woff") format('woff');
        }
         .typebutton{
            width:80px;
            height:40px;
            background:rgba(255,255,255,1);
            box-shadow:3px 0px 2px rgba(0,49,0,0.1);
            opacity:1;
            border-radius:0px 10px 0px 0px;
            text-align:center;
            float:left;
            padding-top:8px;
            vertical-align: middle;
            color:#A6B0B9;
         }
         .tb_active{
            width:80px;
            height:40px;
            background:rgba(255,169,39,1);
            box-shadow:3px 0px 2px rgba(0,49,0,0.1);
            opacity:1;
            border-radius:0px 10px 0px 0px;
            text-align:center;
            float:left;
            color:#fff;
            padding-top:8px;
            z-index:9999;
         }
         .typebutton2{
            width:70px;
            height:32px;
            background:rgba(255,255,255,1);
            box-shadow:5px 0px 2px rgba(0,49,0,0.1);
            opacity:1;
            border-radius:0px 10px 0px 0px;
            text-align:center;
            float:left;
            color:#A6B0B9;
            padding-top:5px;
         }
         .dwbutton{
            width:70px;
            height:32px;
            background:rgba(255,255,255,1);
            box-shadow:5px 0px 2px rgba(0,49,0,0.1);
            opacity:1;
            border-radius:0px 10px 0px 0px;
            text-align:center;
            float:left;
            color:#A6B0B9;
            padding-top:5px;
         }
         .lselected{
             width:70px;
            height:32px;
            background:rgba(24,185,121,1);
            box-shadow:5px 0px 2px rgba(0,49,0,0.1);
            opacity:1;
            border-radius:0px 10px 0px 0px;
            text-align:center;
            float:left;
            
            color:#fff;
            padding-top:5px;
            z-index:9999;
         }
         .wdbutton{
             width:80px;
             height:30px;
             text-align:center;
             font-size:14px;
             color:#6E7F8D;
             background:rgba(255,255,255,1);
             border:1px solid rgba(209,215,221,1);
             border-radius:6px;
             vertical-align:middle;
             padding-top:10px;
         }
         .wdbutton_active{
             background:rgba(3,71,166,1);
             color:#fff;
         }
         input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
             color: #D1D7DD;
             font-size: 14px;
         }
         #moneyaddress,#WithdrawalAmount,#secode,#goocode {
             width:93%;
             height:48px;
             margin-left:13px;
             border: 1px solid rgba(209,215,221,1);
             opacity: 1;
             border-radius: 4px;
             font-size:14px;
             padding:13px;
         }
         .commitbtn {
             width: 247px;
             height: 48px;
             background: rgba(3,71,166,1);
             opacity: 1;
             border-radius: 24px;
             color:#fff;
             margin-top:15px;
             margin-bottom:30px;
             font-size:19px;
         }

.say-btn
{
	text-align:right;
	min-height:10%;
    background-color:#fff;
    margin:10px;
}

#dialog
{
	min-height:90%;
	background:#F3F5F7;
	max-height: 80vh;
	overflow: scroll;
    border-radius:6px;
}

.words
{
	margin:8px;
}


.triangle-isosceles {
    position:relative;
    padding:10px;
    margin:10px 0 15px;
    color:#000;
    background:#D3FF93; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#EFFFD7), to(#D3FF93));
    background:-moz-linear-gradient(#EFFFD7, #D3FF93);
    background:-o-linear-gradient(#EFFFD7, #D3FF93);
    background:linear-gradient(#EFFFD7, #D3FF93);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:1px 1px 2px hsla(0, 0%, 0%, 0.3);  
    -webkit-box-shadow:1px 1px 2px hsla(0, 0%, 0%, 0.3);  
     box-shadow:1px 1px 2px hsla(0, 0%, 0%, 0.3);  
}

    .triangle-isosceles:hover{  
        top:-2px;  
        left:-2px;  
        -moz-box-shadow:3px 3px 2px hsla(0, 0%, 0%, 0.3);  
        -webkit-box-shadow:3px 3px 2px hsla(0, 0%, 0%, 0.3);  
        box-shadow:3px 3px 2x hsla(0, 0%, 0%, 0.3);  
    }  

.triangle-isosceles.top {
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#D3FF93), to(#EFFFD7));
    background:-moz-linear-gradient(#D3FF93, #EFFFD7);
    background:-o-linear-gradient(#D3FF93, #EFFFD7);
    background:linear-gradient(#D3FF93, #EFFFD7);
}

.triangle-isosceles:after {
    content:"";
    position:absolute;
    bottom:-9px;
    left:15px;
    border-width:9px 21px 0; 
    border-style:solid;
    border-color:#D3FF93 transparent;
    display:block; 
    width:0;
}
.triangle-isosceles.top:after {
    top:-9px;
    left:15px;
    bottom:auto;
    border-width:0 9px 9px;
    border-color:#D3FF93 transparent;
}

.speech_item img{
    max-height: 300px;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

.user_icon
{
	float:left;border:1px solid #DDDDDD;padding:2px;margin:0 5px 0 5px;
}

.cp
{
	color:#888888;
	text-align:center;
	font-size:11px;
}

.thumbnail
{
	border:1px solid #CCCCCC;
    padding:12px;
}

#sinaEmotion .item{
    margin: 2px;
    height: 25px;
}

#sinaEmotion .face{
    padding: 1px 2px;
    height: 25px;
}

img.sina-emotion{
    display: inline;
}
.simtrade{
    float:right;
    margin-right:20px;
    padding-left:5px;
    padding-right:5px;
    background-color:#ffcc66;
    font-size:14px;
    margin-top:8px;
    border-radius:5px;
    border:1px solid #7fa9e5;
}
.realtrade{
    float:right;
    margin-right:20px;
    padding-left:5px;
    padding-right:5px;
    background-color:#0347a6;
    font-size:14px;
    margin-top:8px;
    border-radius:5px;
    border:1px solid #7fa9e5;
    color:#fff;
}
.speech_item{
    background-color:#F8FFFC;
}
.speech_item_odd{
    background-color:#F1F8FF;
}
.sendcontent_active{
    text-align:center;
    vertical-align:middle;
    float:right;
    width:69px;
    height:34px;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    background-color:#0347A6;
    padding-top:4px;
}

.sendcontent{
    text-align:center;
    vertical-align:middle;
    float:right;
    width:69px;
    height:34px;
    background-color:#A6B0B9;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    padding-top:4px;
}
.gb-checkbx_check{
		border: 1px solid #C7C7C7;
    width: 22px;
    height: 22px;
    color: #0347a6;
    font-size: 22px;
}
.gb-checkbx{
	border: 1px solid #C7C7C7;
	width: 22px;
  height: 22px;
  color: #fff;
  font-size: 22px;
}
.item-media img{
	width: 30px;
}

/* **************** */
	.form1{width:100%;margin:0 auto;}
    .form1 .type1{margin-top:26px;display:block;font-weight:400;}
    .form1 .clearfix{margin-left:10px;}
    .form1 span{width:140px;height:35px;display:inline-block;text-align:right;line-height:35px;color:#333;font-size:14px;}
    .form1 label .a-num{width:45%;height:36px;line-height:36px;border:1px solid #ececec;
	border-radius:4px;display:inline-block;
	font-size:14px;color:#333;text-align:center;margin-bottom:10px;position:relative;cursor:pointer;}
    .form1 label .a-num .select-img{position:absolute;bottom:0;right:0;display:none;}
    .form1 label .active{border:1px solid #0347A6;background-color: #0347A6;color: #fff;}
    .form1 label .active .select-img{display:block;}