@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ color: #333333; font-size: 14px; font-family: '微软雅黑'; background-color: #f7f7f7;}
img{ border:0;}
i{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
a:focus, input { outline: none;}
select{outline:none;}
input{ box-sizing: border-box;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; }
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; }
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; }
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}
input[type="checkbox"]{ width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; position: relative; margin-top: 5px;}
input[type="checkbox"]::before{ content: ""; position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: 1px solid #e7e7e7; }
input[type="checkbox"]:checked::before{ content: "\2713"; background-color: #fff; position: absolute; top: 0; left: 0; width:100%; border: 1px solid #0358b7; color:#0358b7; font-size: 14px; font-weight: bold; }

.login_con{ width: 100%; height: 100%; }
.login_list{ width: 400px; height: 360px; padding-top: 20px; box-sizing: border-box; position: fixed; top:50%; bottom: 50%; margin-top: -180px; left: 50%; right: 50%; margin-left: -200px; background-color: #ffffff; border-radius: 20px; box-shadow: 0px 0px 30px #d8d8d8; }
.login_list a{ width: 42%; float: left; display: block; color: #333333; font-size: 16px; margin: 20px 15px; text-align: center; }
.login_list a img{ width: 80px; height: 80px; }
.login_list a p{ display: block; margin-top: 10px; }