@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; font-family: "Segoe UI", SegoeUI, "Microsoft YaHei", 微软雅黑,
 "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; box-sizing: border-box; word-break: break-word; -webkit-overflow-scrolling: touch; }

img { border: none; outline: none; }

ul { list-style: none; }

a { cursor: pointer; text-decoration: none; }

input, select { outline: none; }

select { appearance: none; -webkit-appearance: none; }

.none { display: none !important; }

.layui-form-radio > i { font-size: 16px; margin: 0; }

.layui-form-radio { margin: 0; padding: 0; }

.layui-form-radio > i:hover, .layui-form-radioed > i { color: #165dff; }

.layui-form-select .layui-input { font-size: 14px; }

.layui-form-select dl { max-width: 100%; }

.layui-form-select dl dd { font-size: 14px; }

.layui-form-select dl dd.layui-this { background: #165dff; }

.layui-form-select dl .layui-select-none { font-size: 14px; }

.selectblock.triple .layui-form-select dl { max-width: 180%; }

.layui-form-checkbox[lay-skin=primary]:hover i { border-color: #165dff; }

.layui-form-checked[lay-skin=primary] i { border-color: #165dff; background-color: #165dff; }

.layui-layer-btn a { font-size: 14px; }

.laypage { text-align: center; margin: 10px 0 0; }

.label span.mark.required { color: red; }

.pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }

.pop div.popcontent { display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 9px 20px; border-radius: 8px; }

.pop.msg div.popcontent { font-size: 14px; color: #FFFFFF; background: rgba(0, 0, 0, 0.8); }

.pop.loading { background: rgba(0, 0, 0, 0.5); }

.pop.loading div.popcontent img { width: 32px; height: 32px; }

.footer { width: 100%; height: 80px; }

.footer .footercontent { width: 100%; height: 100%; padding: 0 40px; display: flex; align-items: center; justify-content: flex-end; position: relative; }

.footer .footercontent a { max-width: 1240px; width: 100%; padding: 0 20px; font-size: 12px; color: black; margin: 0 auto; text-decoration: none; }

.footer .footercontent img { position: absolute; top: 50%; right: 40px; transform: translate(-20px, -50%); width: 155px; }

.header { width: 100%; }

.header .content { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; }

.header .content .pc .logo { margin: 22px 0 11px; }

.header .content .pc .logo img { width: 200px; }

.header .content .pc .nav { width: 100%; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.2); }

.header .content .pc .nav a { display: flex; align-items: center; height: 40px; font-size: 14px; color: #666666; padding: 0 16px; margin: 0 30px; border-bottom: 2px solid transparent; }

.header .content .pc .nav a:hover, .header .content .pc .nav a.active { color: #004df7; border-color: #004df7; }

.header .content .mobile { display: none; }

.dialog { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.dialogclose { position: absolute; top: 20px; right: 20px; }

.dialogclose i { font-size: 24px; color: #aaa; }

@media screen and (max-width: 750px) { .page { margin: 0 0 0; }
  .header { position: static; }
  .header .content { padding: 0 20px; }
  .header .content .pc { display: none; }
  .header .content .mobile { display: flex; justify-content: space-between; align-items: center; height: 45px; }
  .header .content .mobile .logo { width: 92px; }
  .header .content .mobile a.mobilemenu_btn { display: block; }
  .header .content .mobile a.mobilemenu_btn img { width: 24px; }
  .header .content .mobile a.mobilemenu_btn i { display: none; font-size: 24px; color: black; }
  .header .content .mobile a.mobilemenu_btn.clicked img { display: none; }
  .header .content .mobile a.mobilemenu_btn.clicked i { display: block; }
  .header .content .mobile .nav { position: absolute; top: 45px; background: white; width: 30%; right: 0; z-index: 2; padding: 0 8px 8px; display: none; }
  .header .content .mobile .nav a { font-size: 14px; color: #666666; display: block; padding: 8px 0; border-bottom: 1px solid #666666; text-align: center; }
  .header .content .mobile .nav a:last-of-type { border: 0; }
  .header .content .mobile .nav a.active { color: #004df7; font-weight: bolder; }
  .footer { height: 30px; }
  .footer .footercontent { padding: 0 20px; justify-content: space-between; height: 40px; }
  .footer .footercontent a { padding: 0; font-size: 12px; color: black; }
  .footer .footercontent img { width: 60px; position: static; transform: none; } }