@charset "utf-8";
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { text-align: center; font-size: 14px; color: #fff; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 'Merriweather', Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { color: #fff; font: 14px/1.8 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif; background: #06090e; font-size: 14px; font-family: 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif; }

.fl { float: left; }
.fr { float: right; }
.t_hide { height: 0; overflow: hidden; }
.mt10 { margin-top: 10px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.p_relative { position: relative; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }

.main.txt { width: 90%; padding: 0; margin: 0 auto; }
.reg-tabs { float: left; width: 215px; padding: 40px 0; background: url(https://hsimages.99.com/account/eo/2019/reg/side.png) no-repeat left top; }
.reg-tabs li { width: 200px; height: 65px; padding-left: 15px; line-height: 65px; color: #fff; cursor: pointer; font-size: 16px; }
.reg-tabs li:hover, .reg-tabs li.regmodesel { background: url(https://hsimages.99.com/account/eo/2019/reg/tab-on.png) no-repeat 0 0; color: #e4d39b; }

.reg-tabs li i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 25px; height: 26px; margin-right: 5px; background: url(https://hsimages.99.com/account/eo/2019/reg/btns.png) no-repeat 0 0; }
.reg-tabs li i.ic1 { background-position: -16px -10px; }
.reg-tabs li i.ic2 { background-position: -16px -48px; }
.reg-tabs li i.ic3 { background-position: -16px -84px; }

.reg-tabs li.regmodesel i.ic1, .reg-tabs li:hover i.ic1 { background-position: -62px -10px; }
.reg-tabs li.regmodesel i.ic2, .reg-tabs li:hover i.ic2 { background-position: -62px -48px; }
.reg-tabs li.regmodesel i.ic3, .reg-tabs li:hover i.ic3 { background-position: -62px -84px; }

.reg-content { float: left; width: 680px; padding: 30px 40px 40px; color: #fff; line-height: 20px; }
.reg-content h1 { text-align: center; font-size: 24px; padding-bottom: 20px; }
.reg-content table { width: 100%; margin: 5px 0; }
.reg-content th, .reg-content td { border: none; padding: 5px 2px; color: #fff; font-size: 14px; font-family: 'Merriweather', Microsoft YaHei, Arial, Helvetica, sans-serif; }
.reg-content th { background: none; }
.reg-content select, .reg-content input[type="text"], .reg-content input[type="password"] { border: none; width: 170px; height: 30px; line-height: 30px; margin: 3px; padding: 0 2px; }
.reg-content select { width: 174px; }
.msghint { padding: 5px 0; }
.reg-content td { text-align: left; }
.reg-content td.t_center { text-align: center; }
.reg-content td > span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 320px; font-size: 12px; color: #ccc; text-align: left; margin-top: -2px; word-break: break-all; }
.reg-content td.t_center > span { width: auto; }
/*.reg-content td >  span.FailedMsg { padding-left: 24px; background: url(https://hsimages.99.com/account/eo/2019/reg/success.png) no-repeat left 0; }*/
.reg-content th strong { display: block; text-align: right; width: 190px; }
.reg-content a { color: #e4d39b; }
.reg-content a:hover { text-decoration: underline; color: #fff!important; }

.regbtns > div { cursor: pointer; width: 224px; height: 60px; margin: 0 auto; line-height: 60px; font-size: 28px; color: #ffe792; text-shadow: 1px 1px 1px #000; text-align: center; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat -303px -536px; }
.regbtns > div:hover { background-position: -303px -606px; }

#signupMobileSendCheckCodeImg { vertical-align: middle; height: 35px; margin-top: -2px; }
input#signupMobileCheckCodeSendAgain { display: block; width: 380px; cursor: pointer; }

#imgValidater, #signupMobileSendCheckCodeImg { width: 80px; vertical-align: middle; }