* { word-wrap: break-word; box-sizing: border-box; -webkit-box-sizing: border-box; }
::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; }
html { Font-size: 625%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { background: #fff; }
body, input, button, select, textarea { color: #555; font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, Verdana, Aril, sans-serif; }
textarea { resize: none; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
ul li, .xl li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 0.16rem; }
a { color: #555; text-decoration: none; }
a:hover { color: #be0100; text-decoration: underline; }
a img { border: none; }
.clear { clear: both; display:block; }


.page { background-color: #000; max-width: 6.0rem; width: 100%; margin: 0rem auto; min-height: calc(100vh - 0rem); padding: 0.04rem; }
.main { display: flex; flex-flow: column nowrap; min-height: calc(100vh - 0.08rem); background-color: #fff; font-size:0.16rem; }

.menu { height: 0.48rem; background-color: #CC9900; display: block; font-size: 0.16rem; position: relative; z-index: 9999; }

.menu .logo { font-weight: 700; font-size: 0.28rem; color: #fff; line-height: 0.48rem; display: inline-block; position: absolute; left: 0.15rem; top: 0px; }

.menu .fanhui { display: inline-block; position: absolute; left: 0.15rem; top: 0px; }
.menu .fanhui .return { font-weight: 700; font-size: 0.28rem; text-decoration: none; color: gray; }
.menu .fanhui .return:before { font-size: 0.28rem; content: ""; width: 0.16rem; height: 0.16rem; display: inline-block; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(225deg); }

.menu .titdiv { display: inline-block; color: #fff; font-weight: 500; font-size: 0.22rem; line-height: 0.48rem; }

.menu .nav-list-btn { display: block; position: absolute; right: 0.15rem; top: 0px; }
.menu .nav-list-btn .btn-box { position: relative; width: 32px; height: 0.48rem; display: inline-block; }
.menu .nav-list-btn .btn-inner { display: block; top: 47%; }
.menu .nav-list-btn .btn-inner, .menu .nav-list-btn .btn-inner::before, .menu .nav-list-btn .btn-inner::after { width: 32px; height: 3px; background-color: #fff; border-radius: 4px; position: absolute; }
.menu .nav-list-btn .btn-inner::before, .menu .nav-list-btn .btn-inner::after { content: ""; display: block }
.menu .nav-list-btn .btn-inner::before { top: -11px }
.menu .nav-list-btn .btn-inner::after { bottom: -11px }

.menu .nav-close-btn { display: none; position: absolute; right: 0.15rem; top: 0px; height: 0.48rem; }
.menu .nav-close-btn .btn-box { position: relative; width: 32px; height: 0.48rem; display: inline-block; }
.menu .nav-close-btn .btn-inner { top: 47%; position: absolute; background-color: #fff; border-radius: 4px; width: 32px; height: 3px; display: block; -webkit-transform: rotate(45deg); }
.menu .nav-close-btn .btn-inner::after { content: ""; background-color: #fff; border-radius: 4px; width: 32px; height: 3px; display: block; -webkit-transform: rotate(-90deg); }

.menu .nav-div { width: 100%; padding: 0.2rem 0rem 0rem 0rem; align-items: center; display: none; z-index: 201; background-color: #333; }
.menu .nav-div .navbar { flex-direction: column; display: block; padding-top: 0.16rem; }
.menu .nav-div .navbar .nav-item { display: block; border-top: 0.03rem solid #696969; height: 0.36rem; text-align:left; }
.menu .nav-div .navbar .nav-item .nav-link { position: relative; font-size: 0.16rem; display: block; background-color: #333; text-decoration: none; padding: 0rem 0rem .0rem 0.2rem; color: #fff; margin: -10px 40px 0px 40px; }

.TopImg { display: block; padding-bottom: 50%; width: 100%; height: 0; font-size: 0.14rem; overflow: hidden; padding-top: 0.04rem; background-color: #000; }
.TopImg img { font-size: 0.14rem; display: block; overflow: hidden; width: 100%; }

.list { min-height: calc(100vh - 1.44rem); font-size: 0.14rem; }
.con { min-height: calc(100vh - 1.44rem); font-size: 0.14rem; }

.box1 { width: 100%; display: flex; background-color: #333; margin-bottom: 0.12rem; }
.box1:last-child { margin-bottom: 0rem; }
.box1 .img { display: inline-block; padding-bottom: 45%; width: 30%; height: 0; font-size: 0.14rem; overflow: hidden; }
.box1 .img img { font-size: 0.14rem; display: block; overflow: hidden; width: 100%; }
.box1 .txt { display: inline-block; width: 70%; padding-bottom: 20%; height: 0; padding-top: 0.3rem; padding-left: 0.2rem; }
.box1 .txt .t1 { font-size: 0.20rem; font-weight: 700; color: #999; border-top: 9px solid #999; position: relative; height: 0.30rem; }
.box1 .txt .t1 div { top: -0.2rem; background-color: #333; display: inline-block; position: absolute; padding-right: 0.12rem; }
.box1 .txt .t2 { font-size: 0.12rem; color: #999; padding-right: 0.2rem; }
.box1 .txt .t2 a { font-size: 0.16rem; display: inline-block; background-color: #CC9900; color: #FFF; margin-top: 0.12rem; padding: 0.02rem 0.12rem; }

.box2 { width: 100%; display: flex; background-color: #333; margin-bottom: 0.12rem; }
.box2:last-child { margin-bottom: 0rem; }
.box2 .txt { display: inline-block; width: 70%; padding-bottom: 20%; height: 0; padding-top: 0.3rem; padding-right: 0.2rem; }
.box2 .txt .t1 { font-size: 0.20rem; font-weight: 700; color: #999; border-top: 9px solid #999; position: relative; height: 0.30rem; }
.box2 .txt .t1 div { right: 0px; top: -0.2rem; background-color: #333; display: inline-block; position: absolute; padding-left: 0.12rem; }
.box2 .txt .t2 { font-size: 0.12rem; color: #999; padding-left: 0.2rem; text-align: right; }
.box2 .txt .t2 a { font-size: 0.16rem; display: inline-block; background-color: #CC9900; color: #FFF; margin-top: 0.12rem; padding: 0.02rem 0.12rem; }
.box2 .img { display: inline-block; padding-bottom: 45%; width: 30%; height: 0; font-size: 0.14rem; overflow: hidden; }
.box2 .img img { font-size: 0.14rem; display: block; overflow: hidden; width: 100%; }

.box3 { margin: 0.12rem; font-size: 0.14rem; display: block; }
.box3 .kcimg { font-size: 0.14rem; overflow: hidden; display: block; padding-bottom: 50%; width: 100%; height: 0; }
.box3 .kcimg img { font-size: 0.14rem; display: block; overflow: hidden; width: 100%; }
.box3 .kctit { font-size: 0.16rem; line-height: 0.32rem; background-color: #999; color: #fff; display: block; padding: 0.02rem 0.12rem; }
.box3:last-child{ margin-bottom:0rem;}


.kctit { font-size: 0.24rem; border-bottom: 0.02rem solid #dcdddd; font-weight: 600; margin-bottom: 0.24rem; padding: 0.09rem 0.12rem; }
.kctit span { display: block; font-size: 0.16rem; margin-top: 0.09rem; font-weight: 500; }
.kctit span b { font-size: 0.20rem; font-weight: 600; }

.dy-div { display: block; text-align: center; padding-bottom: 0.24rem; border-bottom: 0.01rem dashed #dcdddd; margin: 0 0.12rem; }
.dy-div span { display: block; text-align: center; font-size: 0.16rem; color: #999; line-height: 0.48rem; }
.dy-div a { display: block; margin: auto; width: 46%; background-color: #CC9900; font-size: 0.18rem; color: #fff; padding: 0.09rem; }

.hr-div { display: block; height: 0.6rem; padding-top: 0.03rem; }
.hr { border-top: 0.02rem solid #dcdddd; width: 60%; margin: 0.24rem auto; display: block; margin-bottom: 0.24rem; }
.hr div { width: 60%; background-color: #fff; margin: 0 auto; margin-top: -0.16rem; text-align: center; font-size: 0.24rem; font-weight: 600; }

.kcteacher { width: 100%; display: flex; padding-bottom: 0.36rem; padding-top: 0.12rem; margin-bottom: 0.12rem; border-bottom: 0.01rem dashed #dcdddd; }
.kcteacher .img { display: inline-block; padding-bottom: 20%; width: 20%; height: 0; font-size: 0.14rem; overflow: hidden; border-radius: 50%; }
.kcteacher .img img { font-size: 0.14rem; display: block; overflow: hidden; width:100%; }
.kcteacher .txt { display: inline-block; width: 80%; padding-bottom: 20%; height: 0; }
.kcteacher .txt .t1 { font-size: 0.22rem; font-weight: 700; padding-left: 0.2rem; }
.kcteacher .txt .t2 { font-size: 0.16rem; padding-left: 0.2rem; }

.kcinfo { margin-bottom: 0.48rem; font-size: 0.16rem; line-height: 0.24rem; padding-bottom: 0.36rem; margin-bottom: 0.12rem; border-bottom: 0.01rem dashed #dcdddd }

.tab { border-spacing: 0; border-collapse: collapse; margin-bottom: 0.12rem; }
.tab > thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
.tab > thead > tr > th { border: 1px solid #ddd; padding: 0.08rem; line-height: 1.42857143; text-align: left; padding-left: 0.12rem; font-size: 0.16rem; }
.tab > tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
.tab > tbody > tr:nth-child(odd) > td { background-color: #f9f9f9; }
.tab > tbody > tr > td { vertical-align: middle; font-size: 0.14rem; padding: 0.08rem; line-height: 1.42857143; border: 1px solid #ddd; padding-left: 0.12rem; }


.body input { display: block; line-height: 32px; height: 32px; width: 94%; margin: 3px auto 12px auto; }
.body select { display: block; line-height: 32px; height: 32px; width: 94%; margin: 3px auto 12px auto; }
.body span { display: block; padding-left: 3%; padding-top: 6px; font-size: 14px; }
.body .btn-s { display: inline-block; line-height: 28px; height: 28px; width: 46%; margin: 0px auto; text-align: center; border: #779649 solid 1px; background-color: #779649; color: #fff; }
.body .btn-s1 { display: inline-block; line-height: 28px; height: 28px; width: 46%; margin: 0px auto; text-align: center; border: #779649 solid 1px; color: #779649; }

.btn { display: block; line-height: 36px; height: 36px; width: 94%; margin: 12px auto 12px auto; text-align: center; border: #CC9900 solid 1px; background-color: #CC9900; color: #fff; }
.btn1 { display: block; line-height: 36px; height: 36px; width: 94%; margin: 12px auto 12px auto; text-align: center; border: #CC9900 solid 1px; color: #CC9900; }
.btn2 { display: block; line-height: 36px; height: 36px; width: 94%; margin: 12px auto 12px auto; text-align: center; border: #2f2f2f solid 1px; color: #2f2f2f; }

.f-flex { width: 94%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.f-flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 0 0 30%; font-size: 0.14rem; }
.f-cls { display: block; clear: both; height: 0; overflow: hidden; }


.footer { flex: 0 0 auto; font-size: 12px; line-height:0.2rem; text-align: center; margin-top: 0.12rem; padding: 0.12rem 0rem; background-color: #666; color: #e6e6e6; }




/* function */

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





.f-m-div { width: 100%; margin: 0 auto; clear: both; display: block; }


.main { display: flex; flex-flow: column nowrap; min-height: calc(100vh - 66px); }
.Page_List-div { margin: 0 auto; width: 94%; display: block; margin-bottom: 36px; display: block; }
.Page_List-div .PageList { height: 36px; line-height: 30px; display: block; }
.Page_List-div .PageList a { border: 1px solid #779649; padding: 6px; width: 46%; display: block; float: left; margin: 0px; text-align: center; overflow: hidden; }
.Page_List-div .PageList a:link, .PageList a:visited { color: #779649; font-weight: bold; }
.Page_List-div .PageList a:hover, .PageList a:active { color: #779649; }