body {background: url(/static/images/login/Default_bg.jpg) no-repeat top center;width: 100%;height:100%; }

.mdWrapper{ position:absolute;height:480px; width:560px;  top:50%; left:50%; margin-left:-280px; margin-top:-240px;}
.md{ position: relative;height:480px; width:560px;}


.bdBg{  height:100%;width:100%;background:#333; opacity:0.52; position:absolute;top:0;left:0; display:none;}
.loginBg{ height:480px; width:560px;background:#fff; opacity:0.92; position:absolute;top:0;right:0;}

.login{  position:relative }
.login ul{  width:302px; margin:0 auto;}

.loginText{ text-align:center;}
.loginText span{ font-size:28px; line-height:50px; margin:0 auto 30px; display:inline-block; padding-top:30px; border-bottom:3px solid #ff9600;}


.iHead{float:left; text-align:center; width:43px; height:43px; line-height:43px;border:1px solid #B0B0B3; background:#B0B0B3;}
.iHead img{ vertical-align:middle; margin-bottom:2px;}

/*select input*/
.selectSort{float:left;font-weight:lighter;}
.selectSort dt{padding: 0 4px; background:#fff; border-top:1px solid #DCDFE6;border-bottom:1px solid #DCDFE6; width:64px; height:43px; line-height:43px; text-align:center;}
.selectSort dt img{ vertical-align:middle;margin-bottom:2px;}
*html .selectSort dt{ padding-top:6px; height:24px; }
/*.selected{ margin-right:6px;}*/
.selectSort dd{ display:none; position:absolute;max-height:280px;width:230px; background:#fff; border:1px solid #ccc; overflow-y:auto;z-index:12;}
*html .selectSort dd{ height:320px;}  
.selectSort dd a{display:block;padding:2px 6px;}
.selectSort dd a:hover{ background:#f2f2f2; display:block;text-decoration:none;}
.selectSort .selected{}


.login li{margin-bottom:15px;width:302px; overflow:hidden;}


/*.code{float:left; text-align:center;font-weight:lighter;display:inline;border-top:1px solid #ccc; border-bottom:1px solid #ccc;width:40px; height:30px; line-height:30px;}*/
.areaCode{ float:left; display:inline;border:1px solid #ccc; width:60px; height:32px; line-height:32px;box-shadow:0 0 0 0 !important;}
.phoneNumber{ width:183px; height:43px;line-height:43px;float:left; border:1px solid #DCDFE6;border-left:none;
text-indent:4px; background:#fff;}/*width:235px;*/

.useId{ width:255px; height:43px;line-height:43px;float:left; border:1px solid #DCDFE6;border-left:none;
text-indent:4px; background:#fff;text-indent:13px;}

.errorBorder .iHead{border-top:1px solid #EE4026;border-left:1px solid #EE4026; border-bottom:1px solid #EE4026;}
.errorBorder dt{border-top:1px solid #EE4026;border-bottom:1px solid #EE4026; }
.errorBorder .phoneNumber,.errorBorder .useId,.errorBorder .passText{ border-top:1px solid #EE4026;border-right:1px solid #EE4026; border-bottom:1px solid #EE4026;}

.forgotPassword{color:#E18903; margin-left:124px;float:right; font-weight:200;}

.next{width:302px; height:45px; line-height:45px; color:#fff; font-size:18px;border-radius:4px; 
border:none; font-weight:bold; background:#d7d7d7; }
.beFine{background:#FF9B00;cursor:pointer;}



.howDid { margin:16px 0; font-size:14px;text-align:right}

.howDid a{color:#ff9B00;}
.already a{ color:#ff9B00; font-size:14px;margin-left:10px;}
.already { color:#717273; text-align:right}

.agreeWith input{ vertical-align:middle;margin-bottom:2px;}
.agreeWith  span{ color:#717273; margin-right:2px;}

.other{ margin-top:5px;text-align:right; margin-right:1px; float:right; font-size:14px;} /* margin-top:15px; font-size:16px;*/
.other a{color:#ff9600;}


.layui-layer-tips{ margin-left:6px !important;}

.foot{ position:absolute; bottom:28px; left:0; width:100%; text-align:center;}
.foot dt{  font-size:14px; margin-bottom:20px;}
.foot dt a{ color:#fff;}
.foot dd{ color:#d7d7d7;}

.sTitle{  position:absolute; right:56px; bottom:28px;float:right;  font-size:14px;}/*text-align:right; margin-top:10px; */
.sTitle a{ color:#fff;}
.sTitle img{ vertical-align:middle; margin-bottom:2px;}
.rTitle{ position:absolute; right:56px; bottom:62px; z-index:14; display:none;}
.article{ width:500px;  height:auto; padding:5px 16px 16px;background:#fff;  text-align:left;
    color:#333}
.messagesWraper1{ height:34px; line-height:34px;  font-weight:bold; }
.messagesWraper1 .messages{ font-weight:bold;font-size:13px;}
.closeImg1{float:right; height:20px; margin-top:-33px;  display:inline; cursor:pointer;}
.knowMore{ font-size:14px; color:rgba(50, 95, 176, 1); padding-top:6px; display:inline-block}

/* 弹出框 */
.how{ width:560px;  height:480px;background:#fff; border:1px solid #ccc; 
position:fixed;z-index:444; top:50%; font-size:14px;margin-top:-240px; left:50%; margin-left:-280px;display:none;}
*html .how{position:absolute;}
*html,*html body{background-image:url(about:blank);} 


.how dl{ width:302px; margin:0 auto;}
.how dd{ margin-bottom:6px;overflow:hidden;zoom:1;}

.how p{ line-height:36px; }
.how p input{ vertical-align:middle; margin-bottom:2px;}

.how .content{ text-align:left;}
.how input[type='text'],.howKnow,.activityCode,.recommendCode{ width:301px;border:1px solid #DCDFE6 ; height:43px; line-height:43px;text-indent:4px; margin-bottom:8px;}
/*width:300px;*/
/*.howKnow{ width:301px;}*/
.recommendCode{width:300px;}

.content{ font-size:14px; text-align:center;}
.messagesWraper{ height:34px; line-height:34px; padding:10px 20px 10px; }  /*padding:10px 20px 30px; */
.messages{ float:left;display:inline; margin-left:10px; font-weight:bold; }
.closeImg{float:right; height:20px; margin-top:3px; margin-right:10px; display:inline; cursor:pointer;}


.countyCode{ background:#f0f0f0;float:left; text-align:center; width:50px; height:26px; line-height:26px; display:inline-block;}
.imgList{ margin-right:10px;}
.imgListWrapper{ border-bottom:1px dashed #d7d7d7;margin-bottom: 10px; padding-bottom:5px;}


.confirm{width:302px; height:45px; line-height:45px; color:#fff; font-size:18px;border-radius:4px; 
border:none; font-weight:bold; background:#FF9B00; margin-top:6px;}


#emailinvitorCode,#emailfrientUserName{width:300px;}
#emailregister_friend_mobile{width:199px; border-left:none;height: 30px; }
.fs input{ vertical-align: middle; margin-bottom:2px;margin-right:2px;}
/*select input*/

.how .register_selectSort{float:left;font-weight:lighter;width:62px;}
.register_selectSort dt{padding: 0 6px; border:1px solid #DCDFE6; width:48px; height:30px; line-height:30px; text-align:center;}
.register_selectSort dt img{ vertical-align:middle;margin-bottom:3px;_margin-bottom:0;+margin-bottom:0;}
*html .register_selectSort dt{ padding-top:6px; height:24px; }
.mobile_parentId .selected{ margin-right:6px;}
.register_selectSort dd{ display:none; position:absolute;max-height:300px;width:230px; background:#fff; border:1px solid #ccc; overflow-y:auto;}
*html .register_selectSort dd{ height:320px;}
.register_selectSort dd a{display:block;padding: 0 6px;}
.register_selectSort dd a:hover{ background:#f2f2f2; display:block;}
.code{float:left; text-align: center;display:inline;border-top:1px solid #DCDFE6; border-bottom:1px solid #DCDFE6;width:40px; height:30px; line-height:30px;}