/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
body{ background: #000; padding-bottom:3em;}
a{ text-decoration: none; outline: none;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.layer{ max-width: 640px; margin: 0 auto; background: #fff;}
.header{ background: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.header .logo{ padding: 0.7em 1em; display: block; }
.subschoolnav{ float: right; position: relative; width: 90px; line-height: 2.5em; color: #333; text-align: right; }
.subschoolnav a{ text-decoration: none; color: #333;  margin-right: 1em; display: block;margin-top: 0.3em;}
.subschoolnav a span{font-size:1.8em; color: #EF6156; }

.banner{ position: relative; }
.nav ul, .nav ul li{ margin: 0; padding: 0; }
.nav ul{ margin: 0.5em; }
.nav li a{ display: block; border:1px solid #C7C7C7; line-height: 2.5em; margin: 0.5em; border-radius: 10px; text-align: center; font-size: 0.95em; color: #000;}
.nav li a i{ color: #2A82E4; margin-right: 0.2em; }
.nav li.current a{ background: #2A82E4; border-color: #2A82E4; color: #fff;}
.nav li.current a i{ color: #fff; }

.title{ margin: 1em;}
.title h1{ font-size:1.1em; color: #333; text-align: left; margin: 0;  vertical-align: middle;  height:1.2em; line-height:1.2em;}
.title h1 span{font-size:1em; color: #fff; margin: 0 0.3em 0 0; text-align: center; vertical-align: middle; display: inline-block; width: 1.5em; height: 1.5em; background: #2A82E4; border-radius: 1em;}
.title h2{height: 1px; background: #ddd; margin: 0.6em auto;}
.title span{ height: 1px; background: #2A82E4; display: block; width: 100px; }
.title p{ font-size:0.8em; color: #999; text-align: center; margin:0.5em 0; padding: 0;}
.what-jlpt-con{ margin: 0 1em; }
.what-jlpt-con p{ font-size: 0.8em; color: #383838; line-height: 180%; text-align: justify;}
.what-jlpt-list, .what-jlpt-list li{ margin: 0; padding: 0; }
.what-jlpt-list{ margin: 1em 0.5em; }
.what-jlpt-list li dl{ background: #fff; box-shadow: 0 0 12px rgba(42,130,228,0.1); border-radius: 10px; padding:0.5em 0 1em 0; margin: 0 0.5em; }
.what-jlpt-list li dl dt{ text-align: center; font-size: 1.2em; }
.what-jlpt-list li dl dt span{ display: block; width: 30%; margin: 0.5em auto; height: 1px; background: #2A82E4; }
.what-jlpt-list li dl dd{ margin:0; padding: 0; text-align: center; }
.what-jlpt-list li dl dd span{ background: #2A82E4; font-size: 0.85em; color: #fff; border-radius: 2em; padding:0.2em 0.5em; margin: 0 auto;}
.what-jlpt-list li:last-child dl{ background: #FFC300; }
.what-jlpt-list li:last-child dl dt{ color: #fff; }
.what-jlpt-list li:last-child dl dt span{ background: #FF8D1A; }
.what-jlpt-list li:last-child dl dd span{ background: #fff; color: #FF8D1A; }
.jlpt-dj{ background: #F5F7FA; padding: 0.5em 0; }
.jlpt-dj-con{ margin: 1em; }
.jlpt-dj-con table{ background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.1); width: 100%; border-radius: 10px; overflow: hidden; }
.jlpt-dj-con table th{ background: #2A82E4; padding: 0.8em 0; color: #fff; font-size: 0.85em;}
.jlpt-dj-con table td{ padding: 0.8em 0; font-size: 0.85em; text-align: center; }
.jlpt-dj-con table tr:nth-child(odd){ background: #E8F2FC; box-shadow: 0 0 12px rgba(0,0,0,0.05); }
.jlpt-dj-con .xxjs-a{ text-decoration:underline; color: #2A82E4; }
.jlpt-dj-con .djjr-a{ background: #FFC300; padding: 0.2em 0.5em; border-radius: 20px; color: #fff; }
.jlpt-form{ margin:0em 1em; }
.jlpt-form ul, .jlpt-form ul li{ margin: 0; padding: 0; }
.jlpt-form ul li{ margin:0 0 0em 0; position: relative; }
.jlpt-form ul li i{ display: block; position: absolute; left: 0.3em; font-size: 1.5em; top: 0.25em; }
.jlpt-form ul li input[type='text']{  border-radius: 10px; height: 2.5em; line-height: 2.5em; width: 100%; padding: 0 8%; border-color: #2A82E4; font-size: 0.85em;}
.jlpt-form ul li button{ background: #2A82E4; color: #fff; border-radius: 10px;font-size: 0.95em; width: 100%; line-height: 2.5em; height: 2.5em; border: none;}
.jlpt-form label{ font-size: 0.8em; color: #777; }
.jlpt-form ul li input[type=checkbox]{ vertical-align: -0.2em; }
.dowebok, .dowebok li{ margin: 0; padding: 0; overflow: hidden;}
.dowebok{ margin: 0 0.5em; }
.dowebok li label{ color: #000; margin: 0 0.5em; display: block; background: #fff; border:1px solid #DBDBDB; border-radius: 10px; text-align: center;  padding:10px 0px; font-size: 0.85em; }
.dowebok li select{ width: 100%; border-radius: 10px;border: 1px solid #2a82e4; font-size: 0.85em; height: 2.5em; line-height: 2.5em; text-align: center; }
.jlpt-form h5{ margin:1em 0; }
.jlpt-bmsj{ margin-bottom: 2em; }
.jlpt-bmtj{ padding:1em 0;background: #f6f6f6; }
.jlpt-kssj, .jlpt-mfst{ padding: 1em 0; background: #2A82E4; }
.jlpt-kssj .title h1, .jlpt-mfst .title h1{ color: #fff; }
.jlpt-kssj .title h1 span, .jlpt-mfst .title h1 span{ background: #fff; color: #2A82E4;}
.jlpt-kssj .title h2 span, .jlpt-mfst .title h2 span{ background: #FFC300; }
.jlpt-kssj .what-jlpt-con p{ color: #fff; }
.jlpt-kssj .jlpt-form h5{ color: #fff; }
.select-box{ height: 2.3em; background: #fff; border-radius: 10px; box-shadow: 0 0 12px rgba(0,0,0,0.05); padding: 0 0.5em 0 5em; position: relative; margin-bottom: 1em; }
.select-box p{ width: 7em; height: 2.3em; line-height: 2.3em; position: absolute; left: 0; top: 0.3em; margin: 0; padding: 0; text-align: center; font-size: 0.85em; }
.dowebok li .select-box select{ border: none; box-shadow: none; margin:0.2em 0 0 0em; padding: 0;}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{ margin-left: 3px; }
input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image{ display: none; }
input.labelauty:checked + label{ background: #FFC300; border: 1px solid #FFC300;}
.jlpt-kssj .jlpt-form ul li button{ background: #FFC300; color: #000; }
.jlpt-kssj .jlpt-form label{ color: #eee; margin-top: 1em; }
.jlpt-zt-list{ display: flex; justify-content: space-between; flex-flow: wrap; margin: 0 0.5em; padding: 0;}

.jlpt-zt-list li{ width: 50%; margin: 0; padding: 0;}
.jlpt-zt-list li dl, .jlpt-zt-list li dl dt, .jlpt-zt-list li dl dd{ margin: 0; padding: 0; }
.jlpt-zt-list li dl{ background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.1); border-radius: 10px; padding: 1em 0.5em; margin: 0.5em; }
.jlpt-zt-list li dl dt span{ font-size: 2.5em; color: #2A82E4; }
.jlpt-zt-list li dl dd p{ margin: 0; padding:0.2em 0 0 0; font-size: 0.75em; line-height: 160%; }
.jlpt-zt-list li dl dd p b{ display: block; }
.dl-set{ margin:1em 0.5em; padding: 0;}
.dl-set li{ margin: 0; padding: 0; }
.dl-set p{ margin: 0 0.5em; padding:1em 0; box-shadow: 0 0 12px rgba(42,130,228,0.1); border-radius: 10px; text-align:center;  }
.dl-set p span{ font-size: 1.5em; display: block; margin:0 auto 0.5em auto;  }
.dl-set p b{ background: #2A82E4; color: #fff; font-size: 0.75em; padding: 0.2em 0.5em; border-radius: 20px; margin: 0.5em auto; }
.dl-set a{ color: #000; }
.video-ml a{ color: #000; }
.video-ml dl, .video-ml dl dt, .video-ml dl dd{ margin: 0; padding: 0; }
.video-ml{ margin: 0 1em; }
.video-ml dl{ background:rgba(255,255,255,0.8); box-shadow: 0 0 12px rgba(0,0,0,0.1); border-radius: 10px; height: 2.5em; line-height: 2.5em; padding: 0 1em; margin: 0.5em 0; }
.video-ml dl dt{ font-size: 0.85em; }
.video-ml dl dd{ text-align: right; color: #2A82E4;}
.video-ml dl.current{ background: #fff; }
.video-con, .video-con li{ margin: 0; padding: 0; }
.video-con{ margin: 0 1em; }


.footer{ background: #f6f6f6; }
.footer-nav{ list-style: none; margin:0; padding: 0; text-align: center; height: 3em; line-height: 3em; background: #555;}
.footer-nav li{ display:inline-block; margin:0 1em;}
.footer-nav li a{ font-size:0.7em; color: #fff;}
.footer-but { padding: 1em 0;}
.footer-but h1{ font-size: 1.2em; text-align: center; }
.footer-but p{ text-align: center; font-size: 0.7em; margin: 0.5em 0; color: #777;}
.more-a a{ display: block; height: 2.5em; line-height: 2.5em; color: #D0483F; border-radius: 10px; border:1px solid #D0483F; text-align: center; font-size: 0.85em; margin: 1em 0.5em; }
.pure-con{ background: #fff; border-radius: 10px; box-shadow: 0 0 12px rgba(0,0,0,0.1); margin: 1em; padding: 1em;}

.tabbar{ background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.1); padding: 0.5em; position: fixed; bottom: 0;left: 0; right: 0; z-index: 999;}

.tabbar a p{ margin: 0 1em; padding:0.6em 0; text-align: center; font-size:0.8em;background: #169BD5; border-radius: 10px;}
.tabbar a p.p1{ color: #fff; background: #169BD5; }
.tabbar a .iconfont{font-size:1.2em; margin-right: 0.5em;}
.tabbar a p.p2{ color: #fff; background: #F4746C; }

.zxzx-pop{ display: none;  position: fixed; left: 0; right: 0; bottom: 0; height: 220px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 99; border-radius: 10px 10px 0 0; }
.zxzx-pop dl{ margin: 0; padding: 0; }
.zxzx-pop dt{ padding: 0 1em; background: #D0483F; border-radius: 10px 10px 0 0;}
.zxzx-pop dt p{ margin: 0; padding: 0.5em 0; color: #fff;}
.zxzx-pop dt p:last-child{ text-align: right; }
.zxzx-pop dt p span{font-size: 1.5em;}
.zxzx-pop dt p a{ color: #fff; }
.zxzx-pop dd{ padding:0.5em 1em; margin: 0; }
.zxzx-pop dd p{ font-size: 0.75em; color: #555; }
.zxzx-pop dd p span{ padding:0.5em; line-height: 180%; margin: 0 1em; border-left:2px solid #E3918C; border-bottom: 2px solid #E3918C; display: inline-block; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.2); border-radius: 10px;}
.poptel{ position:fixed; z-index: 9999; left: 5%; right: 5%; top: 35%; width: 90%; margin: 0 auto; border-radius: 5px;}
.poptel .close{ text-align: right; }
.poptel .close span{ font-size: 1.2em; color: #fff;width: 3em; height: 3em; border:1px solid #fff; border-radius: 20px; }
.pop-dl { background: #fff; border-radius: 10px; margin: 0; padding: 0 0 0.5em 0; height: 185px; }
.pop-dl dt{ text-align: center; margin: 10px auto; font-size:1.2em; height: 24px; overflow: hidden; padding:1em 1em 0 1em; font-weight: bold;}
.pop-dl dd{ padding: 0 2em; margin: 0;}
.pop-dl ul, .pop-dl li{ margin: 0; padding: 0; }
.pop-dl .pure-g .pure-input{ border: 1px solid #777; width: 100%; }
.pop-dl .pure-g .pure-checkbox{ font-size: 0.75em; color: #999; }
.pure-button{background: #2A82E4; color: #fff;  border-radius: 10px;  font-size: 0.95em;  width: 100%;  height: 2.5em;  border: none;}
.popbg{ background: rgba(0,0,0,0.5); position:fixed;z-index: 9998; left: 0; top: 0; right: 0; bottom: 0;  }
.wx-pop{ position: fixed; z-index: 1002; width: 80px; height: 100px; background:rgba(255,255,255,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px 0 0 10px; right: 0; top: 50%; margin-top: -50px; }
.wx-pop dl, .wx-pop dl dt, .wx-pop dl dd{ margin: 0; padding: 0; text-align: center; }
.wx-pop dl dt{ width: 3em; height: 3em; margin: 0 auto; position: relative; }
.wx-pop dl dt span{ font-size: 2.5em;  display: block; margin: 0.2em auto 0 auto; color: #2aae67;}
.wx-pop dl dt i{ position: absolute; right: 0px; top: 0px; display: inline-block; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #EF6156; color: #fff; border-radius: 10px; font-size: 0.5em;}
.wx-pop dl dd{ font-size: 0.75em; color: #D0483F; }
.wx-box{ display: none; position: fixed; background: rgba(0,0,0,0.5); left: 0; top: 0; right: 0; bottom: 0; z-index: 1003; }
.wx-box dl{ width: 70%; height: 190px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); position:fixed; left: 15%; right: 15%; top: 35%; }
.wx-box dl, .wx-box dl dt, .wx-box dl dd{ margin: 0; padding: 0; text-align: center;}
.wx-box dl dt{ text-align: right; }
.wx-box dl dt span{ font-size: 1.2em; margin:0.5em 0.5em 0 0.5em; display: block;cursor: pointer;}
.wx-box dl dd p{ margin:0.3em 0; padding: 0; font-size: 0.8em; color: #555; }
.wx-box dl dd{ margin-top: -0.5em; }
.wx-box dl dd span{ display: block; font-size: 3em; color: rgb(81,169,56); margin-bottom: 0.2em; }
.wx-box dl dd a.toweixin{ display: block; width: 120px; height: 2.5em; line-height: 2.5em; background:rgb(81,169,56); color: #fff; text-align: center; margin: 0.5em auto; border-radius: 5px;  }

.jlpt-mfst .jlpt-form ul li button{ background: #FFC300; color: #000; }
.jlpt-mfst .jlpt-form label{ color: #eee; margin-top: 1em; }