@charset "UTF-8";
body,html {
 height:100%
}
a,
a:hover {
 text-decoration:none
}
a,
body {
 color:#232323
}
body,
input {
 line-height:22px
}
.clear,
.g-index,
.g-login {
 overflow:hidden
}
.iconfont2,
body {
 font-style:normal
}
.g-login.g-login_s,
body {
 overflow-x:hidden
}
html {
 -webkit-text-size-adjust:none;
 -webkit-tap-highlight-color:transparent
}
body {
 font-family:'微软雅黑','Open Sans',Arial,'Hiragino Sans GB','Microsoft YaHei',STHeiti,'WenQuanYi Micro Hei',SimSun,sans-serif;
 font-size:14px;
 font-weight:400;
 font-variant:normal;
 background:#eee
}
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
select,
table,
td,
ul {
 margin:0;
 padding:0
}
table {
 border-collapse:collapse;
 border-spacing:0
}
a {
 outline-style:none;
 border:0
}
a:hover {
 color:#ef0312
}
input,
select,
textarea {
 font-size:inherit;
 font-family:inherit;
 color:#232323;
 outline:0;
 -webkit-appearance:none;
 border-radius:0
}
input {
 border:0;
 padding:0 10px
}
textarea {
 padding:5px;
 resize:none
}
img {
 border:0;
 display:block
}
li {
 list-style-type:none;
 vertical-align:0
}
.hidden {
 display:none
}
.visibility {
 visibility:hidden
}
.fleft {
 float:left
}
.fright {
 float:right
}
.pos-r {
 position:relative
}
.pos-a {
 position:absolute
}
.clear {
 clear:both;
 height:0;
 line-height:0;
 font-size:0
}
.full-height,
.g-index,
.g-login {
 height:100%
}
.animate {
 -webkit-transition:all .5s ease-in-out 0s;
 -moz-transition:all .5s ease-in-out 0s;
 transition:all .5s ease-in-out 0s
}
::-webkit-input-placeholder {
 font-size:14px;
 color:#ccc
}
:-moz-placeholder {
 font-size:14px;
 color:#ccc
}
::-moz-placeholder {
 font-size:14px;
 color:#ccc
}
:-ms-input-placeholder {
 font-size:14px;
 color:#ccc
}
@font-face {
 font-family:iconfont2;
 src:url(../iconfont/540-CAI978.ttf?t=1498045882906) format("truetype")
}
.iconfont2 {
 font-family:iconfont2!important;
 font-size:16px;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.g-index {
 width:100%;
 margin:0 auto
}
.w1040 {
 width:1040px;
 margin:0 auto
}
.g-login {
 width:100%;
 background:#f5f5f5
}
.g-login .u-iwing {
 padding:20px;
 font-size:15px;
 line-height:1.8;
 color:#555;
 text-align:center
}
.g-login .m-head {
 width:100%;
 height:60px;
 background:#ef0312;
 padding:0 50px;
 box-sizing:border-box;
 position:fixed;
 top:0;
 left:0;
 z-index:999
}
.g-login .m-head .u-logo {
 display:block;
 height:60%;
 margin-top:10px;
 float:left
}
.g-login .m-head .u-logo img {
 height:100%
}
.g-login .m-head .u-back {
 width:60px;
 height:60px;
 position:absolute;
 left:10px;
 top:0;
 text-align:left
}
.g-login .m-head .u-back i {
 color:#fff;
 font-size:26px
}
.g-login .m-head .u-back:active i {
 opacity:.7
}
.g-login .m-head .u-user {
 width:42px;
 height:42px;
 display:block;
 float:right;
 margin-top:8px
}
.g-login .m-head .u-user img {
 width:40px;
 height:40px;
 -moz-border-radius:35px;
 -webkit-border-radius:35px;
 border-radius:35px;
 border:1px solid #fff
}
.g-login .m-head .u-user .z-show {
 width:7px;
 height:7px;
 position:absolute;
 right:0;
 top:0;
 background:#a30606;
 border:1px solid #fff;
 border-radius:50%;
 float:left;
 -webkit-animation:twinkling 2s infinite ease-in-out
}
.g-login .u-find_pw img,
.g-login .u-login_img {
 width:100%
}
@-webkit-keyframes twinkling {
 0%,
 100% {
  box-shadow:0 0 1px #fff;
  opacity:.5
 }
 50% {
  box-shadow:0 0 3px #fff;
  opacity:1
 }
}
.g-login .m-head_o {
 padding:0 10px
}
.g-login .s-ac_hong {
 color:#ef0212!important
}
.g-login .s-ac_huang {
 color:#f7b614!important
}
.g-login .u-login_btn,
.g-login .u-login_btn2 {
 cursor:pointer;
 background:#ef0212;
 color:#fff;
 display:block;
 text-align:center;
 font-size:16px;
 padding:10px 0;
 margin:0 20px 20px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px
}
.g-login .u-login_btn2:active,
.g-login .u-login_btn:active {
 background:rgba(239,2,18,.6)
}
.g-login .u-login_btn.z-disabled,
.g-login .z-disabled.u-login_btn2 {
 cursor:default;
 background:#eee;
 color:#bbb
}
.g-login .u-login_btn1 {
 margin:0 50px
}
.g-login .u-login_btn2 {
 margin:0 50px;
 background:#f9f9f9;
 color:#616060;
 border:1px solid #e4e4e4
}
.g-login .u-login_btn2:active {
 background:rgba(249,249,249,.9)
}
.g-login .u-msg_error {
 padding:10px 25px;
 min-height:30px;
 color:#e43c3c;
 text-align:center
}
.g-login .u-forget {
 padding:10px 0;
 margin-left:20px;
 float:left;
 color:#5e5c5c
}
.g-login .u-forget:active {
 color:#ef0212
}
.g-login .u-register {
 padding:10px 0;
 margin-right:20px;
 float:right;
 color:#5e5c5c
}
.g-login .u-register:active {
 color:#ef0212
}
.g-login .u-find_pw {
 background:#f9f9f9;
 border-bottom:1px solid #dfdfdf;
 padding:20px
}
.g-login .u-find_pw .find_pw {
 max-width:593px;
 margin:0 auto;
 overflow:hidden
}
.g-login .g-mainc,
.g-login.g-login_s {
 overflow-y:auto;
 -webkit-overflow-scrolling:touch
}
.g-login .u-find_pw span {
 width:33.33%;
 text-align:center;
 float:left;
 padding-top:5px;
 color:#838383
}
.g-login .m-login {
 background:#fff;
 padding:0 20px
}
.g-login .m-login .login-sub {
 position:relative
}
.g-login .m-login .login-sub i {
 font-size:20px;
 position:absolute;
 left:0;
 top:0;
 display:block;
 height:51px;
 line-height:51px;
 width:30px;
 text-align:center;
 color:#555
}
.g-login .m-login .login-sub input {
 width:100%;
 height:51px;
 color:#888;
 padding:0 10px 0 30px;
 box-sizing:border-box;
 border-bottom:1px solid #c3c2c2
}
.g-login .m-login .login-sub input:focus {
 border-bottom:1px solid #444
}
.g-login .m-login1 .login-sub:after,
.g-login .m-login1 .login-sub:last-child:after {
 border-bottom:1px solid #e8e8e8;
 margin-right:-20px;
 display:block;
 content:""
}
.g-login .m-login .login-sub .u-yzm {
 width:120px;
 height:50px;
 position:absolute;
 right:0;
 top:0
}
.g-login .m-login .login-sub.login-sub1 input {
 padding-right:130px
}
.g-login .m-login .login-sub .login-i_text {
 color:#888;
 height:51px;
 line-height:51px;
 padding:0 0 0 100px
}
.g-login .m-login1 .login-sub:last-child:after {
 margin-left:-20px
}
.g-login .m-login1 .login-sub input {
 padding:0 0 0 90px;
 border-bottom:0
}
.g-login .m-login1 .login-sub input:focus {
 border-bottom:0
}
.g-login .m-login1 .login-sub.login-sub1 input {
 padding:0 130px 0 90px
}
.g-login .m-login1 .login-sub.login-sub2 input {
 background:0 0;
 padding:0 0 0 100px
}
.g-login .m-login1 .login-sub span {
 font-size:16px;
 color:#555;
 position:absolute;
 left:0;
 top:0;
 line-height:50px
}
.g-login .m-login1 .login-sub .register-send {
 font-size:12px;
 border:1px solid #ef0212;
 color:#ef0212;
 text-align:center;
 width:110px;
 height:34px;
 line-height:34px;
 position:absolute;
 right:0;
 top:6px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px
}
.g-login .m-login1 .login-sub .register-send.on {
 border:1px solid #e4e4e4;
 background:#eee;
 color:#bbb
}
.g-login .m-login1 .login-sub select {
 width:100%;
 height:51px;
 box-sizing:border-box;
 background:0 0;
 border:0
}
.g-login .m-login1 .login-sub em {
 font-style:normal;
 color:#ef0212;
 padding-right:3px
}
.g-login .m-login2 {
 margin-bottom:10px;
 border-top:0
}
.g-login .m-login3 {
 margin-bottom:10px;
 border-top:1px solid #c3c2c2
}
.g-login .m-login3 .m-select {
 padding:0 0 0 90px!important
}
.g-login .m-login3 .login-sub .login-i_text {
 padding:0 0 0 90px
}
.g-login .m-login5 {
 border-top:0
}
.g-login .login_finish {
 text-align:center;
 padding:30px 0
}
.g-login .login_finish i {
 font-size:50px;
 line-height:1
}
.g-login .login_finish h3 {
 font-size:22px;
 line-height:1.5;
 font-weight:400;
 margin:10px 0
}
.g-login .login_finish p {
 color:#766f6f
}
.g-login .m-select {
 padding:0 0 0 100px;
 height:51px
}
.g-login .m-select .select_click {
 height:51px;
 line-height:51px;
 color:#888
}
.g-login .m-select .select_click b {
 font-weight:400;
 color:#ccc
}
.g-login .m-select .select_list {
 width:100%;
 height:200px;
 background:#fff;
 position:fixed;
 left:0;
 bottom:-200px;
 -webkit-transition:all .3s cubic-bezier(.4,0,.2,1) 0s;
 -moz-transition:all .3s cubic-bezier(.4,0,.2,1) 0s;
 transition:all .3s cubic-bezier(.4,0,.2,1) 0s;
 opacity:0;
 border-top:1px solid #c3c2c2;
 z-index:999
}
.g-login .m-select .select_list .select_title {
 height:40px;
 line-height:40px;
 background:#f1f2f4;
 border-bottom:1px solid #e1e1e1
}
.g-login .m-select .select_list .select_title .cancel_btn,
.g-login .m-select .select_list .select_title .ok_btn {
 font-size:14px;
 font-weight:400;
 float:right;
 color:#999;
 width:15%;
 text-align:center
}
.g-login .m-select .select_list .select_title .cancel_btn:active,
.g-login .m-select .select_list .select_title .ok_btn:active {
 color:#ef0212
}
.g-login .m-select .select_list .select_title .ok_btn {
 float:left;
 text-indent:-999px
}
.g-login .m-select .select_list .select_title h3 {
 width:70%;
 text-align:center;
 font-size:16px;
 font-weight:400;
 float:left
}
.g-login .m-select .select_list .select_cont {
 height:160px;
 overflow-y:auto;
 padding:10px 0;
 box-sizing:border-box
}
.g-login .m-select .select_list li {
 line-height:35px;
 text-align:center;
 color:#777;
 font-size:15px
}
.g-login .m-select .select_list li.z-current {
 background:#f9f9f9;
 border-top:1px solid #e9e9e9;
 border-bottom:1px solid #e9e9e9;
 font-size:15px;
 color:#333
}
.g-login .m-select .select_list.z-selected {
 bottom:0;
 opacity:1
}
.g-login .l-tab {
 height:50px;
 background:#f5f5f5;
 border-bottom:1px solid #dfdfdf
}
.g-login .l-tab li {
 width:33.33%;
 float:left;
 text-align:center;
 font-size:16px
}
.g-login .l-tab li a {
 display:block;
 height:49px;
 line-height:49px
}
.g-login .l-tab li a:hover {
 color:#232323
}
.g-login .l-tab li a:active {
 color:#ef0212
}
.g-login .l-tab li.z-current a {
 color:#ef0212;
 border-bottom:2px solid #ef0212
}
.g-login .m-person .person-title {
 width:100%;
 background:url(../images/l-img6.jpg) center top no-repeat;
 background-size:cover;
 padding:15px;
 box-sizing:border-box
}
.g-login .m-person .person-title .go-study {
 color:#fff;
 padding:0 10px;
 float:right;
 margin-bottom:10px
}
.g-login .m-person .person-title .go-study i {
 font-size:20px;
 vertical-align:middle;
 padding-right:5px
}
.g-login .m-person .person-title .person-img {
 width:22%;
 max-width:100px;
 border:2px solid #fff;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 border-radius:50%;
 float:left;
 margin-right:10px
}
.g-login .m-person .person-title .person-name {
 float:left;
 color:#fff
}
.g-login .m-person .person-title .person-name h3 {
 font-size:20px;
 font-weight:400;
 padding:8px 0
}
.g-login .m-person .person-title .person-icon {
 float:left;
 margin-left:30px;
 width:18%;
 max-width:80px;
 margin-top:5px
}
.g-login .m-person .person-title .person-icon img {
 width:100%
}
.g-login .m-person .person-title .person-text {
 font-size:16px;
 color:#fff;
 line-height:1.5;
 padding:15px 0 10px;
 margin-top:15px;
 border-top:1px solid rgba(255,255,255,.3)
}
.g-login .m-person .person-links {
 background:#fff;
 margin:10px 0;
 border-top:1px solid #e8e8e8;
 border-bottom:1px solid #e8e8e8
}
.g-login .m-person .person-links ul:after {
 content:"";
 display:block;
 clear:both
}
.g-login .m-person .person-links li {
 width:25%;
 float:left;
 text-align:center
}
.g-login .m-person .person-links li a {
 display:block;
 padding:15px 0
}
.g-login .m-person .person-links li a:hover {
 color:#232323
}
.g-login .m-person .person-links li a:active {
 background:#faf8f8
}
.g-login .m-person .person-links li i {
 font-size:30px;
 line-height:40px;
 height:40px;
 display:inline-block
}
.g-login .m-person .person-links li:nth-child(1) i {
 font-size:38px;
 color:#fbac1d
}
.g-login .m-person .person-links li:nth-child(2) i {
 color:#f85e5e
}
.g-login .m-person .person-links li:nth-child(3) i {
 font-size:38px;
 color:#37acf4
}
.g-login .m-person .person-links li:nth-child(4) i {
 color:#85c50c
}
.g-login .m-person .person-a {
 background:#fff;
 border-top:1px solid #e9e8e8;
 border-bottom:1px solid #e9e8e8
}
.g-login .m-person .person-a a {
 display:block;
 height:45px;
 line-height:45px;
 font-size:16px;
 padding-left:15px
}
.g-login .m-person .person-a a:after {
 content:"";
 display:block;
 border-bottom:1px solid #e9e8e8;
 margin-left:0;
 margin-top:-1px
}
.g-login .m-person .person-a a:hover {
 color:#232323
}
.g-login .m-person .person-a a:active {
 background:#f8f8f8
}
.g-login .m-person .person-a a:last-child:after {
 content:"";
 display:block;
 border-bottom:0;
 margin-left:0;
 margin-top:0
}
.g-login .m-person .person-a i {
 float:right;
 font-size:20px;
 padding-right:15px;
 color:#bababa
}
.g-login .m-person .per-go_out {
 display:block;
 background:#fff;
 border-top:1px solid #e9e8e8;
 border-bottom:1px solid #e9e8e8;
 line-height:45px;
 text-align:center;
 font-size:16px;
 margin:10px 0 40px
}
.g-login .m-person .per-go_out:hover {
 color:#232323
}
.g-login .m-person .per-go_out:active {
 background:#f8f8f8
}
.g-login.g-login1 {
 background:#fff
}
.g-login .m-head {
 font-size:22px;
 color:#fff;
 line-height:60px;
 text-align:center
}
.g-login .m-head .u-user {
 position:absolute;
 right:10px;
 top:0
}
.g-login .g-main {
 height:100%;
 padding:60px 0 0;
 box-sizing:border-box
}
.g-login .g-mainc {
 height:100%
}
@media (max-width:400px) {
 .g-login .result-top p,
 .g-login .result-top p.p-right {
  width:100%;
  float:none
 }
 .g-login .m-link .link-a h3 {
  font-size:18px!important
 }
 .g-login .m-link .link-a p {
  font-size:12px!important
 }
}
#user-input{
   background: url(../images/login_ico1.jpg) no-repeat left center;
   background-size: 1rem 1.2rem;
}
#password-input{
    background: url(../images/login_ico2.jpg) no-repeat left center;
    background-size: 1rem 1.2rem;
}
#yzm-input{
    background: url(../images/login_ico3.jpg) no-repeat left center;
    background-size: 1rem 1.2rem;
}