.welcome-index {
  /*text-align: center;*/
/*  margin: 0 auto;
  color: #fff;
  height: 100vh; */
}
table {
  width: 100%;
}
.welcome-index input[type="text"] {
  /*line-height: 28px;*/
  border: 0;
  font-size: 1.1em;
  margin-right: 5px;

  width: 68%;
  font-weight: normal;
  color: #666;
  text-indent: 4px;

}
input {
  -webkit-appearance:none;
  -webkit-outline:none;
    outline: 0;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc;
}
.welcome-index table td div {
  height: 42px;
  line-height: 42px;
  width: 100%;
  border-radius: 6px;
  
  margin-bottom: 10px;
  background: #fff;
}
.welcome-index table td {
  vertical-align: top;
}

input {
  
  border: 0;
}

.welcome-index table td img {
  float: left;
  height: 50%;
  margin: 12px 6px 10px 5px;

}
.welcome-index table span {
  display: inline-block;
  line-height: 42px;
}
.btn-public {
  border: 1px solid #eee;
  background: #009B4C;
  height: 42px;
  color: #fff;
  border-radius: 6px;
  display: block;
  line-height: 42px;
  text-align: center;
  width: 100%;
  font-size: 1.1em;
}

input.select{
  background: #43b6ff;
}

.server_tel {
  color:#fff;text-align:center;padding-bottom:10px; font-size: 0.9em;
}
.welcome-index label.input_wrap{
  display:inline-block;
  height: 52px;
  line-height: 52px;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  background: #fff;
}
.input_wrap input {
  
  font-size: 1.1em;
  line-height: 34px;
}
.verification_code {
  width: 26%;
  position: absolute;
  right: 10px;
  height: 32px;
  line-height: 32px;
  top: 10px;
  background: #fff;
  border: 1px solid #009B4C;
  color: #009B4C;
}
.gray_bg {
  background: #dadada;
  border: 0;
  color: #f9f9f9;
  border: 1px solid #dadada;
}
.usage {
	color: #999;
	padding-left: 10px;
	font-size: 12px;
}
.usage a {
	color: #2683EA;
	
}

.frame-box{width: 100%;
    /* position: fixed; */
    /* top:22%; */
	padding-top: 47%;
   }
@media screen and ( max-width:720px ) {
	.frame{
		width: 75%;
		/* max-width:1200px; */
	    /* right: 10px; */
	    /* height:25vh; */
	    line-height: 32px;
	    /* top: 10px; */
	    background: #fff;
	  /*  margin: 0 auto;
		left:6.5%; */
	    padding: 6%;
	    border-radius: 8px;
	    /* box-shadow: 4px 4px 4px #f9f9f9; */
	    box-shadow: 0 0 10px rgba(233, 233, 233, 0.8);
		  position: absolute;
		  left: 50%;
		  transform: translate(-50%, 0%)
	   }
}
@media screen and (min-width:720px) and (max-width:1080px) {
	.frame{
		width: 75%;
	    line-height: 32px;
	    background: #fff;
	    padding: 6%;
	    border-radius: 8px;
	    box-shadow: 0 0 10px rgba(233, 233, 233, 0.8);
		  position: absolute;
		  left: 50%;
		  transform: translate(-50%, 0%)
	   }
}
@media screen and (min-width:1080px) and (max-width:1400px) {
	.frame{
		width: 26%;
	    line-height: 32px;
	    background: #fff;
	    padding: 6%;
	    border-radius: 8px;
	    box-shadow: 0 0 10px rgba(233, 233, 233, 0.8);
		  position: absolute;
		  left: 37%;
		  transform: translate(-50%, 0%)
	   }
}
 @media screen and ( min-width:1401px ) {
	 .frame{
	 	width:26%;
	     line-height: 32px;
	     background: #fff;
	     padding: 6%;
	     border-radius: 8px;
	     box-shadow: 0 0 10px rgba(233, 233, 233, 0.8);
	 	  position: absolute;
	 	  left: 25%;
	 	  transform: translate(-50%, 0%)
	    }
 }
.font{color:#ffffff;width: 80%;margin:0 auto;}
.font-t{font-weight: bold;font-size: 26px;text-shadow: 0px 1px 3px #fbb08d;letter-spacing:1px;}
.font-b{color:#ffffff;font-size: 20px;line-height:40px;}
.heighekong{width: 100%;height:8vh;}
.t2{color: #fb8939;
  font-size: 1.2em;
  line-height: 34px;
  text-align: center;}
 .btn-public1 {margin-top:10px;
 	  /* border: 1px solid #f98333; */
	  border:none;
    height: 42px;
    color: #fff;
    border-radius: 6px;
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%;
    font-size: 1.22em;
    background: linear-gradient(to right,#ff941f,#ff8b2a); }
 .welcome-index label.input_wrap{
  display:inline-block;
  height: 52px;
  line-height: 52px;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  background: #fff;
   border-bottom: 1px solid #e4e4e4;
}   
.lo-b{
  width: 100%;
  height: 30%;
  text-align: center;
  background: rgb(255, 124, 62);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.lo-b img{max-width: 100%;max-height: 100%;}
.frame-logo{padding: 10%;margin-top: 20px;}
.frame-logo img{width: 30%;}
.t2-img{text-align: center;max-width:100%;max-height: 100%;}
body {
    font: 14px/1.4 arial;
    color: #8a8a8a;
    -webkit-text-size-adjust: none;
    font-family: Tahoma,Arial,stheiti,"Droid Sans","Microsoft Yahei";
   /* min-width: 320px; */
	max-width:750px;
    margin: 0 auto;
	  height: 100%;
	  margin: 0;
	  padding: 0;
   background: #fff;
    
}
::placeholder {
  font-size: 16px;
}
/* 8.28ÐÞ¸ÄÃÜÂëÐÂÔö */
.inputkuang{border:1px solid #b7b7b7;border-radius: 6px;text-indent:3px;width: 57%;float: left;}
.input_wrap{font-size:16px;color:#272727;}
.welcome-index label.input_wrap{border-bottom:0px solid #e4e4e4;height:36px;line-height:36px;} 
.wentis{color:#ff3434;font-size:16px;line-height:24px !important;height: auto !important;width: 90% !important;margin-left: 5%;text-align: justify;clear: both;}
.wentis2{color:#565656;font-size:16px;line-height:24px !important;height: auto !important;text-align: justify;position:absolute;top:105%;width:85%;clear: both;}
.frame-box{width: 100%;padding-top: 27%;}
 .frame{position: absolute; padding: 4% 6%;}
 ::placeholder{color: #727272;}
 .inputfont{width:35% !important;float: left;}
.btn-public1 {background: linear-gradient(to right,#ff8f4a,#f98333); }