/* reset */

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */

/*end reset*/
/****-----start-body----****/

body a,form li,.submit input[type="submit"]{
	transition: 0.1s all;
	-webkit-transition: 0.1s all;
	-moz-transition: 0.1s all;
	-o-transition: 0.1s all;
}


form {
   padding: 0% 1%;
   position: relative;
}
form li.first,li.second{
  border:none;
  list-style:none;
  margin-bottom:20px;
  /* width:100%; */
}
.icon,.icon2  {
  height:55px;
  width:55px;
  display: block;
  float: left;
  border-top-left-radius: 0.3em;
  -o-border-top-left-radius: 0.3em;
  -moz-border-top-left-radius: 0.3em;
  -webkit-border-top-left-radius: 0.3em;
  border-border-bottom-left-radius: 0.3em;
  -o-border-bottom-left-radius: 0.3em;
  -moz-border-bottom-left-radius: 0.3em;
  -webkit-border-bottom-left-radius: 0.3em;
}
.user {
    background: url(../images/icons.png) no-repeat 14px 15px #f79d29;
}
.wechat{
  background:url(../images/icons.png) no-repeat 15px -39px #f79d29;
}
.phone{
  background: url(../images/icons.png) no-repeat 15px -93px #f79d29;
}
.msg{
  background: url(../images/msg.png) no-repeat 16px 16px #f79d29;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 14px 15px #DB2048;
}
li.first:hover .wechat{
  background:url(../images/icons.png) no-repeat 15px -39px #DB2048;
}
li.first:hover .phone{
  background: url(../images/icons.png) no-repeat 15px -93px #DB2048;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}
/*-----*/

  .submit{

  }

form textarea {
  resize: none;
  height: 140px;
}
.login-01 .form-control{
   
     width: 70%; 
    /*height: 55px;*/
    margin: auto;
    border-radius: 20px;
    text-align: center;
  }
	
.login-01 textarea.form-control {
    height: auto;
}	

.login-01 input[type="submit"]{
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 5px 10px;
  width:50%; 
  border: 2px solid #E62129;
  float: none;
  background: #E62129;
  border-radius: 20px;
  /*border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  margin-left:55px;*/
}

li.lost {
  margin-bottom: 21px;
}
/*---------------*/
.copy-right {
  text-align: center;
  margin: 2em 0;
}
.copy-right p {
	color: #fff;
	font-size: 1em;
	font-weight:400;
}
.copy-right p a {
	color:#fff;
}
.copy-right p a:hover {
	text-decoration: underline;
}
/*-----start-responsive-design------*/
@media (max-width:1440px){
  .login-01 input[type="submit"]{
  margin-right:1.85em;
  }
	
}
@media (max-width:1366px){
  .login-01 input[type="submit"]{
  margin-right: 1.6em;
  }
  	
}
@media (max-width:1280px){
   .login-01 {
    width: 40%;
    margin:5% auto 5%;
  }
  body h1 {
  font-size: 2.7em;
}
 
}
@media (max-width:1024px){
  .login-01 {
  width: 45%;
}
 body h1 {
  font-size: 2.5em;
}
 
}
@media (max-width:768px){
  .login-01 {
  width: 63%;
}
 body h1 {
  font-size: 2.3em;
}
}
@media (max-width:640px){
  .login-01 {
  width: 73%;
  }
  body h1 {
  font-size: 2.1em;
}
}
@media (max-width:480px){
   .login-01 {
    width: 85%;
  }
  .copy-right p {
    font-size: 0.9em;
  }
   input[type="text"], form textarea {
  width: 77%;
  padding: 1em 1em 1em 1em;
  font-size: 15px;
  }
  .icon, .icon2 {
  height: 48px;
  width: 48px;
  }
  .user {
    background: url(../images/icons.png) no-repeat 11px 12px #f79d29;
      background-size: 45%;
}
.wechat{
  background:url(../images/icons.png) no-repeat 12px -36px #f79d29;
    background-size: 45%;
}
.phone{
  background:url(../images/icons.png) no-repeat 12px -87px #f79d29;
    background-size: 45%;
}
.msg{
  background: url(../images/msg.png) no-repeat 14px 11px #f79d29;
    background-size: 45%;
}
li.first:hover .user{
     background: url(../images/icons.png) no-repeat 11px 9px #DB2048;
      background-size: 45%;
}
li.first:hover .wechat{
  background:url(../images/icons.png) no-repeat 12px -36px #DB2048;
   background-size: 45%;
}
li.first:hover .phone{
  background:url(../images/icons.png) no-repeat 12px -87px #DB2048;
   background-size: 45%;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 11px #DB2048;
   background-size: 45%;
}
body h1 {
  font-size:2em;
  padding-top: 1em;
}
form li.first, li.second {
  margin-bottom: 5px;
  }

}
@media (max-width:320px){
  input[type="text"], form textarea {
 width: 71%;
  padding: 1em 1em 1em 0.8em;
  font-size: 14px;
  }
  .login-01 {
    width:96%;
  }
  .icon, .icon2 {
  height: 45px;
  width: 45px;
  }
  .user {
    background: url(../images/icons.png) no-repeat 11px 13px #f79d29;
     background-size: 40%;
}
.wechat{
  background:url(../images/icons.png) no-repeat 12px -29px #f79d29;
   background-size: 40%;
}
.phone{
  background:url(../images/icons.png) no-repeat 12px -72px #f79d29;
   background-size: 40%;
}
.msg{
  background: url(../images/msg.png) no-repeat 14px 13px #f79d29;
   background-size: 40%;
}
li.first:hover .user{
  background: url(../images/icons.png) no-repeat 11px 13px #DB2048;
    background-size: 40%;
}
li.first:hover .wechat{
  background:url(../images/icons.png) no-repeat 12px -29px #DB2048;
   background-size: 40%;
}
li.first:hover .phone{
  background:url(../images/icons.png) no-repeat 12px -72px #DB2048;
   background-size: 40%;
}
li.second:hover .msg {
  background: url(../images/msg.png) no-repeat 14px 13px #DB2048;
   background-size: 40%;
}
.copy-right p {
  line-height: 1.6em;
}
.login-01 input[type="submit"] {
  font-size: 17px;
  padding: 8px 8px;
  width: 36%;
  margin-right: 0.7em;
}
body h1 {
  font-size:1.6em;
}

}
.err-info {
	position: absolute;
	left: 17px;
	font-size: 12px;
	color: red;
	height:16px;
	display: none;
	
}
.first input:required,
.first textarea:required {
	background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA2MDI0NTY1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUxOTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg3Ni44IDY1OS4yIDYyMC44IDUxMmwyNTYtMTQ3LjJjMjUuNi0xMi44IDM4LjQtNTEuMiAxOS4yLTc2LjgtMTIuOC0yNS42LTUxLjItMzguNC03Ni44LTE5LjJsLTI1NiAxNDcuMkw1NjMuMiAxMjEuNkM1NjkuNiA4OS42IDU0NCA2NCA1MTIgNjRTNDU0LjQgODkuNiA0NTQuNCAxMjEuNmwwIDI5NC40LTI1Ni0xNDcuMkMxNzkuMiAyNDkuNiAxNDAuOCAyNjIuNCAxMjggMjg4Yy0xMi44IDI1LjYtNi40IDY0IDE5LjIgNzYuOGwyNTYgMTQ3LjItMjU2IDE0Ny4yYy0yNS42IDEyLjgtMzguNCA1MS4yLTE5LjIgNzYuOCAxMi44IDE5LjIgMzIgMjUuNiA1MS4yIDI1LjYgNi40IDAgMTkuMiAwIDI1LjYtNi40bDI1Ni0xNDcuMiAwIDI5NC40QzQ1NC40IDkzNC40IDQ4MCA5NjAgNTEyIDk2MHM1Ny42LTI1LjYgNTcuNi01Ny42TDU2OS42IDYwOGwyNTYgMTQ3LjJjNi40IDYuNCAxOS4yIDYuNCAyNS42IDYuNCAxOS4yIDAgMzguNC0xMi44IDUxLjItMjUuNkM5MDguOCA3MTAuNCA5MDIuNCA2NzIgODc2LjggNjU5LjJ6IiBwLWlkPSI1MTk5IiBmaWxsPSIjZjdiYTJhIj48L3BhdGg+PC9zdmc+') no-repeat 98% center;
}

.first input:required:valid,
.first textarea:required:valid {
	background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA1NTQ4MDU3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwNDkiIHdpZHRoPSIxNi4wMTU2MjUiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0zNDUuNzgxIDg5MC4xNjggMCA1NDQuNTcxbDc3LjE4MS03Ny4xODcgMjY4LjYwMSAyNjguMjM0IDYwMS43ODEtNjAxLjc4NiA3Ny4xODYgNzcuMzY2TDM0NS43ODEgODkwLjE2OHoiIHAtaWQ9IjIwNTAiIGZpbGw9IiMxM2NlNjYiPjwvcGF0aD48L3N2Zz4=') no-repeat 98% center;
}

.first input:focus:invalid,
.first textarea:focus:invalid {
	background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA1OTc3OTE0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0OTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYxMy4zMTYyNDkgNTA5LjU3OTYyM2wyMjQuODc4MjktMjI0Ljg3MTA2NGMyOC4yMTM2NDYtMjguMjIwODcxIDI4LjIxMzY0Ni03My45NjIzNzkgMC0xMDIuMTc2MDI1LTI4LjIyMDg3MS0yOC4yMTM2NDYtNzMuOTU1MTU0LTI4LjIxMzY0Ni0xMDIuMTgzMjUgMEw1MTEuMTQwMjI0IDQwNy4zOTYzNzMgMjg2LjI2OTE2IDE4Mi41MzI1MzRjLTI4LjIyMDg3MS0yOC4yMTM2NDYtNzMuOTU1MTU0LTI4LjIxMzY0Ni0xMDIuMTgzMjUgMC0yOC4yMTM2NDYgMjguMjEzNjQ2LTI4LjIxMzY0NiA3My45NjIzNzkgMCAxMDIuMTc2MDI1TDQwOC45NTY5NzUgNTA5LjU3OTYyM2wtMjI0Ljg3MTA2NSAyMjQuODc4MjljLTI4LjIxMzY0NiAyOC4yMjA4NzEtMjguMjEzNjQ2IDczLjk2MjM3OSAwIDEwMi4xODMyNWE3Mi4wNDc3NTMgNzIuMDQ3NzUzIDAgMCAwIDUxLjA4ODAxMiAyMS4xNjIwNCA3Mi4wNDc3NTMgNzIuMDQ3NzUzIDAgMCAwIDUxLjA4ODAxMy0yMS4xNjIwNGwyMjQuODcxMDY0LTIyNC44NzgyOSAyMjQuODc4MjkgMjI0Ljg3ODI5YTcyLjA0Nzc1MyA3Mi4wNDc3NTMgMCAwIDAgNTEuMDg4MDEyIDIxLjE2MjA0IDcyLjAzMzMwMyA3Mi4wMzMzMDMgMCAwIDAgNTEuMDg4MDEzLTIxLjE2MjA0YzI4LjIxMzY0Ni0yOC4yMjA4NzEgMjguMjEzNjQ2LTczLjk2MjM3OSAwLTEwMi4xODMyNUw2MTMuMzE2MjQ5IDUwOS41Nzk2MjN6IiBmaWxsPSIjZmY0OTQ5IiBwLWlkPSIzNDkxIj48L3BhdGg+PC9zdmc+') no-repeat 98% center;
}
.first input:required:valid+.err-info,
.first textarea:required:valid+.err-info {
	opacity: 0;
	display: none;
}

.first input:focus:invalid+.err-info,
.first textarea:focus:invalid+.err-info {
	opacity: 1;
	display: block;
}

.first input:hover:invalid+.err-info,
.first textarea:hover:invalid+.err-info {
	opacity: 1;
	display: block;
}

/* .login-01 .formSub {
    width: 63%;
    border: none;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    background-color: #d71518;
    text-align: center;
    padding: 2% 0;
    -webkit-appearance: none;
    float: none;
}*/