html,body{margin: 0; padding: 0}
body{ background: #fff; font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial','Microsoft Yahei', sans-serif; font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';}
 input,textarea{outline:none;}  

.orange_bg{
    background: -webkit-linear-gradient(to right,#fa0,#f70) !important; 
    background: -o-linear-gradient(to right,#fa0,#f70) !important;  
    background: -moz-linear-gradient(to right,#fa0,#f70) !important;  
    background: -mos-linear-gradient(to right,#fa0,#f70) !important;  
    background: linear-gradient(to right,#fa0,#f70) !important; 
}

.blue_bg{ background: #00c1de }

/***top_menu***/
.main_menu{ height: 80px;  margin: 0 auto; clear: both; background: #fff; text-align: left}

.main_menu .logo{ width: auto; padding-top: 22px; float: left;}
.main_menu .logo img{height: 38px}
.main_menu .menu_text{ float: left; height: 30px;line-height: 30px;  border-left: 1px solid #ddd; padding: 0 16px; font-size: 16px; margin:24px 20px; color: #444 }
.main_menu .links{ float: right; line-height: 80px; text-align: right; color: #444; font-size: 15px}

a.gray_link{color: #444;text-decoration: none}
a.gray_link:visited{color: #444;}
a.gray_link:hover{color: #f80}

a.green_link{color: #f80;text-decoration:underline}
a.green_link:visited{color: #f80;}
a.green_link:hover{color: #f70; }


.cont_box{height: 640px; background: #2d3656 no-repeat center bottom /cover; clear: both; width: 100%;}
.reg_box{float: right; text-align: right}

/****/
.cont_box .content{ margin: 0 auto; }
.cont_box .content .img_box{width: 470px; float: left; padding-top: 220px; margin-left: -20px}

.cont_box .content .login_box{width: 380px; float: right; height: 420px; background: #f8f8f8; margin-top: 100px; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,.2); }

.nor_input{ width: 300px; height: 22px; line-height: 22px; padding: 13px 15px; display: block; margin: 12px auto; font-size: 16px; border-radius: 4px; border:1px solid #e4e6e9; background:#fff }
.nor_input:focus{ border:1px solid #ccc}
.error{box-shadow:0 1px 6px rgba(255,105,100,.5); border:1px solid #ff6666; color: #f60}
.error_tips{ margin: 20px 28px; color: #ff6666; height: 32px; line-height: 32px; display: block; font-weight: bold; font-size: 14px; background: url(../img/tips_icon.png) no-repeat left 8px; padding-left: 30px}

a.nor_button{width: 332px; margin: 20px auto; color: #fff; text-align: center; height: 52px; line-height: 52px; display: block; text-decoration: none; font-weight: bold; font-size: 18px;border-radius: 4px; }
a.nor_button:visited{}
a.nor_button:hover{opacity: .8}

.fgt_pw{height: 20px; line-height: 20px; text-align: right; clear: both; font-size: 14px; padding-right: 20px}


.cont_box h4{ width: 336px; margin: 0 auto; height: 66px; line-height: 76px; font-size: 16px}

.footer_box{padding: 40px 0; margin: 0 auto; font-size: 14px; border-top: 1px solid #eee}
.footer_box .left{width: 40%; float: left; text-align: left; background: url(../img/phone_icon.png) no-repeat left 10px; padding-left: 90px;}
.footer_box .right{width: 40%; float: right; text-align: right; padding-top: 4px}
.footer_box h2{font-size: 28px; margin: 0 ; padding: 0}
.footer_box p{font-size: 14px; margin: 0 ; padding: 2px 0 0 }
.footer_box a{color: #111; text-decoration: none}
.footer_box a:visited{color: #111; text-decoration: none}
.footer_box a:hover{color: #FF851E; text-decoration: none}
.footer_box .right span{margin-top: 5px; display: block; line-height: 130%}

.page_width{width:1160px;} 
@media screen and (max-width: 1160px) {
	.page_width{width: 990px; margin: 0 auto; }
}

@media screen and (max-width: 990px) {
	.page_width{width: 760px; margin: 0 auto; }
}

.main_des{ height: 170px;  margin: 0 auto; clear: both; background: #fff;}
.main_des .box{width: 33.3%; float: left; text-align: center}
.main_des .box .icon{height: 50px}
.main_des .box .h3{height: 36px; font-size: 18px; color: #444;}
.main_des .box .text{ line-height: 160%; color: #777; font-size: 14px; max-width: 200px; margin: 0 auto}

/* ---------- 登录页现代化（不改变表单字段与提交逻辑） ---------- */
.main_menu {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}

.main_menu .menu_text {
  color: #1f2937;
  font-weight: 500;
  border-left-color: #e5e7eb;
}

.cont_box .content .login_box {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding-bottom: 8px;
}

.cont_box h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  letter-spacing: 0.02em;
}

.nor_input {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.nor_input:focus {
  border-color: #1677ff;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12);
}

a.nor_button.orange_bg {
  border-radius: 8px;
  background: linear-gradient(135deg, #1677ff 0%, #00b4d8 100%) !important;
  box-shadow: 0 4px 14px rgba(22, 119, 255, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

a.nor_button.orange_bg:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(22, 119, 255, 0.4);
}

a.nor_button.orange_bg:active {
  transform: translateY(0);
}

.footer_box {
  color: #6b7280;
}

.footer_box a:hover {
  color: #1677ff;
}