@charset "utf-8";
/*100%或none 移动端关闭字体大小自动调整功能*/
body { -webkit-text-size-adjust:none;}

/* 移动端禁止长按链接与图片弹出系统默认菜单 */
a,img { border:none;-webkit-touch-callout: none;}

/*禁用了复制粘贴功能*/
body{-webkit-user-select: none;}

/*修正chrome表单自动填充后,input文本框的背景会变成偏黄色的 */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;background-color:transparent;}

/*================================基本信息==============================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td, article, aside,canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output,ruby, section, summary, time, mark, audio,video,input{ margin:0; padding:0; }
body{ font-family:'Microsoft YaHei',"微软雅黑", Arial, "Segoe UI", sans-serif; font-size:12px; line-height:1.6em; color:#333; }
ul,ol,dl,li,dt,dd { list-style:none; }
a:focus,a,a:hover{text-decoration: none;}

/*a {color:#333; text-decoration:none; -webkit-transition:all .5s ease; -webkit-tap-highlight-color: rgba(0,0,0,0);}*/
/*a:hover { -webkit-transition:all .5s ease; }*/
.clearfix{zoom:1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
i {display: inline-block;}
input:focus, a:focus, summary:focus, select:focus, textarea:focus { outline:none; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
input[type="number"]{-moz-appearance:textfield;}


/*@font-face{
	font-family: myFirstFont;
	src:
	url('../fonts/兰亭黑简.ttf'),
	url('../fonts/兰亭细黑 GBK.ttf'),
	url('../fonts/兰亭黑简.eot'),
	url('../fonts/兰亭细黑 GBK.eot'); /* IE9+ */
/*}*/
/*body, td, th, samp, dfn ,input,h4{ font-family: 'myFirstFont';}*/
.fr{float: right}
.fl{float:left}
.wrap{width:1024px;margin: 0 auto;}
#wrap{width: 1124px;margin: 0 auto;}
.wrapper{width: 1145px}
a:hover{text-decoration: none;}
.clearfix{display: block;clear: both; content: '.';visibility: hidden;height: 0;zoom: 1;}


/*页面样式*/
header,section{min-width: 1024px;margin: 0 auto;}


header{height: 10vh;background: #231f20;line-height: 10vh;position: absolute;top: 0;width: 100%;}
header .logo{margin-right: 10px;}
section{background: url(../img/bg-1.png) no-repeat; background-size: cover;height: 100vh;background-position: center 0;}
section .content{padding-top: 135px;}
section .left{margin-left: 25px;}
section .right{background: url(../img/input-1.png) no-repeat;width: 390px;height: 400px;margin-right: 25px;}
section .row{padding: 55px;}
section .right .title{font-size: 26px;color: #3594cc;padding: 15px 0px 15px;}
section .right .input-groups{padding: 10px;}
section .right .form-group{position: relative;}
section .right .form-group input{height: 40px;text-indent: 30px;}
section .right .form-group input.active{border-color: #f00;}
section .right .form-group .code{width: auto;display: inline-block;}
section .right .form-group .img{display: inline-block;width: 80px;float: right;border: 1px solid #ddd;line-height: 40px;height: 40px;overflow: hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}
section .right .form-group .img img{width: 100%;height: auto;vertical-align: middle;}
section .right .form-group .btn-login{color: #fff;height: 40px;font-size: 18px;}
section .right .icon{position: absolute;background: url(../img/index.png) no-repeat;}
section .right .users{width: 25px;height: 20px;background-position: -15px -67px;top: 14px;left: 13px;}
section .right .psws{width: 20px;height: 25px;background-position: -15px -136px;top: 11px;left: 13px;}
section .right .imgcode{width: 20px;height: 20px;background-position: -15px -213px;top: 13px;left: 13px;}
section .right .errors {margin-bottom: 15px;font-size: 14px;color: #ff0b2d;text-align: center;opacity: 0;}
section .right .error{width: 20px;height: 20px;background-position: -15px -282px;}
section .right .errors span{margin-left: 20px;}
section .input-group{padding-bottom: 10px;width: 100%;color: #999999;font-size: 14px;}
section .input-group input{opacity: 0;}
section .input-group a{color: #1db0fd;text-decoration: underline;}
section .right .checked{background-position:-15px -245px ;width: 20px;height: 20px;left: -2px;}
/*section .right .checked.active{opacity: 1;}*/

footer{width: 100%;text-align: center;color: #fff;font-size: 14px;position: absolute;bottom: 20px;}
/*聚焦情况*/
section .right .users.focus{width: 25px;height: 20px;background-position:  -15px -27px;top: 14px;left: 13px;}
section .right .psws.focus{width: 20px;height: 25px;background-position: -15px -103px;top: 11px;left: 13px;}
section .right .imgcode.focus{width: 20px;height: 20px;background-position: -14px -178px;top: 13px;left: 13px;}

section .right .errors.active{opacity: 1;}