.container {
    width: 100%;
    max-width: 7.5rem;
    margin: auto;
    background: url(/images/bg.jpg) no-repeat center top rgb(39, 46, 54);
    height: 100vh;
    background-size: 100% 100%;
    padding-top: 0.33rem;
    overflow: hidden;
}
::-webkit-input-placeholder {
    color: rgba(30, 17, 15, 0.65);
    font-size: 0.24rem;
}
::-moz-placeholder {
    color: rgba(30, 17, 15, 0.65);
    font-size: 0.24rem;
}
:-moz-placeholder {
    color: rgba(30, 17, 15, 0.65);
    font-size: 0.24rem;
}
:-ms-input-placeholder {
    color: rgba(30, 17, 15, 0.65);
    font-size: 0.24rem;
}
.exchange-bg {
    margin: auto;
    /* z-index: 2;
     */
    /* left: 0;
     */
    top: 2rem;
    /* bottom: 0;
     */
    /* right: 0;
     */
    width: 10.77rem;
    height: 10.07rem;
    /* position: absolute;
     */
    background: url(/images/cdk1.png) no-repeat center;
    background-size: 100%;
    box-sizing: border-box;
    position: relative;
    right: -0.4rem;
}
.exchange-container {
    width: 5.5rem;
    /* background:red;
     */
    float: left;
    margin: 3.68rem 0 0 0.56rem;
}
.exchange-container .input-div {
    width: 100%;
    height: 0.54rem;
    box-sizing: border-box;
    margin-bottom: 0.15rem;
}
.exchange-container .input-div p {
    float: left;
    width: 1.62rem;
    text-align: right;
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #1e110f;
}
.exchange-container .input-bg {
    width: 3.81rem;
    height: 0.54rem;
    float: left;
    background-color: rgba(70, 57, 48, 0.65);
    position: relative;
    overflow: hidden;
}
.exchange-container .input-code {
    background: none;
}
.exchange-container .input-bg .text {
    width: 100%;
    height: 0.54rem;
    box-sizing: border-box;
    padding: 0 0.12rem;
    cursor: pointer;
}
.exchange-container .text span {
    float: left;
    height: 0.54rem;
    line-height: 0.54rem;
    max-width: 3.2rem;
    overflow: hidden;
    color: #1e110f;
    font-size: 0.24rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.exchange-container .text.server:after {
    content: "";
    width: 0.26rem;
    height: 0.15rem;
    background: url(/images/cdk3.png) no-repeat center;
    background-size: 100%;
    float: right;
    margin-top: 0.19rem;
}
.exchange-container .input-ul {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0.54rem;
    box-sizing: border-box;
    padding: 0.12rem;
    background-color: rgba(70, 57, 48);
    display: none;
    z-index: 2;
}
.exchange-container .text.active + .input-ul {
    display: block;
}
.exchange-container .serverSelectLi {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bbbbbb;
    font-size: 0.22rem;
    cursor: pointer;
}
.exchange-container .input-bg .cdk {
    width: 96%;
    height: 0.54rem;
    box-sizing: border-box;
    padding: 0 0.12rem;
    color: #1e110f;
    font-size: 0.24rem;
    line-height: 0.54rem;
    background: transparent;
    float: left;
}
.exchange-container .input-code input {
    width: 1.78rem;
    height: 0.54rem;
    padding: 0 0.12rem;
    box-sizing: border-box;
    color: #1e110f;
    font-size: 0.24rem;
    line-height: 0.54rem;
    float: left;
    background-color: rgba(70, 57, 48, 0.65);
}
.exchange-container .input-code .check-code-img {
    width: 1.16rem;
    height: 0.54rem;
    float: left;
    margin-left: 0.24rem;
    cursor: pointer;
}
.exchange-container .input-code .change-code {
    width: 0.3rem;
    height: 0.28rem;
    background: url(/images/l2.png) no-repeat center;
    background-size: 100%;
    float: right;
    font-size: 0;
    margin-right: 0.08rem;
    margin-top: 0.13rem;
}
.exchange-container .exchange-btn {
    width: 2.29rem;
    height: 0.58rem;
    display: block;
    cursor: pointer;
    background: url(/images/cdk2.png) no-repeat;
    margin: 0.4rem auto 0.22rem;
    background-size: 100%;
}