@charset "utf-8";
*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif; background: #f9f9f9}
html,body,.swiper-container,.swiper-wrapper,.swiper-slide,.banner{width:100%;height:100%;}
.container{max-width:768px;margin:0 auto;}
.container.con-Small{max-width:768px;margin:0 auto;}
.rel{position:relative;}
.abl{position:absolute;}
ul,ol,li{list-style-type:none;}
img{border:0;max-width:100%;}
button{border:0;outline:0;}
a{color:#343434;text-decoration:none;}
a:hover{color:#1BA8D0;text-decoration:none;}
.pc-show{display:block}
.m-show{display:none}
.fl{float:left}
.fr{float:right;}
*{box-shadow: none; outline: none;}
/* flex布局 */
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v-bottom{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}

.flex-inline{display: -webkit-inline-flex;display: inline-flex;}
.flex-center{align-items:center;}
.flex-1x{flex-grow:1}
.flex-2x{flex-grow:2}
.flex-0x{flex-grow:0}

/*通知公告*/
.header{ background: #524ebf url("../img/ggbg.png") no-repeat top center;}
.header img{ max-width: 100%; max-height: 48px; margin-top: 40px; margin-bottom: 48px;}

.per-info{ padding: 80px 120px; background: #ffffff}
.per-info input{ width: 100%; border: 1px solid #ddd; line-height: 2.6; border-radius: 3px; text-indent: 1em;}
.per-info input:focus,
.per-info input:hover,
.per-info input:active{ width: 100%; border: 1px solid #cc4747; }
.per-info .flex-0x{flex-basis:80px; line-height: 2.4; font-weight: 700 }
.per-info .flex{ margin: 16px;}
.per-info .btn{font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
.per-info .btn-danger{
    color: #fff;
    background-color: #cc4747;
    border-color: #c64545;
}
.btn-block {
    display: block;
    width: 100%;
}

/*切换*/
.tab{ background: #fafafa;}
.menu ul{flex-wrap: nowrap;}
.menu li{background: #e7e6f2;padding: 24px 40px;text-align: center;font-size: 16px;cursor: pointer;}
.menu li+li{margin-left: 2px;}
.menu li.on{background: #fafafa;font-weight: 700;color: #cc4747;font-size: 18px;}
.noticeContent{padding: 40px; min-height: 210px;}
.noticeContent .cont p,
.noticeContent .cont{font-size: 18px; line-height: 2; color: #282828; text-indent: 2rem;}

.footer{background: #524ebf; line-height: 2; color: #fff; text-align: center; font-size: 12px; padding: 8px 0;}

/*手机*/
@media screen and (max-width:1024px) {
    .menu ul{flex-wrap: wrap;}
    .per-info{ padding: 16px;}
}