@charset "utf-8";

/* CSS Document */

*{font-size: 12px;color: #000;font-family:'microsoft yahei', Arial, Helvetica, sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0 auto;padding:0;}

img {border:none;vertical-align: middle;}

li {list-style:none}

a {text-decoration:none;color:#000}

input,textarea,select {outline:none}

input[type="file"]{cursor: pointer;}

body,input,select,option {font-family:'microsoft yahei', Arial, Helvetica, sans-serif;}

table {border-collapse: collapse;}

body{overflow-x: hidden;background-color: #f0f2f5;}

/*  公共样式 */

.clear{clear: both;}

.left{float: left;}

.right{float: right;}

.inner{width: 100%;max-width: 435px;min-width: 320px; margin: 0 auto; position:relative;}

.body{max-width: 435px;}



/* 头部 */

.logo{width: 100%;background-color:#9c2a2d;text-align: center;position: relative;height: 146px;padding-top: 20px;}
.logo .inner{height: 100%;}
.logo h1{display: block;overflow: hidden;}
.logo h1 img{width: 220px;display: inline-block;}
.logo a{display: inline-block;position: absolute;font-size: 16px;background: url(../images/home.png) no-repeat 155px center #f1daa9;color: #9c2a2d;border-radius: 25px;left: 50%;bottom: 20px;

margin-left: -100px;width: 174px;text-align: left;padding-left: 7%;padding-top: 3px;padding-bottom: 3px;background-size: 20px;line-height: 30px;}





/* 主内容区域 */

.body{width: 100%;display: block;background-color: #f0f2f5;padding-bottom: 10px;height: 60vh;}

.blockTitle h1{color: #9a292c; line-height: 40px;text-align: center; padding: 15px 0;background: url(../images/blockTitleBg.png) no-repeat center center;background-size: 50%;}

.blockTitle b{display: inline-block;font-size: 24px; color: #9a292c;}



.main{width: 90%;margin:0 5%;background-color: #fff;border-radius: 15px;height: 100%;position: relative;}

.login_wrap{padding: 20px 10px 30px;overflow: hidden;}

.login_wrap ul li{overflow: hidden;line-height: 50px;border-bottom: 1px solid #dcdcdc;padding: 0 10px;}

.login_wrap ul li i{font-style: normal;font-size: 16px;color: #ff0000; display: inline-block;float: left;width: 8px;height: 50px;}

.login_wrap ul li span{font-size: 14px;color: #313131;display: inline-block;float: left;padding-left: 6px;font-weight: bold;width: 48px;text-align: center;}

.login_wrap ul li.phone input::-webkit-inner-spin-button,

.login_wrap ul li.phone input::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;display: none;}

.login_wrap ul li.li input{display: inline-block;float: left;margin-left: 10px; height: 50px;line-height: 50px; border:none;width: 60%;font-size: 17px;text-overflow: ellipsis;
font-weight: bold;}

.login_wrap ul li.yzm input{width: 30%;}

.login_wrap ul li.yzm a.get{display: inline-block;float: right;width: 30%;height: 30px;line-height: 30px;background-color: #9a292c;border-radius: 10px;font-size: 14px;color: #fff;

text-align: center;margin-top: 10px;}

.login_wrap ul li.sf{border-bottom:none;padding: 0 0 0 10px;}

.login_wrap ul li.sf .sfList{float: left;width: 79%;
    margin-left: 2%;
    line-height: 40px;
    margin-top: 5px;}

.login_wrap ul li.sf .sfList label{font-size: 16px;color: #646464;margin-right: 5px;display: inline-block;font-weight: bold;}

.login_wrap ul li.sf .sfList label input[type=radio]{appearance: none; margin-right: 3px; border: 1px solid #9c2a2d;width: 14px;height: 14px;border-radius: 50%;cursor: pointer;

box-shadow: 0 0 0 1px #696969 inset;vertical-align: middle;}

.login_wrap ul li.sf .sfList label input[type=radio]:checked{background-color: #9c2a2d;box-shadow: 0 0 0 0 white inset;}

.login_wrap ul li.btn{text-align: center;border-bottom: none;padding-top: 10px;line-height: 40px;}

.login_wrap ul li.btn a{display: inline-block;width: 100%;height: 50px;line-height: 50px;font-size: 20px;border-radius: 10px;background-color: #9c2a2d;box-shadow: 2px 3px 8px 2px #e3e3e3;

  color: #fff;font-weight: bold;}

.main .ts{font-size:12px;color: #aaa;text-align: center;line-height: 20px;padding: 0 0 10px 0;width: 80%;    position: absolute;
    bottom: 20px;
    left: 10%;}

.footer{    position: absolute;
    width: 100%;
    bottom: 0;}
.copyright{background-color: #9c2a2d;padding: 10px;}

.copyright div{text-align: center;color: #e7c59a;font-size: 12px; line-height: 18px;}

/* 报名成功 */
.loginOk{height: 100%;text-align: center;}
.loginOk .ok img{margin-top: 20%;}
.loginOk .ok .text .p1{font-size: 40px;color: #9c2a2d;font-weight: bold;}
.loginOk .ok .text .p2{font-size: 12px;color: #686868;line-height: 20px;}

@media screen and (max-width: 414px) {
  .login_wrap ul li.yzm input{font-size: 16px;}

  
  .blockTitle h1{padding: 5px 0;}
  .blockTitle b {font-size: 22px;}
  .login_wrap ul li.btn{padding-top: 6px;}
  .main .ts {bottom: -5px;line-height: 18px;}
  

}



@media screen and (max-width: 390px) {
  .blockTitle h1{padding: 0;}
  .blockTitle b {font-size: 20px;}

  .login_wrap ul li.sf .sfList{width: 75%;}
  .login_wrap ul li.sf .sfList{line-height: 26px;margin-top: 12px;}
  .login_wrap ul li.sf .sfList label{font-size: 14px;}
  .login_wrap ul li.btn a{height: 40px;line-height: 40px;font-size: 14px;}
  .main .ts {bottom: -5px;line-height: 18px;}

}


@media screen and (max-width: 375px) {
  .blockTitle h1{padding: 0;line-height: 35px;}
  .blockTitle b {font-size: 20px;}
  .login_wrap ul li.sf .sfList{line-height: 26px;margin-top: 12px;}
  .login_wrap ul li.sf .sfList label{font-size: 14px;}
  .main .ts {bottom: -5px;line-height: 18px;}
}