@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased; }
body { float: left; width: 100%; min-width: 1200px; font-family: "Microsoft YaHei"; }
a { text-decoration: none; outline: none; }
img { border: none; }
.body { font-family: "Microsoft YaHei", "微软雅黑"; }
/*-header-*/
.header { float: left; width: 100%; height: 80px; box-shadow: 0 0 5px #CCC; background: #FFF; }
.header .inner { width: 1200px; margin: 0 auto; }
.header .logo a { float: left; width: 263px; height: 80px; background: url(../images/logo.png) no-repeat; background-size: contain;}
/*menu*/
.menu { float: right; }
.menu li { float: left; margin: 0 0 0 0; }
.menu li.active { height: 78px; }
.menu li.active a, .menu li.active a:hover { line-height: 76px; color: #0083ff; border-top: 2px #0080f3 solid; }
.menu li a { float: left; height: 78px; line-height: 76px; padding: 0 20px; border-top: 2px #FFF solid; color: #333; font-size: 16px; font-family: "Microsoft YaHei", "微软雅黑"; }
.menu li a:hover { border-top: 2px #56a9f5 solid; color: #56a9f5; transition: all 0.5s; }
.main { float: left; width: 100%; margin: 30px 0 0 0; }
/*---form---*/
.form.page { float: left; width: 100%; border-bottom: 1px #E5E5E5 dotted; }
.form.page dl { float: left; width: 100%; padding: 10px 10px; display: table; box-sizing: border-box; border-top: 1px #E5E5E5 dotted; }
.form.page dl:nth-child(even) { background: #F8F8F8; }
.form.page dt { width: auto; height: 26px; display: table-cell; text-align: right; overflow: hidden; white-space: nowrap; color: #9e9e9e; font-size: 1em; vertical-align: top; }
.form.page dd { height: 26px; display: table-cell; }
.form.page font { color: #F00; }
.form.page label { height: 26px; line-height: 26px; display: inline-block; }
.form.page input { width: 80px; height: 24px; line-height: 24px; padding: 0 5px; border: none; background: none; font-size: 0.9em; box-sizing: border-box; }
.form.page textarea { width: 100%; padding: 9px; line-height: 24px; border: 1px #CCC solid; border-radius: 2px; box-sizing: border-box; resize: none; color: #333; font-size: 1em; }
.form.page select { height: 28px; line-height: 28px; }
.form.page input[type=text], .form.page input[type=date], .form.page input[type=time] { border-bottom: 2px #ccc solid; }
.form.page input[type=text]:focus, .form.page input[type=date]:focus, .form.page textarea:focus { border-color: #2f88fe; transition: 0.5s all; }
.g .form.page textarea:focus { border-color: #ff6008; transition: 0.5s all; }
.k .form.page textarea:focus { border-color: #8cc051; transition: 0.5s all; }
.g .form.page input[type=text]:focus, .g .form.page input[type=date]:focus, .g .form.page textarea:focus input { border-color: #ff6008; }
.k .form.page input[type=text]:focus, .k .form.page input[type=date]:focus, .k .form.page textarea:focus input { border-color: #8cc051; }
.form.page .s1 input { width: 100%; }
.form.page .s2 select { width: 100%; }
.form.page .s3 input { width: 100%; text-align: center; }
.form.page .s3 span { float: left; width: 100%; text-align: center; color: #666; }
.form.page .s4 input { width: 30px; }
.form.page span { color: #666; }
.form.page .ckb { line-height: 26px; }
.form.page .ckb input { float: left; width: 16px; height: 16px; margin: 5px; -webkit-appearance: checkbox; }
.form.page .rio label { line-height: 26px; }
.form.page .rio input { float: left; width: 16px; height: 16px; margin: 5px; -webkit-appearance: radio; }
.form.page .face { float: left; width: 120px; height: 120px; overflow: hidden; }
.form.page .face img { float: left; width: 120px; height: 120px; }
.form.page .btn1 { width: 100%; height: 28px; line-height: 28px; padding: 0 8px; border-radius: 2px; box-sizing: border-box; background: #2f88fe; display: inline-block; color: #FFF; color: 0.9em; text-align: center; }
.g .form.page .btn1 { background: #ff6008; }
.form.page dd ul { float: left; width: 100%; margin: 0 0 10px 0; }
.form.page dd li { float: left; width: 100%; line-height: 26px; color: #666; font-size: 0.9em; }
.form.page dd li + li { border-top: 1px #E5E5E5 dotted; }
.form.page .table { float: left; width: 100%; }
.form.page .table table { float: left; width: 100%; border-collapse: collapse; border-top: 1px #E5E5E5 solid; }
.form.page .table table th, .form.page .table table td { line-height: 26px; padding: 5px 10px; border: 1px #E5E5E5 solid; font-weight: normal; word-break: break-all; word-wrap: break-word; overflow: hidden; vertical-align: middle; font-size: 14px; }
.form.page .table table th { border: none; border-top: 1px #E5E5E5 solid; text-align: left; color: #333; font-weight: bold; background: #F3F3F3; }
.form.page .table table th { color: #999; }
.form.page .table table td { color: #666; border: none; border-top: 1px #E5E5E5 solid; }
.form.page .table table p { margin: 0px; }
.form.page .table.s2 table th { }
.form.page .table.s2 td { border: none; border-bottom: 1px #E5E5E5 solid; }
.form.page .table.s2 tr:hover td { background: #f6f6f6; transition: all 0.3s; }
.form.page .table a { color: #be001a; }
.form.page .table a:hover { text-decoration: underline; }
.form.page .table table .t th { background: #e53935; color: #FFF; }
/*footer*/
.footer { float: left; width: 100%; margin: 0 0 0 0; padding: 60px 0; background: #2c3339; font-size: 12px; }
.footer .inner { width: 1200px; margin: 0 auto; }
.footer .col { float: left; width: 30%; margin: 0 20px 0 0; }
.footer .tit { line-height: 20px; color: #FFF; }
.footer .con { line-height: 30px; margin: 16px 0 0 0; color: #8c989e; }
.footer .con li { float: left; width: 30%; }
.footer .con a { float: left; width: 100%; color: #8c989e; }
.footer .con a:hover { text-decoration: underline; }
.footer .con img { float: left; width: 90px; height: 90px; margin: 0 10px 0 0; }
.footer .copy { float: left; width: 1200px; line-height: 26px; margin: 10px 0 0 0; color: #E5E5E5; }
.footer .copy a { color: #FFF; }
.footer .copy a:hover { text-decoration: underline; }
.footer .copy img { float: left; margin: 3px 5px 3px 0; }
/*pager*/
.pager { float: left; width: 100%; padding: 20px 0; background: #FFF; }
.pager .inner { float: left; position: relative; left: 50%; }
.pager .ul { float: left; position: relative; left: -50%; }
.pager a { float: left; min-width: 10px; height: 30px; line-height: 30px; margin: 0 5px; padding: 0 10px; border: 1px #999 solid; color: #999; font-size: 14px; text-align: center; cursor: pointer; }
.pager a:hover { border-color: #3ea2ff; color: #3ea2ff; transition: all 0.5s; }
.pager span.current { float: left; min-width: 10px; height: 30px; line-height: 30px; margin: 0 5px; padding: 0 10px; border: 1px #008cf7 solid; background: #008cf7; color: #FFF; font-size: 14px; text-align: center; }