.banner {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin-top:4.5rem
}
.title {
    height: 6rem;
    margin-top: 6rem;
    max-width: 100%;
}
.logo{width:8rem}
.eng-logo{width:16rem}
.join-content {
    padding: 0 2rem 5rem;
    text-align: center;
}
h2,h3{color:#fa000a;font-weight:bold}
.single,.many{color:#fa000a;border:2px solid #fa000a;padding:1.5rem 2rem;margin-top:2rem;line-height:1.5}
p.desc{margin-top:2rem}
.contract {
    margin-top: 2rem;
    display: flex;
    border: 1px solid #fa000a;
}
.contract .left{    
    width: 25%;
    text-align: center;
    color: #fff;
    background: #fa000a;
    line-height: 4rem;
}
.contract .right{
    width: 75%;
    text-align: center;
    line-height: 4rem;
    font-weight: bold;
    color: #fa000a;
    font-size: 1.35rem;
}
.contract .right strong{font-size:2.25rem;vertical-align:bottom}
img.responsive{width:100%;margin:2rem 0}
.s-title {
    font-size: 1.25rem;
    color: #fa000a;
    margin-bottom:1.5rem;
}
.info{margin-top:3rem}
.info > p {
    font-size: 1.35rem;
    margin-bottom: 2rem;
}
.info select, .info input,.info textarea {
    font-size: 1.15rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    width:100%
}
.info select{color:#ccc;background:#fff}
.info select option{color:#000}
.info textarea{resize:none;height:10rem;font-size: 1.15rem;}
.info .double>*{width:calc(50% - .5rem);}
.info .double{display:flex;justify-content:space-between;position:relative}
#experience{height:4rem} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
}
.submit {
    background: #e70310;
    color: #fff;
    border: none;
    padding: 1rem 3rem;
    font-size: 1.35rem;
    width: 100%;
}
.getcode {
    background: #e9bd7e;
    color: #fff;
    width: 30% !important;
    height: 3.4rem;
}
.required {
    position: absolute;
    color: #fa000a;
    width: auto !important;
    right: 101%;
    font-size: 2rem;
    margin-top: .75rem;
}
h2 {
    display: flex;
    align-items: center;
    font-size:2.25rem
}
.line{flex:1;height:1px;background:#fa000a;margin-left:1rem}
.swiper-container img{width:100%}
.process{margin-top:5rem}

.method {
    background: #e60012;
    color: #fff;
}
.method h2{color:#fff}
.cooperation-content {
    margin-top: 3rem;
    line-height: 1.5;
    font-size: 1.125rem;
}
.cooperation-content .sum{display:inline-block;font-size:1.25rem;background:#fff;color:#e70310;padding:0 .5rem;position:relative;}
.cooperation-content .sum::after{content:"";position:absolute;height:100%;width:100%;border-bottom:1px solid #fff;border-right:1px solid #fff;left:3px;top:3px}
.cooperation-content li{margin-bottom:.5rem}
.coo-part{margin-bottom: 3rem;}
.coo-part .key{color:#f8b72b}
.coo-part .size-b{font-size:1.35rem}
.coo-part .desc{margin-bottom:2rem}
.contract {
    margin-bottom: 2rem;
    display: flex;
    border: 2px solid #fff;
}
.contract .left {
    width: 25%;
    text-align: center;
    color: #e70310;
    background:#fff ;
    line-height: 4rem;
    font-size:1.25rem
}
.contract .right {
    width: 75%;
    text-align: center;
    line-height: 4rem;
    font-weight: bold;
    color: #fff;
    font-size: 1.35rem;
}
.cooperation-content ul{margin-top:2rem}
.cooperation-content li {
    margin-bottom: 0.5rem;
}
.system-show{margin-top:2rem}
.sys-part{position:relative}
.sys-part-text {
    background: #f6f6f6;
    color: #000;
    text-align: center;
    font-size: 1.35rem;
    padding: 3rem 0;
    margin-bottom: 3rem;
    font-weight: bold;
}
.competition-show .swiper-container {
    display: none;
}
.competition-show .swiper-container.swiper-active {
    display: block;
}
.swiper-store .swiper-slide{width:auto;filter: blur(5px);opacity:.5 !important}
.shop-content{text-align:center;display:none}
.swiper-slide-active .shop-content{display:block}
.swiper-store .swiper-slide-active{filter: blur(0);opacity:1 !important}
.shop-content strong{font-size:1.65rem;color:#fa000a;margin-right:1rem}
.shop-content span{font-size:.75rem}
.shop-desc{font-weight:bold;margin:1.5rem 0 3rem;font-size:1.25rem}
.swiper-store .swiper-slide img{width:auto;height:10rem}
.competition-show {
    padding: 0 2rem;
    margin-bottom: 9rem;
}
.img-responsive{margin-top:5rem}
.img-fill{width:100%}