body{font-family:微软雅黑,arial}
a{text-decoration:none;color:#000;font-weight:700}
.container{margin-top:120px}
.page{width:320px;margin-left:auto;margin-right:auto;border:1px solid #ccc;padding:20px;box-shadow:0 0 8px rgba(3,126,202,.5)}
input[type=text]{margin-bottom:10px;height:35px;width:100%;padding:8px;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px
solid #ccc;background-repeat:no-repeat}
input:focus{transition:border linear .3s,box-shadow linear .5s;-moz-transition:border linear .3s,-moz-box-shadow linear
.5s;-webkit-transition:border linear .3s,-webkit-box-shadow linear .5s;outline:0;border-color:rgba(3,126,212,.5);box-shadow:0 0 8px
rgba(3,126,202,.5);-moz-box-shadow:0 0 8px rgba(3,126,212,.5);-webkit-box-shadow:0 0 8px rgba(3,126,212,.3)}
.btn{padding:8px 15px;background-color:#4169E1;transition:background-color linear .3s;border:0;color:#fff;font-weight:700}
.btn:disabled{background-color:#6CA7DF;transition:background-color linear .3s}
form h2{text-align:center;font-weight:700}
form p{margin-bottom:10px;font-weight:700}
.error{text-align:center;color:red}
.info{text-align:center;color:#000}
.info a{color:#6cf}
.short{display:none;}
a:hover{color:#00f}
footer{text-align:center;padding:5px;
/*font-size:20px;*/
position: fixed;
bottom: 0px;
width: 100%;
margin-left: -13px;
}

/*body {*/
/*overflow-x:hidden;*/
/*overflow-y:hidden;*/
/*}*/

@media screen and (max-width: 480px) {
.page{width:300px;}
}


.main-im {
    position: fixed;
    right: 10px;
    top: 300px;
    z-index: 100;
    width: 110px;
    height: 272px;
}

.main-im .open-im {
    cursor: pointer;
    margin-left: 68px;
    width: 70px;
    height: 109px;
    /*background: url(../img/open_im.png) no-repeat left top;*/
}


/**{*/
/*  margin:0;padding:0*/
/*}*/
ol,ul{
  list-style: none;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14{
  float:none;
}
.mask{
  background:#f0eff5;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-1;
}
.h1{padding-top:50px}
.container{
  width:90%;
  margin:0 auto;
  background:#fff;
  margin-top:5%;
}
.container_logo{
  background:#fbfbfb
}
.play{
  margin:0 auto;
  padding:10px 0px;
}
.play img{
  width:80%;
  display:block;
  margin:0 auto;
}
.number_amount{
  position:relative;
  height:42px;
}
.number_amount label{
  position:absolute;
  top:50%;
  margin-top:-18px;
  font-size:24px;
  left:0;
}
.play input[type="number"]{
  width:100%;
  height:100%;
  font-size:24px;
  border:none;
  border-bottom:1px solid #eee;
  outline: none;
  padding:0 30px;
}
.quick_amount{
  margin:0 auto;
  padding:0;
}
.quick_amount p{
  display:inline-block;
  text-align:center;
  font-size:16px;
  line-height:40px;
  border:dashed 1px #eee;
  color:#888;
  margin:10px 3.3%;
}
.quick_amount p.active{
  border:#337ab7 1px solid;
  color:#337ab7;
  border-radius:2px;
}
._submit{
  margin:30px auto;
}
.submit-amount{
  width:100%;
}
#userzx{
    margin-top: 10px;
}
/* .getId{
  display:none;
} */



.container select {
    text-align:center;
    width: 100%;
    padding: 3px;
    border: 1px solid #333;
    border-radius: 4px;
    resize: vertical;
}
/*user agent stylesheet*/
/*select:not(:-internal-list-box) {*/
/*    overflow: visible !important;*/
/*}*/
/*user agent stylesheet*/
select {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}


      .hljs-ln-numbers {
      text-align: center;
      color: #ccc;
      border-right: 1px solid #999;
      vertical-align: top;
      padding-right: 5px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

		pre code .hljs-ln-code {
				padding-left: 10px;
				/* padding-left: 30px; */
			}