@charset "utf-8";
/* CSS Document */

/**common**/
html, body { width:100%; height:100%;}
*{ margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; line-height:30px; font-size:16px;}
td { color:#787878;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none!important;}
a:visited { text-decoration:none!important;}
a:hover { text-decoration:none!important;}
a:active { text-decoration:none!important;}
input::-webkit-input-placeholder { color: #ccc;}
input::-moz-input-placeholder { color: #ccc;}
input::-ms-input-placeholder { color: #ccc;}

.fl { float:left;}
.fr { float:right;}

@font-face { font-family: "RobotoRegular"; src: url("../fonts/RobotoRegular.ttf");}
@font-face { font-family: "DINMittelschrift"; src: url("../fonts/DINMittelschrift.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#e6e6e6; border-radius:0;}
::-webkit-scrollbar-thumb { background-color:#ff6d34;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#ff6d34;} /* 滚动条滑块点击状态 */

/*lyLogin_header*/
.lyLogin_header { width:100%; height:60px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;}
.lyLogin_header .lyLogin_logo { width:1200px; height:50px; overflow:hidden; margin:5px auto; padding:0;}
.lyLogin_logo a { display: table-cell; vertical-align: middle; width:100%; height:50px; overflow:hidden; margin:0; padding:0;}
.lyLogin_logo a img { max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

/*lyLogin_container*/
.lyLogin_container { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:60px 0 50px; background:url(../images/loginBg.png) center center no-repeat; background-size:cover; position:relative;}
.lyLogin_container .lyLogin_main { width:1200px; height:auto; margin:0; padding:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.lyLogin_main .lyLogin_pic { width:720px; height:500px; overflow:hidden; margin:0; padding:0; float:left; position:relative;}
.lyLogin_pic img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}

.lyLogin_main .lyLogin_form { width:400px; height:480px; margin:10px 0; padding:40px; background-color:#fff; box-shadow:0 0 30px rgba(119,104,98,0.1); border-radius:8px; float:right;}
.lyLogin_form .lyLogin_tit { width:100%; height:32px; overflow:hidden; line-height:32px; color:#262626; font-size:24px; margin:0 auto 40px; padding:0;}
.lyLogin_form .lyLogin_group { margin-bottom:20px; position:relative;}
.lyLogin_form .lyLogin_input { height:48px; line-height:46px; font-size:16px; border-radius:2px; padding:9px 10px; caret-color:#ff6d34;}
.lyLogin_form .lyLogin_input:focus { color:#262626; background-color:#fff; border-color:#ff6d34; outline:0; box-shadow:none;}
.lyLogin_form .lyLogin_usename, .lyLogin_form .lyLogin_password { padding:9px 10px 9px 38px;}
.lyLogin_form svg { display:block; width:16px; height:16px; margin:-8px 0 0; position:absolute; left:12px; top:50%;}
.lyLogin_form .lyLogin_code { width:200px; float:left;}
.lyLogin_form a.codeImg { display:block; width:100px; height:48px; overflow:hidden; margin:0; padding:0; border:1px solid #ced4da; border-radius:2px; float:right; position:relative;}
.lyLogin_form a.codeImg img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.lyLogin_form .lyLogin_check { height:30px; line-height:30px; color:#9c9c9c; font-size:14px; padding:0 0 0 24px;}
.lyLogin_form .lyLogin_check .form-check-input { display:block; width:14px; height:14px; margin:0; padding:0; border:1px solid #ced4da; float:left; left:0; top:8px;}
.lyLogin_form .lyLogin_check input[type="checkbox"]::after { display:block; width:14px; height:14px; margin:0; padding:0; background-color:#fff; border:1px solid #ced4da; border-radius:2px; content:"";}
.lyLogin_form .lyLogin_check input[type="checkbox"]:checked::after { background:#ff6d34 url(../images/ckd.png) center center no-repeat; border:1px solid #ff6d34;}
.lyLogin_form .lyLogin_check .form-check-label { cursor:pointer;}
.lyLogin_form a.lyLogin_forget { display:block; width:auto; height:30px; line-height:30px; color:#9c9c9c; font-size:14px; margin:0; padding:0; float:right; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyLogin_form a.lyLogin_forget:hover { color:#ff6d34;}
.lyLogin_form .lyLogin_btn { width:100%; height:48px; overflow:hidden; line-height:48px; color:#fff; font-size:16px; text-align:center; background-color:#ff6d34; border-radius:2px; margin:15px auto 0; padding:0; border:0; outline: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyLogin_form .lyLogin_btn:hover { background-color:#ea5504;}

/*lyLogin_footer*/
.lyLogin_footer { width:100%; height:50px; overflow:hidden; margin:0 auto; padding:0 120px; background-color:#fff;}
.lyLogin_footer p { width:100%; height:auto; overflow:hidden; line-height:30px; color:#999; font-size:14px; text-align:center; margin:0 auto; padding:10px 0;}
.lyLogin_footer p a { color:#999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyLogin_footer p a:hover { color:#ff6d34;}