/* user-reg/1.0.0 header-1130.css Date:2016-12-08 17:48:01*/
    .header .logo,.i-company,.i-def,.i-error,.i-error1,.i-global,.i-suc {
    background:url(/Public/Home/images/mlogo.png) no-repeat
}
.header .logo_haitun,.i-company,.i-def,.i-error,.i-error1,.i-global,.i-suc {
    background:url(/Public/Home/images/mlogo_haitun.png) no-repeat;
    background-size: 100% 100%;
}
.i-error {
    background-position:-17px -100px
}
.i-def {
    background-position:0 -100px
}
.i-suc {
    background-position:0 -117px
}
.i-company {
    background-position:0 -50px
}
.i-global {
    background-position:-50px -50px
}
.i-error1 {
    background-position:-17px -117px
}
.header {
    height:110px;
    background:url(../images/headbg.jpg) repeat-x left bottom
}
.header .logo {
    width: 187px;
    height: 58px;
    float:left;
    margin-top:24px
}
.header .logo_haitun {
    width: 187px;
    height: 58px;
    float:left;
    margin-top:24px
}
.header .logo-title {
    float:left;
    height:34px;
    line-height:34px;
    font-size:24px;
    color:#333;
    padding-left:30px;
    margin-top:34px
}
.header .have-account {
    font-size:16px;
    float:right;
    margin-top:55px;
    color:#999
}
.header .have-account a {
    color:#333
}
.form-item-valid .i-status, .i-company, .i-def, .i-error, .i-error1, .i-global, .i-info, .i-pwd-medium, .i-pwd-strong, .i-pwd-weak, .i-suc, .voiceVerifyDialog, .feedback,.i-clear,.i-company,.i-def,.i-error,.i-error1,.i-global,.i-suc,.registerDialog .close,.registerDialog .ico {
	background:url(/Public/images/icon.png) no-repeat
}

.i-error {
    background-position:-17px -100px
}
.i-def {
    background-position:0 -100px
}
.i-suc {
    background-position:0 -117px
}
.i-company {
    background-position:0 -50px
}
.i-global {
    background-position:-50px -50px
}
.i-error1 {
    background-position:-17px -117px
}
button,input,select,textarea {
    outline:0
}
textarea {
    font-size:13px;
    resize:none
}
input::-ms-clear {
    display:none
}
input::-ms-reveal {
    width:0;
    height:0
}
body,button,input,txt {
    font-family:"Microsoft YaHei","Hiragino Sans GB"
}
.tips {
    position:absolute;
    background:#fef4e5;
    border:solid 1px #f6c090;
    color:#bc5212;
    display:none;
    padding:0 12px;
    height:32px;
    text-align:center;
    line-height:32px;
    border-radius:3px;
    z-index:11
}
.tips .arrow {
    width:0;
    height:0;
    line-height:0;
    font-size:0;
    border-color:#f6c090 transparent transparent;
    border-style:solid dashed dashed;
    border-width:8px;
    position:absolute;
    left:50%;
    margin-left:-4px;
    bottom:-16px
}
.tips .arrow-inner {
    width:0;
    height:0;
    line-height:0;
    font-size:0;
    border-color:#fef4e5 transparent transparent;
    border-style:solid dashed dashed;
    border-width:8px;
    position:absolute;
    left:50%;
    margin-left:-4px;
    bottom:-15px
}
.capslock-tip {
    right:2px;
    top:-45px
}
.feedback {
    display:block;
    width:33px;
    height:135px;
    background-position:-367px 0
}
.feedback:hover {
    background-position:-334px 0
}
.i-clear {
    width:16px;
    height:16px;
    position:absolute;
    right:20px;
    top:20px;
    background-position:-34px -100px;
    display:none;
    cursor:pointer
}
.reg-ad {
    width:100%;
    height:140px
}
.reg-ad a {
    width:100%;
    display:block;
    height:140px
}
.ui-dialog {
    box-shadow:0 3px 10px #ccc
}
.registerDialog {
    background:#fff;
    text-align:center;
    padding:30px 0
}
.registerDialog .con {
    font-size:16px;
    color:#333;
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    line-height:22px
}
.registerDialog .ico {
    display:inline-block;
    width:48px;
    height:48px;
    background-position:-211px 0;
    vertical-align:middle;
    margin-right:20px
}
.registerDialog .close {
    position:absolute;
    right:10px;
    top:10px;
    display:block;
    width:16px;
    height:16px;
    background-position:-51px -118px
}
.ui-mask {
    cursor:pointer
}
.ui-dialog-autoclose {
    display:none
}
.ui-dialog .ui-dialog-title {
    color:#000;
    font-weight:700
}
.protocol-con {
    height:426px;
    padding:10px;
    line-height:20px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:25px
}
.protocol-con h4,.protocol-con h5 {
    color:#333;
    font-size:14px
}
.protocol-con h5 {
    margin:10px 0
}
.protocol-button button {
    margin:0 auto;
    display:block;
    width:400px;
    height:54px;
    color:#fff;
    background:#e22;
    border:0;
    font-size:16px;
    font-family:"Microsoft YaHei","Hiragino Sans GB"
}

