@charset "utf-8";
/* CSS Document */
body{
    font-size:12px;
	font-family:"宋体", Arial;
	color:#555;
	padding:0px;
	background:#f2f2f2;
}
*{
	margin:0px;
	border:0px;
	padding:0px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
}
ul{ 
   list-style:none;
}
ul li{ 
   list-style-type:none;
}
dl>div{
	clear:inherit!important;
}
h1,h2,h3,h4,h5,h6{
    font-size: 14px;
    font-family:"微软雅黑";
    font-weight: 500;
}
div{
	word-break:break-all;
	word-wrap:break-word;
}
.clear{
	clear:both;
	font-size:0px;
	visibility:hidden;
	width:0px;
	line-height:0px!important;height:0;
}	
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#555;
}
a,input,select{
	-webkit-appearance: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline:none;
	background:none;
	text-decoration: none;
}
.tip,.tip a,a.tip{
	color:#bbb;
}
.tipped{
	color:#bbb;
	font-family:"宋体";
}
.warning,.warning a,a.warning{
	color:#ff4b8c;
}
.highlight,.highlight a,a.highlight{
	color:#2b98b9;
}
.secondary,.secondary a,a.secondary{
	color:#999;
}
input,select{
	vertical-align:middle;
    outline:none;
    color:#555;
    font-size:12px;
    font-family:Arial,"宋体";
}
textarea{
    outline:none;
    color:#555;
}
input[type="checkbox"]{
    height:13px;
    width:13px;
    -webkit-appearance: none;
    background: none;
    border: 1px solid #ccc;
    cursor:pointer;
}
input[type="checkbox"]:checked{
	background:#0f8fcc url(../images/checked.png) center center no-repeat;
    border: 1px solid #0f8fcc;
}
input[type="radio"] {
    width:14px;
    height:14px;
    outline:none;
    -webkit-appearance: none;
    border:1px solid #999;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    vertical-align:middle;
    cursor:pointer;
}
input[type="radio"]:checked {
    background:url(../images/radio.png) center center no-repeat;
    border:1px solid #ed145b;
}
.en{
    font-family:Arial;
}
.h10{
	height:10px;
    clear:both;
}
.none{
    display:none!important;
}
body p.subTitle,.subTitle{
	font-family:Arial;
	font-size:14px;
	font-weight:500;
	text-indent:0px;
}
.buttonbar{
    padding:20px 0px;
    clear:both;
	text-align:center;
}
.tipbar {
    clear: both;
    text-align: center;
    line-height:20px;
}
.copy{
    cursor:pointer;
}
.copyValue{
    width:1px;
    height:1px;
    line-height:1px;
    text-indent:1px;
    padding:0px;
    margin:0px;
    border:0px;
    background:none;
}
.validation-summary-errors,.validation-summary-errors li{
    display:inline-block;
}
.loginbg{
	background:#fff;
}
.login_top{
	width:1000px;
	height:130px;
    line-height:130px;
	margin:0 auto;
}
.login_top img{
    vertical-align:middle;
}
.login_wrapper{
	min-width:1000px;
	height:520px;
	background:#317cc8;
	background:linear-gradient(135deg,#5e5ae2,#0188cc,#0188cc,#0188cc,#00b7ee);
}
.login_main{
	width:1000px;
	height:520px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background:url(../images/login_banner.png) 0px center no-repeat;
}
.hx_box{
	position:absolute;
    top: 55%;
    left:16%;
    width: 150px;
    height: 150px;
    transform-style: preserve-3d;
    transform: translate(0%, -50%) rotateY(75deg);
}
.hx{
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: hxz 20s linear infinite;
}
@keyframes hxz {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}
.hx_box>div>div{
    width: 100%;
    height: 100%;
    border: 4px solid #5ec0ff;
    border-radius: 1000px;
	position:absolute;
	left:0;
	top:0;
}
.hx_box span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/hx.png) no-repeat center center;
    background-size: 100% 100%;
    animation: hx 4s linear infinite;
}
@keyframes hx {
	from{
		transform: rotate(0deg);
	}
    to {
        transform: rotate(360deg);
    }
}
.hx_k1 {
    transform: rotateX(0deg) rotateZ(0deg);
}

.hx_k2 {
    transform: rotateX(60deg) rotateZ(60deg);
}

