﻿@charset "utf-8";
/* CSS Document */
/* ===============Common=============== */
*{scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/scrollbar-highlight-color:#fff; /*- 左二 -*/scrollbar-face-color:#E4E4E4; /*- 面子 -*/scrollbar-arrow-color:#666; /*- 箭头 -*/
scrollbar-shadow-color:#808080; /*- 右二 -*/scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/scrollbar-base-color:#D7DCE0; /*- 基色 -*/scrollbar-track-color:#;/*- 滑道 -*/}
body{font-family:"微软雅黑",Arial,Tahoma;font-size:12px;color:#2c3237;text-align:left;background:#fff;}
body,ul,ol,li,dl,dt,dd,img,div,table,tr,td,p,h1,h2,h3,h4,h5,h6,input,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input{font-size:12px;font-weight:400;}
ul,ol,li{list-style-type:none;padding:0;margin:0;}
img{border:0;margin:0;}
.fl{float:left;}
.fr{float:right;}
a{color:#2c3237;text-decoration:none;cursor:pointer;}
a:hover{color:#004998;}
.clear{clear:both;*display:inline;overflow:hidden;} 
.clearfix:after {content:".";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{zoom:1;}
.dotted-line{border-style:dashed;height:1px;border:none;border-top:1px solid #999;}
.mar{width:100%;}
input{border:1px solid #CCC;height:25px;line-height:25px;padding-left:5px;color:#333;font-size:14px;outline:none} 
textarea{border:1px solid #CCC;padding:6px;color:#333;line-height:18px;font-size:14px;}

/* =============================Index====================== */
#login{font-family:"微软雅黑",Arial,Tahoma;font-size:14px;color:#2c3237;text-align:left;height:100%;width:100%;background:#f8f9fb url(../Images/homeImg/login_bg.jpg) top no-repeat;}
.index{width:1200px;margin:0 auto;}
.login{padding-top:160px;}
.login .con{width:1200px;margin:0 auto; left top no-repeat;min-height:550px;}
.login .con .box{width:400px;float:right;margin-right:60px;}
.login .con .box .logo{float:left;margin-bottom:35px;}
.login .con .box .sr{height:54px;width:100%;border:1px solid #dddddd;display:block;background:#fff;margin-bottom:20px;}
.login .con .box .sr .c{padding:10px;}
.login .con .box .sr .c span{display:inline-block;float:left;width:38px;height:36px;border-right:1px solid #e2e2e2;}
.login .con .box .sr .c span img{margin:8px;}
.login .con .box .sr .c input{border:0px solid #ccc;height:36px;width:330px;color:#aeaeae;font-size:16px;font-family:"微软雅黑";line-height:36px;}
#pwd{display:none;}
.login_btn{display:block;position:relative;}

/* button */
.button{width:100%;height:50px;line-height:50px;font-size:22px;position: relative;text-align:center;background:#606060;color:#fff;display: inline-block;text-decoration: none;overflow:hidden}        
.button::before{content:'';width:100%;height:100%;background: #c30d23;position: absolute;top:-100%;left:0;transition:transform 0.3s;z-index:-1;}
.button::after{content:'';width:100%;height:100%;background: #606060;position: absolute;top:0;left:0;z-index:-2}
.button:hover{background:none;color:#fff;}
.button:hover::before{transform:translate3d(0, 100%, 0);}

.login_info p{line-height:30px;}
.login_info a.reg{text-decoration:underline;color:#c30d23;}
.login_info a:hover{color:#999}