.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

* { font-family: 'SimHei'; color: #333; }

.w33-5 { float: left; width: 33.5%; }

.w66-5 { float: left; width: 66.5%; }

body { max-width: 1920px; margin: 0 auto !important; overflow-x: hidden; }

#lizi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e8e8e8; z-index: 1; }

.more-comm { display: block; width: 140px; padding-bottom: 23px; border-bottom: 3px solid #e4e4e4; position: relative; padding-right: 5px; }

.more-comm::before { content: ''; display: block; height: 3px; width: 0px; background: #003867; position: absolute; bottom: -3px; left: 0; transition: all 0.5s; }

.more-comm:hover::before { width: 100%; }

.more-comm .name { float: left; font-size: 14px; line-height: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #003867; }

.more-comm img { float: right; height: 10px; margin-top: 2px; }

.go-top, .go-next { position: absolute; bottom: 90px; right: 1%; width: 70px; height: 70px; z-index: 10; }

.go-top::after, .go-next::after { content: ''; display: block; width: 1px; height: 400%; background-color: #5a6371; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 15px); }

.go-top::before, .go-next::before { content: ''; display: block; width: 1px; height: 0%; background-color: #00abd2; position: absolute; left: 50%; z-index: 1; transform: translateX(-50%); bottom: calc(100% + 15px); animation: gotop 3s linear forwards infinite; }

.go-top .top-btn, .go-top .next-btn, .go-next .top-btn, .go-next .next-btn { width: 100%; height: 100%; border-radius: 50%; transition: all 0.4s; background: #424c5d url(../img/index/model-2-btn-icon-1.png) no-repeat 50% 50%; transform: rotate(90deg); }

.go-top .top-btn:hover, .go-top .next-btn:hover, .go-next .top-btn:hover, .go-next .next-btn:hover { background-color: #00abd2; }

.go-next { right: auto; left: 1%; }

.go-next::before { top: calc(-400% - 15px); bottom: auto; }

.go-next .next-btn { transform: rotate(-90deg); background: #fff url(../img/index/model-2-btn-icon.png) no-repeat 50% 50%; }

.go-next .next-btn:hover { background: #00abd2 url(../img/index/model-2-btn-icon-1.png) no-repeat 50% 50%; }

@keyframes gotop { 0% { height: 0; }
  100% { height: 400%; } }

.header { position: absolute; top: 0; left: 0; width: 100%; padding: 65px 45px 55px; padding-right: 13%; z-index: 100; font-size: 0; text-align: right; transition: all 1s; }

.header.inside { position: fixed !important; }

.header.inside .logo, .header.inside .nav { transform: translateY(0%); }

.header.active { position: fixed !important; background: #fff; }

.header.active .img1 { display: none; }

.header.active .img2 { display: block; }

.header.active .nav { border-color: #e5e5e5; }

.header.active .nav .nav-list .list .name { color: #333; transition: all 0.4s; }

.header.active .nav .nav-list .list .name:hover { color: #00abd2; }

.header.active .nav .nav-list .list .name::after { background: #00abd2; }

.header .img2 { display: none; }

.header .logo { float: left; transform: translateY(-300%); transition: all 1.2s; }

.header .nav { padding: 25px 0 0; display: inline-block; vertical-align: top; padding-right: 50px; position: relative; font-size: 0; transform: translateY(-300%); transition: all 1.2s; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.header .nav .nav-list { padding-bottom: 45px; white-space: nowrap; }

.header .nav .nav-list .list { display: inline-block; padding-right: 35px; position: relative; }

.header .nav .nav-list .list.active .name { color: #00abd2; }

.header .nav .nav-list .list.active .name::after { background: #00abd2; }

.header .nav .nav-list .list.active .name::after { width: 100%; }

.header .nav .nav-list .list::after { position: absolute; content: ''; display: block; width: 100%; top: 0; height: 150px; z-index: -1; }

.header .nav .nav-list .list:hover .downmenu-box { display: block; }

.header .nav .nav-list .list .name { position: relative; display: inline-block; padding: 10px 15px; font-size: 16px; line-height: 16px; color: #fff; }

.header .nav .nav-list .list .name::after { position: absolute; left: 0; bottom: -46px; content: ''; display: block; width: 0%; height: 2px; transition: all 0.4s; background: #fff; }

.header .nav .nav-list .list .name:hover::after { width: 100%; }

.header .nav .seach-main { position: absolute; right: 0; top: 35px; }

.header .nav .seach-main img { height: 16px; cursor: pointer; }

.header .head-btn { position: fixed; top: 80px; right: 45px; }

.seach-form { display: none; position: absolute; top: calc(100% + 10px); right: 0; background: #fff; white-space: nowrap; z-index: 10; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.3); }

.seach-form input { width: 150px; line-height: 30px; display: inline-block; vertical-align: top; border: none; border-right: 1px solid #dfdfdf; padding: 0 10px; outline: none; }

.seach-form .seach-btn { display: inline-block; line-height: 30px; font-size: 13px; color: #333; padding: 0 8px; transition: all 0.4s; cursor: pointer; }

.seach-form .seach-btn:hover { background: #00abd2; color: #fff; }

.downmenu-box { position: absolute; display: none; top: 150px; min-width: 277px; text-align: left; background: #fff; padding: 20px 0; }

.downmenu-box .downmenu-list a { display: block; padding: 0 25px; font-size: 14px; line-height: 40px; border-bottom: 1px solid #fff; transition: all 0.4s; white-space: nowrap; }

.downmenu-box .downmenu-list a:hover { border-color: #00abd2; }

.footer { position: relative; z-index: 1; padding: 95px 0 55px; background: url(../img/index/foot-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.footer .foot-title { font-size: 16px; line-height: 16px; color: #00abd2; margin-bottom: 10px; }

.footer-main { position: relative; }

.footer-main .left { width: 33.5%; float: left; }

.footer-main .left .logo img { height: 55px; }

.footer-main .left .share { margin-top: 40px; font-size: 0; }

.footer-main .left .share a { margin-right: 10px; width: 50px; height: 50px; position: relative; display: inline-block; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.4s; }

.footer-main .left .share a:hover { background-color: #00abd2 !important; }

.footer-main .left .share a:nth-child(1) { background: url(../img/index/share-icon1.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(2) { background: url(../img/index/share-icon2.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(2) img { position: absolute; width: 120px; height: auto; max-width: 1000%; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) scale(0); transition: all 0.4s; transform-origin: 50% 100%; }

.footer-main .left .share a:nth-child(2):hover img { transform: translateX(-50%) scale(1); }

.footer-main .left .share a:nth-child(3) { background: url(../img/index/share-icon3.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(4) { background: url(../img/index/share-icon4.png) no-repeat 50% 50%; }

.footer-main .left .share a:nth-child(5) { background: url(../img/index/share-icon5.png) no-repeat 50% 50%; }

.footer-main .left .copyright { position: absolute; bottom: 0; left: 0; width: 33.5%; margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }

.footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); transition: all 0.4s; }

.footer-main .left .copyright a:hover { color: rgba(255, 255, 255, 0.8); }

.footer-main .right { width: 66.5%; float: right; }

.foot-message { font-size: 0; }

.foot-message form { margin: 0 -10px; }

.foot-message .list { display: inline-block; vertical-align: top; width: 50%; padding: 25px 10px 0; margin-bottom: 10px; }

.foot-message .list.msg { width: 100%; }

.foot-message .list .name { margin-top: -30px; font-size: 14px; line-height: 14px; color: #fff; transition: all 0.4s; transform-origin: 0 0; }

.foot-message .list .name.active { transform: translateY(-10px) scale(0.5); }

.foot-message .list input, .foot-message .list textarea { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background: transparent; line-height: 30px; width: 100%; font-size: 14px; color: #fff; outline: none; }

.foot-message .list input:focus ~ .name, .foot-message .list textarea:focus ~ .name { transform: translateY(-10px) scale(0.5); }

.foot-message .btn { margin-left: 10px; margin-top: 20px; width: 170px; line-height: 50px; background: #00abd2; color: #fff; text-align: center; font-size: 14px; position: relative; cursor: pointer; transition: all 0.4s; }

.foot-message .btn::after { display: block; width: 0; height: 2px; content: ''; background: #fff; transition: all 0.4s; position: absolute; bottom: -1px; }

.foot-message .btn:hover { opacity: 0.9; }

.foot-message .btn:hover::after { width: 100%; }

.foot-contact { font-size: 0; margin-top: 95px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.foot-contact .list { vertical-align: top; }

.foot-contact .list .text { width: auto !important; font-size: 14px; line-height: 24px; color: #fff; }

.u-elevation-1 { box-shadow: 0 0 40px 0 rgba(78, 87, 92, 0.1); }

.u-reset-btn-styles { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; }

.c-btn__round { display: block; position: relative; width: 54px; height: 54px; background-color: #fff; border-radius: 50%; }

#l-header-menu__trigger, #l-header-contact { display: none; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

#l-header-menu__trigger { margin-bottom: 20px; }

#l-header-menu__trigger { transform: scale(0); pointer-events: none; z-index: 99; }

#l-header-menu__trigger.is-shown, #l-header-contact.is-shown { -webkit-transform: scale(1); transform: scale(1); pointer-events: all; display: block; }

.c-btn__round > .inner { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; z-index: 10; color: #333; font-size: 16px; font-weight: bold; }

.c-btn__round .bars { display: block; position: relative; width: 20px; height: 14px; }

.c-btn__round:hover .bars:before, .c-btn__round:hover .bars .bar, .c-btn__round:hover .bars:after { background-color: #fff; }

.c-btn__round:hover .inner { color: #fff; }

.c-btn__round .bars:before { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.c-btn__round .bars:before, .c-btn__round .bars .bar, .c-btn__round .bars:after { display: block; content: ''; position: absolute; width: 100%; height: 2px; top: 50%; left: 0; margin-top: -1px; background-color: #00abd2; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s; }

.c-btn__round .bars:after { bottom: 0; top: auto; }

.c-btn__round:hover .c-text-path { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); }

.c-btn__round .c-text-path { position: absolute; top: -30%; left: -30%; width: 160%; height: 160%; opacity: 0; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s; transform: rotate(-45deg); pointer-events: none; }

.c-text-path { width: 64px; height: 64px; letter-spacing: 0.1em; font-size: 6px; color: #00abd2; }

.c-text-path .c-text-path__text { fill: #00abd2; font-size: 13px; font-weight: bold; font-family: 'Arial'; }

.c-btn__round:before { display: block; width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; background-color: #00abd2; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); z-index: 1; }

.c-btn__round:hover:before { transform: scale(1); }

.c-btn__round.is-active .bars:after { bottom: auto; top: 50%; }

.c-btn__round.is-active .bars:before { transform: translateY(0) rotate(-135deg); }

.c-btn__round.is-active .bars .bar { transform: scale(0); }

.c-btn__round.is-active .bars:after { transform: translateY(0) rotate(135deg); }

.inside-banner { position: relative; }

.inside-kv-box { position: absolute !important; top: 0; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); }

.inside-kv-box .kv-info { position: absolute; left: 0; top: 40%; z-index: 1; width: 410px; height: 280px; padding-top: 40px; padding-left: 40px; background: url(../img/kv-text-bg.png) no-repeat 0 50%; background-size: contain; }

.inside-kv-box .kv-info .name-en { display: inline-block; font-size: 30px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; position: relative; padding: 0 5px; margin-bottom: 10px; }

.inside-kv-box .kv-info .name-en::after { content: ''; display: block; width: 100%; height: 10px; background: #00abd2; position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%); }

.inside-kv-box .kv-info .name-cn { font-size: 46px; line-height: 60px; color: #fff; }

.inside-kv-box .kv-infoother { position: absolute; left: 0; top: 40%; z-index: 1; width: 410px; height: 280px; padding-top: 40px; padding-left: 40px; }

.inside-kv-box .kv-infoother .name-en { display: inline-block; font-size: 30px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; position: relative; padding: 0 5px; margin-bottom: 10px; }

.inside-kv-box .kv-infoother .name-line { display: block; width: 80px; height: 2px; margin: 28px 0; background-color: #fff; }

.inside-kv-box .kv-infoother .name-cn { font-size: 46px; line-height: 60px; color: #fff; }

.en-page .inside-kv-box .kv-info { width: auto !important; }

@media screen and (max-width: 1500px) { .container { max-width: 1200px; }
  .go-top, .go-next { width: 60px; height: 60px; }
  .inside-kv-box .kv-info, .kv-infoother { width: 300px; height: 215px; padding-left: 20px; padding-top: 20px; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 35px; line-height: 45px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 70px; margin: 24px 0; }
  .downmenu-box { top: 75px; padding: 10px 0; min-width: 200px; }
  .downmenu-box .downmenu-list a { line-height: 30px; }
  .header { padding: 35px 35px 40px; padding-right: 13%; }
  .header .logo { float: left; }
  .header .logo img { height: 60px; }
  .header .nav { padding-top: 13px; }
  .header .nav .nav-list { padding-bottom: 20px; }
  .header .nav .nav-list .list { padding-right: 25px; }
  .header .nav .nav-list .list::after { height: 100px; }
  .header .nav .nav-list .list .name::after { bottom: -21px; }
  .header .nav .seach-main { position: absolute; right: 0; top: 23px; }
  .header .nav .seach-main img { height: 16px; }
  .header .head-btn { position: fixed; top: 50px; right: 35px; }
  .c-btn__round { width: 42px; height: 42px; }
  .c-text-path .c-text-path__text { font-size: 12px; }
  #l-header-menu__trigger { margin-bottom: 10px; }
  .footer-main .left .copyright { margin-top: 60%; } }

@media screen and (max-width: 1200px) { .container { max-width: 900px; }
  .footer-main .left .copyright { bottom: 20px; }
  .inside-kv-box .kv-info, .kv-infoother { width: 220px; height: 165px; padding-left: 20px; padding-top: 20px; }
  .inside-kv-box .kv-info .name-en, .kv-infoother .name-en { font-size: 18px; }
  .inside-kv-box .kv-info .name-en::after, .kv-infoother .name-en::after { height: 5px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 60px; margin: 20px 0; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 25px; line-height: 30px; }
  .header { padding: 25px 25px 40px; padding-right: 13%; }
  .header .logo img { height: 45px; }
  .header .nav { padding-top: 13px; }
  .header .nav .nav-list { padding-bottom: 20px; }
  .header .nav .nav-list .list { padding-right: 15px; }
  .header .nav .nav-list .list .name { font-size: 14px; line-height: 14px; padding: 5px 8px; }
  .header .nav .nav-list .list .name::after { bottom: -21px; }
  .header .nav .seach-main { position: absolute; right: 0; top: 20px; }
  .header .nav .seach-main img { height: 14px; }
  .header .head-btn { position: fixed; top: 30px; right: 25px; }
  .footer-main .left { width: 33.5%; float: left; }
  .footer-main .left .logo img { height: 40px; }
  .footer-main .left .share { margin-top: 40px; font-size: 0; }
  .footer-main .left .share a { margin-right: 10px; width: 40px; height: 40px; background-size: 16px !important; }
  .footer-main .left .copyright { margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
  .footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); }
  .footer-main .right { width: 66.5%; float: right; }
  .foot-message .btn { line-height: 40px; }
  .foot-contact { display: block; margin-top: 60px; }
  .foot-contact .list { display: inline-block; padding-right: 20px; margin-bottom: 20px; } }

@media screen and (max-width: 950px) { .container { max-width: 700px; }
  .go-top, .go-next { width: 45px; height: 45px; }
  .go-top .top-btn, .go-top .next-btn, .go-next .top-btn, .go-next .next-btn { background-size: 10px; }
  .footer-main .left .copyright { position: static; }
  .inside-kv-box .kv-info, .kv-infoother { width: 190px; height: 135px; padding-left: 15px; padding-top: 15px; }
  .inside-kv-box .kv-info .name-en, .kv-infoother .name-en { font-size: 16px; }
  .inside-kv-box .kv-info .name-en::after, .kv-infoother .name-en::after { height: 4px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 50px; margin: 18px 0; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 20px; line-height: 26px; }
  .more-comm { padding-bottom: 15px; border-bottom-width: 2px; }
  .more-comm::before { height: 2px; }
  .footer-main .left { width: 100%; float: left; }
  .footer-main .left .logo img { height: 40px; }
  .footer-main .left .share { margin-top: 20px; font-size: 0; }
  .footer-main .left .share a { margin-right: 10px; width: 40px; height: 40px; background-size: 16px !important; }
  .footer-main .left .copyright { margin-top: 50%; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.4); }
  .footer-main .left .copyright a { display: inline-block; color: rgba(255, 255, 255, 0.4); }
  .footer-main .right { width: 100%; float: right; }
  .footer-main .left .copyright { margin-top: 20px; width: 100%; }
  .foot-message .btn { line-height: 40px; }
  .foot-contact { display: block; margin-top: 60px; }
  .foot-contact .list { display: inline-block; padding-right: 20px; margin-bottom: 20px; }
  #l-header-menu__trigger { display: block !important; transform: scale(1) !important; pointer-events: all !important; margin-left: 10px; margin-bottom: 0; }
  .header { padding: 20px; }
  .header .logo img { height: 42px; }
  .header .nav { margin-top: 45px; display: none; width: 100%; padding-top: 10px; padding-right: 0; border: none; }
  .header .nav .nav-list { padding-bottom: 0px; white-space: normal; }
  .header .nav .nav-list .list { padding-right: 0px; width: 100%; text-align: center; padding: 8px 0; }
  .header .nav .nav-list .list::after { display: none; }
  .header .nav .nav-list .list:hover .downmenu-box { display: none; }
  .header .nav .nav-list .list .name { display: block; font-size: 18px; line-height: 18px; padding: 5px 8px; }
  .header .nav .nav-list .list .name::after { display: none; bottom: -21px; }
  .header .nav .seach-main { display: none; }
  .header .head-btn { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: row-reverse; }
  .downmenu-box { position: relative; width: 100%; top: 0; text-align: center; } }

@media screen and (max-width: 650px) { .container { max-width: 100%; padding: 0 18px; }
  .go-next { display: none !important; }
  .inside-banner img { height: 250px; object-fit: cover; }
  .inside-kv-box .kv-info, .kv-infoother { width: 160px !important; height: 125px !important; left: 40px; }
  .inside-kv-box .kv-info .name-line, .kv-infoother .name-line { width: 40px !important; margin: 10px 0 !important; }
  .inside-kv-box .kv-info .name-cn, .kv-infoother .name-cn { font-size: 18px; line-height: 22px; }
  .kv-infoother .name-en { font-size: 18px !important; margin-bottom: 0 !important; }
  .kv-infoother .name-cn { font-size: 18px !important; line-height: 22px !important; }
  .c-text-path { display: none; }
  .c-btn__round { width: 40px; height: 40px; }
  .c-btn__round .bars { width: 15px; height: 11px; }
  .c-btn__round .bars:before { transform: translateY(-4px); }
  .c-btn__round .bars:before, .c-btn__round .bars .bar, .c-btn__round .bars:after { height: 1px; margin-top: -1px; }
  .c-btn__round .bars:after { bottom: auto; top: 50%; transform: translateY(4px); }
  .header { padding: 10px 15px; }
  .header .logo img { height: 40px; }
  .header .nav { margin-top: 45px; display: none; width: 100%; height: 100vh; padding-top: 10px; padding-right: 0; border: none; }
  .header .nav .nav-list { padding-bottom: 0px; white-space: normal; }
  .header .nav .nav-list .list { margin-right: 0px; width: 100%; text-align: center; padding: 8px 0; }
  .header .nav .nav-list .list name { display: block; font-size: 14px; line-height: 14px; padding: 5px 8px; }
  .header .head-btn { top: 10px; right: 15px; }
  .c-btn__round > .inner { font-size: 14px; }
  .footer { padding: 35px 0 30px; }
  .foot-contact .list { width: 100%; } }

.forgetpass { display: block; font-size: 14px; color: #333; text-align: right; margin: 10px 0 38px 0; }

.main { padding-top: 230px; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #f2f2f2; }

.main .left { width: 37.5%; background: url(../img/register/register-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.main .right { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 100px 0; position: relative; overflow: hidden; }

.main .right .register-box { position: relative; z-index: 2; display: block; width: 485px; margin: 0 auto; }

.main .right .register-box .title { font-size: 36px; line-height: 48px; margin-bottom: 40px; }

.main .right .register-box .tip { font-size: 16px; color: #666; margin-bottom: 30px; }

.main .right .register-box .list { position: relative; margin-bottom: 10px; }

.main .right .register-box .list i { position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.main .right .register-box .list input { padding: 0 10px; padding-left: 54px; display: block; width: 100%; height: 50px; line-height: 50px; border: 1px solid #c2c2c2; background: transparent; }

.main .right .register-box .list input:focus { border-color: #003867; }

.main .right .register-box .list .nameicon { width: 18px; height: 20px; background-image: url(../img/register/user.png); }

.main .right .register-box .list .passicon { width: 20px; height: 20px; background-image: url(../img/register/pass.png); }

.main .right .register-box .list .name { position: absolute; top: 15px; left: 20px; font-size: 14px; line-height: 20px; color: #666; }

.main .right .register-box .list .name .icon { display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: #003867; }

.main .right .register-box .list .err-tip { margin-top: 10px; margin-bottom: 5px; padding-left: 25px; background: url(../img/register/tip-icon.jpg) no-repeat 0 50%; line-height: 18px; font-size: 14px; color: #666; }

.main .right .register-box .list.ver-code { width: 70%; }

.main .right .register-box .list .code-btn { top: 0; position: absolute; right: -42%; width: calc(42% - 10px); line-height: 50px; background: #003867; color: #fff; font-size: 12px; text-align: center; }

.main .right .register-box .btn { display: block; margin-top: 20px; width: 100%; font-size: 20px; line-height: 50px; background: #003867; color: #fff; text-align: center; }

.main .right .register-box .foot-tip-info { position: relative; display: block; text-align: center; font-size: 20px; color: #333333; line-height: 40px; padding-top: 38px; }

.main .right .register-box .foot-tip-info::after { position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 0%; height: 2px; transition: all 0.4s; background: #00447d; }

.main .right .register-box .foot-tip-info:hover::after { width: 100%; }

@media screen and (max-width: 1500px) { .main { padding-top: 110px; } }

@media screen and (max-width: 1200px) { .main { padding-top: 100px; } }

@media screen and (max-width: 950px) { .main .left { width: 0; } }

@media screen and (max-width: 650px) { .main { padding-top: 30px; }
  .main .right .register-box { width: 90%; } }

/*# sourceMappingURL=../map/login.css.map */