.i-error {
    background-position:-17px -100px
}
.i-def {
    background-position:0 -100px
}
.i-suc {
    background-position:0 -117px
}
.i-company {
    background-position:0 -50px
}
.i-global {
    background-position:-50px -50px
}
.i-error1 {
    background-position:-17px -117px
}
body {
    font-size:14px
}
.main {
    margin:30px auto 40px;
    width:830px
}
.reg-form {
    width:400px;
    margin-left:24%;
}
.form-item {
    position:relative;
    border:solid 1px #ddd;
    width:398px;
    height:52px;
    z-index:0
}
.form-item label {
    float:left;
    width:90px;
    height:52px;
    line-height:52px;
    padding-left:20px
}
.form-item txt {
    margin-top:2px!important
}
.form-item .field {
    border:0 none;
    font-size:14px;
    width:190px;
    height:19px;
    padding-bottom:11px;
    padding-left:20px;
    padding-top:16px
}
.form-item .field span {
    display:none
}
.form-item .form-authcode,.form-item .phonecode {
    width:150px
}
.form-item .error {
    display:block
}
.form-item .i-status {
    position:absolute;
    display:none;
    width:16px;
    height:16px;
    top:20px;
    right:20px
}
.form-item .img-code {
    position:absolute;
    right:3px;
    top:3px;
    width:110px;
    height:46px;
    cursor:pointer
}
.pwd-weak {
    border:solid 1px #e22
}
.pwd-medium {
    border:solid 1px #f91
}
.pwd-strong {
    border:solid 1px #90b71b
}
.i-info {
    background-position:-34px -117px
}
.i-pwd-weak {
    background-position:-17px -134px
}
.i-pwd-medium {
    background-position:-34px -117px
}
.i-pwd-strong {
    background-position:-34px -134px
}
.btn-phonecode {
    position:absolute;
    right:3px;
    top:3px;
    width:110px;
    height:46px;
    border:none;
    background:#f2f2f2;
    color:#333;
    padding:0
}
.btn-code-disable {
    background:#f2f2f2;
    color:#999;
    cursor:default
}
.form-item-account {
    z-index:13
}
.form-item-phone .select-country {
    width:123px;
    padding:0 0 0 7px;
    height:52px;
    *height:40px;
    *line-height:40px;
    border:none;
    color:#666;
    border-right:solid 1px #ddd;
    display:block;	
    font-size:14px;
    float:left;
}
.form-item-phone .arrow {
    width:15px;
    height:15px;
    display:inline-block;
    margin-top:15px;
    margin-left:5px;
    background-position:-2px -151px;
    *zoom:1;
    *height:20px
}
.form-item-phone .down {
    background-position:-2px -151px
}
.form-item-phone txt {
    margin-left:7px!important
}
.form-item-phone input {
    padding-left:20px!important
}
.form-agreen {
    color:#333;
    font-size:12px;
    word-wrap:break-word;
    white-space:nowrap
}
.form-agreen input {
    width:18px;
    height:18px;
    border:solid 1px #cfd1d3;
    vertical-align:text-top;
    padding:0;
    margin:0
}
.form-agreen a {
    color:#38f
}
.form-item-error {
    border:solid 1px #e22
}
.form-item-valid .i-status {
    display:block;
    background-position:0 -117px
}
.pending .i-status {
    display:block
}
.phone-binded {
    border:solid 1px #f91
}
.input-tip {
    color:#c5c5c5;
    height:27px;
    font-size:12px;
    padding-top:5px
}
.input-tip span i {
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:text-top;
    margin-right:8px
}
.input-tip .error {
    color:#e22
}
.input-tip .orange,.phone-bind-tip {
    color:#f91
}
.phone-bind-tip .i-info {
    background-position:-68px -100px
}
.phone-bind-tip a {
    color:#38f
}
.btn-register {
    width:100%;
    height:54px;
    color:#fff;
    background:#006dcc;
    border:0;
    font-size:16px;
    font-family:"Microsoft YaHei","Hiragino Sans GB"
}
.suggest-container {
    display:none
}
.suggest-container li {
    cursor:pointer
}
.suggest-container .disable {
    cursor:default
}
.user-suggest {
    position:absolute;
    left:-1px;
    display:block;
    width:398px;
    border:solid 1px #f98;
    z-index:10;
    top:52px;
    border-bottom:5px solid RGBA(221,221,221,.15)
}
.user-suggest li {
    height:40px;
    line-height:40px;
    color:#666;
    padding-left:130px;
    background:#fdf2ef
}
.user-suggest .suggest-li-last {
    border-bottom:1px solid #f98
}
.user-suggest .disable {
    color:#ee2223
}
.user-suggest .disable i {
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:8px;
    vertical-align:middle
}
.user-suggest .disable .value {
    overflow:hidden
}
.user-suggest .disable .value span {
    display:inline-block;
    vertical-align:middle;
    width:150px
}
.user-suggest .current {
    background:#ffeae5
}
.phone-suggest {
    width:145px;
    border-left:solid 1px #ccc;
    background:#fff;
    border-bottom:none;
    z-index:11
}
.phone-suggest li {
    height:40px;
    line-height:40px;
    padding-left:20px
}
.phone-suggest .current,.phone-suggest .selected {
    background:#f6f6f6
}
.email-suggest {
    position:absolute;
    border:solid 1px #ccc;
    z-index:10;
    background:#fff;
    left:-1px;
    top:52px;
    width:100%
}
.email-suggest li {
    height:40px;
    line-height:40px;
    padding-left:130px;
    color:#333;
    padding-right:12px;
    text-align:right;
    text-indent:-1000px
}
.email-suggest li .value {
    overflow:hidden
}
.email-suggest .current {
    background:#f6f6f6
}
.ui-scrollbar-main {
    background-color:#fff
}
.ui-scrollbar-item {
    border:#ccc 1px solid;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#ddd
}
.reg-other {
    float:left;
    margin-left:104px;
    height:605px;
    padding-left:90px;
    border-left:solid 1px #e6e6e6
}
.reg-other .phone-fast-reg {
    width:213px;
    height:270px;
    margin-top:50px
}
.reg-other .company-reg {
    width:160px;
    height:60px;
    border-bottom:solid 1px #ddd;
    margin-left:30px
}
.reg-other .company-reg a {
    display:block;
    width:160px;
    height:30px
}
.reg-other .company-reg a i {
    display:inline-block;
    width:30px;
    height:29px;
    vertical-align:middle;
    margin-right:15px
}
.reg-other .company-reg a span {
    vertical-align:middle
}
.reg-other .inter-cust {
    width:160px;
    margin-left:30px;
    margin-top:30px
}
.reg-other .inter-cust a {
    display:block;
    width:170px;
    height:40px
}
.reg-other .inter-cust a i {
    display:inline-block;
    width:30px;
    height:30px;
    vertical-align:text-bottom;
    margin-right:15px;
    float:left;
    margin-top:7px
}
.reg-other .inter-cust a span {
    display:inline-block
}
.reg-other a:hover {
    color:#000;
    font-weight:700
}
.form-item-phonecode .i-status {
    right:125px;
    display:none
}
.form-item-authcode .i-status {
    right:125px
}
.item-phone-wrap {
    height:86px;
    position:relative;
    z-index:2
}
.item-phone-wrap .orEmail {
    position:absolute;
    right:0;
    bottom:6px;
    font-size:12px
}
.item-phone-wrap .orEmail a {
    color:#38f
}
.item-email-wrap {
    display:none;
    height:86px;
    position:relative;
    z-index:11
}
.item-email-wrap .orPhone {
    position:absolute;
    right:0;
    bottom:6px;
    font-size:12px
}
.item-email-wrap .orPhone a {
    color:#38f
}
.item-email-wrap .form-item {
    z-index:11
}
.ignore-item {
    display:none
}
#form-equalTopwd,#form-pwd,#login-pwd {
    width:210px
}
#scrollbar1 {
    position:relative;
    z-index:100;
    width:170px;
    margin:8px -1px;
    visibility:hidden
}
#scrollbar1 .disable {
    display:none
}
#scrollbar1 .viewport {
    position:absolute;
    z-index:10;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
    width:140px;
    height:320px;
    overflow:hidden
}
#scrollbar1 .overview {
    list-style:none;
    z-index:10;
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0
}
#scrollbar1 .scrollbar {
    right:28px;
    z-index:11;
    position:absolute;
    background-position:0 0;
    float:right;
    width:15px
}
#scrollbar1 .track {
    height:100%;
    width:13px;
    position:absolute;
    padding:0 1px
}
#scrollbar1 .thumb {
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-9px
}
#scrollbar1 .thumb .end {
    overflow:hidden;
    height:5px;
    width:25px
}
.noSelect {
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none
}
.jdpayServiceDialog,.jdpayServiceDialog .ui-dialog-content {
    overflow-x:hidden!important;
    overflow-y:auto!important
}
.ui-dialog-content-extra {
    overflow-y:scroll!important
}
.protocol-button-pay {
    padding:25px 0;
    background-color:#fff
}
.jd-iframe iframe {
    height:450px!important;
    overflow-x:hidden;
    overflow-y:auto
}
.voiceVerifyDialog .ico {
    display:block;
    width:48px;
    height:48px;
    background-position:-279px -60px;
    vertical-align:middle;
    margin:0 auto
}
.voiceVerifyDialog .con {
    margin-top:20px;
    text-align:center
}
.voiceVerifyDialog .blue {
    color:#2196f3
}
.voiceVerifyDialog .btn-red {
    display:block;
    width:90px;
    height:36px;
    line-height:36px;
    background:#e4393c;
    margin:30px auto 0;
    color:#fff;
    -webkit-border-radius:3;
    -moz-border-radius:3;
    border-radius:3
}
.ui-dialog .ui-dialog-close {
    background-size:13px 13px
}
/* user-reg/1.0.0 foreign-number-layer-1130.css Date:2016-12-08 17:48:01*/
    #country_code_layer {
    font-family:"Microsoft YaHei";
    display:none;
    background-color:#fff;
    text-align:center;
    height:180px;
    width:340px;
    position:absolute;
    cursor:default;
    z-index:110;
    box-shadow:0 0 2px 2px #eee;
    border:1px solid #eee;
    padding-top:4px;
    top:62px
}
#country_code_layer a {
    text-decoration:none
}
#country_code_layer .close-button {
    right:4px;
    top:5px;
    position:absolute;
    width:17px;
    height:17px
}
#country_code_layer .arrow {
    display:block;
    position:absolute;
    background-repeat:no-repeat;
    width:16px;
    height:9px;
    background-position:0 0;
    overflow:hidden;
    top:-9px;
    left:50px
}
#country_code_layer .switchbar .ui-switchable-item {
    width:50px;
    display:inline-block;
    margin-right:-5px;
    border-bottom:2px solid #eee;
    height:38px;
    line-height:38px;
    color:#000
}
#country_code_layer .switchbar .ui-switchable-item:hover {
    border-color:#e4393c
}
#country_code_layer .switchbar .ui-switchable-selected {
    color:#C81623;
    border-color:#e4393c
}
#country_code_layer .ui-switchable-panel-main {
    height:124px;
    padding-left:25px;
    padding-top:17px;
    color:#666;
    font-size:12px
}
#country_code_layer .ui-switchable-panel-main .ui-switchable-panel ul {
    text-align:left
}
#country_code_layer .ui-switchable-panel-main .ui-switchable-panel ul li {
    float:left;
    width:105px;
    height:22px;
    display:inline-block
}
#country_code_layer a:hover {
    color:#C81623
}

.footer {
    font-size:12px;
    text-align:center;
    border-top:solid 1px #e6e6e6;
    color:#999;
    padding-bottom:30px
}
.footer .links {
    padding-top:30px;
    padding-bottom:15px
}
.footer p {
    color:#bbb
}
.footer a {
    color:#999;
    margin:0 10px
}

.arealist{
	position: absolute;
	left: -1px;
    	background: #fff;
    	position: absolute;
    	top: 33px;
	border:1px solid #ddd;
	border-top:none;
	width:110px;
	padding-top:8px;
}
.arealist .select-country{
	border-right: none; 
}

.form-item label{
	float:none;
}
.form-item select {
  border: solid 1px #ccc;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("/Public/images/arrow.png") no-repeat scroll right center transparent;
  padding-right: 14px;
}
.footer .cpright {text-align: center;color:#333;padding:15px 0;}
.footer {background: #fff;width:100%;overflow: hidden;}
.footer p{ color: #333; }