/*reset*/
* { padding: 0; margin: 0; list-style: none; }

html,
body { margin: 0 auto; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
section,
footer { margin: 0; padding: 0 }

body,
button,
input,
select,
textarea { font: 12px/1.5 "microsoft yahei"; color: #666; font-weight: normal; }

body { overflow-x: hidden; }

address,
cite,
dfn,
em,
var,
i { font-style: normal }

ul,
ol,
dl { list-style: none }

a { text-decoration: none; outline: none; font-family: "microsoft yahei"; color: #666; cursor: pointer; font-size: 12px; }

li { font-size: 12px; font-family: "microsoft yahei"; list-style: none; margin: 0; padding: 0; }

em { font-style: normal; font-size: 12px; }

body,
p,
span { font-family: "microsoft yahei"; }

img { border: none; }

p { margin: 0px; padding: 0px; word-wrap: break-word; }

:focus { outline: none; }

img { border: 0; vertical-align: middle; display: inline-block; }

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.clear:after { display: block; mainContent: ""; clear: both; }

.transtion { transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.clear:after { display: block; content: ""; clear: both; }

.maxw700 { max-width: 750px; margin: 0 auto; }

.margin-c { width: 7rem; margin: 0 auto; }

body { background-color: #f5f5f5; }

.index-head { width: 100%; height: 4.35rem; background-image: url(../img/index-head.png); background-repeat: repeat; background-size: contain; background-position: center; overflow: hidden; }

.logo { display: none; margin-top: 0.4rem; margin-bottom: 0.4rem; }

.logo img { width: 2.18rem; }

.index-banner { width: 100%; height: 3.2rem; position: relative; margin-top: 0.25rem; }

.index-banner .swiper-pagination { bottom: 0.5rem !important }

.index-banner img { width: 100%; height: 2.8rem; object-fit: cover; border-radius: 0.2rem }

.index-banner .hd { position: absolute; width: 100%; text-align: center; bottom: 0.35rem; z-index: 20; }

.index-banner .hd li { display: inline-block; margin: 0 0.08rem; transition: 0.4s; width: 0.06rem; height: 0.06rem; background-color: #fff; border-radius: 0.03rem; font-size: 0; }

.index-banner .hd .on { width: 0.44rem; background-color: #4a9cf0; border-radius: 0.03rem; }

.index-nav { width: 100%; height: auto; border-radius: 0.16rem; margin-top: -1rem; box-sizing: border-box; padding-top: 0; overflow: hidden }

.index-nav li { width: 25%; text-align: center; float: left; margin-bottom: 0.45rem; }

.index-nav-img { margin: 0 auto 0.1rem; width: 0.88rem; height: 0.88rem; }

.index-nav-img img { width: 100%; }

.index-nav-text { color: #333333; font-size: 0.28rem; }

.index-title { overflow: hidden; margin-top: 0rem; margin-bottom: 0.3rem; line-height: 0.36rem; font-size: 0.3rem; color: #333333; }

.index-title-left { float: left; display: flex; align-items: center; }

.index-title-left img { height: 0.36rem; margin-right: 0.15rem; }

.index-title-r { float: right; color: #666666; font-size: 0.24rem; }

.index-banner02 { width: 100%; height: auto; background-color: #fff; border-radius: 0.16rem; box-sizing: border-box; padding: 0.4rem 0.25rem 0; overflow: hidden; }

.index-banner02-item { display: block; margin-bottom: 0.5rem; }

.index-banner02-item-title { color: #333333; font-size: 0.3rem; margin-bottom: 0.15rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index-banner02-item-text { color: #666666; font-size: 0.24rem; }

.index-banner03 { position: relative; overflow: hidden; }

.index-banner03 .hd { line-height: 1rem; width: 88%; margin-left: 0.25rem; }

.index-banner03 .hd ul { overflow-x: auto; white-space: nowrap; }

.index-banner03 .hd ul li { display: inline-block; margin-right: 0.35rem; position: relative; color: #666666; font-size: 0.3rem; }

.index-banner03 .hd ul li a { color: #666666; font-size: 0.3rem; }

.index-banner03 .hd ul li:nth-last-child(1) { margin-right: 0; }

.index-banner03 .hd ul::-webkit-scrollbar { display: none; }

.index-banner03 .hd ul .on { font-weight: 600; }

.index-banner03 .hd ul .on::after { content: " "; position: absolute; bottom: 0.2rem; left: 0; right: 0; margin: auto; width: 0.36rem; height: 0.04rem; border-radius: 0.02rem; background-color: #4a9cf0; z-index: 99; }

.index-banner03jia { position: absolute; right: 0.25rem; top: 0.35rem; width: 0.28rem; height: 0.28rem; }

.index-banner03-item { display: block; width: auto; height: auto; background-color: #fff; border-radius: 0.16rem; margin: 0.25rem; box-sizing: border-box; padding: 0.3rem; overflow: hidden; box-shadow: 0 0 0.08rem 0.08rem #ededed; }

.index-banner03-item:nth-child(1) { margin-top: 0; }

.index-banner03-item-title { width: 3.2rem; color: #333333; font-size: 0.34rem; font-weight: 600; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index-banner03-item-content { overflow: hidden; }

.index-banner03-item-left { float: left; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; border-radius: 50%; overflow: hidden; margin-right: 0.35rem; }

.index-banner03-item-left img { width: 100%; height: 100%; border-radius: 50% }

.index-banner03-item-right { position: relative; }

.index-banner03-item-dy { color: #ff3c00; font-size: 0.32rem; position: absolute; right: 0; top: 0.08rem; }

.index-banner03-item-rens { padding: 0 0.15rem; display: inline-block; color: 666; font-size: 0.24rem; background-color: #f6f6f6; height: 0.36rem; text-align: center; border-radius: 0.04rem; margin: 0.1rem 0; }

.index-banner03-item-foot { border-top: 1px solid #eee; margin-top: 0.15rem; padding-top: 0.2rem; display: flex; align-items: center; color: #666666; font-size: 0.24rem; }

.index-banner03-item-foot img { width: 0.31rem; height: 0.31rem; margin-right: 0.15rem; }

.index-foot { max-width: 7.5rem; width: 100%; height: 1rem; border-top: 1px solid #eee; background-color: #fff; position: fixed; bottom: 0; z-index: 990; }

.index-foot-item { display: block; float: left; width: 25%; text-align: center; }

.index-foot-img { width: 0.4rem; height: 0.4rem; margin: 0.15rem auto 0.1rem; }

.index-foot-img img { max-width: 100%; }

.index-foot-img img:nth-child(2) { display: none; }

.index-foot-text { text-align: center; color: #999999; }

.index-foot .on img:nth-child(2) { display: block; }

.index-foot .on img:nth-child(1) { display: none; }

.index-foot .on .index-foot-text { color: #4a9cf0; }

.inner-top { width: 100%; height: 1rem; position: fixed; top: 0; left: 0; background-color: #fff; padding-top: 0.14rem; box-sizing: border-box; }

.inner-top-content { width: 100%; height: 0.7rem; border-radius: 0.35rem; box-sizing: border-box; border: 1px solid #4a9cf0; overflow: hidden; position: relative; }

.inner-top-content .select { float: left; height: 0.7rem; line-height: 0.7rem; color: #666666; font-size: 0.24rem; box-sizing: border-box; padding-left: 0.24rem; border: none; background: url(../Img/bottomArrow02.png) no-repeat right 0.3rem; background-size: 0.2rem; padding-right: 0.35rem; }

.inner-top-content-span { position: absolute; width: 1px; height: 0.27rem; background-color: #eee; left: 1.72rem; top: 0.22rem; }

.inner-top-content input { float: left; border: none; margin-left: 0.25rem; height: 0.64rem; color: #333333; font-size: 0.24rem; width: 3.5rem; }

.inner-top-right { float: right; margin-right: 0.06rem; margin-top: 0.06rem; width: 1.2rem; height: 0.54rem; border-radius: 0.27rem; background-color: #4a9cf0; text-align: center; line-height: 0.54rem; color: #fff !important; font-size: 0.24rem; overflow: hidden; }

.syr-list { overflow: hidden; margin-top: 0.3rem; }

.syr-item { font-size: 0; float: left; width: 3.35rem; height: 5rem; background-color: #fff; border-radius: 0.16rem; margin-bottom: 0.3rem; overflow: hidden; }

.syr-item:nth-child(2n) { float: right; }

.syr-item-head { width: 100%; height: 3.35rem; line-height: 3.35rem; text-align: center; overflow: hidden; }

.syr-item-head img { width: 100%; height: 100%; object-fit: cover; }

.syr-item-title { padding: 0 0.25rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.15rem; margin-bottom: 0.1rem; color: #333333; font-size: 0.28rem; }

.syr-item-title span { color: #4a9cf0; }

.syr-item-foot { padding: 0 0.25rem; }

.syr-item-left { float: left; }

.syr-item-text { color: #333333; font-size: 0.26rem; margin-bottom: 0.05rem; }

.syr-item-foot-text { color: #666666; font-size: 0.24rem; }

.syr-item-foot-text span { color: #ff1c0b; }

.syr-item-right { float: right; width: 0.55rem; height: 0.55rem; margin-top: 0.2rem; }

.syr-item-right a { display: block; }
.syr-item-right img { width: 100%; height: 100%; }

.fjzy img { width: 0.3rem; height: 0.3rem; float: left; margin: 0.2rem 0 0 0.25rem; }

.fjzy input { width: 68%; }

.fjyz-list { margin-top: 0.32rem; overflow: hidden; }

.fjyz-item { width: 100%; background-color: #fff; border-radius: 0.16rem; overflow: hidden; margin-bottom: 0.2rem; box-sizing: border-box; padding: 0.35rem 0.3rem; }

.fjyz-item-left { float: left; width: 1.3rem; height: 1.3rem; line-height: 1.3rem; text-align: center; border-radius: 50%; overflow: hidden; margin-right: 0.35rem; }

.fjyz-item-left img { width: 100%; height: 100%; }

.fjyz-item-content { float: left; width: 3.8rem; }

.fjyz-item-title { color: #333333; font-size: 0.32rem; font-weight: 600; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0.15rem; }

.fjyz-item-dw { color: #268bf2; font-size: 0.24rem; display: flex; align-items: center; margin-bottom: 0.1rem; display: block; }

.fjyz-item-dw img { width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; }

.fjyz-item-text { color: #666666; font-size: 0.24rem; }

.fjyz-item-right { float: right; width: 0.77rem; height: 0.77rem; border-radius: 50%; overflow: hidden; margin-top: 0.3rem; }

.fjyz-item-right img { width: 100%; height: 100%; }

.zxgt-list { padding-top: 0.2rem; }

.zxgt-xq-list { padding-top: 0.32rem; }

.zxgt-item { display: block; width: 100%; height: 1.75rem; border-bottom: 1px solid #e6e6e6; overflow: hidden; box-sizing: border-box; padding: 0.35rem 0.25rem 0; background: #fff; }

.zxgt-item-left { float: left; width: 0.95rem; height: 0.95rem; margin-right: 0.25rem; margin-top: 0.06rem; }

.zxgt-item-left img { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }

.zxgt-item-content { width: 3.5rem; float: left; }

.zxgt-item-title { color: #333333; font-size: 0.32rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0.15rem; }

.zxgt-item-text { color: #666666; font-size: 0.28rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zxgt-item-right { float: right; padding-top: 0.1rem; }

.zxgt-item-time { color: #999999; font-size: 0.24rem; margin-bottom: 0.25rem; }

.zxgt-item-xx { width: 0.36rem; height: 0.36rem; background-color: #268bf2; border-radius: 50%; color: #fff; font-size: 0.24rem; text-align: center; margin: 0 auto; }

.xx-foot { max-width: 7.5rem; position: fixed; width: 100%; height: 1rem; background-color: #fff; border-top: 1px solid #eee; left: 0; bottom: 0; right: 0; margin: auto; z-index: 10; }

.xx-foot input { float: left; width: 6rem; height: 0.7rem; border-radius: 0.35rem; box-sizing: border-box; padding-left: 0.35rem; margin-left: 0.33rem; margin-top: 0.14rem; background-color: #e6e6e6; font-size: 0.28rem; border: none; }

.xx-foot .btn { line-height: 1rem; border: none; background-color: initial; color: #268bf2; display: inline-block; width: 1rem; text-align: center; font-size: 0.28rem; }

.xx-item { margin-bottom: 0.32rem; overflow: hidden; }

.xx-item-time { text-align: center; color: #999999; font-size: 0.24rem; }

.xx-item-left { width: 0.6rem; height: 0.6rem; border-radius: 50%; overflow: hidden; }

.xx-item-left img { width: 100%; height: 100%; }

.xx-item-text { max-width: 5.55rem; height: auto; box-sizing: border-box; padding: 0.25rem; line-height: 1.7; color: #333333; font-size: 0.28rem; border-radius: 0.2rem; }

.left .xx-item-text { float: left; background-color: #fff; }

.left .xx-item-left { float: left; margin-right: 0.15rem; }

.right .xx-item-text { float: right; background-color: #268bf2; color: #fff; }

.right .xx-item-left { float: right; margin-left: 0.15rem; }

.sp-top { position: fixed; top: 1rem; z-index: 10; width: 100%; height: 4.4rem; overflow: hidden; background: #f5f5f5; }

.sp-top video { width: 100%; height: 4.15rem; background: #000; }

.sp-top .sp-top-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }

.sp-top .sp-top-bofang { width: 1.1rem; height: 1.1rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 110; }

.sp-title { color: #333333; font-size: 0.36rem; font-weight: 600; line-height: 1.7; margin-bottom: 0.1rem; }

.sp-text { color: #333333; font-size: 0.28rem; line-height: 1.6; margin-bottom: 0.85rem; }

.sp-text * { max-width: 100%; }

.sp-foot { text-align: center; margin-bottom: 0.5rem; overflow: hidden; }

.sp-foot-box { width: 1.4rem; height: 1.4rem; position: relative; margin: 0 auto; background-color: #ededed; border-radius: 50%; overflow: hidden; margin-bottom: 0.2rem; }

.sp-foot-box img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 0.64rem; height: 0.62rem; }

.sp-foot-number { color: #333; font-size: 0.28rem; }

.sp-foot-box img:nth-child(2) { display: none; }

.on .sp-foot-box img:nth-child(1) { display: none; }

.on .sp-foot-box img:nth-child(2) { display: block; }

.on .sp-foot-number { color: #ff340c; }

.pxsp-content { width: 100%; height: auto; }

.pxsp-content .hd { width: 100%; position: fixed; top: 1.9rem; background-color: #fff; height: 1rem; line-height: 1rem; z-index: 998; border-bottom: 1px solid #eee; }

.pxsp-content .hd ul { white-space: nowrap; overflow-x: auto; padding: 0 0.32rem; }

.pxsp-content .hd ul::-webkit-scrollbar { display: none; }

.pxsp-content .hd ul li { display: inline-block; color: #666666; font-size: 0.3rem; position: relative; margin-right: 0.45rem; }

.pxsp-content .hd ul li:nth-last-child(1) { margin-right: 0; }

.pxsp-content .hd ul .on:before { content: " "; display: block; width: 0.36rem; height: 0.04rem; border-radius: 0.2rem; background-color: #4a9cf0; position: absolute; bottom: 0.15rem; left: 0; right: 0; margin: auto; }

.pxsp-content .hd ul .on { color: #4a9cf0; }

.pxsp-content .bd li { margin: 0.2rem 0; }

.pxsp-item { display: block; width: 100%; background-color: #fff; border-radius: 0.16rem; box-sizing: border-box; padding: 0 0.32rem 0.3rem; overflow: hidden; }

.pxsp-item-title { color: #333333; font-size: 0.28rem; margin-top: 0.1rem; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.2rem; }

.pxsp-item-sp { width: 100%; height: 2.45rem; line-height: 3.6rem; text-align: center; overflow: hidden;; border-radius: 0.16rem; position: relative; background: #000; }

.pxsp-item-sp img { position: absolute; left: 0; bottom: 0; top: 0; right: 0; margin: auto; }

.pxsp-item-sp > img { max-width: 100%; max-height: 100%; }

.pxsp-item-sp .play { width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; z-index: 10; }

.pxsp-item-sp .play img { width: 1.1rem; }

.skill .bd { margin-top: 0; }

.pxsp-title-left { color: #333333; font-size: 0.32rem; font-weight: 600; }

.pxsp-title a { color: #999999; font-size: 0.24rem; display: flex; align-items: center; }

.pxsp-title a img { margin-left: 0.15rem; width: 0.11rem; height: 0.21rem; }
.pxsp-title { margin-bottom: 0.25rem; display: flex; justify-content: space-between; align-items: center; margin-top: 0.25rem; }
.pxkc-item { display: block; width: 100%; height: auto; background-color: #fff; overflow: hidden; margin-bottom: 0.2rem; border-radius: 0.16rem; }
.pxkc-item-head { width: 100%; height: 1.78rem; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #eee; padding: 0.25rem 0.3rem; }
.pxkc-item-head-left { float: left; margin-right: 0.35rem; width: 1.3rem; height: 1.3rem; line-height: 1.3rem; text-align: center; border-radius: 0.1rem; overflow: hidden; }
.pxkc-item-head-left img { max-width: 100%; max-height: 100%; }
.pxkc-item-head-right { float: left; width: 2.75rem; }
.pxkc-item-title { color: #333333; font-size: 0.3rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pxkc-item-text { color: #666666; font-size: 0.24rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.8; }
.pxkc-item-text-foot { color: #aaaaaa; font-size: 0.24rem; }
.pxkc-item-foot { width: 100%; height: 0.78rem; box-sizing: border-box; padding: 0 0.42rem 0 0.32rem; display: flex; align-items: center; justify-content: space-between; }
.pxkc-item-foot-left { color: #333333; font-size: 0.24rem; }
.pxkc-item-foot-left span { margin-right: 0.2rem; }
.pxkc-item-foot-right { display: block; color: #4a9cf0; font-size: 0.24rem; border-radius: 0.15rem; width: 1.4rem; height: 0.57rem; border: 1px solid #4a9cf0; line-height: 0.53rem; box-sizing: border-box; text-align: center; }

.skill { width: 100%; margin: 0; }
.skill .menu { width: 2rem; background: #ffffff; position: fixed; top: 2rem; bottom: 0; left: 0; overflow-y: auto; }
.skill .menu .layui-form-radio { margin-right: 0; padding: 0.2rem 0.2rem; width: 1.6rem; line-height: 0.4rem; }
.skill .menu .layui-form-radio > i { display: none; }
.skill .menu .layui-form-radioed { background: #f5f5f5; }

.skill .list { width: 5rem; margin-left: 2.25rem; }
.skill .list .syr-list { margin-top: 0.25rem; }

.train { width: 100%; margin: 0; }
.train .menu { width: 2rem; background: #ffffff; position: fixed; top: 2rem; bottom: 0; left: 0; overflow-y: auto; }
.train .menu ul li { margin-right: 0; padding: 0.2rem 0.2rem; width: 1.6rem; line-height: 0.4rem; font-size: 14px; }
.train .menu ul li.on { background: #f5f5f5; }
.train .list { width: 5rem; margin-left: 2.25rem; }

.infoDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0,0,0,0.5); }
.infoDialog .dialog_con { position: absolute; top: 0; right: 0.25rem; bottom: 0; left: 0.25rem; height: 11rem; background: #ffffff; border-radius: 0.15rem; margin: auto; }
.infoDialog .dialog_con .dialog_title { position: relative; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.32rem; border-bottom: 1px solid #e2e2e2; font-weight: bold; }
.infoDialog .dialog_con .dialog_title em { position: absolute; top: 0.25rem; right: 0.25rem; width: 0.4rem; height: 0.4rem; background: url(../img/close.png) no-repeat center; background-size: 100%; }
.infoDialog .dialog_con .dialog_body { padding: 0 0.45rem; width: initial; }
.infoDialog .dialog_con .dialog_body .form-item { margin-top: 0.1rem; height: initial; line-height: initial; border: 0; }
.infoDialog .dialog_con .dialog_body .form-item .form-title { font-size: 0.3rem; font-weight: bold; line-height: 0.7rem; width: initial; float: initial; }
.infoDialog .dialog_con .dialog_body .form-item .form-input { width: initial; float: initial; float: initial; margin-left: initial; border: 1px solid #e2e2e2; }
.infoDialog .dialog_con .dialog_body .form-item .form-input .input { text-align: left; padding: 0 0.25rem; height: 0.8rem; line-height: 0.8rem; background: none; font-size: 0.3rem; }
.infoDialog .dialog_con .dialog_body .form-item .form-input select { text-align: left; direction: ltr; padding: 0 0.25rem; height: 0.8rem; line-height: 0.8rem; background-position: right 0.2rem center; font-size: 0.3rem; }
.infoDialog .dialog_con .dialog_body .form-item .form-input .input.select { background: url(../img/right.png) no-repeat right 0.2rem center; background-size: 0.2rem auto; }
.infoDialog .dialog_con .dialog_body .form_btn .btn { width: 100%; height: 0.9rem; line-height: 0.9rem; }