li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration:none;cursor:pointer;color:#222;}
a:hover{text-decoration:none;}
input[type=text]{-webkit-appearance:none;-webkit-border-radius:0;outline:0;border:none;}
select{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;}
ul{margin:0 auto;padding:0;}
img{max-width:100%;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.clearfix{*zoom:1;}

.banner{
    width:100%;
    height:10.125rem;
    background-image:url(../images/banner.jpg);
    background-repeat:no-repeat;
    background-size:100%;
    z-index:1;
    position:relative;
}

.join{
    width:17.5rem;
    margin:0.5rem auto;
}
.join .join-tit{
    margin:0 auto 1.25rem;
    font-size:1rem;
    color:#333;
    text-align:center;
}
.join .join-tit>img{
    margin:0 0.3rem;
    width:0.55rem;
    height:1.4rem;
    vertical-align:middle;
}
.join .join-d{
    width:5.5rem;
    height:5.5rem;
    margin-right:0.5rem;
    margin-bottom:0.7rem;
}
.join .join-d:nth-child(3){
    margin-right:0rem;
}
.join .join-d>a{
    width:100%;
    height:100%;
    display:block;
    position: relative;
}
.join .join-d>a>img{
    width:5.5rem;
    height:5.5rem;
    border-radius:0.1rem;
}
.join .join-d .d-p{
    width:100%;
    display:block;
    font-size:0.75rem;
    color:#fff;
    text-align:center;
    position:absolute;
    top:40%;
}

.one{
    margin:1rem auto;
    width:17rem;
}
.one .one-p{
    font-size:0.8rem;
    color:#333;
    margin:0.5rem 0;
}
.one select{
    display:block;
    text-align:center;
    margin:0 auto;
    width:16.0rem;
    height:2.0rem;
    font-size:0.75rem;
    text-indent:0.5rem;
    color:#666;
    border:none;
    border-radius:0.2rem;
    background:#EEF2FF url(../images/sel-icon.png) no-repeat center right 0.5rem;
    background-size:0.65rem 0.375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.hr{
    margin:1rem 0;
    width:100%;
    height:0.5rem;
    background:#EEF2FF;
}

.two{
    margin:0 auto;
}
.two .two-p{
    font-size:0.8rem;
    color:#333;
    text-align:center;
}
.two .two-d1{
    margin:0.5rem auto;
    line-height:0.9rem;
    width:16.0rem;
    font-size:0.65rem;
    color:#999;
}
.two input{
    display: block;
    margin:0 auto 0.5rem;
    width:16.0rem;
    height:2.0rem;
    border-radius:0.2rem;
    background:#EEF2FF;
    text-indent:0.5rem;
}
.two .d-code{
    margin:0 auto;
    width:16.0rem;
    position:relative;
}
.two .d-code .getcode{
    display:inline-block;
    text-indent:0.5rem;
    width:6rem;
    height:1.2rem;
    line-height:1.2rem;text-align:center;
    border-left:1px solid #4E5CF7;
    font-size:0.75rem;
    color:#4E5CF7;
    position:absolute;
    right:0.5rem;
    top:0.4rem;
}
.two .huoqu{
    margin:1rem 0 0;
    display:block;
    height:2.2rem;
    line-height:2.2rem;
    text-align:center;
    font-size:0.8rem;
    color:#fff;
    background:#4E5CF7;
}
.box {
    margin-top: 5rem;
    display: none;
}
.box .succ {
    margin: 0 auto;
    text-align: center;
}
.box .succ>img {
    margin-left: -1rem;
    width: 4.85rem;
    height: 4.4rem;
}
.box>p {
    margin: 0.3rem 0;
    text-align: center;
    font-size: 0.9rem;
    color: #686868;
}