body{margin:0;font:12px/1.8 Tahoma,Geneva,'\5B8B\4F53';color:#333;background:white;}
input,textarea,select{margin:0;padding:0;font-size:12px;outline:none;resize:none;}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#224892;outline:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
i,em{font-style:normal;}
b{color:#F63;}
button{cursor:pointer;}
button i{display:none;}
.text,textarea{font-size:14px;color:#333;border:1px solid;border-color:#CECECF;border-radius:0;background:white;box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.1);-webkit-appearance:none;}
.text:focus,textarea:focus{outline:none;border-color:#92AFED;box-shadow:0 0 5px #92AFEC,inset 1px 1px 2px rgba(0, 0, 0, 0.1);}
.text{width:170px;height:24px;padding:7px 9px;line-height:24px;}
input.err,input.err:focus{color:#900;border-color:#E06341;background:#FFEFEC;box-shadow:0 0 5px #E06341;}
textarea{width:270px;height:100px;padding:5px 9px;line-height:1.7;font-size:14px;overflow:auto;resize:none;}
.button{display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-size:18px;font-family:'Heiti SC','\5fae\8f6f\96c5\9ed1','\9ed1\4f53';color:white;border:0 none;background-color:#167efb;background-repeat:repeat-x;background-position:0 0;cursor:pointer;}
.button:hover{text-decoration:none;background-color:#1672e3;}
.button:active{background-color:#3482e1;}
.button .icon{position:relative;top:11px;vertical-align:top;font-weight:normal;}
.button span{position:relative;top:11px;display:inline-block;height:16px;line-height:16px;vertical-align:top;padding-left:8px;}
.button em{display:none;}
.btn-gray{color:#666;background-color:#eee;}
.btn-gray:hover{background-color:#ddd;}
.btn-gray:active{background-color:#e7e7e7;}
.btn-green{height:50px;line-height:50px;background-color:#9ed04d;}
.btn-green:hover{background-color:#76bf48;}
.btn-green:active{background-color:#51b73d;}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{background-color:#e7e7e7;color:#A1A1A1;cursor:not-allowed;}
button.button{height:40px;padding:0 10px;line-height:normal;}


body,html{
	margin:0px;
	height:100%;
	width:100%;
}

.wrap {
	width:100%;
	height:100%;
}


.banner-show{
	z-index:0;
	width:100%;
	height:100%;
}
.banner-show .cell{
	z-index:0;
	width:100%;
	height:100%;
}
.banner-show .cell .con{
	position:relative;
	background-repeat:no-repeat;background-position:center top; 
	overflow: hidden;
}
.bns-01{background-image:url(/Public/images/login/mid_banner/banner1.jpg);}
.bns-02{background-image:url(/Public/images/login/mid_banner/banner2.jpg);}
.bns-03{background-image:url(/Public/images/login/mid_banner/banner3.jpg);}
.banner-link{position:absolute;top:100px;left:50%;width:400px;height:400px;margin-left:-430px;}
.banner-link i{display:none;}
.banner-control{position:absolute;top:0;left:50%;width:980px;margin-left:-490px;}
.banner-control a{position:absolute;top:258px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(/Public/images/login/icon_control.png);background-repeat:no-repeat;background-repeat:no-repeat;}
.banner-control a.left{left:-150px;background-position:0 0;}
.banner-control a.left:hover{background-position:0 -30px;}
.banner-control a.right{right:-150px;background-position:-30px 0;}
.banner-control a.right:hover{background-position:-30px -30px;}
.container{
	position: relative;
	left: -15%;
	top: -10%;
}
.storage-info{display:none;position:absolute;top:0;width:980px;height:30px;padding:20px 0;text-align:right;overflow:hidden;}
.storage-info span{position:relative;display:inline-block;height:30px;margin:0 0 0 40px;padding-left:48px;line-height:30px;zoom:1;font-size:18px;color:white;}
.storage-info i{position:absolute;top:0;left:0;width:36px;height:30px;overflow:hidden;background-image:url(/Public/images/login/icon_storage.gif);background-repeat:no-repeat;}
.ist-user{background-position:0 0;}
.ist-storage{background-position:-36px 0;}
.ist-file{background-position:-72px 0;}
.register-box{position:absolute;top:-550px;right:0;width:396px;height:350px;background:white;border-radius:3px;background:rgba(0, 153, 153, 0.5);}
.reg-tab{position:relative;width:396px;height:57px;zoom:1;overflow:hidden;border-radius:3px 3px 0 0;}
.reg-tab span{float:left;width:198px;height:57px;margin-left:-1px;line-height:57px;text-align:center;font-size:24px;color:#444;border-left:1px solid #d2d3d4;background:url(/Public/images/login/bg_tab_x.png) repeat-x 0 0;cursor:pointer;}
.reg-tab span:first-child{border-top-left-radius:3px;}
.reg-tab span:last-child{border-top-right-radius:3px;}
.reg-tab span.current{background:none;cursor:default;}
.reg-slogan{height:50px;line-height:50px;text-align:center;font-size:16px;}
.reg-form{width:328px;height:280px;margin:auto;}
.reg-form .cell{position:relative;height:40px;margin-bottom:22px;zoom:1;}
.reg-form .cell label{position:absolute;top:0;left:0;z-index:1;padding:0 12px;line-height:40px;font-size:16px;color:#999;font-weight:bold;cursor:text;}
.reg-form .cell input{position:absolute;top:0;left:0;width:304px;padding:7px 11px;font-size:16px;background:none;}
.reg-form .cell .icon-form{top:11px;right:10px;}
.reg-form .vcode input{width:110px;}
.reg-form .vcode .button{position:absolute;top:0;left:144px;width:182px;padding:0;font-size:14px;}
.reg-form .vcode img{position:absolute;top:0;left:144px;width:110px;height:40px;}
.reg-form .vcode span{position:absolute;top:0;left:264px;line-height:40px;font-size:14px;}
.reg-form .vcode .icon-form{right:204px;}
.reg-form .vcode .login-popup-hint{right:194px;}
.reg-form .user-agreement{height:16px;margin-top:-22px;padding:18px 0;line-height:16px;}
.reg-form .user-agreement input{float:left;width:14px;height:14px;margin:1px 5px 0 0;}
.reg-form .bottom{height:40px;}
.reg-form .bottom .button{display:block;border-radius:3px;}
/*
本代码由素材家园收集并编辑整理;
尊重他人劳动成果;
转载请保留素材家园链接 - www.sucaijiayuan.com
*/

/*
改版uI新样式
*/
.container1{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top:-240px;
	width:360px;
	height:480px;
	margin-left:-180px;
}
.container1 .cont-logn{
	height:58px;
	width:360;
	margin:0 auto 30px;
}

.container1 .cont-logn img{
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
}
.container1 .register{
	width:100%;
    border-radius: 3px;
    overflow:hidden;
    border-radius: 8px;
    -webkit-box-shadow:0 0 20px #c7c8c9;  
    -moz-box-shadow:0 0 20px #c7c8c9;  
    box-shadow:0 0 20px #c7c8c9; 
}
.register .slogan{
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:18px;
	color:#686868;
	background:url('/Public/new-images/slogan.png') repeat center center;
	background-size:100% 100%;  
}
.register .reg-form{
	height: 280px;
	width: 300px;
	background-color:#f6f7fb;
	padding:0 30px;
	background:url('/Public/new-images/reg-form.png') repeat center center;
	background-size:100% 100%;
}
.reg-form .cell-li{
	height: 45px;
    margin-bottom: 15px;
    width:100%;
}
.reg-form .cell-li input {
    font-size: 15px;
    padding: 0 35px;
    width: 230px;
    border-radius: 4px;
    height: 45px;
    line-height:45px;
    box-shadow:none;
    color:#9fa1a0;
}
.reg-form .cell-li .loginuser{
	background:url('/Public/new-images/loginuser.png') no-repeat 10px center;
	background-size:14px 14px;
}
.reg-form .cell-li .loginpwd{
	background:url('/Public/new-images/loginpwd.png') no-repeat 10px center;
	background-size:14px 14px;
}
.reg-form .cell-li .verifycode{
	background:url('/Public/new-images/verifycode.png') no-repeat 10px center;
	background-size:14px 14px;
}

.btn-new{
	background:url('/Public/new-images/btn-new.png') repeat center center;
	background-size:45px 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    display: block;
    font-size:18px;
    text-align:center;
    color:#fff;
    width:100%;
    border:none;
}
.container1 .cont-bottom{
	width:206px;
	height:42px;
	margin:20px auto 0;
}
.container1 .cont-bottom img{
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
}