html {
font-family: 'PingFang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
font-size: 14px;
-webkit-tap-highlight-color: transparent;
}
body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, textarea, th, ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
em, i {
font-style: normal;
font-weight: 400;
}
button, input, select, textarea {
font-family: PingFangSC-Light,'helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
button, input, select {
box-sizing: border-box;
}
button {
border: none;
}
button, input[type=button], input[type=submit], select {
cursor: pointer;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li {
list-style: none;
}
a {
text-decoration: none !important;
color: #5156be !important;
}
a img, fieldset, iframe, img {
border-width: 0;
border-style: none;
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
box-shadow: 0 0 0 1000px #fff inset;
}
input[type=password]:focus, input[type=text]:focus, textarea:focus {
box-shadow: 0 0 0 1000px #fff inset;
}
body {
background: #fff;
color: #000;
}
.r-text-warning {
color: #ed711f !important;
}
.r-text-danger {
color: #e1504a !important;
}
.r-text-success {
color: #06c290 !important;
}
.qc-log-btn {
background-color: #5156be;
border: none;
color: #fff;
outline: 0;
}
.qc-log-btn:hover {
background-color: #5156be;
}
.qc-log-btn.disabled, .qc-log-btn.disabled:hover {
background-color: #5156be;
color: #fff;
}
.qc-log-btn.lg {
width: 100%;
height: 45px;
border: none;
margin-bottom: 20px;
font-size: 14px;
}
.qc-log-btn.c-btn-hole {
border: 1px solid #5156be;
color: #5156be;
background-color: #fff;
}
.qc-log-btn.c-btn-hole:hover {
background-color: #5156be;
color: #fff;
}
.qc-log-btn.c-btn-hole.disabled {
border: 1px solid #5156be;
}
.qc-log-btn.c-btn-weak {
border: 1px solid #5156be;
color: #666;
background-color: #fff;
}
.c-btn {
height: 45px;
min-width: 140px;
padding: 0 20px;
background-color: #5156be;
color: #fff;
font-size: 14px;
line-height: 45px;
text-align: center;
display: inline-block;
cursor: pointer;
outline: 0;
box-sizing: border-box;
}
.c-btn:hover {
text-decoration: none;
background-color: #0092ee;
}
.c-btn-hole {
height: 45px;
padding: 0 20px;
font-size: 14px;
text-align: center;
display: inline-block;
cursor: pointer;
outline: 0;
box-sizing: border-box;
border: 1px solid #5156be;
background-color: #fff;
color: #00a4ff;
line-height: 43px;
width: 210px;
}
.c-btn-hole:hover {
border: 1px solid #00a4ff;
background-color: #00a4ff;
color: #fff;
}
.r-after-btn {
text-align: center;
margin: 20px 0 0;
}
.c-btn-hole:hover .m-loading .loading > div {
background-color: #fff;
}
.c-btn-disabled, .c-btn-disabled:hover {
background-color: #d0d0d0 !important;
color: #fff !important;
border: 1px solid #d0d0d0 !important;
cursor: default !important;
}
.qc-log-input-text {
font-size: 14px;
height: 45px;
width: 100%;
display: inline-block;
border: 1px solid #e5e5e5;
color: #333;
vertical-align: middle;
padding: 13px 10px 12px;
box-sizing: border-box;
appearance: none;
border-radius: 0;
margin: 0;
}
.qc-log-input-text::-ms-clear {
display: none;
}
.qc-log-input-text:hover {
border-color: #b3b3b3;
outline: 0;
}
.qc-log-input-text:focus {
border-color: #00a2ff;
outline: 0;
}
.qc-log-input-text.disabled, .qc-log-input-text:disabled {
background-color: #f0f1f2;
color: #a2a2a2;
background-image: none;
cursor: default;
}
.qcinput-text.text-style.disabled, .qcinput-text.text-style::-webkit-input-placeholder, .qcinput-text.text-style:disabled {
color: #333;
}
.qc-log-input-text.disabled:focus, .qc-log-input-text.disabled:hover, .qc-log-input-text:disabled:focus, .qc-log-input-text:disabled:hover {
border-color: #e5e5e5;
}
.qc-log-input-text-wrap.m .qc-log-input-text {
font-size: 12px;
line-height: 15px;
height: 15px;
}
.qc-log-input-text.error, .qc-log-input-text.error:focus, .qc-log-input-text.error:hover {
border-color: red;
}
.fm-dropdown .input-tips, .form-input .input-tips {
position: absolute;
top: 15px;
left: 12px;
font-size: 14px;
line-height: 16px;
color: #999;
cursor: text;
display: none;
text-align: left;
}
:input-placeholder {
color: #999;
}
.form-unit.date {
position: relative;
}
.form-unit.date .r-icon-date {
position: absolute;
right: 18px;
top: 14px;
pointer-events: none;
}
.qc-log-checkbox {
width: 16px;
height: 16px;
cursor: pointer;
vertical-align: -1px;
outline: 0;
background: 0 0\9;
background-image: url(/web/assets/images/regist-cn.png);
;
appearance: none;
background-position: 83.97% 43.15%;
background-size: 2243.75% 2200%;
;
background-repeat: no-repeat;
}
.qc-log-checkbox:focus, .qc-log-checkbox:hover {
background-image: url(/web/assets/images/regist-cn.png);
;
background-position: 83.97% 43.15%;
background-size: 2243.75% 2200%;
;
background-repeat: no-repeat;
}
.qc-log-checkbox:checked, .qc-log-checkbox:checked:focus, .qc-log-checkbox:checked:hover {
background-image: url(/web/assets/images/regist-cn.png);
;
background-position: 83.97% 52.68000000000001%;
background-size: 2243.75% 2200%;
;
background-repeat: no-repeat;
}
.qc-log-checkbox[disabled], .qc-log-checkbox[disabled]:checked {
background-image: url(/web/assets/images/regist-cn.png);
;
background-position: 62.970000000000006% 31.25%;
background-size: 2243.75% 2200%;
;
background-repeat: no-repeat;
}
.form-ctrl-label.disabled, .qc-log-checkbox-wrap.disabled, .qc-log-checkbox[disabled], .qc-log-checkbox[disabled] + label {
cursor: default;
cursor: not-allowed;
}
.form-ctrl-label .qc-log-checkbox {
vertical-align: middle;
margin-right: 5px;
}
.form-ctrl-label {
cursor: pointer;
vertical-align: middle;
line-height: 1;
}
.qc-log-bubble {
position: absolute;
color: #666;
}
.qc-log-bubble.error {
color: red;
}
.qc-log-bubble .qc-log-bubble-inner:after, .qc-log-bubble .qc-log-bubble-inner:before {
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 8px dashed transparent;
}
.qc-log-bubble .qc-log-bubble-inner:after {
border: 7px dashed transparent;
}
.qc-log-bubble-inner {
font-size: 14px;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #d1d1d1;
border-radius: 2px;
background-color: #fff;
line-height: 1.6;
box-shadow: 1px 1px 3px rgba(0,0,0,.15);
position: static !important;
left: 50%;
top: 50%;
text-align: left;
}
.qc-log-bubble-bottom .qc-log-bubble-inner:after, .qc-log-bubble-bottom .qc-log-bubble-inner:before {
top: 100%;
left: inherit;
right: inherit;
margin-top: -1px;
border-top-style: solid;
}
.qc-log-bubble-bottom .qc-log-bubble-inner:before {
margin-left: -8px;
border-top-color: #b3b7bf;
}
.qc-log-bubble-bottom .qc-log-bubble-inner:after {
margin-left: -7px;
border-top-color: #fff;
}
.qc-log-bubble-top .qc-log-bubble-inner:after, .qc-log-bubble-top .qc-log-bubble-inner:before {
bottom: 100%;
left: inherit;
right: inherit;
margin-bottom: -1px;
border-bottom-style: solid;
}
.qc-log-bubble-top .qc-log-bubble-inner:before {
margin-left: -8px;
border-bottom-color: #b3b7bf;
}
.qc-log-bubble-top .qc-log-bubble-inner:after {
margin-left: -7px;
border-bottom-color: #fff;
}
.qc-log-select {
appearance: none;
border: 1px solid #d1d2d3;
border-radius: 2px;
background-color: #fff;
background-image: url(../image/select1.png);
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
color: #333;
font-size: 14px;
cursor: pointer;
height: 35px;
padding: 8px 24px 7px 6px;
vertical-align: middle;
box-sizing: border-box;
min-width: 60px;
}
.qc-log-select::-ms-expand {
display: none;
}
.qc-log-select[disabled] {
cursor: default;
background-color: #f0f1f2;
background-image: url(../image/select-disabled1.png);
border-color: #d5d5d5;
color: #a2a2a2;
}
.m-loading {
text-align: center;
}
.m-loading .loading > div {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #fff;
animation: bouncedelay .7s infinite ease-in-out both;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
.m-loading .loading .one {
animation-delay: -.32s;
}
.m-loading .loading .two {
animation-delay: -.16s;
}
.m-loading.blue .loading > div {
background-color: #00a4ff;
}
@keyframes bouncedelay {
0%,100%,80% {
transform: scale(.5);
opacity: 1;
}
40% {
transform: scale(1);
opacity: .8;
}
}
.tip-unit .tip-list {
position: absolute;
top: 48px;
left: 0;
width: 100%;
border: 1px solid #e5e5e5;
background-color: #fff;
border-radius: 2px;
color: #000;
font-size: 14px;
z-index: 5;
max-height: 370px;
overflow-y: auto;
box-sizing: border-box;
}
.tip-unit .tip-list li {
margin-left: 10px;
margin-right: 10px;
}
.tip-unit .tip-list .tip-hover, .tip-unit .tip-list li:hover {
background-color: #f2f2f2;
cursor: pointer;
}
.tip-unit .tip-list .tip {
display: block;
padding-left: 10px;
color: #666;
line-height: 38px;
text-align: left;
}
.tip-unit .tip-list .tip-hover .tip, .tip-unit .tip-list li:hover .tip {
color: #333;
}
.form-ctrl-label.disabled, .qc-log-radio-wrap.disabled, .qc-log-radio[disabled], .qc-log-radio[disabled] + label {
cursor: default;
cursor: not-allowed;
}
.form-ctrl-label-wrap {
text-align: left;
max-width: 420px;
margin: -5px auto 20px;
}
.form-ctrl-label-wrap span {
display: inline-block;
vertical-align: middle;
color: #666;
max-width: 85%;
line-height: 1.4;
}
.form-ctrl-label-wrap a:hover {
text-decoration:none;
}
.business-box + .form-ctrl-label-wrap {
padding-top: 20px;
margin-bottom: 0;
}
.form-ctrl-label-stacked {
display: block;
margin-bottom: 10px;
}
.form-ctrl-label {
margin-right: 15px;
}
.form-ctrl-label, .form-ctrl-label-stacked, .qc-log-radio-wrap {
font-size: 14px;
cursor: pointer;
vertical-align: middle;
line-height: 1;
}
.qc-log-radio + .form-ctrl-label, .qc-log-radio + label {
margin-left: 5px;
color: #404a58;
vertical-align: middle;
}
.form-ctrl-label .qc-log-radio, .form-ctrl-label-stacked .qc-log-radio, .qc-log-radio-wrap .qc-log-radio {
vertical-align: -3px;
margin-right: 5px;
}
.qc-log-radio-wrap {
margin-left: 20px;
}
.tc-dialog {
width: 350px;
background: #fff;
border: 1px solid #dadde0;
}
.tc-dialog-hd {
padding: 0 20px;
font-size: 16px;
line-height: 50px;
color: #171d25;
position: relative;
min-height: 35px;
}
.tc-dialog-bd:after, .tc-dialog-ft:after, .tc-dialog-hd:after {
content: '';
display: table;
clear: both;
}
.tc-dialog-bd {
max-height: 500px;
padding: 10px 50px 20px;
min-height: 50px;
text-align: left;
}
.tc-dialog-ft {
padding: 15px 20px;
height: 35px;
border-top: 0;
position: relative;
}
.tc-dialog-ft-btn-wrap {
text-align: center;
position: relative;
z-index: 0;
}
.tc-dialog-ft-btn-wrap > .qc-log-btn {
margin: 0 5px;
width: 110px;
height: 35px;
background-color: #00a4ff;
}
.tc-dialog-hd .qc-log-btn-close {
line-height: 100;
display: inline-block;
overflow: hidden;
vertical-align: middle;
position: absolute;
width: 11px;
height: 12px;
top: 15px;
right: 15px;
background-image: url(../image/regist-cn-202204191546.png);
background-repeat: no-repeat;
background-color: #fff;
background-position: -18px -54px;
}
.tc-dialog .qc-log-msg {
border: 0;
background: 0 0;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 26px;
color: #666;
vertical-align: middle;
display: inline-block;
text-align: left;
}
.tc-dialog .dialog-title {
font-size: 16px;
color: #333;
font-weight: 700;
margin-bottom: 15px;
}
.tc-dialog .dialog-title .icon {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 15px;
vertical-align: top;
background-repeat: no-repeat;
}
.tc-dialog .dialog-title .icon-confirm {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 74.33% 98.48%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.tc-dialog .dialog-title .icon-warn {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 43.28% 98.48%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.tc-dialog .dialog-title .text {
display: inline-block;
vertical-align: top;
width: 80%;
}
.tc-dialog-mibile {
width: 300px;
min-height: 100px;
background-color: #0d1116;
background-color: rgba(13,17,22,.65);
text-align: center;
border-radius: 4px;
}
.tc-dialog-mibile .tc-dialog-bd {
min-height: 0;
padding: 40px 20px;
display: inline-block;
}
.tc-dialog-mibile .dialog-title {
margin-bottom: 0;
display: table;
}
.tc-dialog-mibile .dialog-title .text {
color: #fff;
vertical-align: top;
display: table-cell;
padding-left: 15px;
}
.tc-dialog-mibile .dialog-title .icon {
display: table-cell;
width: 24px;
height: 24px;
float: left;
vertical-align: middle;
background-repeat: no-repeat;
}
.tc-dialog-mibile .dialog-title .icon-confirm {
background-image: url(/web/assets/images/regist-cn.png);
;
background-position: 66.57% 98.48%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.tc-dialog-mibile .dialog-title .icon-warn {
background-image: url(/web/assets/images/regist-cn.png);
;
background-position: 51.04% 98.48%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.form-input .form-input-help {
font-size: 12px;
line-height: 1.5;
margin-top: 5px;
color: #999;
vertical-align: middle;
text-align: left;
transition: max-height .5s ease-in-out;
max-height: 100px;
overflow: hidden;
}
.form-input .form-input-help.error {
color: red;
}
.form-input .form-input-help.right {
text-align: right;
}
.form-input-help-right {
float: right;
}
.f-select {
appearance: none;
border: 1px solid #d1d2d3;
border-radius: 0;
background-color: #fff;
background-image: url(../image/select1.png);
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
color: #171d25;
font-size: 14px;
cursor: pointer;
height: 45px;
padding: 8px 24px 7px 10px;
padding: 8px 8px 7px 6px\9;
vertical-align: middle;
box-sizing: border-box;
width: 100%;
}
.f-select::-ms-expand {
display: none;
}
.f-select:hover {
border-color: #b3b3b3;
background-color: #fff;
outline: 0;
}
.f-select:focus {
border-color: #00a2ff;
background-color: #fff;
outline: 0;
}
.f-select[disabled] {
cursor: default;
background-color: #f0f1f2;
background-image: none;
border-color: #d5d5d5;
color: #a2a2a2;
}
.f-select.m {
width: 138px;
}
.f-rich-dialog .f-select-wrap .f-select, .f-select-wrap.m .f-select, .f-select.m {
padding: 5px 5px 4px 6px\9;
}
.f-select.err-style {
color: red;
border-color: red;
}
.c-dropdown {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
line-height: 1;
width: 200px;
}
.c-dropdown.full-width {
width: 100%;
}
.c-dropdown .c-dropdown-link, .c-dropdown .c-dropdown-menu li a {
display: block;
text-decoration: none;
height: 35px;
line-height: 35px;
}
.c-dropdown-btn-style .c-dropdown-link-selected {
color: #000 !important;
}
.c-dropdown .c-dropdown-link {
display: block;
border-width: 1px 1px 0;
border-style: solid;
border-color: transparent;
z-index: 2;
padding: 0 21px 0 5px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}
.c-menu-active {
z-index: 3;
}
.c-dropdown-allow-hover:hover .c-dropdown-link, .c-menu-active .c-dropdown-link {
border-color: #e5e5e5;
background-color: #fff;
}
.c-dropdown-link .caret {
position: absolute;
top: 10px;
right: 2px;
width: 16px;
height: 16px;
background-image: url(../image/regist-cn-202204191546.png);
background-position: 0px 0px;
}
.c-dropdown-allow-hover.c-menu-active .c-dropdown-link:hover .caret, .c-dropdown-allow-hover:hover .c-dropdown-link .caret, .c-menu-active .c-dropdown-link .caret {
background-image: url(../image/regist-cn-202204191546.png);
background-position: -54px 0px;
}
.c-dropdown .c-dropdown-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1;
margin-top: -1px;
border: 1px solid #e5e5e5;
background-color: #fff;
min-width: 100%;
box-sizing: border-box;
display: none;
}
.c-dropdown > .c-dropdown-menu {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}
.c-dropdown-allow-hover:hover .c-dropdown-menu, .c-menu-active .c-dropdown-menu {
display: block;
}
.c-dropdown .c-dropdown-menu li a {
text-align: right;
padding: 0 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.c-dropdown .c-dropdown-menu li a:hover {
background-color: #f2f2f2;
}
.c-dropdown .c-dropdown-menu .selected a, .c-dropdown .c-dropdown-menu .selected a:hover {
background-color: #0071ce;
color: #fff;
}
.c-dropdown .c-dropdown-menu .disabled a, .c-dropdown .c-dropdown-menu .disabled a:hover {
background-color: transparent;
color: #a2a2a2;
cursor: default;
}
.c-dropdown-in-hd.c-menu-active {
z-index: 9;
}
.c-table-box .c-dropdown-in-hd.c-menu-active {
z-index: 7;
}
.c-dropdown-btn-style.c-menu-active {
z-index: 8;
}
.c-dropdown-in-hd .c-dropdown-menu {
left: 0;
right: auto;
max-height: 150px;
overflow-y: auto;
overflow-x: hidden;
font-weight: 400;
}
.c-dropdown-in-hd .c-dropdown-link {
padding: 0 34px 0 10px;
color: #404a58;
}
.c-dropdown-in-hd .c-dropdown-menu li a {
color: #404a58;
padding: 0 10px;
text-align: left;
min-width: 7em;
}
.c-dropdown-in-hd .caret {
right: 10px;
background-image: url(../image/regist-cn-202204191546.png);
background-position: -54px -18px;
}
.c-dropdown-allow-hover.c-dropdown-in-hd.c-menu-active .c-dropdown-link:hover .caret, .c-dropdown-allow-hover.c-dropdown-in-hd:hover .c-dropdown-link .caret, .c-dropdown-in-hd.c-menu-active .c-dropdown-link .caret, .c-table-fixed-head .c-dropdown.c-menu-active .c-dropdown-link:hover .caret {
background-image: url(../image/regist-cn-202204191546.png);
background-position: -54px -36px;
}
.c-dropdown-btn-style {
font-size: 14px;
background-color: #fff;
}
.c-dropdown-btn-style.disabled .c-dropdown-link, .c-dropdown-btn-style.disabled .c-dropdown-link:hover {
border-color: #e5e5e5 !important;
background-color: #f4f4f4;
color: #a2a2a2;
cursor: default;
}
.c-dropdown-btn-style .c-dropdown-link .caret {
background-image: url(../image/regist-cn-202204191546.png);
top: 14px;
right: 8px;
background-position: 0px -54px;
}
.c-dropdown-btn-style.disabled .c-dropdown-link .caret {
background-image: url(../image/regist-cn-202204191546.png);
background-position: -18px -36px;
}
.c-dropdown-btn-style .c-dropdown-link, .c-dropdown-btn-style .c-dropdown-menu li a {
height: 43px;
line-height: 43px;
color: #999;
}
.c-dropdown-btn-style .c-dropdown-link {
border: 1px solid #e5e5e5;
border-radius: 2px;
padding: 0 49px 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-dropdown-btn-style.err-style .c-dropdown-link, .c-dropdown-btn-style.err-style:hover .c-dropdown-link {
border: 1px solid #e1504a;
color: #e1504a;
background-color: #f9dcdb;
}
.c-dropdown-btn-style .c-dropdown-menu li a {
padding: 0 10px;
text-align: left;
}
.c-dropdown-btn-style .c-dropdown-link:hover {
color: #999;
background-color: #fff;
border-color: #b3b3b3;
}
.c-dropdown-btn-style .c-dropdown-menu {
margin-top: 5px;
left: 0;
right: auto;
border-radius: 2px;
max-width: 100%;
}
.c-dropdown-btn-style.up .c-dropdown-menu {
top: auto;
bottom: 40px;
}
.c-dropdown-link-control {
display: inline-block;
position: relative;
padding-right: 40px;
box-sizing: border-box;
max-width: 100%;
}
.c-dropdown-link-control span {
display: inline-block;
vertical-align: middle;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-dropdown-link-control i {
margin-left: 5px;
position: absolute;
right: 0;
top: 7px;
}
.c-dropdown-allow-hover.c-dropdown-btn-style:after {
content: '';
position: absolute;
width: 100%;
height: 8px;
display: none;
}
.c-dropdown-allow-hover.c-dropdown-btn-style:hover:after {
display: block;
}
.c-optgroup .c-optgroup-label {
font-weight: 700;
cursor: default;
margin: 0;
padding: 0 10px;
height: 25px;
line-height: 25px;
}
.c-dropdown-in-hd .c-optgroup .c-optgroup-label {
height: 35px;
line-height: 35px;
}
.c-dropdown-in-hd .c-optgroup .c-dropdown-menu, .c-optgroup .c-dropdown-menu {
position: static;
border: 0;
margin-top: 0;
max-height: inherit;
}
.c-dropup .c-dropdown-link {
border-width: 0 1px 1px;
}
.c-dropup .c-dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: -1px;
}
.c-dropup.c-dropdown-btn-style .c-dropdown-link {
border-width: 1px;
}
.c-dropup.c-dropdown-btn-style .c-dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 3px;
}
.c-dropup.c-dropdown-allow-hover.c-dropdown-btn-style:after {
bottom: 100%;
}
.c-dropdown.m .c-dropdown-link, .c-table-fixed-body .c-dropdown .c-dropdown-link, .item-mini .c-dropdown .c-dropdown-link {
height: 27px;
line-height: 27px;
}
.c-dropdown.m .c-dropdown-link .caret, .c-table-fixed-body .c-dropdown-link .caret, .item-mini .c-dropdown .c-dropdown-link .caret {
top: 5px;
}
.c-dropdown.m .c-dropdown-menu li a, .c-table-fixed-body .c-dropdown .c-dropdown-menu li a {
height: 27px;
line-height: 27px;
}
.c-dropdown-btn-style.error .c-dropdown-link, .c-dropdown-btn-style.error:hover .c-dropdown-link {
border: 1px solid red;
}
.reg-block-select-type {
padding-bottom: 20px;
}
.reg-block-select-type .c-ui-block .b-item span {
vertical-align: middle;
}
.reg-block-select-type .r-icon-links {
margin-left: 5px;
}
.c-ui-block {
position: relative;
display: block;
overflow: hidden;
padding-left: 1px;
}
.c-ui-block .b-item {
height: 45px;
line-height: 43px;
background: #fff;
border: 1px solid #ccd1d9;
text-align: center;
color: #333;
margin-left: -1px;
vertical-align: middle;
float: left;
font-size: 14px;
position: relative;
z-index: 0;
min-width: 140px;
box-sizing: border-box;
}
.c-ui-block .b-item:hover {
border: 1px solid #8a9099;
z-index: 1;
}
.c-ui-block .b-first {
margin-left: 0;
}
.c-ui-block .b-selected, .c-ui-block .b-selected:hover {
border-color: #00a4ff;
position: relative;
background: #def3ff;
color: #00a4ff;
z-index: 2;
}
.c-ui-block .b-disable, .c-ui-block .b-disable:hover {
border-color: #c1c6cb;
position: relative;
background: #eaeef1;
color: #a4a4a4;
cursor: default;
}
.reg-block-select-type.item2 .c-ui-block .b-item {
min-width: 0;
width: 50%;
}
.reg-block-select-type.item3 .c-ui-block .b-item {
min-width: 0;
width: calc(100% / 3);
}
.reg-block-select-type.item4 .c-ui-block .b-item {
min-width: 0;
width: 25%;
}
.reg-block-select-type.item5 .c-ui-block .b-item {
min-width: 0;
width: 20%;
}
.reg-block-select-type.item6 .c-ui-block .b-item {
min-width: 0;
width: calc(100% / 6);
}
.fm-dropdown {
position: relative;
border: 1px solid #d1d2d3;
border-radius: 2px;
text-align: left;
}
.fm-dropdown.error {
border: 1px solid red;
}
.fm-dropdown .mobile-code-dropdown {
position: absolute;
left: 0;
top: 0;
width: 120px;
}
.fm-dropdown .mobile-code-dropdown .dropdown-link {
display: inline-block;
height: 45px;
line-height: 45px;
vertical-align: top;
width: 100px;
padding-left: 10px;
position: relative;
}
.fm-dropdown .mobile-code-dropdown .dropdown-link:hover {
cursor: pointer;
}
.fm-dropdown .mobile-code-dropdown .dropdown-link .flag {
vertical-align: middle;
}
.fm-dropdown .mobile-code-dropdown .dropdown-link.disabled {
cursor: default;
}
.fm-dropdown .mobile-code-dropdown .arr {
display: inline-block;
width: 12px;
height: 7px;
background-image: url(/web/assets/images/regist-cn-202204191546.png);
position: absolute;
right: 5px;
top: 19px;
background-position: -31px -54px;
}
.fm-dropdown .mobile-code-dropdown.menu-active .arr {
background-image: url(/web/assets/images/regist-cn-202204191546.png);
background-position: -45px -54px;
}
.fm-dropdown .mobile-code-dropdown .mobile-code {
vertical-align: middle;
color: #333;
margin-right: 10px;
width: 40px;
display: inline-block;
font-size: 14px;
}
.regist-content .qc-log-input-text.input-mobile {
border: none;
}
.mobile-code-dropdown .dropdown-wrapper {
width: 420px;
border-radius: 2px;
border: 1px solid #e5e5e5;
font-size: 14px;
background-color: #fff;
position: absolute;
top: 48px;
left: -1px;
box-sizing: border-box;
z-index: 5;
color: #000;
max-height: 370px;
overflow-y: auto;
overflow-x: hidden;
}
.mobile-code-dropdown .dropdown-menu {
padding: 10px 0;
margin: 0 10px;
width: 400px;
}
.mobile-code-dropdown .dropdown-menu.dropdown-menu-usual {
border-bottom: 1px solid #f2f2f2;
}
.mobile-code-dropdown .dropdown-menu .menu-hover, .mobile-code-dropdown .dropdown-menu li:hover {
background-color: #f2f2f2;
cursor: pointer;
}
.mobile-code-dropdown .dropdown-menu .info {
display: block;
padding-left: 10px;
color: #666;
line-height: 38px;
text-align: left;
}
.mobile-code-dropdown .dropdown-menu .menu-hover .info, .mobile-code-dropdown .dropdown-menu li:hover .info {
color: #333;
}
.mobile-code-dropdown .dropdown-menu .mobile-code {
float: right;
width: 50px;
text-align: left;
}
.fm-dropdown .qc-log-input-text.input-mobile {
display: block;
width: 100%;
padding-left: 120px;
border: none;
}
.fm-dropdown .input-tips {
z-index: 1;
left: 120px;
}
.m-mobile-code-dropdown {
height: 45px;
border: none;
display: none;
}
.fm-verify {
font-size: 0;
}
.fm-verify .qc-log-btn, .fm-verify .qc-log-input-text {
width: 47.6%;
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.international .fm-verify .qc-log-btn {
font-size: 12px;
}
.fm-verify .qc-log-input-text {
margin-right: 2.3%;
}
.fm-verify .qc-log-btn {
margin-left: 2.3%;
}
.fm-verify .qc-log-btn.disabled, .fm-verify .qc-log-btn.disabled:hover {
color: #999;
background-color: #f4f4f4;
}
.fm-verify .qc-log-input-security-num {
width: 47.6%;
display: inline-block;
vertical-align: top;
height: 45px;
margin-left: 2.3%;
}
.fm-verify .qc-log-input-security-num img {
display: block;
height: 100%;
max-width: 100%;
}
.fm-verify-input-lg .qc-log-btn, .fm-verify-input-lg .qc-log-input-text {
margin: 0;
}
.fm-verify-input-lg .qc-log-input-text + .qc-log-btn {
margin-left: 10px;
}
.fm-verify-input-lg .qc-log-input-text {
width: calc(100% - 150px);
}
.fm-verify-input-lg .qc-log-btn {
width: 140px;
}
.r-textarea {
font-size: 14px;
height: 100px;
width: 100%;
display: inline-block;
padding: 5px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
vertical-align: middle;
resize: none;
outline: 0;
box-sizing: border-box;
}
.r-textarea:focus {
border: 1px solid #00a4ff;
}
.r-textarea.err-style, .r-textarea.err-style:focus, .r-textarea.error, .r-textarea.error:focus {
border: 1px solid red;
outline: 0;
}
.r-input-text.disabled:hover {
border: 1px solid #d1d2d3;
}
.fm-dropdown .mobile-code-dropdown .flag {
display: inline-block;
display: none;
width: 16px;
height: 11px;
line-height: 11px;
vertical-align: baseline;
margin: 0 6px 0 0;
text-decoration: inherit;
speak: none;
-webkit-font-smoothing: antialiased;
backface-visibility: hidden;
border: 1px solid #d1d1d1;
}
.fm-dropdown .mobile-code-dropdown .flag:not(.icon):before {
display: inline-block;
content: '';
background: url(../image/flags.png) -108px -1976px no-repeat;
width: 16px;
height: 11px;
}
.fm-dropdown .mobile-code-dropdown .flag.ad:before, .fm-dropdown .mobile-code-dropdown .flag.andorra:before {
background-position: 0 0;
}
.fm-dropdown .mobile-code-dropdown .flag.ae:before, .fm-dropdown .mobile-code-dropdown .flag.uae:before, .fm-dropdown .mobile-code-dropdown .flag.united.arab.emirates:before {
background-position: 0 -26px;
}
.fm-dropdown .mobile-code-dropdown .flag.af:before, .fm-dropdown .mobile-code-dropdown .flag.afghanistan:before {
background-position: 0 -52px;
}
.fm-dropdown .mobile-code-dropdown .flag.ag:before, .fm-dropdown .mobile-code-dropdown .flag.antigua:before {
background-position: 0 -78px;
}
.fm-dropdown .mobile-code-dropdown .flag.ai:before, .fm-dropdown .mobile-code-dropdown .flag.anguilla:before {
background-position: 0 -104px;
}
.fm-dropdown .mobile-code-dropdown .flag.al:before, .fm-dropdown .mobile-code-dropdown .flag.albania:before {
background-position: 0 -130px;
}
.fm-dropdown .mobile-code-dropdown .flag.am:before, .fm-dropdown .mobile-code-dropdown .flag.armenia:before {
background-position: 0 -156px;
}
.fm-dropdown .mobile-code-dropdown .flag.an:before, .fm-dropdown .mobile-code-dropdown .flag.netherlands.antilles:before {
background-position: 0 -182px;
}
.fm-dropdown .mobile-code-dropdown .flag.angola:before, .fm-dropdown .mobile-code-dropdown .flag.ao:before {
background-position: 0 -208px;
}
.fm-dropdown .mobile-code-dropdown .flag.ar:before, .fm-dropdown .mobile-code-dropdown .flag.argentina:before {
background-position: 0 -234px;
}
.fm-dropdown .mobile-code-dropdown .flag.american.samoa:before, .fm-dropdown .mobile-code-dropdown .flag.as:before {
background-position: 0 -260px;
}
.fm-dropdown .mobile-code-dropdown .flag.at:before, .fm-dropdown .mobile-code-dropdown .flag.austria:before {
background-position: 0 -286px;
}
.fm-dropdown .mobile-code-dropdown .flag.au:before, .fm-dropdown .mobile-code-dropdown .flag.australia:before {
background-position: 0 -312px;
}
.fm-dropdown .mobile-code-dropdown .flag.aruba:before, .fm-dropdown .mobile-code-dropdown .flag.aw:before {
background-position: 0 -338px;
}
.fm-dropdown .mobile-code-dropdown .flag.aland.islands:before, .fm-dropdown .mobile-code-dropdown .flag.ax:before {
background-position: 0 -364px;
}
.fm-dropdown .mobile-code-dropdown .flag.az:before, .fm-dropdown .mobile-code-dropdown .flag.azerbaijan:before {
background-position: 0 -390px;
}
.fm-dropdown .mobile-code-dropdown .flag.ba:before, .fm-dropdown .mobile-code-dropdown .flag.bosnia:before {
background-position: 0 -416px;
}
.fm-dropdown .mobile-code-dropdown .flag.barbados:before, .fm-dropdown .mobile-code-dropdown .flag.bb:before {
background-position: 0 -442px;
}
.fm-dropdown .mobile-code-dropdown .flag.bangladesh:before, .fm-dropdown .mobile-code-dropdown .flag.bd:before {
background-position: 0 -468px;
}
.fm-dropdown .mobile-code-dropdown .flag.be:before, .fm-dropdown .mobile-code-dropdown .flag.belgium:before {
background-position: 0 -494px;
}
.fm-dropdown .mobile-code-dropdown .flag.bf:before, .fm-dropdown .mobile-code-dropdown .flag.burkina.faso:before {
background-position: 0 -520px;
}
.fm-dropdown .mobile-code-dropdown .flag.bg:before, .fm-dropdown .mobile-code-dropdown .flag.bulgaria:before {
background-position: 0 -546px;
}
.fm-dropdown .mobile-code-dropdown .flag.bahrain:before, .fm-dropdown .mobile-code-dropdown .flag.bh:before {
background-position: 0 -572px;
}
.fm-dropdown .mobile-code-dropdown .flag.bi:before, .fm-dropdown .mobile-code-dropdown .flag.burundi:before {
background-position: 0 -598px;
}
.fm-dropdown .mobile-code-dropdown .flag.benin:before, .fm-dropdown .mobile-code-dropdown .flag.bj:before {
background-position: 0 -624px;
}
.fm-dropdown .mobile-code-dropdown .flag.bermuda:before, .fm-dropdown .mobile-code-dropdown .flag.bm:before {
background-position: 0 -650px;
}
.fm-dropdown .mobile-code-dropdown .flag.bn:before, .fm-dropdown .mobile-code-dropdown .flag.brunei:before {
background-position: 0 -676px;
}
.fm-dropdown .mobile-code-dropdown .flag.bo:before, .fm-dropdown .mobile-code-dropdown .flag.bolivia:before {
background-position: 0 -702px;
}
.fm-dropdown .mobile-code-dropdown .flag.br:before, .fm-dropdown .mobile-code-dropdown .flag.brazil:before {
background-position: 0 -728px;
}
.fm-dropdown .mobile-code-dropdown .flag.bahamas:before, .fm-dropdown .mobile-code-dropdown .flag.bs:before {
background-position: 0 -754px;
}
.fm-dropdown .mobile-code-dropdown .flag.bhutan:before, .fm-dropdown .mobile-code-dropdown .flag.bt:before {
background-position: 0 -780px;
}
.fm-dropdown .mobile-code-dropdown .flag.bouvet.island:before, .fm-dropdown .mobile-code-dropdown .flag.bv:before {
background-position: 0 -806px;
}
.fm-dropdown .mobile-code-dropdown .flag.botswana:before, .fm-dropdown .mobile-code-dropdown .flag.bw:before {
background-position: 0 -832px;
}
.fm-dropdown .mobile-code-dropdown .flag.belarus:before, .fm-dropdown .mobile-code-dropdown .flag.by:before {
background-position: 0 -858px;
}
.fm-dropdown .mobile-code-dropdown .flag.belize:before, .fm-dropdown .mobile-code-dropdown .flag.bz:before {
background-position: 0 -884px;
}
.fm-dropdown .mobile-code-dropdown .flag.ca:before, .fm-dropdown .mobile-code-dropdown .flag.canada:before {
background-position: 0 -910px;
}
.fm-dropdown .mobile-code-dropdown .flag.cc:before, .fm-dropdown .mobile-code-dropdown .flag.cocos.islands:before {
background-position: 0 -962px;
}
.fm-dropdown .mobile-code-dropdown .flag.cd:before, .fm-dropdown .mobile-code-dropdown .flag.congo:before {
background-position: 0 -988px;
}
.fm-dropdown .mobile-code-dropdown .flag.central.african.republic:before, .fm-dropdown .mobile-code-dropdown .flag.cf:before {
background-position: 0 -1014px;
}
.fm-dropdown .mobile-code-dropdown .flag.cg:before, .fm-dropdown .mobile-code-dropdown .flag.congo.brazzaville:before {
background-position: 0 -1040px;
}
.fm-dropdown .mobile-code-dropdown .flag.ch:before, .fm-dropdown .mobile-code-dropdown .flag.switzerland:before {
background-position: 0 -1066px;
}
.fm-dropdown .mobile-code-dropdown .flag.ci:before, .fm-dropdown .mobile-code-dropdown .flag.cote.divoire:before {
background-position: 0 -1092px;
}
.fm-dropdown .mobile-code-dropdown .flag.ck:before, .fm-dropdown .mobile-code-dropdown .flag.cook.islands:before {
background-position: 0 -1118px;
}
.fm-dropdown .mobile-code-dropdown .flag.chile:before, .fm-dropdown .mobile-code-dropdown .flag.cl:before {
background-position: 0 -1144px;
}
.fm-dropdown .mobile-code-dropdown .flag.cameroon:before, .fm-dropdown .mobile-code-dropdown .flag.cm:before {
background-position: 0 -1170px;
}
.fm-dropdown .mobile-code-dropdown .flag.china:before, .fm-dropdown .mobile-code-dropdown .flag.cn:before {
background-position: 0 -1196px;
}
.fm-dropdown .mobile-code-dropdown .flag.co:before, .fm-dropdown .mobile-code-dropdown .flag.colombia:before {
background-position: 0 -1222px;
}
.fm-dropdown .mobile-code-dropdown .flag.costa.rica:before, .fm-dropdown .mobile-code-dropdown .flag.cr:before {
background-position: 0 -1248px;
}
.fm-dropdown .mobile-code-dropdown .flag.cs:before, .fm-dropdown .mobile-code-dropdown .flag.serbia:before {
background-position: 0 -1274px;
}
.fm-dropdown .mobile-code-dropdown .flag.cu:before, .fm-dropdown .mobile-code-dropdown .flag.cuba:before {
background-position: 0 -1300px;
}
.fm-dropdown .mobile-code-dropdown .flag.cape.verde:before, .fm-dropdown .mobile-code-dropdown .flag.cv:before {
background-position: 0 -1326px;
}
.fm-dropdown .mobile-code-dropdown .flag.christmas.island:before, .fm-dropdown .mobile-code-dropdown .flag.cx:before {
background-position: 0 -1352px;
}
.fm-dropdown .mobile-code-dropdown .flag.cy:before, .fm-dropdown .mobile-code-dropdown .flag.cyprus:before {
background-position: 0 -1378px;
}
.fm-dropdown .mobile-code-dropdown .flag.cz:before, .fm-dropdown .mobile-code-dropdown .flag.czech.republic:before {
background-position: 0 -1404px;
}
.fm-dropdown .mobile-code-dropdown .flag.de:before, .fm-dropdown .mobile-code-dropdown .flag.germany:before {
background-position: 0 -1430px;
}
.fm-dropdown .mobile-code-dropdown .flag.dj:before, .fm-dropdown .mobile-code-dropdown .flag.djibouti:before {
background-position: 0 -1456px;
}
.fm-dropdown .mobile-code-dropdown .flag.denmark:before, .fm-dropdown .mobile-code-dropdown .flag.dk:before {
background-position: 0 -1482px;
}
.fm-dropdown .mobile-code-dropdown .flag.dm:before, .fm-dropdown .mobile-code-dropdown .flag.dominica:before {
background-position: 0 -1508px;
}
.fm-dropdown .mobile-code-dropdown .flag.do:before, .fm-dropdown .mobile-code-dropdown .flag.dominican.republic:before {
background-position: 0 -1534px;
}
.fm-dropdown .mobile-code-dropdown .flag.algeria:before, .fm-dropdown .mobile-code-dropdown .flag.dz:before {
background-position: 0 -1560px;
}
.fm-dropdown .mobile-code-dropdown .flag.ec:before, .fm-dropdown .mobile-code-dropdown .flag.ecuador:before {
background-position: 0 -1586px;
}
.fm-dropdown .mobile-code-dropdown .flag.ee:before, .fm-dropdown .mobile-code-dropdown .flag.estonia:before {
background-position: 0 -1612px;
}
.fm-dropdown .mobile-code-dropdown .flag.eg:before, .fm-dropdown .mobile-code-dropdown .flag.egypt:before {
background-position: 0 -1638px;
}
.fm-dropdown .mobile-code-dropdown .flag.eh:before, .fm-dropdown .mobile-code-dropdown .flag.western.sahara:before {
background-position: 0 -1664px;
}
.fm-dropdown .mobile-code-dropdown .flag.er:before, .fm-dropdown .mobile-code-dropdown .flag.eritrea:before {
background-position: 0 -1716px;
}
.fm-dropdown .mobile-code-dropdown .flag.es:before, .fm-dropdown .mobile-code-dropdown .flag.spain:before {
background-position: 0 -1742px;
}
.fm-dropdown .mobile-code-dropdown .flag.et:before, .fm-dropdown .mobile-code-dropdown .flag.ethiopia:before {
background-position: 0 -1768px;
}
.fm-dropdown .mobile-code-dropdown .flag.eu:before, .fm-dropdown .mobile-code-dropdown .flag.european.union:before {
background-position: 0 -1794px;
}
.fm-dropdown .mobile-code-dropdown .flag.fi:before, .fm-dropdown .mobile-code-dropdown .flag.finland:before {
background-position: 0 -1846px;
}
.fm-dropdown .mobile-code-dropdown .flag.fiji:before, .fm-dropdown .mobile-code-dropdown .flag.fj:before {
background-position: 0 -1872px;
}
.fm-dropdown .mobile-code-dropdown .flag.falkland.islands:before, .fm-dropdown .mobile-code-dropdown .flag.fk:before {
background-position: 0 -1898px;
}
.fm-dropdown .mobile-code-dropdown .flag.fm:before, .fm-dropdown .mobile-code-dropdown .flag.micronesia:before {
background-position: 0 -1924px;
}
.fm-dropdown .mobile-code-dropdown .flag.faroe.islands:before, .fm-dropdown .mobile-code-dropdown .flag.fo:before {
background-position: 0 -1950px;
}
.fm-dropdown .mobile-code-dropdown .flag.fr:before, .fm-dropdown .mobile-code-dropdown .flag.france:before {
background-position: 0 -1976px;
}
.fm-dropdown .mobile-code-dropdown .flag.ga:before, .fm-dropdown .mobile-code-dropdown .flag.gabon:before {
background-position: -36px 0;
}
.fm-dropdown .mobile-code-dropdown .flag.gb:before, .fm-dropdown .mobile-code-dropdown .flag.united.kingdom:before {
background-position: -36px -26px;
}
.fm-dropdown .mobile-code-dropdown .flag.gd:before, .fm-dropdown .mobile-code-dropdown .flag.grenada:before {
background-position: -36px -52px;
}
.fm-dropdown .mobile-code-dropdown .flag.ge:before, .fm-dropdown .mobile-code-dropdown .flag.georgia:before {
background-position: -36px -78px;
}
.fm-dropdown .mobile-code-dropdown .flag.french.guiana:before, .fm-dropdown .mobile-code-dropdown .flag.gf:before {
background-position: -36px -104px;
}
.fm-dropdown .mobile-code-dropdown .flag.gh:before, .fm-dropdown .mobile-code-dropdown .flag.ghana:before {
background-position: -36px -130px;
}
.fm-dropdown .mobile-code-dropdown .flag.gi:before, .fm-dropdown .mobile-code-dropdown .flag.gibraltar:before {
background-position: -36px -156px;
}
.fm-dropdown .mobile-code-dropdown .flag.gl:before, .fm-dropdown .mobile-code-dropdown .flag.greenland:before {
background-position: -36px -182px;
}
.fm-dropdown .mobile-code-dropdown .flag.gambia:before, .fm-dropdown .mobile-code-dropdown .flag.gm:before {
background-position: -36px -208px;
}
.fm-dropdown .mobile-code-dropdown .flag.gn:before, .fm-dropdown .mobile-code-dropdown .flag.guinea:before {
background-position: -36px -234px;
}
.fm-dropdown .mobile-code-dropdown .flag.gp:before, .fm-dropdown .mobile-code-dropdown .flag.guadeloupe:before {
background-position: -36px -260px;
}
.fm-dropdown .mobile-code-dropdown .flag.equatorial.guinea:before, .fm-dropdown .mobile-code-dropdown .flag.gq:before {
background-position: -36px -286px;
}
.fm-dropdown .mobile-code-dropdown .flag.gr:before, .fm-dropdown .mobile-code-dropdown .flag.greece:before {
background-position: -36px -312px;
}
.fm-dropdown .mobile-code-dropdown .flag.gs:before, .fm-dropdown .mobile-code-dropdown .flag.sandwich.islands:before {
background-position: -36px -338px;
}
.fm-dropdown .mobile-code-dropdown .flag.gt:before, .fm-dropdown .mobile-code-dropdown .flag.guatemala:before {
background-position: -36px -364px;
}
.fm-dropdown .mobile-code-dropdown .flag.gu:before, .fm-dropdown .mobile-code-dropdown .flag.guam:before {
background-position: -36px -390px;
}
.fm-dropdown .mobile-code-dropdown .flag.guinea-bissau:before, .fm-dropdown .mobile-code-dropdown .flag.gw:before {
background-position: -36px -416px;
}
.fm-dropdown .mobile-code-dropdown .flag.guyana:before, .fm-dropdown .mobile-code-dropdown .flag.gy:before {
background-position: -36px -442px;
}
.fm-dropdown .mobile-code-dropdown .flag.hk:before, .fm-dropdown .mobile-code-dropdown .flag.hong.kong:before, .fm-dropdown .mobile-code-dropdown .flag.hong.kong\(china\):before {
background-position: -36px -468px;
}
.fm-dropdown .mobile-code-dropdown .flag.heard.island:before, .fm-dropdown .mobile-code-dropdown .flag.hm:before {
background-position: -36px -494px;
}
.fm-dropdown .mobile-code-dropdown .flag.hn:before, .fm-dropdown .mobile-code-dropdown .flag.honduras:before {
background-position: -36px -520px;
}
.fm-dropdown .mobile-code-dropdown .flag.croatia:before, .fm-dropdown .mobile-code-dropdown .flag.hr:before {
background-position: -36px -546px;
}
.fm-dropdown .mobile-code-dropdown .flag.haiti:before, .fm-dropdown .mobile-code-dropdown .flag.ht:before {
background-position: -36px -572px;
}
.fm-dropdown .mobile-code-dropdown .flag.hu:before, .fm-dropdown .mobile-code-dropdown .flag.hungary:before {
background-position: -36px -598px;
}
.fm-dropdown .mobile-code-dropdown .flag.id:before, .fm-dropdown .mobile-code-dropdown .flag.indonesia:before {
background-position: -36px -624px;
}
.fm-dropdown .mobile-code-dropdown .flag.ie:before, .fm-dropdown .mobile-code-dropdown .flag.ireland:before {
background-position: -36px -650px;
}
.fm-dropdown .mobile-code-dropdown .flag.il:before, .fm-dropdown .mobile-code-dropdown .flag.israel:before {
background-position: -36px -676px;
}
.fm-dropdown .mobile-code-dropdown .flag.in:before, .fm-dropdown .mobile-code-dropdown .flag.india:before {
background-position: -36px -702px;
}
.fm-dropdown .mobile-code-dropdown .flag.indian.ocean.territory:before, .fm-dropdown .mobile-code-dropdown .flag.io:before {
background-position: -36px -728px;
}
.fm-dropdown .mobile-code-dropdown .flag.iq:before, .fm-dropdown .mobile-code-dropdown .flag.iraq:before {
background-position: -36px -754px;
}
.fm-dropdown .mobile-code-dropdown .flag.ir:before, .fm-dropdown .mobile-code-dropdown .flag.iran:before {
background-position: -36px -780px;
}
.fm-dropdown .mobile-code-dropdown .flag.iceland:before, .fm-dropdown .mobile-code-dropdown .flag.is:before {
background-position: -36px -806px;
}
.fm-dropdown .mobile-code-dropdown .flag.it:before, .fm-dropdown .mobile-code-dropdown .flag.italy:before {
background-position: -36px -832px;
}
.fm-dropdown .mobile-code-dropdown .flag.jamaica:before, .fm-dropdown .mobile-code-dropdown .flag.jm:before {
background-position: -36px -858px;
}
.fm-dropdown .mobile-code-dropdown .flag.jo:before, .fm-dropdown .mobile-code-dropdown .flag.jordan:before {
background-position: -36px -884px;
}
.fm-dropdown .mobile-code-dropdown .flag.japan:before, .fm-dropdown .mobile-code-dropdown .flag.jp:before {
background-position: -36px -910px;
}
.fm-dropdown .mobile-code-dropdown .flag.ke:before, .fm-dropdown .mobile-code-dropdown .flag.kenya:before {
background-position: -36px -936px;
}
.fm-dropdown .mobile-code-dropdown .flag.kg:before, .fm-dropdown .mobile-code-dropdown .flag.kyrgyzstan:before {
background-position: -36px -962px;
}
.fm-dropdown .mobile-code-dropdown .flag.cambodia:before, .fm-dropdown .mobile-code-dropdown .flag.kh:before {
background-position: -36px -988px;
}
.fm-dropdown .mobile-code-dropdown .flag.ki:before, .fm-dropdown .mobile-code-dropdown .flag.kiribati:before {
background-position: -36px -1014px;
}
.fm-dropdown .mobile-code-dropdown .flag.comoros:before, .fm-dropdown .mobile-code-dropdown .flag.km:before {
background-position: -36px -1040px;
}
.fm-dropdown .mobile-code-dropdown .flag.kn:before, .fm-dropdown .mobile-code-dropdown .flag.saint.kitts.and.nevis:before {
background-position: -36px -1066px;
}
.fm-dropdown .mobile-code-dropdown .flag.kp:before, .fm-dropdown .mobile-code-dropdown .flag.north.korea:before {
background-position: -36px -1092px;
}
.fm-dropdown .mobile-code-dropdown .flag.kr:before, .fm-dropdown .mobile-code-dropdown .flag.south.korea:before {
background-position: -36px -1118px;
}
.fm-dropdown .mobile-code-dropdown .flag.kuwait:before, .fm-dropdown .mobile-code-dropdown .flag.kw:before {
background-position: -36px -1144px;
}
.fm-dropdown .mobile-code-dropdown .flag.cayman.islands:before, .fm-dropdown .mobile-code-dropdown .flag.ky:before {
background-position: -36px -1170px;
}
.fm-dropdown .mobile-code-dropdown .flag.kazakhstan:before, .fm-dropdown .mobile-code-dropdown .flag.kz:before {
background-position: -36px -1196px;
}
.fm-dropdown .mobile-code-dropdown .flag.la:before, .fm-dropdown .mobile-code-dropdown .flag.laos:before {
background-position: -36px -1222px;
}
.fm-dropdown .mobile-code-dropdown .flag.lb:before, .fm-dropdown .mobile-code-dropdown .flag.lebanon:before {
background-position: -36px -1248px;
}
.fm-dropdown .mobile-code-dropdown .flag.lc:before, .fm-dropdown .mobile-code-dropdown .flag.saint.lucia:before {
background-position: -36px -1274px;
}
.fm-dropdown .mobile-code-dropdown .flag.li:before, .fm-dropdown .mobile-code-dropdown .flag.liechtenstein:before {
background-position: -36px -1300px;
}
.fm-dropdown .mobile-code-dropdown .flag.lk:before, .fm-dropdown .mobile-code-dropdown .flag.sri.lanka:before {
background-position: -36px -1326px;
}
.fm-dropdown .mobile-code-dropdown .flag.liberia:before, .fm-dropdown .mobile-code-dropdown .flag.lr:before {
background-position: -36px -1352px;
}
.fm-dropdown .mobile-code-dropdown .flag.lesotho:before, .fm-dropdown .mobile-code-dropdown .flag.ls:before {
background-position: -36px -1378px;
}
.fm-dropdown .mobile-code-dropdown .flag.lithuania:before, .fm-dropdown .mobile-code-dropdown .flag.lt:before {
background-position: -36px -1404px;
}
.fm-dropdown .mobile-code-dropdown .flag.lu:before, .fm-dropdown .mobile-code-dropdown .flag.luxembourg:before {
background-position: -36px -1430px;
}
.fm-dropdown .mobile-code-dropdown .flag.latvia:before, .fm-dropdown .mobile-code-dropdown .flag.lv:before {
background-position: -36px -1456px;
}
.fm-dropdown .mobile-code-dropdown .flag.libya:before, .fm-dropdown .mobile-code-dropdown .flag.ly:before {
background-position: -36px -1482px;
}
.fm-dropdown .mobile-code-dropdown .flag.ma:before, .fm-dropdown .mobile-code-dropdown .flag.morocco:before {
background-position: -36px -1508px;
}
.fm-dropdown .mobile-code-dropdown .flag.mc:before, .fm-dropdown .mobile-code-dropdown .flag.monaco:before {
background-position: -36px -1534px;
}
.fm-dropdown .mobile-code-dropdown .flag.md:before, .fm-dropdown .mobile-code-dropdown .flag.moldova:before {
background-position: -36px -1560px;
}
.fm-dropdown .mobile-code-dropdown .flag.me:before, .fm-dropdown .mobile-code-dropdown .flag.montenegro:before {
background-position: -36px -1586px;
}
.fm-dropdown .mobile-code-dropdown .flag.madagascar:before, .fm-dropdown .mobile-code-dropdown .flag.mg:before {
background-position: -36px -1613px;
}
.fm-dropdown .mobile-code-dropdown .flag.marshall.islands:before, .fm-dropdown .mobile-code-dropdown .flag.mh:before {
background-position: -36px -1639px;
}
.fm-dropdown .mobile-code-dropdown .flag.macedonia:before, .fm-dropdown .mobile-code-dropdown .flag.mk:before {
background-position: -36px -1665px;
}
.fm-dropdown .mobile-code-dropdown .flag.mali:before, .fm-dropdown .mobile-code-dropdown .flag.ml:before {
background-position: -36px -1691px;
}
.fm-dropdown .mobile-code-dropdown .flag.burma:before, .fm-dropdown .mobile-code-dropdown .flag.mm:before, .fm-dropdown .mobile-code-dropdown .flag.myanmar:before {
background-position: -36px -1717px;
}
.fm-dropdown .mobile-code-dropdown .flag.mn:before, .fm-dropdown .mobile-code-dropdown .flag.mongolia:before {
background-position: -36px -1743px;
}
.fm-dropdown .mobile-code-dropdown .flag.macau:before, .fm-dropdown .mobile-code-dropdown .flag.macau\(china\):before, .fm-dropdown .mobile-code-dropdown .flag.mo:before {
background-position: -36px -1769px;
}
.fm-dropdown .mobile-code-dropdown .flag.mp:before, .fm-dropdown .mobile-code-dropdown .flag.northern.mariana.islands:before {
background-position: -36px -1795px;
}
.fm-dropdown .mobile-code-dropdown .flag.martinique:before, .fm-dropdown .mobile-code-dropdown .flag.mq:before {
background-position: -36px -1821px;
}
.fm-dropdown .mobile-code-dropdown .flag.mauritania:before, .fm-dropdown .mobile-code-dropdown .flag.mr:before {
background-position: -36px -1847px;
}
.fm-dropdown .mobile-code-dropdown .flag.montserrat:before, .fm-dropdown .mobile-code-dropdown .flag.ms:before {
background-position: -36px -1873px;
}
.fm-dropdown .mobile-code-dropdown .flag.malta:before, .fm-dropdown .mobile-code-dropdown .flag.mt:before {
background-position: -36px -1899px;
}
.fm-dropdown .mobile-code-dropdown .flag.mauritius:before, .fm-dropdown .mobile-code-dropdown .flag.mu:before {
background-position: -36px -1925px;
}
.fm-dropdown .mobile-code-dropdown .flag.maldives:before, .fm-dropdown .mobile-code-dropdown .flag.mv:before {
background-position: -36px -1951px;
}
.fm-dropdown .mobile-code-dropdown .flag.malawi:before, .fm-dropdown .mobile-code-dropdown .flag.mw:before {
background-position: -36px -1977px;
}
.fm-dropdown .mobile-code-dropdown .flag.mexico:before, .fm-dropdown .mobile-code-dropdown .flag.mx:before {
background-position: -72px 0;
}
.fm-dropdown .mobile-code-dropdown .flag.malaysia:before, .fm-dropdown .mobile-code-dropdown .flag.my:before {
background-position: -72px -26px;
}
.fm-dropdown .mobile-code-dropdown .flag.mozambique:before, .fm-dropdown .mobile-code-dropdown .flag.mz:before {
background-position: -72px -52px;
}
.fm-dropdown .mobile-code-dropdown .flag.na:before, .fm-dropdown .mobile-code-dropdown .flag.namibia:before {
background-position: -72px -78px;
}
.fm-dropdown .mobile-code-dropdown .flag.nc:before, .fm-dropdown .mobile-code-dropdown .flag.new.caledonia:before {
background-position: -72px -104px;
}
.fm-dropdown .mobile-code-dropdown .flag.ne:before, .fm-dropdown .mobile-code-dropdown .flag.niger:before {
background-position: -72px -130px;
}
.fm-dropdown .mobile-code-dropdown .flag.nf:before, .fm-dropdown .mobile-code-dropdown .flag.norfolk.island:before {
background-position: -72px -156px;
}
.fm-dropdown .mobile-code-dropdown .flag.ng:before, .fm-dropdown .mobile-code-dropdown .flag.nigeria:before {
background-position: -72px -182px;
}
.fm-dropdown .mobile-code-dropdown .flag.ni:before, .fm-dropdown .mobile-code-dropdown .flag.nicaragua:before {
background-position: -72px -208px;
}
.fm-dropdown .mobile-code-dropdown .flag.netherlands:before, .fm-dropdown .mobile-code-dropdown .flag.nl:before {
background-position: -72px -234px;
}
.fm-dropdown .mobile-code-dropdown .flag.no:before, .fm-dropdown .mobile-code-dropdown .flag.norway:before {
background-position: -72px -260px;
}
.fm-dropdown .mobile-code-dropdown .flag.nepal:before, .fm-dropdown .mobile-code-dropdown .flag.np:before {
background-position: -72px -286px;
}
.fm-dropdown .mobile-code-dropdown .flag.nauru:before, .fm-dropdown .mobile-code-dropdown .flag.nr:before {
background-position: -72px -312px;
}
.fm-dropdown .mobile-code-dropdown .flag.niue:before, .fm-dropdown .mobile-code-dropdown .flag.nu:before {
background-position: -72px -338px;
}
.fm-dropdown .mobile-code-dropdown .flag.new.zealand:before, .fm-dropdown .mobile-code-dropdown .flag.nz:before {
background-position: -72px -364px;
}
.fm-dropdown .mobile-code-dropdown .flag.om:before, .fm-dropdown .mobile-code-dropdown .flag.oman:before {
background-position: -72px -390px;
}
.fm-dropdown .mobile-code-dropdown .flag.pa:before, .fm-dropdown .mobile-code-dropdown .flag.panama:before {
background-position: -72px -416px;
}
.fm-dropdown .mobile-code-dropdown .flag.pe:before, .fm-dropdown .mobile-code-dropdown .flag.peru:before {
background-position: -72px -442px;
}
.fm-dropdown .mobile-code-dropdown .flag.french.polynesia:before, .fm-dropdown .mobile-code-dropdown .flag.pf:before {
background-position: -72px -468px;
}
.fm-dropdown .mobile-code-dropdown .flag.new.guinea:before, .fm-dropdown .mobile-code-dropdown .flag.pg:before {
background-position: -72px -494px;
}
.fm-dropdown .mobile-code-dropdown .flag.ph:before, .fm-dropdown .mobile-code-dropdown .flag.philippines:before {
background-position: -72px -520px;
}
.fm-dropdown .mobile-code-dropdown .flag.pakistan:before, .fm-dropdown .mobile-code-dropdown .flag.pk:before {
background-position: -72px -546px;
}
.fm-dropdown .mobile-code-dropdown .flag.pl:before, .fm-dropdown .mobile-code-dropdown .flag.poland:before {
background-position: -72px -572px;
}
.fm-dropdown .mobile-code-dropdown .flag.pm:before, .fm-dropdown .mobile-code-dropdown .flag.saint.pierre:before {
background-position: -72px -598px;
}
.fm-dropdown .mobile-code-dropdown .flag.pitcairn.islands:before, .fm-dropdown .mobile-code-dropdown .flag.pn:before {
background-position: -72px -624px;
}
.fm-dropdown .mobile-code-dropdown .flag.pr:before, .fm-dropdown .mobile-code-dropdown .flag.puerto.rico:before {
background-position: -72px -650px;
}
.fm-dropdown .mobile-code-dropdown .flag.palestine:before, .fm-dropdown .mobile-code-dropdown .flag.ps:before {
background-position: -72px -676px;
}
.fm-dropdown .mobile-code-dropdown .flag.portugal:before, .fm-dropdown .mobile-code-dropdown .flag.pt:before {
background-position: -72px -702px;
}
.fm-dropdown .mobile-code-dropdown .flag.palau:before, .fm-dropdown .mobile-code-dropdown .flag.pw:before {
background-position: -72px -728px;
}
.fm-dropdown .mobile-code-dropdown .flag.paraguay:before, .fm-dropdown .mobile-code-dropdown .flag.py:before {
background-position: -72px -754px;
}
.fm-dropdown .mobile-code-dropdown .flag.qa:before, .fm-dropdown .mobile-code-dropdown .flag.qatar:before {
background-position: -72px -780px;
}
.fm-dropdown .mobile-code-dropdown .flag.re:before, .fm-dropdown .mobile-code-dropdown .flag.reunion:before {
background-position: -72px -806px;
}
.fm-dropdown .mobile-code-dropdown .flag.ro:before, .fm-dropdown .mobile-code-dropdown .flag.romania:before {
background-position: -72px -832px;
}
.fm-dropdown .mobile-code-dropdown .flag.rs:before, .fm-dropdown .mobile-code-dropdown .flag.serbia:before {
background-position: -72px -858px;
}
.fm-dropdown .mobile-code-dropdown .flag.ru:before, .fm-dropdown .mobile-code-dropdown .flag.russia:before {
background-position: -72px -884px;
}
.fm-dropdown .mobile-code-dropdown .flag.rw:before, .fm-dropdown .mobile-code-dropdown .flag.rwanda:before {
background-position: -72px -910px;
}
.fm-dropdown .mobile-code-dropdown .flag.sa:before, .fm-dropdown .mobile-code-dropdown .flag.saudi.arabia:before {
background-position: -72px -936px;
}
.fm-dropdown .mobile-code-dropdown .flag.sb:before, .fm-dropdown .mobile-code-dropdown .flag.solomon.islands:before {
background-position: -72px -962px;
}
.fm-dropdown .mobile-code-dropdown .flag.sc:before, .fm-dropdown .mobile-code-dropdown .flag.seychelles:before {
background-position: -72px -988px;
}
.fm-dropdown .mobile-code-dropdown .flag.gb.sct:before, .fm-dropdown .mobile-code-dropdown .flag.scotland:before {
background-position: -72px -1014px;
}
.fm-dropdown .mobile-code-dropdown .flag.sd:before, .fm-dropdown .mobile-code-dropdown .flag.sudan:before {
background-position: -72px -1040px;
}
.fm-dropdown .mobile-code-dropdown .flag.se:before, .fm-dropdown .mobile-code-dropdown .flag.sweden:before {
background-position: -72px -1066px;
}
.fm-dropdown .mobile-code-dropdown .flag.sg:before, .fm-dropdown .mobile-code-dropdown .flag.singapore:before {
background-position: -72px -1092px;
}
.fm-dropdown .mobile-code-dropdown .flag.saint.helena:before, .fm-dropdown .mobile-code-dropdown .flag.sh:before {
background-position: -72px -1118px;
}
.fm-dropdown .mobile-code-dropdown .flag.si:before, .fm-dropdown .mobile-code-dropdown .flag.slovenia:before {
background-position: -72px -1144px;
}
.fm-dropdown .mobile-code-dropdown .flag.jan.mayen:before, .fm-dropdown .mobile-code-dropdown .flag.sj:before, .fm-dropdown .mobile-code-dropdown .flag.svalbard:before {
background-position: -72px -1170px;
}
.fm-dropdown .mobile-code-dropdown .flag.sk:before, .fm-dropdown .mobile-code-dropdown .flag.slovakia:before {
background-position: -72px -1196px;
}
.fm-dropdown .mobile-code-dropdown .flag.sierra.leone:before, .fm-dropdown .mobile-code-dropdown .flag.sl:before {
background-position: -72px -1222px;
}
.fm-dropdown .mobile-code-dropdown .flag.san.marino:before, .fm-dropdown .mobile-code-dropdown .flag.sm:before {
background-position: -72px -1248px;
}
.fm-dropdown .mobile-code-dropdown .flag.senegal:before, .fm-dropdown .mobile-code-dropdown .flag.sn:before {
background-position: -72px -1274px;
}
.fm-dropdown .mobile-code-dropdown .flag.so:before, .fm-dropdown .mobile-code-dropdown .flag.somalia:before {
background-position: -72px -1300px;
}
.fm-dropdown .mobile-code-dropdown .flag.sr:before, .fm-dropdown .mobile-code-dropdown .flag.suriname:before {
background-position: -72px -1326px;
}
.fm-dropdown .mobile-code-dropdown .flag.sao.tome:before, .fm-dropdown .mobile-code-dropdown .flag.st:before {
background-position: -72px -1352px;
}
.fm-dropdown .mobile-code-dropdown .flag.el.salvador:before, .fm-dropdown .mobile-code-dropdown .flag.sv:before {
background-position: -72px -1378px;
}
.fm-dropdown .mobile-code-dropdown .flag.sy:before, .fm-dropdown .mobile-code-dropdown .flag.syria:before {
background-position: -72px -1404px;
}
.fm-dropdown .mobile-code-dropdown .flag.swaziland:before, .fm-dropdown .mobile-code-dropdown .flag.sz:before {
background-position: -72px -1430px;
}
.fm-dropdown .mobile-code-dropdown .flag.caicos.islands:before, .fm-dropdown .mobile-code-dropdown .flag.tc:before {
background-position: -72px -1456px;
}
.fm-dropdown .mobile-code-dropdown .flag.chad:before, .fm-dropdown .mobile-code-dropdown .flag.td:before {
background-position: -72px -1482px;
}
.fm-dropdown .mobile-code-dropdown .flag.french.territories:before, .fm-dropdown .mobile-code-dropdown .flag.tf:before {
background-position: -72px -1508px;
}
.fm-dropdown .mobile-code-dropdown .flag.tg:before, .fm-dropdown .mobile-code-dropdown .flag.togo:before {
background-position: -72px -1534px;
}
.fm-dropdown .mobile-code-dropdown .flag.th:before, .fm-dropdown .mobile-code-dropdown .flag.thailand:before {
background-position: -72px -1560px;
}
.fm-dropdown .mobile-code-dropdown .flag.tajikistan:before, .fm-dropdown .mobile-code-dropdown .flag.tj:before {
background-position: -72px -1586px;
}
.fm-dropdown .mobile-code-dropdown .flag.tk:before, .fm-dropdown .mobile-code-dropdown .flag.tokelau:before {
background-position: -72px -1612px;
}
.fm-dropdown .mobile-code-dropdown .flag.timorleste:before, .fm-dropdown .mobile-code-dropdown .flag.tl:before {
background-position: -72px -1638px;
}
.fm-dropdown .mobile-code-dropdown .flag.tm:before, .fm-dropdown .mobile-code-dropdown .flag.turkmenistan:before {
background-position: -72px -1664px;
}
.fm-dropdown .mobile-code-dropdown .flag.tn:before, .fm-dropdown .mobile-code-dropdown .flag.tunisia:before {
background-position: -72px -1690px;
}
.fm-dropdown .mobile-code-dropdown .flag.to:before, .fm-dropdown .mobile-code-dropdown .flag.tonga:before {
background-position: -72px -1716px;
}
.fm-dropdown .mobile-code-dropdown .flag.tr:before, .fm-dropdown .mobile-code-dropdown .flag.turkey:before {
background-position: -72px -1742px;
}
.fm-dropdown .mobile-code-dropdown .flag.trinidad:before, .fm-dropdown .mobile-code-dropdown .flag.tt:before {
background-position: -72px -1768px;
}
.fm-dropdown .mobile-code-dropdown .flag.tuvalu:before, .fm-dropdown .mobile-code-dropdown .flag.tv:before {
background-position: -72px -1794px;
}
.fm-dropdown .mobile-code-dropdown .flag.taiwan:before, .fm-dropdown .mobile-code-dropdown .flag.taiwan\(china\):before, .fm-dropdown .mobile-code-dropdown .flag.tw:before {
background-position: -72px -1820px;
}
.fm-dropdown .mobile-code-dropdown .flag.tanzania:before, .fm-dropdown .mobile-code-dropdown .flag.tz:before {
background-position: -72px -1846px;
}
.fm-dropdown .mobile-code-dropdown .flag.ua:before, .fm-dropdown .mobile-code-dropdown .flag.ukraine:before {
background-position: -72px -1872px;
}
.fm-dropdown .mobile-code-dropdown .flag.ug:before, .fm-dropdown .mobile-code-dropdown .flag.uganda:before {
background-position: -72px -1898px;
}
.fm-dropdown .mobile-code-dropdown .flag.um:before, .fm-dropdown .mobile-code-dropdown .flag.us.minor.islands:before {
background-position: -72px -1924px;
}
.fm-dropdown .mobile-code-dropdown .flag.america:before, .fm-dropdown .mobile-code-dropdown .flag.united.states:before, .fm-dropdown .mobile-code-dropdown .flag.us:before {
background-position: -72px -1950px;
}
.fm-dropdown .mobile-code-dropdown .flag.uruguay:before, .fm-dropdown .mobile-code-dropdown .flag.uy:before {
background-position: -72px -1976px;
}
.fm-dropdown .mobile-code-dropdown .flag.uz:before, .fm-dropdown .mobile-code-dropdown .flag.uzbekistan:before {
background-position: -108px 0;
}
.fm-dropdown .mobile-code-dropdown .flag.va:before, .fm-dropdown .mobile-code-dropdown .flag.vatican.city:before {
background-position: -108px -26px;
}
.fm-dropdown .mobile-code-dropdown .flag.saint.vincent:before, .fm-dropdown .mobile-code-dropdown .flag.vc:before {
background-position: -108px -52px;
}
.fm-dropdown .mobile-code-dropdown .flag.ve:before, .fm-dropdown .mobile-code-dropdown .flag.venezuela:before {
background-position: -108px -78px;
}
.fm-dropdown .mobile-code-dropdown .flag.british.virgin.islands:before, .fm-dropdown .mobile-code-dropdown .flag.vg:before {
background-position: -108px -104px;
}
.fm-dropdown .mobile-code-dropdown .flag.us.virgin.islands:before, .fm-dropdown .mobile-code-dropdown .flag.vi:before {
background-position: -108px -130px;
}
.fm-dropdown .mobile-code-dropdown .flag.vietnam:before, .fm-dropdown .mobile-code-dropdown .flag.vn:before {
background-position: -108px -156px;
}
.fm-dropdown .mobile-code-dropdown .flag.vanuatu:before, .fm-dropdown .mobile-code-dropdown .flag.vu:before {
background-position: -108px -182px;
}
.fm-dropdown .mobile-code-dropdown .flag.gb.wls:before, .fm-dropdown .mobile-code-dropdown .flag.wales:before {
background-position: -108px -208px;
}
.fm-dropdown .mobile-code-dropdown .flag.wallis.and.futuna:before, .fm-dropdown .mobile-code-dropdown .flag.wf:before {
background-position: -108px -234px;
}
.fm-dropdown .mobile-code-dropdown .flag.samoa:before, .fm-dropdown .mobile-code-dropdown .flag.ws:before {
background-position: -108px -260px;
}
.fm-dropdown .mobile-code-dropdown .flag.ye:before, .fm-dropdown .mobile-code-dropdown .flag.yemen:before {
background-position: -108px -286px;
}
.fm-dropdown .mobile-code-dropdown .flag.mayotte:before, .fm-dropdown .mobile-code-dropdown .flag.yt:before {
background-position: -108px -312px;
}
.fm-dropdown .mobile-code-dropdown .flag.south.africa:before, .fm-dropdown .mobile-code-dropdown .flag.za:before {
background-position: -108px -338px;
}
.fm-dropdown .mobile-code-dropdown .flag.zambia:before, .fm-dropdown .mobile-code-dropdown .flag.zm:before {
background-position: -108px -364px;
}
.fm-dropdown .mobile-code-dropdown .flag.zimbabwe:before, .fm-dropdown .mobile-code-dropdown .flag.zw:before {
background-position: -108px -390px;
}
.lg-footer {
width: 100%;
text-align: center;
padding-bottom: 50px;
margin-top: 45px;
}
.switch .cn, .switch .en {
color: #333;
position: relative;
display: inline-block;
vertical-align: middle;
}
.switch .cn:hover, .switch .en:hover {
text-decoration: underline;
}
.switch .cn.current, .switch .en.current {
color: #666;
}
.switch .stick {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 15px;
background-color: #999;
margin: 0 8px;
}
.lg-footer .copyright {
margin-top: 15px;
}
.lg-footer .copyright .tag-line, .lg-footer .copyright a {
color: #999;
}
.international .copyright span {
display: none;
}
.lg-footer .feedback {
margin-top: 15px;
color: #999;
}
.r-dialog {
background-color: #fff;
padding: 50px 30px;
position: absolute;
z-index: 1002;
}
.r-dialog-hd {
position: relative;
top: -22px;
left: 0;
margin-right: 40px;
}
.r-dialog-close {
position: absolute;
width: 12px;
height: 12px;
background-image: url(../image/regist-cn-202204191546.svg);
;
top: 30px;
right: 30px;
text-indent: -10000px;
outline: 0;
overflow: hidden;
background-position: 62.53999999999999% 53.82%;
background-size: 2991.666666666667% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.r-dialog-icon {
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
.r-dialog-con {
display: inline-block;
vertical-align: top;
}
.r-dialog-img-wrap {
max-width: 550px;
}
.r-dialog-img-wrap img {
max-width: 100%;
}
.r-dialog-tit {
font-size: 18px;
line-height: 18px;
color: #000;
padding-top: 6px;
}
.r-dialog-txt {
font-size: 14px;
line-height: 24px;
color: #999;
margin-top: 15px;
max-width: 320px;
min-width: 240px;
}
.r-dialog-ft {
padding-top: 30px;
text-align: center;
}
.r-dialog-ft .c-btn {
height: 35px;
line-height: 35px;
width: auto;
vertical-align: top;
margin: 0 5px;
}
.r-mask {
position: fixed;
background-color: #000;
opacity: .7;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1001;
}
.r-icon-mail, .r-icon-oa, .r-icon-phone-32, .r-icon-qq, .r-icon-qywx, .r-icon-wechat, .r-icon-wecom {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.r-icon-wechat {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 25.990000000000002% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-oa {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 15.6% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-qq {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 98.78% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-mail {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 88.38000000000001% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-phone-32 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 67.58% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-wecom {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 57.19% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-qywx {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 46.79% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-mail-26, .r-icon-oa-26, .r-icon-qq-26, .r-icon-wechat-26 {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
}
.r-icon-qq-26 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 26.729999999999997% 99.08%;
background-size: 1380.769230769231% 1353.8461538461538%;
;
background-repeat: no-repeat;
}
.r-icon-mail-26 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 18.32% 99.08%;
background-size: 1380.769230769231% 1353.8461538461538%;
;
background-repeat: no-repeat;
}
.r-icon-oa-26 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 35.14% 99.08%;
background-size: 1380.769230769231% 1353.8461538461538%;
;
background-repeat: no-repeat;
}
.r-icon-complete {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
background-image: url(../image/regist-cn-202204191546.svg);
;
vertical-align: -8px;
background-position: 36.39% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-dialog-error {
width: 32px;
height: 32px;
background-image: url(../image/regist-cn-202204191546.svg);
;
display: inline-block;
vertical-align: middle;
background-position: 77.98% 85.31%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-pending {
width: 32px;
height: 32px;
background-image: url(../image/regist-cn-202204191546.svg);
;
display: inline-block;
vertical-align: -8px;
margin-right: 10px;
background-position: 83.49% 62.81%;
background-size: 1121.875% 1100%;
;
background-repeat: no-repeat;
}
.r-icon-qr-maks {
width: 24px;
height: 24px;
display: inline-block;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 41.79% 8.23%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.r-icon-status-green {
width: 24px;
height: 24px;
background-image: url(../image/regist-cn-202204191546.svg);
;
display: inline-block;
vertical-align: middle;
background-position: 58.809999999999995% 98.48%;
background-size: 1495.8333333333335% 1466.6666666666665%;
;
background-repeat: no-repeat;
}
.r-icon-status-code {
position: relative;
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 57.440000000000005% 0.35000000000000003%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-status-code span {
position: absolute;
top: 16px;
left: 10px;
right: 10px;
display: inline-block;
vertical-align: top;
line-height: 25px;
font-size: 18px;
color: #fff;
text-align: center;
font-family: Helvetica;
}
.r-icon-not-found {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 82.35% 0.35000000000000003%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-server-failure {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 25.259999999999998% 45.739999999999995%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-server-unavailable {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 0.35000000000000003% 45.739999999999995%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-permission-denied {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 50.17% 45.739999999999995%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-account-failure {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 82.35% 25.89%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-wechatOA-failure {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 25.259999999999998% 20.21%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-wechat-failure {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 0.35000000000000003% 20.21%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.r-icon-unauthorized {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 64px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 70.17% 69.78999999999999%;
background-size: 560.9375% 550%;
;
background-repeat: no-repeat;
}
.r-icon-links {
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 41.91% 30.97%;
background-size: 2761.538461538462% 2707.6923076923076%;
;
background-repeat: no-repeat;
}
.r-icon-links-2 {
width: 10px;
height: 10px;
display: inline-block;
vertical-align: -1px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 30.37% 89.77000000000001%;
background-size: 3590% 3520.0000000000005%;
;
background-repeat: no-repeat;
}
.r-icon-i {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
background-image: url(../image/regist-cn-202204191546.svg);
;
margin-left: 3px;
background-position: 42.03% 21.6%;
background-size: 2564.285714285714% 2514.285714285714%;
;
background-repeat: no-repeat;
}
.r-icon-date {
width: 18px;
height: 18px;
display: inline-block;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 97.36% 75.14999999999999%;
background-size: 1994.4444444444443% 1955.5555555555557%;
;
background-repeat: no-repeat;
}
.r-icon-refresh {
width: 29px;
height: 28px;
display: inline-block;
vertical-align: middle;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 33.03% 8.33%;
background-size: 1237.9310344827586% 1257.142857142857%;
;
background-repeat: no-repeat;
}
.r-icon-promise {
width: 60px;
height: 66px;
display: inline-block;
vertical-align: middle;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 48.49% 70.28%;
background-size: 598.3333333333334% 533.3333333333333%;
;
background-repeat: no-repeat;
}
.clg-icon-cloud, .clg-icon-mail, .clg-icon-qq, .clg-icon-wxoa {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.clg-icon-mail {
width: 12px;
height: 10px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 26.51% 89.77000000000001%;
background-size: 2991.666666666667% 3520.0000000000005%;
;
background-repeat: no-repeat;
}
.clg-icon-wxoa {
width: 13px;
height: 11px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.72% 41.64%;
background-size: 2761.538461538462% 3200%;
;
background-repeat: no-repeat;
}
.clg-icon-qq {
width: 11px;
height: 12px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 14.66% 90.29%;
background-size: 3263.6363636363635% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.clg-icon-cloud {
width: 16px;
height: 12px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.970000000000006% 21.47%;
background-size: 2243.75% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.clg-other-link a:hover .clg-icon-mail {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 22.48% 89.77000000000001%;
background-size: 2991.666666666667% 3520.0000000000005%;
;
background-repeat: no-repeat;
}
.clg-other-link a:hover .clg-icon-wxoa, .clg-other-link-bubble:hover .clg-icon-wxoa {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.72% 37.830000000000005%;
background-size: 2761.538461538462% 3200%;
;
background-repeat: no-repeat;
}
.clg-other-link a:hover .clg-icon-qq {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.36000000000001% 49.71%;
background-size: 3263.6363636363635% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.clg-other-link a:hover .clg-icon-cloud {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 83.97% 47.94%;
background-size: 2243.75% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.clg-qr-callback-complete {
display: inline-block;
width: 140px;
height: 120px;
background-image: url(../image/qr-r1.svg);
}
.clg-qr-callback-error {
display: inline-block;
width: 140px;
height: 120px;
background-image: url(../image/qr-e1.svg);
}
.regist-edit-step {
margin-top: 6px;
}
.regist-edit-step .step {
display: inline-block;
margin-left: 30px;
position: relative;
color: #999;
}
.regist-edit-step .step:after {
content: '';
width: 7px;
height: 12px;
position: absolute;
top: 5px;
right: -18px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 44.32% 16.76%;
background-size: 5128.571428571428% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.regist-edit-step .step:last-child:after {
display: none;
}
.regist-edit-step .step-num {
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #999;
color: #999;
font-size: 12px;
line-height: 18px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
border-radius: 50%;
box-sizing: border-box;
}
.regist-edit-step .step span {
vertical-align: middle;
}
.regist-edit-step .step.curr {
color: #00a4ff;
}
.regist-edit-step .curr .step-num {
background-color: #00a4ff;
color: #fff;
border: 1px solid #00a4ff;
}
.regist-edit-step .step.success {
color: #00a4ff;
}
.regist-edit-step .success .step-num {
background-color: #fff;
position: relative;
border: 0;
}
.regist-edit-step .success .step-num:after {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(../image/regist-cn-202204191546.svg);
;
z-index: 1;
width: 20px;
height: 20px;
background-position: 91.45% 75.6%;
background-size: 1795% 1760.0000000000002%;
;
background-repeat: no-repeat;
}
.regist-edit-step .step.success:after {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 44.32% 26.179999999999996%;
background-size: 5128.571428571428% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.skip-step {
display: block;
text-align: center;
}
.t-title {
font-size: 32px;
line-height: 45px;
text-align: center;
margin-top: 40px;
position: relative;
}
.t-title h1 {
font-weight: 400;
margin: 0 auto;
max-width: 1180px;
position: relative;
font-size: 32px;
}
.t-title .t-title-after {
position: absolute;
top: 5px;
right: 0;
font-size: 14px;
margin: 0 auto;
}
.r-header {
height: 70px;
box-sizing: border-box;
background-color: #fff;
border-bottom: #e5e5e5 1px solid;
padding: 16px 0 0 20px;
}
.r-logo {
width: 106px;
height: 28px;
background-image: url(/web/assets/images/regist-cn.png);
;
display: block;
text-indent: -10000px;
overflow: hidden;
outline: 0;
background-position: 0.4% 8.33%;
background-size: 338.6792452830189% 1257.142857142857%;
;
background-repeat: no-repeat;
}
.r-wrap {
max-width: 1180px;
margin: 40px auto;
}
.r-topbar {
height: 32px;
/*border-bottom: #e5e5e5 1px solid;*/
position: relative;
background-color: #fff;
}
.r-content {
background-color: #fff;
padding-bottom: 40px;
min-height: 500px;
}
.r-topbar-strart {
position: absolute;
top: 20px;
left: 0;
}
.r-topbar-strart a {
font-size: 14px;
line-height: 20px;
display: inline-block;
margin: 6px 20px;
}
.r-topbar-strart a:hover {
text-decoration: underline;
}
.r-topbar-con {
text-align: center;
padding-top: 20px;
}
.r-topbar-end {
position: absolute;
top: 20px;
right: 10px;
}
.r-area-tit h2 {
display: inline-block;
vertical-align: middle;
font-weight: 400;
font-size: 18px;
line-height: 25px;
margin-left: 10px;
}
.r-icon-list a {
margin-right: 10px;
}
.r-icon-list-tit {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
color: #666;
}
.m-mod {
display: none;
}
.r-text-mod {
color: #666;
line-height: 20px;
margin-bottom: 20px;
}
.r-text-mod.center {
text-align: center;
}
.r-outtext-mod {
color: #666;
line-height: 20px;
max-width: 600px;
padding-top: 30px;
margin: 0 auto;
text-align: center;
}
.r-outtext-mod + .regist-form-wrap {
padding-top: 30px;
}
.qrcode-wrap {
text-align: center;
padding-top: 60px;
}
.qrcode-wrap.r-index {
padding-top: 80px;
}
.qrcode-txt {
color: #666;
font-size: 14px;
line-height: 24px;
margin: 20px 0;
}
.qrcode-txt a {
color: #666;
}
.qrcode-txt a:hover {
color: #00a4ff;
}
.qrcode-txt em {
color: #fa5e00;
}
.qrcode-img {
width: 160px;
height: 160px;
margin: 0 auto;
position: relative;
border: 1px solid #e5e5e5;
line-height: initial;
}
.qrcode-img img {
display: block;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
.qrcode-img canvas {
display: block;
width: calc(100% - 6px);
height: calc(100% - 6px);
margin: 3px;
}
.qrcode-img-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,.9);
padding-top: 40px;
text-align: center;
box-sizing: border-box;
}
.qrcode-img-mask span {
display: block;
margin-top: 10px;
font-size: 18px;
line-height: 25px;
color: #62bc00;
}
.qrcode-refresh-mod {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,.89);
cursor: pointer;
}
.qrcode-refresh-mod i {
display: block;
margin: 35px auto 15px;
cursor: pointer;
}
.qrcode-refresh-mod span {
display: block;
text-align: center;
font-size: 14px;
color: #333;
line-height: 20px;
cursor: pointer;
}
.qrcode-refresh-mod a {
font-weight: 700;
cursor: pointer;
}
.r-wrap-after {
text-align: center;
}
.r-wrap-after .after-item + .after-item {
margin-top: 12px;
}
.regist-form-wrap {
margin: 0 auto;
max-width: 420px;
padding-top: 40px;
}
.form-input {
padding-bottom: 20px;
position: relative;
}
.regist-form-tit {
color: #999;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
text-align: center;
position: relative;
}
.regist-form-tit span {
display: inline-block;
background-color: #fff;
padding: 0 20px;
position: relative;
z-index: 2;
}
.regist-form-tit:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #e5e5e5;
top: 50%;
left: 0;
z-index: 1;
}
.r-form-qrcode {
padding-bottom: 40px;
}
.r-form-qrcode .qrcode-wrap {
padding-top: 0;
}
.r-promotion-wrap {
text-align: center;
}
.r-promotion-list {
font-size: 0;
}
.r-promotion-item {
display: inline-block;
vertical-align: top;
width: 25%;
border-left: #e5e5e5 1px solid;
box-sizing: border-box;
padding: 0 20px;
min-height: 180px;
}
.r-promotion-item:first-child {
border-left: 0;
}
.r-promotion-item .unit-box {
display: block;
}
.r-promotion-item .title {
font-size: 18px;
color: #333;
line-height: 1;
margin-bottom: 10px;
}
.r-promotion-item .des-text {
font-size: 14px;
color: #666;
line-height: 20px;
}
.r-promotion-item .img-ct .img-1 {
background-image: url(../image/1.svg);
}
.r-promotion-item .img-ct .img-2 {
background-image: url(../image/2.svg);
}
.r-promotion-item .img-ct .img-3 {
background-image: url(../image/3.svg);
}
.r-promotion-item .img-ct .img {
display: inline-block;
width: 40px;
height: 40px;
margin-bottom: 25px;
background-repeat: no-repeat;
background-size: cover;
}
.r-promotion-item .button {
display: block;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width: 110px;
line-height: 2;
font-size: 14px;
color: #00a4ff;
border: 1px solid #00a4ff;
outline: 0;
text-align: center;
}
.r-promotion-item .button:hover {
background-color: #00a4ff;
color: #fff;
}
.r-promotion-item .img-ct .regist-qr-img {
padding: 5px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
margin: 0 auto 20px;
width: 80px;
height: 80px;
}
.regist-qr-img img {
display: block;
max-width: 100%;
}
.r-ptlogin-txt {
font-size: 14px;
line-height: 20px;
color: #666;
text-align: center;
}
.r-ptlogin-wrap {
padding-top: 40px;
}
.r-ptlogin-box {
border: 1px solid #e5e5e5;
width: 440px;
margin: 30px auto 0;
padding-top: 30px;
text-align: center;
padding-bottom: 15px;
}
.r-ptlogin-tit {
font-size: 18px;
line-height: 25px;
}
.r-ptlogin {
width: 100%;
height: 320px;
}
.r-selectlist-wrap {
text-align: center;
}
.r-selectlist-tit {
font-size: 24px;
line-height: 25px;
}
.r-selectlist-txt {
color: #666;
line-height: 22px;
margin-top: 10px;
}
.r-selectlist {
margin: 40px auto 0;
font-size: 0;
position: relative;
max-width: 630px;
}
.r-select-item {
width: 240px;
height: 45px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
cursor: pointer;
padding-left: 12px;
text-align: left;
position: relative;
display: inline-block;
color: #999;
vertical-align: top;
margin: 0 5px;
}
.r-select-item.error {
border: 1px solid red;
margin-bottom: 40px;
}
.r-selectlist-wrap .form-input-help.error {
font-size: 14px;
color: red;
text-align: left;
padding: 10px 0 0;
margin-left: -10px;
}
.r-select-item:hover {
color: #666;
}
.r-select-item.desabled {
background-color: #f7f8fa;
cursor: default;
}
.r-select-item.desabled:hover {
color: #999;
}
.r-select-item-inner {
line-height: 43px;
font-size: 14px;
}
.r-select-icon {
width: 12px;
height: 7px;
position: absolute;
right: 12px;
top: 18px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 41.79% 34.78%;
background-size: 2991.666666666667% 5028.571428571428%;
;
background-repeat: no-repeat;
}
.r-selectlist .c-btn {
vertical-align: top;
border: 1px solid #00a4ff;
margin: 0 5px;
width: 120px;
min-width: 120px;
}
.r-select-dropdown {
text-align: left;
position: absolute;
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 20px 12px 8px;
margin: -1px 5px 0;
}
.m-select-dropdown-btn, .m-select-dropdown-tit {
display: none;
}
.r-select-dropdown-item {
display: inline-block;
vertical-align: top;
width: 20%;
padding-right: 20px;
box-sizing: border-box;
font-size: 12px;
line-height: 17px;
margin-bottom: 12px;
text-align: left;
}
.r-select-dropdown-item a {
display: block;
color: #333;
}
.r-select-dropdown.step-1:after, .r-select-dropdown.step-2:after {
content: '';
position: absolute;
width: 240px;
height: 1px;
background-color: #fff;
top: -1px;
left: 0;
z-index: 2;
}
.r-select-dropdown.step-1 {
min-width: 240px;
box-sizing: border-box;
}
.r-select-dropdown.step-2 {
margin-left: 255px;
min-width: 240px;
box-sizing: border-box;
}
.r-select-dropdown.step-2 .r-select-dropdown-item {
width: 33.3333%;
box-sizing: border-box;
}
.r-r-selectlist-statue {
color: #62bc00;
font-size: 18px;
line-height: 25px;
}
.r-r-selectlist-statue i {
margin-right: 5px;
}
.r-r-selectlist-statue span {
vertical-align: middle;
}
.r-selectlist.vertical {
position: relative;
z-index: 2;
}
.r-selectlist.vertical .r-select-item {
width: 100%;
margin: 0 0 20px;
}
.r-selectlist.vertical .r-select-dropdown.step-1:after, .r-selectlist.vertical .r-select-dropdown.step-2:after {
display: none;
}
.r-selectlist.vertical .r-select-dropdown.step-1, .r-selectlist.vertical .r-select-dropdown.step-2 {
width: 100%;
box-sizing: border-box;
margin: -10px 0 0;
}
.r-selectlist.vertical .r-select-dropdown.step-1 {
z-index: 1;
left: 0;
top: 56px;
}
.r-selectlist.vertical .r-select-dropdown.step-2 {
z-index: 2;
top: 121px;
left: 0;
}
.m-outside {
padding-top: 40px;
text-align: center;
font-size: 0;
}
.m-outside .r-icon-list a {
margin: 0;
display: inline-block;
width: 30%;
font-size: 14px;
}
.m-outside .r-icon-list a span {
display: block;
color: #666;
margin-top: 10px;
font-size: 12px;
}
.r-mail-wrap {
text-align: center;
}
.r-mail-txt {
padding-top: 80px;
}
.r-mail-btn {
padding-top: 50px;
}
.r-mail-txtlist {
margin-top: 150px;
display: inline-block;
text-align: left;
}
.r-mail-txtlist-tit {
font-size: 16px;
margin-bottom: 15px;
}
.r-mail-txtlist-item {
margin-bottom: 5px;
}
.dialog-consult-select {
width: 740px;
}
.dialog-consult-select .tc-dialog-hd {
padding-left: 0;
padding-right: 0;
}
.dialog-consult-select .tc-dialog-bd {
padding: 40px 20px;
}
.dialog-consult-select .tc-dialog-hd-title {
font-size: 16px;
display: block;
color: #333;
line-height: 3.3;
padding-left: 20px;
border-bottom: 1px solid #dadde0;
}
.dialog-consult-select .tc-dialog-hd .qc-log-btn-close {
top: 20px;
}
.consult-select-list-item {
position: relative;
}
.consult-select-list-item + .consult-select-list-item {
margin-top: 45px;
}
.consult-select-details {
font-size: 14px;
line-height: 1.5;
color: #999;
vertical-align: top;
min-height: 48px;
position: relative;
padding-left: 68px;
padding-right: 140px;
}
.consult-select-details:before {
content: '';
position: absolute;
width: 48px;
height: 48px;
left: 0;
top: 0;
}
.consult-select-details.consult-select-details-qq:before {
background-image: url(../image/icon-consult-qq.svg);
background-size: 100%;
}
.consult-select-details.consult-select-details-phone:before {
background-image: url(../image/icon-consult-phone.svg);
background-size: 100%;
}
.consult-select-title {
font-size: 18px;
font-weight: 400;
color: #333;
margin-bottom: 3px;
display: block;
}
.consult-select-button {
position: absolute;
right: 0;
top: 7px;
display: inline-block;
vertical-align: top;
width: 110px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 2.5;
border-radius: 2px;
background-color: #00a2ff;
}
.consult-select-button:hover {
background-color: #0097ee;
}
.dialog-consult-info {
width: 550px;
}
.dialog-consult-info .tc-dialog-ft, .dialog-consult-select .tc-dialog-ft {
padding-bottom: 40px;
padding-top: 5px;
}
.dialog-consult-info .tc-dialog-ft-btn-wrap > .qc-log-btn, .dialog-consult-select .tc-dialog-ft-btn-wrap > .qc-log-btn {
background-color: #00a2ff;
}
.dialog-consult-info .tc-dialog-ft-btn-wrap > .qc-log-btn:hover, .dialog-consult-select .tc-dialog-ft-btn-wrap > .qc-log-btn:hover {
background-color: #0097ee;
}
.consult-info {
color: #666;
line-height: 1.71428;
}
.consult-mobile-info .consult-info {
margin-bottom: 10px;
}
.regist-txt-subtit {
color: #000;
text-align: center;
padding: 20px 0;
font-size: 16px;
}
.regist-info-mod {
padding-top: 20px;
}
.regist-info-tit {
font-size: 16px;
padding-bottom: 10px;
color: #000;
}
.regist-info-txt {
color: #999;
}
.regist-info-back {
padding-top: 80px;
text-align: center;
font-size: 14px;
}
.oaqrcode-wrap.regist-form-wrap {
font-size: 0;
text-align: center;
padding-top: 80px;
margin: 0 auto 40px;
max-width: 1180px;
}
.oaqrcode-wrap .qrcode-wrap {
display: inline-block;
vertical-align: top;
width: 40%;
padding-top: 9px;
text-align: right;
padding-right: 70px;
box-sizing: border-box;
}
.oaqrcode-wrap .qrcode-wrap-inner {
display: inline-block;
}
.oaqrcode-wrap .qrcode-txt {
text-align: center;
}
.r-event-aside {
display: inline-block;
vertical-align: top;
width: 40%;
padding-left: 70px;
box-sizing: border-box;
position: relative;
}
.r-event-aside:after {
content: '';
width: 1px;
top: 0;
bottom: 0;
left: 0;
position: absolute;
background-color: #e6e6e6;
background-image: linear-gradient(top,#fff,#e6e6e6 10%,#e6e6e6 90%,#fff 100%);
}
.r-event-item {
font-size: 0;
margin-bottom: 30px;
}
.r-event-item:last-child {
margin-bottom: 0;
}
.r-event-item-icon {
display: inline-block;
vertical-align: middle;
width: 48px;
height: 48px;
}
.r-event-item-icon img {
width: 100%;
}
.r-event-item-con {
display: inline-block;
vertical-align: middle;
font-size: 16px;
width: calc(100% - 48px);
box-sizing: border-box;
text-align: left;
padding-left: 10px;
}
.r-event-con-tit {
color: #000;
padding-bottom: 5px;
}
.r-event-con-txt {
color: #999;
}
.after-qrcode-wrap {
margin-top: 25px;
color: #666;
}
.clg-txt-dashed {
display: inline-block;
border-bottom: dashed 1px #666;
cursor: pointer;
color: #666;
position: relative;
z-index: 10;
}
.clg-bubble a {
margin: 0 3px;
color: #00a4ff;
}
.clg-bubble-inner {
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #b3b7bf;
border-radius: 2px;
background-color: #fff;
line-height: 18px;
box-shadow: 1px 1px 3px rgba(0,0,0,.15);
position: static !important;
left: 50%;
top: 50%;
}
.clg-bubble-top .clg-bubble-inner:before {
border-bottom-color: #b3b7bf;
}
.clg-bubble-bottom .clg-bubble-inner:before {
border-top-color: #b3b7bf;
}
.m-img, .m-text, .r-m-mod {
display: none;
}
.r-layout-wrap {
display: inline-block;
width: 100%;
}
.r-layout-aside {
width: 49.9%;
position: relative;
float: left;
}
.r-layout-aside .img {
text-align: right;
padding-top: 80px;
padding-right: 60px;
}
.flow-img {
margin-right: 40px;
}
.r-layout-aside:after {
content: '';
width: 1px;
top: 80px;
bottom: 0;
right: 0;
position: absolute;
background-color: #e6e6e6;
background-image: linear-gradient(top,#fff,#e6e6e6 10%,#e6e6e6 90%,#fff 100%);
}
.r-layout-con {
float: right;
width: 49.9%;
}
.r-layout-con .r-area.status {
padding-top: 80px;
}
.r-layout-con .qrcode-txt {
line-height: 26px;
}
.r-layout-con .status .activate-info .r-status-tit {
font-size: 24px;
line-height: 33px;
margin-bottom: 12px;
}
.r-layout-con .r-status-subtit {
font-size: 14px;
line-height: 26px;
margin-bottom: 40px;
}
.r-layout-con .r-qrcode-tit2 {
font-size: 16px;
line-height: 26px;
margin-bottom: 40px;
}
.r-area-imgbox {
padding-top: 20px;
text-align: center;
}
.r-area-imgbox img {
max-width: 100%;
}
.r-area-imgbox-txt {
color: #999;
font-size: 13px;
line-height: 18px;
margin-top: 40px;
text-align: center;
}
.r-code-flow-wrap {
padding-right: 17%;
padding-top: 20px;
}
.r-code-flow-wrap .qrcode-txt {
margin-top: 28px;
}
.r-page-area {
padding-top: 40px;
text-align: center;
}
.r-page-area-qr {
margin-top: 40px;
}
.r-icon-flex-list {
font-size: 0;
padding-top: 5px;
padding-right: 5px;
}
.r-icon-flex-list-tit {
font-size: 14px;
line-height: 26px;
color: #666;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.r-icon-flex-list-tit:hover {
color: #00a4ff;
}
.r-icon-flex-con {
display: inline-block;
vertical-align: middle;
max-width: 0;
height: 32px;
overflow: hidden;
opacity: 0;
transition: all .4s ease-in-out;
}
.r-icon-flex-con.show {
max-width: 300px;
opacity: 1;
transition: all .4s ease-in-out;
}
.r-icon-flex-con i {
margin-left: 12px;
}
.r-selectlist-style2 {
padding-top: 80px;
min-height: 200px;
max-width: 420px;
margin: 0 auto;
}
.r-selectlist-style2 .r-selectlist-tit {
color: #00a4ff;
font-size: 28px;
line-height: 32px;
margin-bottom: 24px;
}
.r-selectlist-style2 .regist-form-tit {
max-width: 420px;
margin: 40px auto 20px;
}
.r-selectlist-ft {
max-width: 420px;
margin: 0 auto;
padding-top: 10px;
}
.r-selectlist-ft .form-ctrl-label-wrap {
max-width: 100%;
}
.clg-other-mod {
text-align: center;
}
.clg-other-tit {
color: #999;
margin-top: 30px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.clg-other-con {
font-size: 0;
margin-top: 30px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.clg-other-link {
display: inline-block;
margin-right: 6px;
margin-left: 6px;
}
.clg-other-link span {
vertical-align: middle;
}
.clg-other-link a {
font-size: 14px;
color: #000;
text-decoration: none;
}
.clg-link, .clg-other-link a:hover {
color: #00a4ff;
}
.clg-link:hover {
text-decoration: underline;
}
.clg-other-link-bubble {
position: relative;
}
.clg-other-link-bubble .clg-bubble {
display: none;
}
.clg-other-link-bubble:hover .clg-bubble {
display: block;
}
.clg-other-link-bubble > a span {
position: relative;
}
.clg-other-link-bubble > a span:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
margin-bottom: -4px;
width: 100%;
border-bottom: 1px dashed #999;
}
.clg-other-link-bubble:hover > a span:before {
border-bottom-color: #00a4ff;
}
.clg-other-link-bubble:hover > a {
position: relative;
color: #00a4ff;
}
.clg-other-link-bubble:hover:before {
content: '';
position: absolute;
left: 0;
top: -50%;
width: 100%;
height: 200%;
}
.clg-other-link-bubble .clg-bubble-left {
left: 100%;
top: 50%;
margin-left: 10px;
width: 300px;
transform: translateY(-50%);
}
.clg-other-link-bubble .clg-bubble-left:before {
content: '';
position: absolute;
left: -12px;
top: 0;
width: 12px;
height: 100%;
}
.clg-other-link-bubble .clg-link {
font-size: inherit;
color: #00a4ff;
}
.clg-other-tool {
margin-top: 20px;
border-top: #ddd 1px dashed;
padding-top: 20px;
font-size: 0;
text-align: justify;
}
.clg-onpage .clg-other-tool:after {
content: '';
display: inline-block;
height: 0;
width: 50%;
}
.clg-other-tool-item {
display: inline-block;
font-size: 14px;
text-align: center;
border-left: #e5e5e5 1px solid;
width: 26%;
box-sizing: border-box;
}
.clg-other-tool-item:first-child {
padding-left: 0;
border: 0;
text-align: left;
width: 22%;
}
.clg-other-tool-item:last-child {
padding-right: 0;
text-align: right;
}
.clg-other-tool-item a {
color: #000;
text-decoration: none;
}
.clg-other-tool-item a:hover {
color: #00a4ff;
}
.clg-other-tool.item3 .clg-other-tool-item {
width: 33.33%;
text-align: center;
}
.clg-other-tool.auto {
text-align: left;
display: flex;
}
.clg-other-tool.auto .clg-other-tool-item {
width: auto;
flex: 1;
text-align: center;
}
.clg-other-tool.auto:after {
display: none;
}
.r-register-steps {
display: flex;
margin: 0 auto;
padding-top: 40px;
max-width: 960px;
}
.r-register-step {
position: relative;
flex: 1;
text-align: center;
}
.r-register-step:after {
content: '';
position: absolute;
right: -8px;
bottom: 140px;
width: 16px;
height: 16px;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.970000000000006% 25.89%;
background-size: 2243.75% 2200%;
;
background-repeat: no-repeat;
}
.r-register-step:last-child:after {
display: none;
}
.r-register-step-order {
display: block;
margin: 0 auto 12px;
width: 28px;
height: 28px;
background-image: url(../image/regist-cn-202204191546.svg);
;
font-size: 0;
background-position: 9.370000000000001% 99.69%;
background-size: 1282.142857142857% 1257.142857142857%;
;
background-repeat: no-repeat;
}
.r-register-step:nth-child(2) .r-register-step-order {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 82.48% 72.53%;
background-size: 1282.142857142857% 1257.142857142857%;
;
background-repeat: no-repeat;
}
.r-register-step:nth-child(3) .r-register-step-order {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 0.3% 99.69%;
background-size: 1282.142857142857% 1257.142857142857%;
;
background-repeat: no-repeat;
}
.r-register-step-title {
margin-bottom: 16px;
font-weight: 500;
font-size: 16px;
color: #000;
line-height: 20px;
}
.r-register-step-desc {
height: 36px;
font-size: 12px;
color: #888;
text-align: center;
line-height: 18px;
margin: 0 auto 22px;
max-width: 220px;
}
.r-register-step-object {
margin: 0 auto;
width: 220px;
height: 296px;
display: flex;
align-items: center;
justify-content: center;
}
.r-register-step-object img {
max-height: 100%;
max-width: 100%;
}
.clg-qr-callback {
text-align: center;
padding: 0 0 20px;
}
.clg-qr-callback-tit {
font-size: 24px;
color: #000;
margin-top: 8px;
font-weight: 400;
}
.clg-qr-callback-txt {
font-size: 16px;
color: #000;
margin-top: 16px;
}
.clg-qr-callback-txt a {
color: #00a4ff;
text-decoration: none;
}
.selectB-links {
max-width: 420px;
margin: 0 auto;
padding-top: 7.8%;
}
.selectB-links-item {
border: 1px solid #e5e5e5;
padding: 15px 20px;
margin-bottom: 10px;
position: relative;
font-size: 0;
cursor: pointer;
}
.selectB-links-item:after {
content: '';
position: absolute;
width: 9px;
height: 14px;
background-image: url(../image/regist-cn-202204191546.svg);
;
transform: rotate(180deg);
top: 50%;
margin-top: -7px;
right: 20px;
background-position: 41.43% 26.33%;
background-size: 3988.8888888888887% 2514.285714285714%;
;
background-repeat: no-repeat;
}
.selectB-links-icon {
display: inline-block;
vertical-align: middle;
}
.selectB-links-icon i {
display: block;
width: 48px;
height: 48px;
}
.selectB-icon-edit {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 76.53% 47.699999999999996%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-doc {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 99.68% 0.33%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-phone {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 53.38% 24.01%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-mail {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 0.32% 89.8%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-pc {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 99.68% 66.12%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-rn-1 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 99.68% 16.78%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-rn-2 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 99.68% 33.22%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-icon-rn-3 {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 99.68% 49.669999999999995%;
background-size: 747.9166666666667% 733.3333333333333%;
;
background-repeat: no-repeat;
}
.selectB-links-con {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
max-width: calc(100% - 84px);
}
.selectB-links-con-tit {
font-weight: 700;
margin-bottom: 5px;
}
.selectB-links-con-tit em {
color: #ff7200;
}
.selectB-links-con-txt {
color: #999;
font-size: 12px;
}
.selectB-links-item:hover {
border: 1px solid #00a4ff;
background-color: #eff9ff;
}
.selectB-links-item:hover:after {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 41.43% 16.86%;
background-size: 3988.8888888888887% 2514.285714285714%;
;
background-repeat: no-repeat;
}
.selectB-links-item:hover .selectB-links-con-tit {
color: #00a4ff;
}
.selectB-links-item.no-link {
background-color: #f7f8fa;
border: 1px solid #f7f8fa;
pointer-events: none;
}
.selectB-links-item.no-link:after {
display: none;
}
.size-l.selectB-links {
max-width: 575px;
}
.selectB-icon-online {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 0.35000000000000003% 71.28%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.selectB-icon-face {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 25.259999999999998% 71.28%;
background-size: 512.8571428571429% 502.85714285714283%;
;
background-repeat: no-repeat;
}
.size-l .selectB-links-icon i {
display: block;
width: 70px;
height: 70px;
}
.size-l .selectB-links-item {
padding: 30px;
}
.size-l .selectB-links-con-tit {
font-size: 18px;
}
.size-l .selectB-links-con-txt {
font-size: 14px;
}
.size-l .selectB-links-con {
max-width: calc(100% - 94px);
}
.r-upload-item {
display: inline-block;
width: 100%;
box-sizing: border-box;
border: 1px dashed #ddd;
background-color: #f7f8fa;
height: 120px;
position: relative;
cursor: pointer;
}
.r-upload-mod + .r-upload-mod {
margin-top: 20px;
}
.r-upload-item-bg {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
text-align: center;
}
.r-upload-item-bg img {
max-height: 100%;
max-width: 100%;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.r-upload-item.hasimg .r-upload-item-bg:after {
content: '';
background-color: #000;
opacity: .5;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.r-upload-item.hasimg .r-upload-item-txt {
color: #ddd;
}
.r-upload-item input[type=file] {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
top: 0;
left: 0;
z-index: 3;
}
.r-upload-item-con {
position: relative;
z-index: 2;
text-align: center;
height: 100%;
}
.r-upload-item-con .m-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.r-upload-item-icon {
width: 26px;
height: 26px;
margin: 30px auto 0;
display: inline-block;
position: relative;
}
.r-upload-item-icon:after, .r-upload-item-icon:before {
content: '';
position: absolute;
background-color: #ddd;
}
.r-upload-item-icon:after {
width: 100%;
height: 4px;
left: 0;
top: 50%;
margin-top: -2px;
}
.r-upload-item-icon:before {
width: 4px;
height: 100%;
left: 50%;
top: 0;
margin-left: -2px;
}
.r-upload-item-txt {
padding-top: 10px;
font-size: 14px;
}
.r-upload-item:hover .r-upload-item-icon:after, .r-upload-item:hover .r-upload-item-icon:before {
background-color: #00a4ff;
}
.r-upload-item:hover .r-upload-item-txt {
color: #00a4ff;
}
.r-upload-mod.item-2 {
font-size: 0;
}
.r-upload-mod.item-2 .r-upload-item {
width: calc(50% - 10px);
margin-left: 10px;
}
.r-upload-mod.item-2 .r-upload-item:first-child {
margin-right: 10px;
margin-left: 0;
}
.r-upload-mod.item-cell {
font-size: 0;
}
.r-upload-mod.item-cell .r-upload-item {
width: 210px;
height: 120px;
}
.r-upload-mod.item-cell .r-upload-item.l {
height: 137px;
}
.r-upload-item-data {
display: inline-block;
font-size: 12px;
width: calc(100% - 220px);
vertical-align: top;
margin-left: 10px;
color: #999;
line-height: 17px;
}
.r-upload-item-data-img-tit, .r-upload-item-data-txt {
margin-bottom: 5px;
}
.r-upload-item-data-img-con img {
max-width: 88px;
}
.r-area {
background-color: #fff;
padding: 50px 0;
margin-bottom: 10px;
}
.status .activate-info, .success .activate-info {
max-width: 420px;
margin: 0 auto;
text-align: center;
}
.status .activate-info h2, .success .activate-info h2 {
font-size: 24px;
color: #333;
font-weight: 400;
margin-bottom: 30px;
}
.status .activate-info h2 i, .success .activate-info h2 i {
margin-right: 10px;
}
.status .activate-info h2 span, .success .activate-info h2 span {
vertical-align: middle;
}
.success .activate-info .c-btn {
margin-top: 20px;
padding: 0 35px;
}
.status .activate-info p, .success .activate-info p {
color: #666;
line-height: 22px;
}
.status .activate-info p a, .success .activate-info p a {
margin: 0 5px;
}
.r-status-onpage .r-content {
min-height: 0;
padding-bottom: 10px;
}
.r-area.status {
background-color: #fff;
padding: 70px 0;
margin-bottom: 10px;
}
.status .activate-info .c-btn {
margin-top: 40px;
width: 100%;
}
.status .activate-info .r-status-image {
margin-bottom: 30px;
font-size: 0;
text-align: center;
}
.status .activate-info .r-status-tit {
margin-bottom: 20px;
line-height: 25px;
font-size: 18px;
color: #000;
text-align: center;
font-weight: 400;
}
.r-btn-ctrl {
font-size: 0;
}
.r-btn-ctrl .r-btn-ctrl-cell {
display: inline-block;
width: 50%;
box-sizing: border-box;
padding-left: 10px;
}
.r-btn-ctrl .r-btn-ctrl-cell:first-child {
padding-left: 0;
padding-right: 10px;
}
.r-status-param {
background-color: #f7f8fa;
padding: 7px 20px;
margin-top: 15px;
}
.r-status-param-item {
font-size: 0;
text-align: left;
margin: 8px 0;
}
.r-status-param-k {
color: #999;
display: inline-block;
vertical-align: top;
width: 35%;
font-size: 14px;
}
.r-status-param-v {
color: #333;
display: inline-block;
vertical-align: top;
width: 64%;
font-size: 14px;
}
.r-status-param-after {
text-align: left;
padding-top: 15px;
}
.r-text-list {
padding: 28px 0 0;
margin: 0 auto;
text-align: center;
}
.r-text-list-item {
padding-top: 12px;
}
.r-text-list-item a {
color: #666;
}
.r-text-list-item a:hover {
color: #00a4ff;
}
.clg-bubble {
position: absolute;
color: #404a58;
z-index: 11;
}
.clg-bubble-inner {
font-size: 12px;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #ededed;
border-radius: 2px;
background-color: #fff;
line-height: 18px;
box-shadow: 0 4px 4px #ededed;
position: static !important;
left: 50%;
top: 50%;
}
.clg-bubble .clg-bubble-inner:after, .clg-bubble .clg-bubble-inner:before {
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 8px dashed transparent;
}
.clg-bubble-top .clg-bubble-inner:after, .clg-bubble-top .clg-bubble-inner:before {
bottom: 100%;
left: inherit;
right: inherit;
margin-bottom: -1px;
border-bottom-style: solid;
}
.clg-bubble .clg-bubble-inner:after {
border: 7px dashed transparent;
}
.clg-bubble-top .clg-bubble-inner:after {
margin-left: -7px;
border-bottom-color: #fff;
}
.clg-bubble-top .clg-bubble-inner:before {
margin-left: -8px;
border-bottom-color: #ededed;
}
.clg-bubble-bottom .clg-bubble-inner:after, .clg-bubble-bottom .clg-bubble-inner:before {
top: 100%;
left: inherit;
right: inherit;
margin-top: -1px;
border-top-style: solid;
}
.clg-bubble-bottom .clg-bubble-inner:before {
margin-left: -8px;
border-top-color: #ededed;
}
.clg-bubble-bottom .clg-bubble-inner:after {
margin-left: -7px;
border-top-color: #fff;
}
.clg-bubble-inner-m-close {
display: none;
}
.clg-bubble-left .clg-bubble-inner:after, .clg-bubble-left .clg-bubble-inner:before {
top: inherit;
bottom: inherit;
right: 100%;
margin-right: -1px;
border-right-style: solid;
}
.clg-bubble-left .clg-bubble-inner:before {
margin-top: -8px;
border-right-color: #ededed;
}
.clg-bubble-left .clg-bubble-inner:after {
margin-top: -7px;
border-right-color: #fff;
}
.clg-bubble-right .clg-bubble-inner:after, .clg-bubble-right .clg-bubble-inner:before {
top: inherit;
bottom: inherit;
left: 100%;
margin-left: -1px;
border-left-style: solid;
}
.clg-bubble-right .clg-bubble-inner:before {
margin-top: -8px;
border-left-color: #ededed;
}
.clg-bubble-right .clg-bubble-inner:after {
margin-top: -7px;
border-left-color: #fff;
}
.rlg-form-tips-item {
font-size: 12px;
color: #999;
position: relative;
padding-left: 18px;
margin: 5px 0;
}
.rlg-form-tips-item:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 3px;
left: 0;
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 18.44% 90.29%;
background-size: 2991.666666666667% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.rlg-form-tips-item.actived {
color: #0abf5b;
}
.rlg-form-tips-item.actived:after {
background-image: url(../image/regist-cn-202204191546.svg);
;
background-position: 62.53999999999999% 45.59%;
background-size: 2991.666666666667% 2933.333333333333%;
;
background-repeat: no-repeat;
}
.r-dot-tips-list {
padding: 5px 0;
}
.r-dot-tips-item {
position: relative;
color: #999;
padding-left: 10px;
text-align: left;
margin-bottom: 5px;
}
.r-dot-tips-item:after {
width: 3px;
height: 3px;
content: '';
position: absolute;
border-radius: 50%;
top: 10px;
left: 0;
background-color: #999;
}
.r-dot-tips-item span {
display: block;
font-size: 14px;
line-height: 26px;
}
.r-dot-tips-item img {
display: block;
margin-top: 10px;
}
.rno-bubble {
position: relative;
display: inline-block;
max-width: 300px;
}
.rno-bubble-inner {
font-size: 12px;
color: #333;
box-sizing: border-box;
padding: 12px;
border: 1px solid #ddd;
border-radius: 0;
background-color: #fff;
line-height: 1.5;
box-shadow: 1px 1.73px 3px 0 rgba(0,0,0,.1);
position: static !important;
white-space: normal;
word-wrap: break-word;
}
.rno-bubble-inner:after, .rno-bubble-inner:before {
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 6px solid transparent;
}
.rno-bubble-top .rno-bubble-inner {
left: 50%;
bottom: 100%;
}
.rno-bubble-top .rno-bubble-inner:before {
left: inherit;
bottom: inherit;
right: inherit;
margin-left: -6px;
border-bottom-color: #ddd;
}
.rno-bubble-top .rno-bubble-inner:after {
left: inherit;
bottom: inherit;
right: inherit;
margin-left: -6px;
border-bottom-color: #fff;
margin-bottom: -1px;
}
.rno-bubble-top.rno-bubble-start .rno-bubble-inner {
left: 15px;
}
.rno-bubble-top.rno-bubble-end .rno-bubble-inner {
left: auto;
right: 15px;
}
.rno-bubble-top.rno-bubble-end .rno-bubble-inner:after, .rno-bubble-top.rno-bubble-end .rno-bubble-inner:before, .rno-bubble-top.rno-bubble-start .rno-bubble-inner:after, .rno-bubble-top.rno-bubble-start .rno-bubble-inner:before {
margin-left: 0;
}
.rno-bubble-bottom .rno-bubble-inner {
left: 50%;
top: 100%;
}
.rno-bubble-bottom .rno-bubble-inner:before {
left: inherit;
right: inherit;
top: inherit;
margin-left: -6px;
border-top-color: #ddd;
}
.rno-bubble-bottom .rno-bubble-inner:after {
left: inherit;
right: inherit;
top: inherit;
margin-left: -6px;
border-top-color: #fff;
margin-top: -1px;
}
.rno-bubble-bottom.rno-bubble-start .rno-bubble-inner {
left: 15px;
}
.rno-bubble-bottom.rno-bubble-end .rno-bubble-inner {
left: auto;
right: 15px;
}
.rno-bubble-bottom.rno-bubble-end .rno-bubble-inner:after, .rno-bubble-bottom.rno-bubble-end .rno-bubble-inner:before, .rno-bubble-bottom.rno-bubble-start .rno-bubble-inner:after, .rno-bubble-bottom.rno-bubble-start .rno-bubble-inner:before {
margin-left: 0;
}
.rno-bubble-left .rno-bubble-inner {
top: 50%;
right: 100%;
}
.rno-bubble-left .rno-bubble-inner:before {
top: inherit;
bottom: inherit;
right: inherit;
margin-top: -6px;
border-right-color: #ddd;
}
.rno-bubble-left .rno-bubble-inner:after {
top: inherit;
bottom: inherit;
right: inherit;
margin-top: -6px;
border-right-color: #fff;
margin-right: -1px;
}
.rno-bubble-left.rno-bubble-start .rno-bubble-inner {
top: 15px;
}
.rno-bubble-left.rno-bubble-end .rno-bubble-inner {
top: auto;
bottom: 15px;
}
.rno-bubble-left.rno-bubble-end .rno-bubble-inner:after, .rno-bubble-left.rno-bubble-end .rno-bubble-inner:before, .rno-bubble-left.rno-bubble-start .rno-bubble-inner:after, .rno-bubble-left.rno-bubble-start .rno-bubble-inner:before {
margin-top: 0;
}
.rno-bubble-right .rno-bubble-inner {
top: 50%;
left: 100%;
}
.rno-bubble-right .rno-bubble-inner:before {
top: inherit;
bottom: inherit;
left: inherit;
margin-top: -6px;
border-left-color: #ddd;
}
.rno-bubble-right .rno-bubble-inner:after {
top: inherit;
bottom: inherit;
left: inherit;
margin-top: -6px;
border-left-color: #fff;
margin-left: -1px;
}
.rno-bubble-right.rno-bubble-start .rno-bubble-inner {
top: 15px;
}
.rno-bubble-right.rno-bubble-end .rno-bubble-inner {
top: auto;
bottom: 15px;
}
.rno-bubble-right.rno-bubble-end .rno-bubble-inner:after, .rno-bubble-right.rno-bubble-end .rno-bubble-inner:before, .rno-bubble-right.rno-bubble-start .rno-bubble-inner:after, .rno-bubble-right.rno-bubble-start .rno-bubble-inner:before {
margin-top: 0;
}
.rno-bubble-error .rno-bubble-inner {
background-color: #fbe3e3;
border-color: #fbe3e3;
color: #be3b38;
box-shadow: none;
}
.rno-bubble-error.rno-bubble-top .rno-bubble-inner:after, .rno-bubble-error.rno-bubble-top .rno-bubble-inner:before {
border-bottom-color: #fbe3e3;
}
.rno-bubble-error.rno-bubble-bottom .rno-bubble-inner:after, .rno-bubble-error.rno-bubble-bottom .rno-bubble-inner:before {
border-top-color: #fbe3e3;
}
.rno-bubble-error.rno-bubble-left .rno-bubble-inner:after, .rno-bubble-error.rno-bubble-left .rno-bubble-inner:before {
border-right-color: #fbe3e3;
}
.rno-bubble-error.rno-bubble-right .rno-bubble-inner:after, .rno-bubble-error.rno-bubble-right .rno-bubble-inner:before {
border-left-color: #fbe3e3;
}
.rno-bubble-dark .rno-bubble-inner {
background-color: #333;
border-color: #333;
color: #fff;
box-shadow: none;
}
.rno-bubble-dark.rno-bubble-top .rno-bubble-inner:after, .rno-bubble-dark.rno-bubble-top .rno-bubble-inner:before {
border-bottom-color: #333;
}
.rno-bubble-dark.rno-bubble-bottom .rno-bubble-inner:after, .rno-bubble-dark.rno-bubble-bottom .rno-bubble-inner:before {
border-top-color: #333;
}
.rno-bubble-dark.rno-bubble-left .rno-bubble-inner:after, .rno-bubble-dark.rno-bubble-left .rno-bubble-inner:before {
border-right-color: #333;
}
.rno-bubble-dark.rno-bubble-right .rno-bubble-inner:after, .rno-bubble-dark.rno-bubble-right .rno-bubble-inner:before {
border-left-color: #333;
}
.rno-bubble-text {
color: #333;
border-bottom: 1px dashed #ddd;
cursor: pointer;
}
.r-msg {
position: relative;
margin: 0 0 20px;
background-color: #e5f5ff;
font-size: 12px;
line-height: 20px;
color: #003b80;
border: 1px solid #87d5ff;
}
.r-msg-info {
padding: 11px 20px;
}
.r-msg-link {
color: #00a4ff;
text-decoration: none;
}
.r-msg-link:hover {
text-decoration: underline;
}
.r-msg-title {
margin: 0;
font-weight: 700;
}
.r-msg-success {
color: #1b8c77;
background-color: #cff5ee;
}
.r-msg-warning {
color: #be740f;
background-color: #fef0db;
}
.r-msg-error {
color: #be3b38;
background-color: #fbe3e3;
}
.r-msg-list {
padding: 0;
}
.r-msg-list-item {
position: relative;
}
.r-content .r-msg-ctrl {
margin: 0 auto;
max-width: 600px;
padding: 60px 0 0;
}
.r-msg-ctrl + .selectB-links {
padding-top: 10px;
}
.r-topbar + .r-content .r-msg-ctrl {
padding: 20px 0 0;
}
.r-topbar + .r-content .r-msg-ctrl .r-msg {
margin-bottom: 0;
}
.clg-global-tips {
display: inline-block;
margin: 0 auto 20px;
background: #fff;
border: 1px solid #e5e5e5;
color: #000;
padding: 7px 15px;
white-space: nowrap;
font-size: 0;
max-width: 300px;
min-width: 95px;
box-shadow: 0 2px 4px rgba(3,27,78,.06);
}
.clg-global-tips span {
display: inline-block;
font-size: 14px;
width: calc(100% - 23px);
white-space: normal;
vertical-align: top;
text-align: left;
box-sizing: border-box;
padding-right: 5px;
line-height: 26px;
}
.clg-global-tips i {
vertical-align: top;
margin-top: 4px;
}
.clg-icon-link-left, .clg-icon-link-right {
display: inline-block;
width: 7px;
height: 12px;
vertical-align: -1px;
}
.clg-icon-complete-16 {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
background: url(../image/icon-complete.svg) no-repeat;
vertical-align: middle;
background-size: cover;
}
.clg-icon-error-16 {
width: 16px;
height: 16px;
background: url(../image/icon-error1.svg) no-repeat;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
background-size: cover;
}
.r-bind-wrap {
font-size: 0;
text-align: center;
}
.r-bind-aside, .r-bind-con {
display: inline-block;
vertical-align: top;
}
.r-bind-con {
margin-top: 90px;
margin-right: 40px;
}
.r-newqr-wrap {
background: #F2F4F8;
padding: 20px;
}
.r-newqr-wrap .qrcode-img {
width: 255px;
height: 255px;
border: none;
}
.r-newqr-wrap .qrcode-img img {
padding: 0;
}
.r-newqr-after {
text-align: center;
font-size: 14px;
color: #000;
margin-top: 20px;
}
.r-bind-aside {
margin-top: 75px;
text-align: left;
}
.r-bind-aside-tit {
font-size: 28px;
color: #000;
line-height: 40px;
}
.r-bind-aside-txt {
font-size: 12px;
color: #666;
line-height: 20px;
margin-top: 4px;
}
.r-bind-aside-list {
padding-top: 4px;
}
.r-bind-aside-list li {
position: relative;
padding-left: 19px;
}
.r-bind-aside-list li:after {
content: '';
position: absolute;
left: 0;
top: 1px;
background: url(../image/right2.svg);
width: 16px;
height: 16px;
}
.r-bind-aside-list .has-checkbox label {
cursor: pointer;
}
.r-bind-aside-list .has-checkbox input {
position: absolute;
left: 0;
top: 1px;
border: 0;
width: 16px;
height: 16px;
appearance: none;
outline: 0;
background: url(../image/right3.svg);
vertical-align: middle;
}
.r-bind-aside-list .has-checkbox input:checked {
background: url(../image/right4.svg);
}
.r-bind-aside-list .has-checkbox:after {
display: none;
}
.r-bind-aside-step {
margin-top: 25px;
}
.r-bind-aside-step-item {
display: inline-block;
vertical-align: top;
}
.r-bind-aside-step-tit {
font-size: 14px;
line-height: 22px;
color: #666;
font-weight: 600;
}
.r-bind-aside-step-tit em {
font-size: 20px;
}
.r-bind-aside-step-con {
margin-top: 16px;
}
.r-bind-aside-step-line {
display: inline-block;
vertical-align: top;
margin: 0 30px;
width: 1px;
height: 235px;
background: #e5e5e5;
}
.regist-info-back-btn {
display: inline-block;
width: auto;
padding: 5px 20px;
font-size: 14px;
line-height: 22px;
color: #00A4FF;
border: 1px solid #00A4FF;
margin-bottom: 15px;
}
.r-newqr-wrap .qrcode-refresh-mod-inner {
padding-top: 35px;
}
.r-newqr-wrap .qrcode-img-mask {
padding-top: 80px;
}
@media screen and (max-width:768px) {
.qc-log-checkbox {
border: none;
border-radius: 0;
}
}
@media all and (-ms-high-contrast:none) {
.f-rich-dialog .f-select-wrap .f-select, .f-select, .f-select-wrap.m .f-select, .f-select.m {
padding-right: 24px;
}
}
@media all and (max-width:768px) {
.f-select, .f-select.m {
width: 100%;
}
.f-select + .f-select {
margin-top: 10px;
}
.form-ctrl-label-wrap span {
max-width: 86%;
}
}
@media screen and (max-width:768px) {
.reg-block-select-type.item3 .c-ui-block .b-item, .reg-block-select-type.item4 .c-ui-block .b-item, .reg-block-select-type.item5 .c-ui-block .b-item, .reg-block-select-type.item6 .c-ui-block .b-item {
width: calc((100% - 30px)/ 3);
margin: 0 5px 10px;
}
}
@media screen and (max-width:600px) {
.fm-verify-input-lg .qc-log-btn, .fm-verify-input-lg .qc-log-input-text {
width: calc((100% - 10px)/ 2);
}
}
@media screen and (max-width:480px) {
.mobile-code-dropdown .dropdown-wrapper {
width: calc(100vw - 40px);
}
.mobile-code-dropdown .dropdown-menu {
width: auto;
}
}
@media screen and (max-width:768px) {
.lg-footer {
height: 80px;
background-color: #f7f8fa;
margin: 0;
padding: 25px 0 0;
font-size: 12px;
box-sizing: border-box;
position: absolute;
left: 0;
bottom: 0;
}
.lg-footer .copyright {
margin-top: 0;
}
.lg-footer .copyright span {
display: block;
text-align: center;
}
}
@media screen and (max-width:560px) {
.lg-footer .copyright span {
display: inline-block;
text-align: center;
}
.regist-content .sp-line .title {
top: -15px;
}
.lg-footer .feedback {
margin-left: 20px;
margin-right: 20px;
line-height: 1.8;
font-size: 12px;
}
}
@media screen and (max-width:768px) {
.r-dialog {
background-color: #fff;
padding: 30px 15px;
position: absolute;
z-index: 1002;
}
.r-dialog-txt {
max-width: 220px;
min-width: 200px;
}
.r-dialog-ft .c-btn {
min-width: 80px;
}
}
@media screen and (max-width:768px) {
.regist-edit-step .step {
display: none;
}
.regist-edit-step .step.curr {
display: block;
margin-left: 0;
}
.regist-edit-step .step span {
font-size: 18px;
line-height: 25px;
color: #000;
}
.regist-edit-step .step-num {
width: 24px;
height: 24px;
font-size: 16px;
line-height: 24px;
}
.regist-edit-step .step:after {
display: none;
}
}
@media screen and (max-width:768px) {
html {
height: 100%;
}
body {
background-color: #fff;
position: relative;
min-height: 100%;
padding-bottom: 80px;
box-sizing: border-box;
}
.m-mod {
display: block;
}
.t-title {
display: none;
}
.r-wrap {
margin: 0 auto;
background-color: #f7f8fa;
}
.r-wrap-after {
display: none;
}
.r-header {
background-color: #f7f8fa;
position: relative;
}
.r-topbar-end, .r-topbar-strart {
display: none;
}
.r-topbar {
height: auto;
border-bottom: none;
}
.r-area-tit h2 {
margin-left: 0;
font-size: 16px;
line-height: 22px;
}
.r-area-tit i {
margin-right: 10px;
}
.r-area-tit .r-icon-wechat {
width: 64px;
height: 64px;
display: block;
margin: 60px auto 15px;
}
.r-content {
background-color: #fff;
padding: 0 20px 20px;
min-height: 0;
}
.header-link {
position: absolute;
right: 20px;
top: 31px;
}
}
@media screen and (max-height:1060px) {
.qrcode-wrap.r-index {
padding-top: 30px;
}
}
@media screen and (max-height:850px) {
.qrcode-wrap.r-index {
padding-top: 30px;
}
.r-content {
min-height: 0;
}
.t-title {
margin-top: 20px;
}
.t-title h1 {
font-size: 24px;
}
.r-wrap {
margin-top: 10px;
}
}
@media screen and (max-width:768px) {
.qrcode-wrap {
padding-top: 40px;
}
.r-qr-btn {
margin-top: 20px;
font-size: 14px;
}
.r-qr-btn .c-btn {
width: 100%;
background-color: #62bc00;
}
.r-qr-btn .c-btn:hover {
background-color: #62bc00;
}
.r-qr-btn .c-btn.wx-link {
background-color: #fff;
color: #00a4ff;
line-height: 16px;
height: 16px;
}
.r-qr-btn .c-btn.wx-link:hover {
background-color: #fff;
}
}
@media screen and (max-width:768px) {
.regist-form-wrap {
padding-top: 20px;
}
}
@media screen and (max-width:768px) {
.r-promotion-item {
width: 100%;
border-left: none;
box-sizing: border-box;
padding: 0 20px 30px;
min-height: 180px;
border-bottom: #e5e5e5 1px solid;
margin-bottom: 30px;
}
}
@media screen and (max-width:768px) {
.r-select-item, .r-selectlist.vertical .r-select-item {
width: 100%;
margin: 0 0 15px;
}
.r-selectlist {
position: static;
}
.r-selectlist .c-btn {
width: 100%;
background-color: #00a4ff;
color: #fff;
margin: 0;
}
.r-select-dropdown-list {
background-color: #fff;
padding: 0 20px 60px;
position: relative;
overflow: hidden;
min-height: calc(100% - 142px);
z-index: 2;
}
.r-select-dropdown {
position: fixed;
background-color: #fff;
border: 1px solid #e5e5e5;
margin: 0;
bottom: 0;
top: 180px !important;
left: 0;
right: 0;
z-index: 1000;
overflow: auto;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.r-select-dropdown-mask {
position: fixed;
background-color: #000;
opacity: .6;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.r-select-dropdown.step-1:after, .r-select-dropdown.step-2:after {
display: none;
}
.r-select-dropdown.step-2 {
margin-left: 0;
}
.m-select-dropdown-tit {
display: block;
font-size: 18px;
line-height: 27px;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
background-color: #fff;
position: relative;
z-index: 2;
}
.m-select-dropdown-btn {
display: block;
margin: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 45px;
z-index: 2;
}
.r-select-dropdown.step-2 .r-select-dropdown-item {
width: calc(50% - 5px);
}
.r-select-dropdown-item {
display: inline-block;
vertical-align: top;
width: calc(50% - 5px);
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #e5e5e5;
box-sizing: border-box;
margin-left: 5px;
padding-right: 0;
}
.r-select-dropdown-item:nth-child(odd) {
margin-right: 5px;
margin-left: 0;
}
.r-select-dropdown-item.actived {
border: 1px solid #00a4ff;
}
.r-select-dropdown-item.actived a {
color: #00a4ff;
}
}
@media screen and (max-width:768px) {
.r-mail-txt {
padding-top: 40px;
}
.r-mail-btn {
padding-top: 20px;
}
.r-mail-txtlist {
margin-top: 50px;
padding-top: 40px;
border-top: #e5e5e5 1px solid;
}
.r-mail-btn .c-btn {
width: 100%;
}
}
@media screen and (max-width:768px) {
.dialog-consult-select {
width: 85.33333%;
}
.dialog-consult-select .tc-dialog-hd-title {
line-height: 3.125;
padding-left: 15px;
}
.dialog-consult-select .tc-dialog-hd .qc-log-btn-close {
top: 19px;
}
.dialog-consult-select .tc-dialog-bd {
padding: 0;
}
.consult-select-list-item {
position: relative;
}
.consult-select-list-item + .consult-select-list-item {
margin-top: 0;
border-top: 1px solid #ebeff2;
}
.consult-select-details {
font-size: 14px;
line-height: 1.5;
min-height: 0;
padding: 22px 40px 22px 15px;
}
.consult-select-details:before {
display: none;
}
.consult-select-title {
font-size: 14px;
line-height: 1;
margin-bottom: 6px;
}
.consult-select-button {
position: absolute;
right: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: transparent;
border-radius: 0;
background-color: rgba(0,0,0,0);
}
.consult-select-button:hover {
background-color: rgba(0,0,0,0);
}
.consult-select-button:before {
content: '';
position: absolute;
right: 14px;
top: 50%;
transform: translate(0,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #dadde0;
}
.consult-select-button:after {
content: '';
position: absolute;
right: 16px;
top: 50%;
transform: translate(0,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #fff;
}
.consult-select-button .m-loading {
width: 100%;
height: 100%;
position: relative;
}
.consult-select-button .m-loading .loading {
display: none;
}
.consult-select-button .m-loading:after {
content: '';
position: absolute;
width: 14px;
height: 14px;
right: 16px;
top: 50%;
transform: translate(0,-50%);
background-image: url(../image/loading.gif);
background-size: contain;
background-repeat: no-repeat;
}
.dialog-consult-info {
width: 85.33333%;
}
.dialog-consult-info .tc-dialog-hd {
display: none;
}
.dialog-consult-info .tc-dialog-bd {
padding-left: 30px;
padding-right: 30px;
padding-top: 25px;
}
.dialog-consult-info .tc-dialog-ft, .dialog-consult-select .tc-dialog-ft {
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.consult-info {
line-height: 1.5;
}
.dialog-consult-info .tc-dialog-ft-btn-wrap > .qc-log-btn, .dialog-consult-select .tc-dialog-ft-btn-wrap > .qc-log-btn {
width: 100%;
margin-right: 0;
margin-left: 0;
font-size: 14px;
height: 40px;
}
.consult-mobile-info {
padding: 25px 15px 20px;
}
}
@media screen and (max-width:768px) {
.oaqrcode-wrap.regist-form-wrap {
margin-bottom: 0;
max-width: 420px;
padding-top: 30px;
}
.oaqrcode-wrap .qrcode-wrap {
display: block;
width: auto;
text-align: center;
padding-right: 0;
padding-top: 0;
}
.oaqrcode-wrap .qrcode-wrap-inner {
display: block;
}
.r-event-aside {
display: block;
width: auto;
padding-left: 0;
padding-top: 40px;
}
.r-event-aside:after {
display: none;
}
}
@media screen and (max-width:768px) {
.pc-img, .r-pc-mod {
display: none;
}
.m-img {
display: block;
padding: 0;
}
.flow-img {
margin: 0;
}
.m-text {
display: block;
font-size: 14px;
line-height: 26px;
max-width: 400px;
margin: 0 auto 20px;
}
.r-layout-con .r-area.status {
padding: 28px 0 40px;
margin-bottom: 0;
}
.r-layout-aside .img {
padding: 0;
text-align: center;
}
.r-layout-aside, .r-layout-con {
float: none;
padding: 0;
width: 100%;
}
.r-layout-aside:after {
display: none;
}
.r-layout-aside {
padding-top: 20px;
}
.r-code-flow-wrap {
padding-right: 0;
}
}
@media screen and (max-width:768px) {
.r-upload-mod.item-cell .r-upload-item {
width: 184px;
height: 137px;
}
.r-upload-item-data {
width: calc(100% - 199px);
margin-left: 15px;
}
.r-upload-item-icon {
margin: 40px auto 0;
}
}
@media screen and (max-width:374px) {
.r-upload-mod.item-cell .r-upload-item {
width: 100%;
}
.r-upload-item-data {
width: 100%;
margin: 10px 0 0;
}
}
@media screen and (max-width:768px) {
.r-area {
padding: 30px 20px;
}
.status .activate-info h2, .success .activate-info h2 {
font-size: 20px;
}
.status .activate-info .c-btn, .success .activate-info .c-btn {
width: 100%;
}
.r-content .r-area {
padding: 30px 0;
}
}
.logo-txt {
font-weight: 500;
font-size: 18px;
vertical-align: middle;
margin-left: 9px;
position: absolute;
top: 26px;
}