ol, ul { list-style: none; padding: 0; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; }

/*去除点击显现蓝色背景*/
body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ -o-user-select: none; user-select: none; }
input[type="submit"], input[type="reset"], input[type="text"], input[type="button"], input[type="tel"], input[type="radio"], button { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
body, form { margin: 0; padding: 0; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; font-weight: 300; }

.hh { border: 1px solid #7AA4C2; width: 155px; height: 18px; }
.hh2 { border: 1px solid #7AA4C2; width: 80px; height: 18px; }
.main { width: 100%; position: relative; background: url('../images/ui/ui-login-bg.jpg') no-repeat; background-size: cover; }
.main .login { position: relative; overflow: hidden; }
.login img.img1 { width: 100%; }
.login2 {}
.login2>img { width: 194px; margin-top: 116px }
.login2 .account { width: 410px; height: 54px; position: relative; }
.login2 .account:before { content: ""; width: 24px; height: 24px; display: block; position: absolute; left: 26px; top: 16px; background: url('../images/ui/ui-login-zh.png') no-repeat; background-size: 24px; }
.login2 .account.on:before { background: url('../images/ui/ui-login-zh-on.png') no-repeat; background-size: 24px; }
.login2 .pwd { width: 410px; height: 54px; position: relative; display: none; border-top: 1px solid #D6D6D6; }
.login2 .pwd:before { content: ""; width: 24px; height: 24px; display: block; position: absolute; left: 26px; top: 16px; background: url('../images/ui/ui-login-mm.png') no-repeat; background-size: 24px; }
.login2 .pwd.on:before { background: url('../images/ui/ui-login-mm-on.png') no-repeat; background-size: 24px; }
.login2 h3 { font-size: 18px; color: #fff;    /* font-weight: normal; */ margin: 18px 0; letter-spacing: 1px; }
#tc_vcode_input { width: 344px; height: 54px; font-size: 16px; color: #333; padding-left: 66px; background: none; }
.tc_vcode_input { width: 410px; position: relative; }
.tc_vcode_input:before { content: ""; width: 24px; height: 24px; display: block; position: absolute; left: 26px; top: 16px; background: url('../images/ui/ui-login-yzm.png') no-repeat; background-size: 24px; }
.tc_vcode_input.on:before { background: url('../images/ui/ui-login-yzm-on.png') no-repeat; background-size: 24px; }
#account, #pwd { font-size: 14px; height: 54px; width: 410px; color: #333; box-sizing: border-box; padding-left: 66px; background: none; border-radius: 4px; }
.login2-in { border-radius: 4px; background: #fff; }
.login2 input::-webkit-input-placeholder { color: #bbb; }
.login2 input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color: #bbb; }
.login2 input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color: #bbb; }
.login2 input:-ms-input-placeholder {  /* Internet Explorer 10-11 */ 
color: #bbb; }
#imgSignCode { width: 100px; height: 40px; }
.login3 { position: relative; display: none; border-top: 1px solid #D6D6D6; }
.myzm1 { position: absolute; right: 60px; top: 8px }
.sxtext { vertical-align: 15px; color: #489bf7; width: 100px; height: 40px; position: absolute; right: 60px; top: 8px }
#_Draghandle_0 { background: #fff; }
.buttonStyle { padding: 5px 20px; border-radius: 3px; color: #fff; }
.login-top {width: 60%;position:  absolute;left: 50%;transform: translateX(-50%);top: 0;padding-top: 16%;text-align:  center;}
.login-top>div {}
.login-top .top-p p { margin: 0; padding: 0; }
.top-logo {position: relative;}
.top-logo img {width: 292px;}
.top-logo:before {position: absolute;width: 1px;height: 22px;display: block;background: #979797;right: 0;top: 40px;}
.top-p {
    margin-top: 25px;
}
.top-p .p1 { font-size: 20px; color: #fff; letter-spacing: 1px; }
.top-p .p2 { font-size: 12px; color: #666; letter-spacing: 0; font-weight: normal; }
.login .img2 { width: 697px; height: 526px; display: block; position: absolute; left: 9.8%; top: 7%; }
.login-footer {width: 100%;height: 266px;text-align: center;background: #000;}
.footer-in { overflow: hidden; width: 950px; position: absolute; left: 50%; margin-left: -475px; }
.login-copy {width: 100%;height: 48px;line-height: 48px;text-align: center;background: rgba(0, 0, 0, .9);}
.login-copy span { color: #fff; font-size: 12px; margin-left: 22px; letter-spacing: 0; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; }
input { border: 0; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: none; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 100px #fff inset; }
.acc-n, .pwd-n, .but_login { width: 28px; height: 28px; display: block; position: absolute; background: url('../images/ui/ui-login-enter.png') no-repeat; background-size: 28px; right: 20px; top: 12px; cursor: pointer; opacity: 0; transition: all 0.5s; pointer-events: none; }
.on .acc-n { opacity: 1; pointer-events: auto; }
.on .pwd-n { opacity: 1; pointer-events: auto; }
.on .but_login { opacity: 1; pointer-events: auto; }
.login-footer .fl { float: left; }
.footer-in { text-align: left; }
.footer-in .a, .footer-in .b { margin-right: 100px; }
.footer-in h5 { margin: 47px 0 23px 0; font-size: 16px; color: #fff; letter-spacing: 0; font-weight: normal; }
.footer-in ul li { font-size: 12px; color: #fff; letter-spacing: 0; line-height: 32px; }
.footer-in ul li a:hover { color: #00aade; }
.footer-in .wx { width: 106px; height: 106px; background: url('../images/ui/ui-icon-wx.png') no-repeat; background-size: contain; display: block; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; margin: 80px 69px 0 236px; }
.footer-in .wx:hover { background: url('../images/ui/ui-icon-wx-on.png') no-repeat; background-size: contain; }
.footer-in .tel { width: 106px; height: 106px; background: url('../images/ui/ui-icon-tel.png') no-repeat; background-size: contain; display: block; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; margin: 80px 0 0 0; }
.footer-in .tel:hover { background: url('../images/ui/ui-icon-tel-on.png') no-repeat; background-size: contain; }
.login-modal-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none; overflow: hidden; background-color: rgba(0, 0, 0, .49); transition: all .5s ease; }
.login-modal { width: 418px; height: 305px; display: block; border-radius: 6px; position: absolute; left: 50%; top: 30%; margin-left: -209px; background: #fff; text-align: center; }
.login-modal span { width: 110px; height: 38px; display: inline-block; background: #4EC5C3; border-radius: 100px; color: #fff; line-height: 38px; position: absolute; bottom: 38px; left: 154px; cursor: pointer; }
.login-modal h5 { font-size: 18px; color: #4A4A4A; font-weight: normal; margin-top: 68px; }
.login-modal p { font-size: 14px; color: #4A4A4A; width: 300px; margin: 0 auto; }
.login-modal em { width: 23px; height: 23px; display: block; background: url('../images/ui/ui-login-modal-x.png') no-repeat; background-size: cover; position: absolute; right: 18px; top: 18px; cursor: pointer; }
.ui-modal-open { overflow: hidden; }
.login-copy a:hover { color: #00aade; }
.goToRegister, .goToLogin { width: 197px; height: 50px; display: block; text-align: center; line-height: 44px; color: #fff; border-radius: 25px; background: none; margin-top: 76px; display: inline-block; border: 2px solid #FFFFFF; box-sizing: border-box; margin-right: 55px; }
.goToRegister:hover, .goToLogin:hover { background: #1BBEBD; color: #fff; border: none; line-height: 44px; border: 2px solid #1BBEBD; }
.img { width: 100%; }
.login-index.main { background: none; }
.login-index .login-img { width: 100%; }
.login-index-tu { position: relative; }
.login-index-tu img { width: 100%; vertical-align: top; transform: translateZ(0); opacity: 1; }
.tu-text { width: 90%; position: absolute; height: 100%; overflow: hidden; top: 5%; left: 5%; display: none;}
.tu-text .p0 { text-align: center; position: absolute; left: 50%; width: 100%; transform: translateX(-50%); }
.tu-text .p0 h5 { font-size: 24px; color: #333333; letter-spacing: -1.07px; line-height: 36px; font-weight: bold; margin: 0; }
.tu-text .p0 p { font-size: 15px; color: #4A4A4A; letter-spacing: -0.57px; text-align: center; line-height: 25px; }
.tu-text .p1 h5, .tu-text .p2 h5, .tu-text .p3 h5 { font-size: 34px; color: #333333; line-height: 40px; margin: 0; padding: 0; font-weight: bold; position: relative; }
.tu-text .p1 h5 em, .tu-text .p2 h5 em, .tu-text .p3 h5 em { width: 48px; height: 48px; display: inline-block; position: absolute; left: -58px; top: -3px; }
.tu-text .p1 h5 em { background: url('../images/ui/login-index-i1.png') no-repeat; background-size: contain; }
.tu-text .p2 h5 em { background: url('../images/ui/login-index-i2.png') no-repeat; background-size: contain; }
.tu-text .p3 h5 em { background: url('../images/ui/login-index-i3.png') no-repeat; background-size: contain; }
.tu-text .p1 p, .tu-text .p2 p, .tu-text .p3 p { font-size: 18px; color: #4A4A4A; line-height: 32px; }
.tu-text .p1 { position: absolute; top: 20.5%; left: 54.2%; }
.tu-text .p2 { position: absolute; top: 48.5%; left: 12%; }
.tu-text .p3 { position: absolute; top: 74.8%; left: 54.5%; }