@charset "utf-8";
/* CSS 前台通用 */

* { max-height: 999999px; } /* 禁掉 Font Boosting 特性（Webkit 给移动端浏览器提供的一个特性） */
body { margin:0; padding:0; line-height:1.8; font-size:0.28rem; color:#000; background-color:#fff; }
/*.box { width:100%; height:auto; overflow:hidden; }*/
.container { width:100%; height:auto; padding:0 .4rem; overflow:hidden; }
* { box-sizing:border-box; }
img { border:none; max-width:100%; }
a { color:inherit; text-decoration:none; }
.text-align-justify { text-align: justify; }

.text-huge { font-size:.32rem; }
.text-big { font-size:.3rem; }
.text-small { font-size:.26rem; }
.text-tiny { font-size:.24rem; }

/* 隐藏未编译的 Mustache 标签直到实例准备完毕 */
[v-cloak] { display: none }

/* 去除CKEditor5自动生成的figure标记的边距 */
figure { margin:0; }
    
/* 页眉 */
header { position:fixed; top:0; left:0; right:0; width:100%; height:1.6rem; display:flex; justify-content:center; align-items:center; border-bottom: 1px solid #f2f2f2; box-shadow: 0 0 .1rem rgba(0,0,0,0.3); background-color:#000;  z-index:96; }
header a.btn-menu { position:fixed; top:.62rem; left:.4rem; width:.5rem; height:.38rem; display:inline-flex; flex-direction:column; justify-content:space-between; transition:transform 400ms ease-out; z-index:99; }
header a.btn-menu span { width:.5rem; height:.06rem; display:inline-block; background-color:#fff; transition:transform 400ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
header a.btn-menu span:first-child { width:.25rem; transform-origin:right; }
header a.btn-menu span:last-child { width:.25rem; align-self:flex-end; transform-origin:left; }
header a.btn-menu-close { transform:rotate(-45deg); }
header a.btn-menu-close span:first-child { transform:rotate(-90deg) translateX(0.1rem); }
header a.btn-menu-close span:last-child { transform:rotate(-90deg) translateX(-0.1rem); }
header a.logo { width:1.2rem; height:1.05rem; display:inline-block; }
header a.logo img{ width:1.2rem; height:1.05rem; }
header a.mask { position:fixed; right:7.5rem; left:0; top:0; bottom:0; width:0; background-color:#000; opacity:0; z-index:97; transition:opacity 0.3s linear; }
header .sidebar { position:fixed; right:7.5rem; top:1.6rem; bottom:1rem; width:5rem; background-color:#000; z-index:98; transition:all 0.3s linear; }
header .sidebar nav { width:100%; height:auto; }
header .sidebar nav ul.l1 { width:100%; margin:0; padding:0.5rem 0 0; }
header .sidebar nav ul.l1 li { list-style:none; height:auto; line-height:1; }
header .sidebar nav ul.l1 li a { position:relative; padding:.3rem .4rem; display:block; color:#fff; transition:all 0.4s ease; }
header .sidebar .contact { position:absolute; left:0; right:0; bottom:0; margin:0; padding:0 0 0.8rem .4rem; list-style:none; color: #fff;}
header .sidebar .contact .part1 span { display: block; line-height: 1; }
header .sidebar .contact .part1 span:first-child { font-size: 0.24rem; color: #999; }
header .sidebar .contact .part1 span:last-child { padding: 0.25rem 0 0.4rem; }
.header-placeholder { width:100%; height:1.6rem; }

/* slide */
/*.slide { position:fixed; bottom:0; left:0; right:0; width:100%; height:1rem; display: flex; border-top:1px solid #DEDEDE; z-index:96; }*/
/*.slide ul { width: 100%; height: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; }*/
/*.slide ul li { flex: 1; height: 100%; list-style: none; color: #000; }*/
/*.slide ul li a { width: 100%;height: 100%; display: flex ; align-items: center;justify-content: center; background: #fff; }*/
/*.slide ul li a .area { width: 100%; line-height: 1; text-align: center; font-size: 0.22rem; color: #999; }*/
/*.slide ul li a .area .img { width: 100%;height: .44rem; display: flex; justify-content: center; margin-bottom: 0.1rem; }*/
/*.slide ul li a .area .img span { width: .44rem; height: .44rem; display: block; }*/
/*.slide ul li a .area .img1 span { background: url("/images/home.png") no-repeat center/cover; }*/
/*.slide ul li a.current1 { background: #000; color: #fff; }*/
/*.slide ul li a.current1 .area { color: #fff; }*/
/*.slide ul li a.current1 .area .img1 span { background: url("/images/home_click.png") no-repeat center/cover; }*/
/*.slide ul li a .area .img2 span { background: url("/images/match.png") no-repeat center/cover;  }*/
/*.slide ul li a.current2 { background: #000; color: #fff; }*/
/*.slide ul li a.current2 .area { color: #fff; }*/
/*.slide ul li a.current2 .area .img2 span { background: url("/images/match_click.png") no-repeat center/cover;  }*/
/*.slide ul li a .area .img3 span { background: url("/images/application.png") no-repeat center/cover;  }*/
/*.slide ul li a.current3 { background: #000; color: #fff; }*/
/*.slide ul li a.current3 .area { color: #fff; }*/
/*.slide ul li a.current3 .area .img3 span { background: url("/images/application_click.png") no-repeat center/cover;  }*/
/*.slide ul li a .area .img4 span { background: url("/images/marster_class.png") no-repeat center/cover;  }*/
/*.slide ul li a .area .img5 span { background: url("/images/myself.png") no-repeat center/cover;  }*/

/* 页脚 */
footer { width: 100%; height: auto; padding-bottom: 1rem; }
footer .part1 { width: 100%; padding: 0.6rem 0.4rem 0.5rem; background: #AAA url("/images/bg1.png") no-repeat center/cover; overflow: hidden; }
footer .part1 .title { line-height: 1; color: #ccc; }
footer .part1 .about { line-height: 1; color: #fff; }
footer .part1 .about a { padding: 0.3rem 0; display: block; }
footer .part1 .area { width: 100%; height: auto; display: flex; justify-content: flex-start; padding-top:0.45rem; }
footer .part1 .area div { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; border: 1px solid #ccc; }
footer .part2 { width: 100%; height: auto; padding: 0.6rem 1rem 0.25rem; background: #000; }
footer .part2 .img { width: 100%;height: 1.63rem; }
footer .part2 .img img { width: 100%;height: 100%; display: block; }
footer .part2 .text {  padding-top: 0.4rem; line-height: 1; text-align: center; color:#999; }
footer .part2 .text span { display: block; padding-bottom: 0.09rem; }

/*!* 浮动工具栏 *!*/
/*.float-bar { position:fixed; right:.2rem; bottom:1rem; z-index:98; }*/
/*.float-bar a { width:.8rem; height:.8rem; margin-bottom:.2rem; border:1px solid #999; border-radius:50%; background-image:url(/images/float_bar_icon.png); background-repeat:no-repeat; background-size:.8rem 1.6rem; background-color:#fff; display:block; opacity:0.8; }*/
/*.float-bar a:last-child { margin-bottom:0; }*/
/*.float-bar a.scroll-top { background-position:0 -0.8rem; display:none; }*/
/*.float-bar a.tel { background-position:0 0; }*/

/* 图片上传 */
.image-upload .show { width:2rem; height:auto; line-height: 0; display: block; }
.image-upload .show img { max-width:100%; margin-bottom:5px; vertical-align:bottom; }
.image-upload .show img[src=''] { margin-bottom:0; }
.image-upload label span { line-height:0.6rem; padding:0 0.4rem; border:1px solid #28b28b; border-radius:0.08rem; font-size:0.28rem; color:#28b28b; text-align:center; background-color:#fff; display:inline-block; cursor:pointer; }
.image-upload label input[type=file] { display:none; }

/*!* 栏目标题 *!*/
/*.title { height:.65rem; margin:.5rem 0 .4rem 0; }*/
/*.title span { position:relative; width:auto; height:.36rem; line-height:.36rem; font-size:.36rem; color:#122a88; display:inline-block; }*/
/*.title span i.line-orange { position:absolute; left:0; top:.47rem; width:50%; height:.06rem; background-color:#e59b1a; display:block; }*/
/*.title span i.line-blue { position:absolute; left:0; top:.59rem; width:100%; height:.06rem; background-color:#122a88; display:block; }*/

/*.load { width:100%; height:auto; padding:.4rem; font-size:.36rem; color:#999; text-align:center; display:none; }*/
/*.no-more { width:100%; height:auto; padding:.4rem; font-size:.28rem; color:#999; text-align:center; display:none; }*/

/* 表单元素样式 */
input[type="text"],input[type="password"] {
    width: 100%;
    height: 0.8rem;
    padding: 0 0.2rem;
    border: 1px solid #ddd;
    border-radius: 0.1rem;
    box-shadow: none;
    outline: 0;
    font-size:.28rem;
    color: #666;
    background-color: #fff;
    transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
    /* 去除手机控件的默认样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select {
    height: 0.8rem;
    padding:0 0.6rem 0 0.2rem;
    border: 1px solid #ddd;
    border-radius:0.1rem;
    box-shadow: none;
    outline: 0;
    font-size: .28rem;
    color: #666;
    background: url("/images/form_select_arrow.png") no-repeat right 0.2rem center #fff;
    background-size: .2rem .16rem;
    transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
    /* 去除手机控件的默认样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select:focus,input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
    border-color: #55bbc7;
}
.error input, .error select, .error textarea {
    border-color: #b94a48;
    color: #b94a48;
}
input[type='submit'],input[type='button'] {
    outline: 0;
    /* 去除手机控件的默认样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* 提示、警告样式 */
.alert {
    width: 100%;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: .1rem;
    color: #c09853;
    margin-top: .1rem;
    padding: 0 .2rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

/* 按钮样式 */
.btn { height:.8rem; line-height:.8rem; display: inline-block; border:none; border-radius:.1rem; outline:0; color:#fff; text-align:center; transition: all 0.3s; }
.btn-small { height:.6rem; line-height:.6rem; }
.btn-golden { background-color:#d39b64; }
.btn-red { background-color:#f6000e; }
.btn-grey { border: 1px solid #ccc; color:#000; background-color:#efefef; }