/*!
 * 个人空间
   登录页
*/
 
html *{ margin:0; padding:0;-webkit-text-size-adjust:none;}
body{ font-size:12px; font-family:微软雅黑; background:#f5f5f5; color:#515151; -webkit-text-size-adjust:none; }

body.bodylogin{ font-size:12px; font-family:微软雅黑; background:#2d2d2d url(/Public/images/login/body-bg.gif?v=1) repeat-x; color:#515151; -webkit-text-size-adjust:none; }
body,ul,li,div,p,img,input,h1,h2,h3{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0;}
em{ font-style:italic;}
textarea{  resize:none;font-family:微软雅黑; line-height:150%; }
.clearer{ clear:both; height:0; overflow:hidden;}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}
input{font-family:微软雅黑;}

a{ color:#515151; text-decoration:none; outline:none;}
a:visited{}
a:hover{ }
a:active{ outline:none;} 
.blue{ color:#366091;} 
a.blue{ color:#366091;} 
.gray{ color:#aaaaaa;}
a.underline{ text-decoration:underline;} 

/* 获取验证码 */ 
.btn-orange{ display:block; height:36px; line-height:36px; width:90px; text-align:center; background:#ffba34; border-radius:2px; color:#fff; font-size:12px; }
/* 重新发送 */ 
.btn-gray{ display:block; height:36px; line-height:36px; width:90px; text-align:center; background:#d2d2d2; border-radius:2px; color:#fff; font-size:12px; }
/* 注册确定大按钮 */ 
.btn-green-big{ height:42px; width:420px; background:#a0c824; border:0; border-radius:2px; color:#fff; font-size:14px; cursor:pointer;}

.btn-red{ display:inline-block; *zoom:1; text-align:center; height:36px; line-height:36px; width:75px; background:#ff8069; border-radius:2px; color:#fff; font-size:14px; cursor:pointer;}


 

/* 页尾 */ 
.footerwrap{ width:1070px; height:195px; width:100%; background:#2d2d2d; clear:both; }
.footer{ clear:both; width:1030px; margin:0 auto; height:160px; color:#d3d3d3; text-align:center; line-height:230%; padding-top:35px; font-size:11px; font-family:"黑体"; position:relative; background:#2d2d2d; padding-right:40px; }
.footer p{ padding-top:50px; padding-bottom:10px;}
.footer p a{ color:#d3d3d3; font-size:14px; margin: 0 40px 0 20px;}
.footer .rightinfo{ position:absolute; right:10px; top:35px; }
.footer .rightinfo span{ display:inline-block; width:90px; text-align:center; *zoom:1; font-size:14px; margin-right:20px; }
.footer .rightinfo span img{ margin-top:5px; }

 
 
/* 头部 */
.header{ height:82px; width: 100%; background-color:#3b5998; }
.headerin{ height:82px; width:1020px; margin:0 auto; color:#ffffff; }
.headerin a{ color:#ffffff; }
.headerin .logo{ width:219px; height:52px; display:inline; margin-top:13px; margin-left:-10px; _margin-left:0; float:left; background:#3b5998 url(/Public/images/logo3.png) no-repeat center left; }
.headerin .down{ float:right; font-size:14px; display:inline; margin-top:28px; color:#d0d0d0; }  





.main{ width:1070px; margin:0 auto; height:525px;  }
.leftmain{ width:680px; float:left; margin-top:50px; height:475px;  }
/* 希望谷焦点头像 */
.leftmain .box01{ width:680px; }
.leftmain .box01 img{ vertical-align:top;}
.leftmain .box01 .box_face{ width:97px; height:104px; float:left; }
.leftmain .box01 .box_face img{ width:97px; height:104px; }
.leftmain .box01 .box_focus{ width:291px; height:208px; background:#3b5998; float:left; }
.leftmain .box01 .box_focus p{ font-size:19px; line-height:35px; text-align:center; padding-top:70px; color:#fff; }
.leftmain .box01 .box02{ width:194px; height:208px; float:left; }

 
/* 登录框 */
.loginbox{ width:302px; height:416px; background:#fff; border:1px solid #cfd6de; box-shadow:1px 1px 5px rgba(0,0,0,.1); float:right; margin-top:50px; padding:0 29px; color:#888; position:relative;  } 
.loginbox input{ vertical-align:middle; }
.loginbox .title{ font-size:26px; text-align:center; height:41px; line-height:150%; padding-top:18px; color:#141823;}
.loginbox .input01{ width:255px; height:46px; border:1px solid #bdc7d8; background:#ffffff url(/Public/images/icon-phonenumber.gif) no-repeat 20px 14px; margin-top:15px; line-height:46px; border-radius:5px; font-size:14px; color:#999999; padding-left:45px; }  
.loginbox .input01.psd{ background-image:url(/Public/images/icon-psd.gif); }  
.loginbox .tips2{ margin:13px 3px 13px 3px; line-height:160%; *margin:13px 0 17px 3px; font-size:14px; color:#888; }
.loginbox .tips2 a{ color:#888; }
.loginbox .tips2 .right0{ float:right;}
.loginbox a.btn img{ margin-top:8px; }
.loginbox a{ color:#3b5998; }   
.loginbox .tips{ font-size:14px; margin-top:8px; }
.loginbox .tips img{ vertical-align:middle; margin:0; }
.loginbox a.btn-reg{ position:absolute; left:0; bottom:-1px; }
.loginbox a.btn-reg img{ vertical-align:top; }


.main2{ width:1070px; margin:0 auto; height:400px; clear:both; background:#ccc; }  
.main2 .text{ color:#fff; line-height:36px;}
.main2 .text h2{ font-size:28px; font-weight:normal; margin-bottom:40px; line-height:36px;}
.main2 .text p{ font-size:18px;} 
.main2.cont1{ background:url(/Public/images/login/cont1.png) no-repeat 600px 80px; _background-image:url(/Public/images/login/cont1.gif); }  
.main2.cont1 .text{ width:440px; padding:66px 0 0 100px; }  
.main2.cont2{ background:url(/Public/images/login/cont2.png) no-repeat 100px 50px; _background-image:url(/Public/images/login/cont2.gif); } 
.main2.cont2 .text{ color:#88a6e5; padding:36px 0 0 510px; line-height:30px; }   
.main2.cont3{ background:url(/Public/images/login/cont3.png) no-repeat 620px 70px; _background-image:url(/Public/images/login/cont3.gif); }  
.main2.cont3 .text{ width:490px; padding:56px 0 0 44px; }  
.main2.cont4{ background:url(/Public/images/login/cont4.png) no-repeat 79px 60px; _background-image:url(/Public/images/login/cont4.gif); }   
.main2.cont4 .text{ color:#88a6e5; width:475px; padding:76px 0 0 526px; }  
 
 

/* 首页--口号 */
.slogan{ width:1070px; margin:0 auto; height:200px; clear:both; text-align:center; font-size:28px; line-height:200px; color:#fff; }  





/* 关于希望谷等页面 */ 
.mainwarp{ width:940px; margin:0 auto; }
/* 左侧导航 */
.mainwarp .leftmenu{ width:228px; float:left; margin-bottom:40px; }
.mainwarp .leftmenu ul{ width:228px; border:1px solid #e5e5e5; }
.mainwarp .leftmenu ul li{ height:40px; border-bottom:1px solid #e5e5e5; }
.mainwarp .leftmenu ul li a{ display:block; height:40px; line-height:40px; width:213px; font-size:14px; padding-left:15px; background:#ffffff url(/Public/images/login/arrow.gif) no-repeat 205px 15px; color:#666666; }  
.mainwarp .leftmenu ul li.cur a,.mainwarp .leftmenu ul li a:hover{ color:#6687ce; background:#eeeeee url(/Public/images/login/arrow_.gif) no-repeat 205px 15px; }

/* 右侧主体 */
.mainwarp .mainbox{ width:696px; float:right; margin-bottom:40px; border:1px solid #e5e5e5; border-top:0; background:#fff; }
.mainwarp .mainbox .title{ height:37px; font-size:20px; padding-top:30px; color:#666; line-height:37px; background:url(/Public/images/login/dot-dc.gif) repeat-x 0 50px; margin:0 25px; position:relative; margin-top:20px; }
.mainwarp .mainbox .title span{ display:inline-block; *zoom:1; padding-left:15px; padding-right:10px; background:#fff url(/Public/images/login/icon-dot.gif) no-repeat 0 16px; }
.mainwarp .mainbox .title .tips{ position:absolute; right:-5px; top:0; font-size:38px; color:#dcdcdc; }
.mainwarp .mainbox .text{ color:#666; font-size:12px; line-height:24px; padding:15px 22px 30px 24px; }
.mainwarp .mainbox .text img.ewm{ margin-top:10px; }
/* 家长心声 */
.mainwarp .mainbox .text-jiazhangxins{ text-align:center; padding-bottom:30px; color:#666; }
.mainwarp .mainbox .text-jiazhangxins .xs-title{ font-size:14px; margin:35px 0 30px 0; font-weight:bold; }
.mainwarp .mainbox .text-jiazhangxins p{ font-size:12px; line-height:18px; padding-bottom:10px; }
/* faq */
.mainwarp .mainbox .faq{ }
.mainwarp .mainbox .faq dt{ background:url(/Public/images/dot.gif) no-repeat 0 10px; font-weight:bold; color:#4761a2; padding-left:20px; line-height:24px;  font-size:12px; margin-bottom:3px;}
.mainwarp .mainbox .faq dd{ line-height:24px; padding-left:20px; margin-bottom:20px; }
 
 

/* 弹出层---登录选择用户 */
.pop-users{ z-index:12000; width:400px; position:absolute; top:50%; left:50%; }
.pop-usersin{ width:400px; background:#ffffff; position:relative; border:1px solid #a0b1c4; left:-50%; margin-top:-50%; border-radius: 8px;  box-shadow: 0px 0px 7px rgba(0,0,0,0.1); min-height:380px; }
.pop-users .pop-title{ height:40px; color:#333; padding-top:11px; line-height:30px; background:#f9fbfe; border-bottom:1px solid #a0b1c4; text-align:center; font-size:18px;border-radius: 8px 8px 0 0;  } 
.pop-users .pop-cont{ padding:3px 0 0px 20px;max-height: 400px;overflow: auto;}
.pop-users .pop-cont ul{ }  
.pop-users .pop-cont ul li{ color:#6f7479; clear:both; font-size:14px; margin-bottom: 11px; margin-top:11px; height:92px; *height:88px; }  
.pop-users .pop-cont ul li .face{ width:105px; float:left; } 
.pop-users .pop-cont ul li .face img{ width:84px; height:84px; padding:3px; border:1px solid #d8d8d8; border-radius: 5px; } 
.pop-users .pop-cont ul li .info{ width:200px; float:left;color:#8c8c8c; font-size:13px; line-height:140%; margin-top:24px; }
.pop-users .pop-cont ul li h3{ font-size:15px; color:#555555; height:20px;margin-bottom: 5px;}
.pop-users .pop-cont ul li .login-button span {background-color: #0099ff;padding: 5px 10px;color: white;line-height: 140%;cursor: pointer;}
.pop-users .pop-cont ul li .login-button span a {color: white}
.pop-users .pop-cont ul li .login-button {height: 100%;display: flex;align-items: center;margin-right: 10px;}



/* 浮动弹出层-- */
.f-pop { width:253px; position:absolute; top:240px; left:50%; z-index:1000; background:#fff url(/Public/images/reg-dec.gif) no-repeat center 0; border-radius:6px; text-align:center; padding-bottom:10px; }
.f-pop a.close{ display:block; width:20px; height:20px; background:url(/Public/images/reg-close.png) no-repeat;  _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,  sizingMethod=scale, src="/Public/images/reg-close.png"); position:absolute; right:-10px; top:-10px;}
.f-pop .fd_title{ font-size:12px; padding:40px 0 20px 0; }
/* 使用已有账号登陆 */
.f-pop .btn-log{ display:block; height:25px; line-height:25px; width:150px; text-align:center; background:#42c2b3; border-radius:12px; color:#fff; font-size:12px; margin:10px auto; }
/* 注册 */
.f-pop .btn-reg{ display:block; height:25px; line-height:25px; width:150px; text-align:center; background:#17b4eb; border-radius:12px; color:#fff; font-size:12px; margin:10px auto; margin-top:15px; }
.f-pop .btn-reg.sure{ width:75px; }

.layer_masks{
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:100;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}