body { background: #eef2f6; }
html, body, #map { height: 100%; overflow: hidden; }
a { text-decoration: none; }
/*a:hover { color: #52b0f5; }*/
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }
.loinput { position: relative; display: inline-block; padding: 4px 7px; width: 284px; height: 28px; font-size: 12px; line-height: 1.5; color: rgba(0, 0, 0, 0.65); background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; transition: all .3s; }
input[type="text"], textarea { -webkit-appearance: none; }
.loform-item-control:before, .loform-item-control:after { content: " "; display: table; }
.loform-item-control:after { clear: both; visibility: hidden; font-size: 0; height: 0; }
#panelLayout .comsLayout .form-right { float: right; color: #40A9FF; cursor: pointer; }
.loform-item-control { line-height: 31.9999px; position: relative; zoom: 1; }
.loform-item { font-size: 12px; margin-bottom: 24px; color: rgba(0, 0, 0, 0.65); vertical-align: top; }
.lorow { position: relative; margin-left: 0; margin-right: 0; height: auto; zoom: 1; display: block; }
.locheckbox-input { position: absolute; left: 0; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); top: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.locheckbox-checked .locheckbox-inner, .locheckbox-indeterminate .locheckbox-inner { background-color: #108ee9; border-color: #108ee9; }
.locheckbox { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: text-bottom; }
form input[type="radio"], form input[type="checkbox"] { width: 14px; height: 14px; }
.lobtn-primary { color: #fff; background-color: #108ee9; border-color: #108ee9; }
body .lobtn-primary { background-color: #40A9FF; border-color: #40A9FF; }
#panelLayout .superForm .form-submit { width: 100%; border-radius: 3px; display: block; }
#panelLayout .comsLayout .inputLayout { position: relative; }
#popupMapping { z-index: 1001; width: 460px; height: 590px; padding: 0rem 0 .24rem; overflow: hidden; box-sizing: border-box; border-radius: .08rem; background-color: #fff; position: absolute; left: 0; margin: auto; right: 0; top: 9%; background-color: transparent; }
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { display: none !important; }
#mapping_map { position: relative; top: 5px; left: 25px; width: 300px; height: 250px; }
img.cursol { position: absolute; top: 295px; left: 150px; z-index: 5; }
#layerMapping { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.70; z-index: 1000; }
#popupMapping .comsLayout { z-index: 1001; width: 460px; height: 400px; padding: 0rem 0 .24rem; overflow: hidden; box-sizing: border-box; border-radius: .08rem; background-color: #fff; box-shadow: 1px 1px 11px rgba(138, 150, 149, 0.3); left: 0; margin: auto; right: 0;  background-color: #fff; }
#popupMapping .comsLayout.login {  width: 460px; height: 340px; padding: 0rem 0 .24rem; overflow: hidden; box-sizing: border-box; border-radius: .08rem; background-color: #fff;  left: 0; margin: auto; right: 0;   }

#popupMapping .logo { margin:0 auto;width:160px;height:160px;  background-image: url(/images/logo.png); background-repeat: no-repeat; background-size: 100% 100%; }
#popupMapping .comsLayout .loinput { border-top: 0; border-left: 0; border-right: 0; border-radius: 0; box-shadow: none; border-bottom-width: 1px; background-color: #ffFFFF !important; font-size: 14px; font-weight: lighter; }
#popupMapping .comsLayout .form-submit { cursor: pointer; width: 100%; border-radius: 3px; display: block; text-align: center; padding: 2px; }
#popupMapping .comsLayout .form-submit:hover { background-color: #3ea3f7; }
#popupMapping .comsLayout .inputLayout { position: relative; }
#popupMapping .comsLayout .inputLayout .countDown { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); color: #C1C1C1; }
#popupMapping .comsLayout .back-login { cursor: pointer; margin: 0 0 15px 10px; color: #40A9FF; }
#popupMapping .comsLayout .invite-email { font-size: 16px; color: #40A9FF; }
#popupMapping .comsLayout .invite-email p { margin-left: 5px; }
#popupMapping .comsLayout .anticon { position: absolute; right: 0; font-size: 16px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: #40A9FF; }
#popupMapping .loginLayout .locheckbox-wrapper { color: #40A9FF; }
#popupMapping .loginLayout .form-right { float: right; color: #40A9FF; cursor: pointer; }
#popupMapping .registerLayout .form-right { display: inline-block; color: #40A9FF; cursor: pointer; }
#panelLayout .loginLayout .locheckbox-wrapper { color: #40A9FF; }
#popupMapping .comsLayout .head { position: relative; font-size: 18px; color: #484848; margin-bottom: 16px; text-align: left; padding-left: 3px; }
#popupMapping .comsLayout .head .invite-title { position: relative; top: -30px; text-align: center; font-size: 16px; }
#popupMapping .comsLayout .head .invite-title span { color: #40A9FF; }
#popupMapping .comsLayout .head .hint { position: absolute; right: 0; bottom: 0; color: #757575; font-size: 12px; }
#popupMapping .comsLayout .head .hint .item { color: #40A9FF; cursor: pointer; }
#popupMapping .comsLayout .head .hint a:hover { cursor: pointer; }
#popupMapping .comsLayout .Clayout { width: 292px; margin: 36px auto; }
#popupMapping .comsLayout .Clayout .loform-item:last-of-type { margin-bottom: 0; }
#popupMapping .input:-webkit-autofill { background-color: #ffFFFF !important; }
#popupMapping .invitHead { text-align: center; font-size: 16px; height: 50px; }
#popupMapping .invitHead .item { color: #40A9FF; }
#popupMapping .invitFoot { color: #757575; }
#popupMapping .invitFoot a { color: #40A9FF; }

#popupMapping .comsLayout .form-submit.locaptcha { background-color: transparent; border: 1px solid #e2e2e2; color: rgba(0, 0, 0, 0.65); }
.u-msg1 { position: fixed; _position: absolute; z-index: 10001; top: -50px; left: 50%; min-width: 200px; _width: 400px; color: #fff; opacity: 0; -webkit-transition: 0.5s cubic-bezier(1,0,0.5,0); -moz-transition: 0.5s cubic-bezier(1,0,0.5,0); transition: 0.5s cubic-bezier(1,0,0.5,0); font-size: 14px; }
.u-msg1 p, u-msg1 p { position: relative; left: -50%; height: 42px; line-height: 42px; padding: 0 20px; text-align: center; border-radius: 4px; }
.u-msg1-success p { background-color: #63c4e9; }
.u-msg1-error p { background-color: #ea6262; }
.u-msg1-show { top: 22px; opacity: 1; -webkit-transition: 0.5s cubic-bezier(0,0.5,0,1); -moz-transition: 0.5s cubic-bezier(0,0.5,0,1); transition: 0.5s cubic-bezier(0,0.5,0,1); }
.s_icon { background-color: #fff; color: rgba(0, 0, 0, 0.65); display: inline-block; width: 20px; height: 20px; text-align: center; border-radius: 10px; line-height: 20px; box-shadow: 0 2px 8px 1px rgba(188,196,204,.5); }
#TencentCaptcha:hover .s_icon { background-color: #40A9FF; color: #fff; display: inline-block; width: 20px; height: 20px; text-align: center; border-radius: 10px; line-height: 20px; text-shadow: 5px 5px 15px rgba(25, 172, 158, 0.3); }
#TencentCaptcha span { font-size: 13px; margin: 0 5px; }
#TencentCaptcha:hover span { color: #40A9FF; }
#popupMapping .comsLayout .form-submit.locaptcha.captcha-success { border-color: #52ccba; background-color: #d2f4ef; color: #52ccba; }
.u-msg1-error p { background-color: #40a9ff; }
.leaflet-control-attribution.leaflet-control { display: none; }
#popupMapping .sendcode { display: inline-block; position: relative; color: #40A9FF; position: absolute; right: 0; top: 4px; }