.hx_k3 {
    transform: rotateX(-60deg) rotateZ(-60deg);
}
.login{
	width:320px;
	height:375px;
	float:right;
	background:#fff;
	-moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
	margin-top:72.5px;
}
.loginTitle{
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 10px;
	border-bottom:1px dashed #ccc;
}
.loginTitle span{
	font-weight:500;
}
.login01{
	width:auto;
	text-align:center;
	padding-top:15px;
}
.login01 li{
	height:45px;
	line-height:45px;
	overflow:hidden;
}
.user{
	width:180px;
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
	padding:0 3px;
}
.login input:-webkit-autofill {
    -webkit-text-fill-color: #555 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.login a{
	color:#2b98b9;
}
.color01{
	color:#2b98b9;
}
.email{
	width:114px;
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
    border-right:0px;
	padding:0 3px;
}
.send{
	width:67px;
	height:32px;
	background:#fff;
	cursor:pointer;
	color:#555;
	text-align:center;
    border:1px solid #ccc;
}
.num1{
	width:36px;
	height:30px;
	line-height:30px;
    text-align:center;
    background:url(../images/login_01.png);
    font-family:Arial;
	border:1px solid #ccc;
	border-right:0px;
    display:inline-block;
    vertical-align:middle;
}
.num2{
	width:36px;
	height:30px;
	line-height:30px;
    background:url(../images/login_01.png);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
    display:inline-block;
    vertical-align:middle;
}
.add{
    width:22px;
	height:30px;
	line-height:30px;
    text-align:center;
    background:url(../images/login_01.png);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
    display:inline-block;
    vertical-align:middle;
}
.equal{
    width:26px;
	height:30px;
	line-height:30px;
    text-align:center;
    background:url(../images/login_01.png);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
    display:inline-block;
    vertical-align:middle;
}
.sum{
	text-align:center;
	width:65px;
	height:30px;
	line-height:30px;
	letter-spacing:1px;
	border:1px solid #ccc;
}
.login_button{
	width:225px;
	height:40px;
	background:#00b7ee;
	cursor:pointer;
	color:#fff;
	text-align:center;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:5px;
}
.login_bottom{
	width:1000px;
	height:50px;
	text-align:center;
	line-height:22px;
	margin:0 auto;
	padding-top:30px;
    font-family:Arial;
}
.reg_main{
	width:1200px;
    min-height:760px;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
    padding-bottom:10px;
}
.reg_content{
	margin:0 auto;
	padding:40px 0px 0px 270px;
	overflow:hidden;
	background:#fff;
    line-height:22px;
}
.reg_content dt{
	width:20%;
	min-height:45px;
	text-align:right;
	display:block;
	float:left;
	line-height:32px;
}
.reg_content dd{
	width:80%;
	float:left;
	min-height:45px;
	line-height:32px;
}
.reg_button{
	width:190px;
	height:40px;
	background:#00b7ee;
	cursor:pointer;
	color:#fff;
	letter-spacing:5px;
	text-align:center;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
}
.topbar{
	height:45px;
    border-bottom:1px solid #ddd;
}
.topbar_left{
	width:auto;
	float:left;
	line-height:45px;
	padding-left:10px;
    font-size:14px;
    font-weight:500;
}
.topbar_left span{
	padding:0px 6px;
}
.search_box{
	float:right;
	padding-top:8px;
    padding-right:10px;
}
.text01{
	width:160px;
    height:28px;
    line-height:28px;
	padding:0 2px;
    float:left;
    border:1px solid #ccc;
    border-right:0px;
}
.search_button{
	height:30px;
	background:#00b7ee;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-align:center;
    float:left;
    padding:0px 12px;
}
.loginUser{
	width:60px;
	height:60px;
	-moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    display:block;
    margin:auto;
}
.loginUser a{
    width:100px;
    height:100px;
    display:block;
}
.header .loginUser {
    width:60px;
	height:60px;
    margin:10px 10px 0px 0px;
    float:left;
}
.header .loginUser a{
    width:60px;
    height:60px;
}
.header_wrapper{
	min-width:1200px;
	background:#222935;
}
.header{
	width:1200px;
	height:80px;
	margin:0px auto;
}
.logo{
    line-height:80px;
    float:left;
    color:#fff;
    font-size:14px;
	font-family:"微软雅黑";
	font-weight:500;
}
.logo img{
    vertical-align:middle;
}
.logo a{
    color:#fff;
}
.menu{
    text-align:right;
    float:right;
    color:#fff;
	line-height:14px;
	font-family:"微软雅黑";
	font-weight:500;
}
.menu li{
	text-align:center;
	height:80px;
	width:100px;
	float:left;
	cursor:pointer;
}
.menu li img{
	height:18px;
	padding:20px 0px  5px 0px;
}
.menu a{
	display:block;
	height:80px;
    color:#fff;
}
.menu li:hover,.menu a.clickclass{
	background:#0f8fcc;
}
.bottom{
	width:auto;
	height:40px;
	padding:30px 0px 0px 0px;
	background:#222935;
	margin:0 auto;
	text-align:center;
	color:#fff;
	line-height:20px;
	clear:both;
    font-family:Arial;
}
.bottom a{
    color:#fff;
}
.button01{
    min-width:100px;
	height:35px;
    line-height:35px;
	background:#00b7ee;
	border:0px;
	cursor:pointer;
	color:#fff;
	text-align:center;
    padding:0px 10px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
	border-radius:3px;
    font-size:14px;
    letter-spacing:3px;
}