* {
    box-sizing: border-box
}

.container .box-container .disabled {
    background: linear-gradient(270deg, #84a4ff 100%, #92aaed 0) !important
}

.input-box>input::-moz-placeholder {
    color: #7992c1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.88px;
    text-align: left
}

.input-box>input::placeholder {
    color: #7992c1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.88px;
    text-align: left
}

label.radioselect>input:checked+span {
    background-color: #4790f6
}

label.radioselect>span {
    border-style: none
}

.input-wabbr.toleft>input {
    padding-right: 0
}

.input-wabbr>input {
    border-bottom: 0;
    text-align: right;
    padding: 0
}

.input-wabbr.toleft>label {
    right: 0
}

.input-wabbr>label:before {
    border-style: none
}

.my-border {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 8px 5px;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(28%);
    margin-left: 10px
}

.input-wabbr.toright>label:after {
    content: "";
    margin-left: 10px
}

@media screen and (min-width:900px) {
    .pc-box {
        display: flex
    }

    .mobile-box {
        display: none
    }

    .container {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 47px
    }

    .container .box-container {
        justify-content: center;
        align-items: center
    }

    .container .box-container>div {
        height: 570px
    }

    .container .box-container .input-container {
        background: linear-gradient(180deg, #2a467e, #253e74 32.15%, #1c2d5f);
        border: 1px solid #3f5e9d;
        border-radius: 15px;
        padding: 32px;
        display: flex;
        flex-direction: column
    }

    .container .box-container .input-container .exchange-option-inner {
        margin-top: 20px;
        border-radius: 10px
    }

    .container .box-container .input-container .exchange-option-inner>input {
        outline: none;
        border-style: none
    }

    .container .box-container .input-container .exchange-option-inner .label.radioselect>input:checked {
        background-color: red !important
    }

    .container .box-container .input-container .col {
        box-sizing: border-box;
        background: rgba(0, 0, 0, .12156862745098039);
        border-radius: 10px;
        padding: 0 10px;
        height: 56px;
        padding-bottom: 15px;
        margin-top: 10px
    }

    .container .box-container .input-container .rate {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.47px;
        color: #fff
    }

    .container .box-container .input-container .input-box {
        width: 100%;
        height: 56px;
        background: rgba(0, 0, 0, .12156862745098039);
        margin-top: 10px;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        position: relative
    }

    .container .box-container .input-container .input-box .ui-select-outer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .container .box-container .input-container .input-box .ui-select-search {
        border-color: #1c2d5f !important
    }

    .container .box-container .input-container .input-box .left {
        display: flex;
        justify-content: start;
        align-items: center
    }

    .container .box-container .input-container .input-box .right {
        background-color: transparent;
        outline: none;
        border-style: none;
        height: 100%;
        width: 60%;
        font-family: Bebas;
        font-size: 22px;
        font-weight: 400;
        line-height: 29.11px;
        color: #4790f6;
        text-align: right
    }

    .container .box-container .input-container .input-box .address {
        width: 100%;
        height: 100%;
        background-color: transparent;
        outline: none;
        border-style: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.88px;
        text-align: left;
        color: #7992c1
    }

    .container .box-container .input-container .change-btn {
        width: 40px;
        min-height: 40px;
        background: #4790f6;
        border-radius: 50%;
        margin: 20px auto 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .container .box-container .input-container .change-btn:active {
        opacity: .5
    }

    .container .box-container .input-container .rate-select {
        width: 100%;
        height: 44px;
        border: 2px solid #4b658a;
        margin-top: 24px;
        display: flex;
        align-items: center;
        border-radius: 14px;
        overflow: hidden
    }

    .container .box-container .input-container .rate-select>div {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .container .box-container .input-container .rate-select .active {
        background-color: #4790f6
    }

    .container .box-container .input-container .text-info {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.47px;
        text-align: center;
        color: #fff;
        padding: 0 20px;
        margin-top: 12px
    }

    .container .box-container .input-container .submit {
        width: 100%;
        height: 52px;
        border: .5px 0 0 0;
        background: linear-gradient(270deg, #4775f6, #2957d0);
        border: .5px solid #576cf2;
        margin-top: 22px;
        border-radius: 25px;
        box-shadow: 0 4px 12px 0 rgba(29, 114, 231, .403921568627451);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .container .box-container .input-container .submit>span {
        font-family: Bebas;
        font-size: 16px;
        font-weight: 400;
        line-height: 21.17px;
        color: #fff
    }

    .container .box-container .logo-container {
        background-image: url(https://mixingbtc.com/img/logo-bg-1.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 40px;
        width: 530px
    }
}

@media screen and (max-width:900px) {
    .pc-box {
        display: none
    }

    .mobile-box {
        display: flex
    }

    .input-wabbr>input {
        border-bottom: 0;
        text-align: right;
        padding: 0
    }

    .input-wabbr.toleft>label {
        left: 0;
        width: 50%;
        display: inline-block
    }

    .input-wabbr.toright>label {
        left: 0;
        width: auto;
        display: inline-block
    }

    .input-wabbr.toright>input {
        text-align: right;
        padding-right: 0
    }

    .container {
        width: 100%;
        margin: 0 auto;
        padding: 10px
    }

    .container .box-container {
        flex-direction: column;
        align-items: center
    }

    .container .box-container .input-container {
        z-index: 2;
        background: linear-gradient(180deg, #2a467e, #253e74 32.15%, #1c2d5f);
        border: 1px solid #3f5e9d;
        border-radius: 15px;
        padding: 32px;
        display: flex;
        flex-direction: column
    }

    .container .box-container .input-container .exchange-option-inner {
        margin-top: 20px;
        border: 2px solid #4b658a;
        border-radius: 10px
    }

    .container .box-container .input-container .exchange-option-inner>input {
        outline: none;
        border-style: none
    }

    .container .box-container .input-container .exchange-option-inner .label.radioselect>input:checked {
        background-color: red !important
    }

    .container .box-container .input-container .col {
        box-sizing: border-box;
        background: rgba(0, 0, 0, .12156862745098039);
        border-radius: 10px;
        padding: 0 7px;
        height: 56px;
        padding-bottom: 15px;
        margin-top: 10px
    }

    .container .box-container .input-container .rate {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.47px;
        color: #fff
    }

    .container .box-container .input-container .input-box {
        width: 100%;
        height: 56px;
        background: rgba(0, 0, 0, .12156862745098039);
        margin-top: 10px;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:10px 7px;
        position: relative
    }

    .container .box-container .input-container .input-box .ui-select-outer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .container .box-container .input-container .input-box .ui-select-search {
        border-color: #1c2d5f !important
    }

    .container .box-container .input-container .input-box .left {
        display: flex;
        justify-content: start;
        align-items: center
    }

    .container .box-container .input-container .input-box .right {
        background-color: transparent;
        outline: none;
        border-style: none;
        height: 100%;
        width: 60%;
        font-family: Bebas;
        font-size: 22px;
        font-weight: 400;
        line-height: 29.11px;
        color: #4790f6;
        text-align: right
    }

    .container .box-container .input-container .input-box .address {
        width: 100%;
        height: 100%;
        background-color: transparent;
        outline: none;
        border-style: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.88px;
        text-align: left;
        color: #7992c1
    }

    .container .box-container .input-container .change-btn {
        width: 40px;
        min-height: 40px;
        background: #4790f6;
        border-radius: 50%;
        margin: 20px auto 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .container .box-container .input-container .change-btn:active {
        opacity: .5
    }

    .container .box-container .input-container .rate-select {
        width: 100%;
        height: 44px;
        border: 2px solid #4b658a;
        margin-top: 24px;
        display: flex;
        align-items: center;
        border-radius: 14px;
        overflow: hidden
    }

    .container .box-container .input-container .rate-select>div {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .container .box-container .input-container .rate-select .active {
        background-color: #4790f6
    }

    .container .box-container .input-container .text-info {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.47px;
        text-align: center;
        color: #fff;
        padding: 0 20px;
        margin-top: 12px
    }

    .container .box-container .input-container .submit {
        width: 100%;
        height: 52px;
        border: .5px 0 0 0;
        background: linear-gradient(270deg, #4775f6, #2957d0);
        border: .5px solid #576cf2;
        margin-top: 42px;
        border-radius: 25px;
        box-shadow: 0 4px 12px 0 rgba(29, 114, 231, .403921568627451);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .container .box-container .input-container .submit>span {
        font-family: Bebas;
        font-size: 16px;
        font-weight: 400;
        line-height: 21.17px;
        color: #fff
    }

    .container .box-container .logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .container .box-container .input-container .rate {
        color: hsla(0, 0%, 100%, .7) !important
    }
}

@media only screen and (max-width:900px) {
    .container .box-container .input-container {
        padding: 22px !important
    }

    .container .box-container .input-container .col {
        height: 44px
    }

    .exchange-option-diff {
        padding: 0 5px
    }

    #select_label_from>:first-child {
        font-weight: 700;
        margin-left: 25px;
        min-width: 63px
    }

    .input-wabbr.toleft .coin-img {
        margin-left: -138px;
        margin-right: 80px
    }

    .input-wabbr.toright>label:after {
        margin-left: 20px;
        margin-top: -13px
    }

    .input-wabbr>label>:nth-child(2) {
        font-weight: 700;
        width: 85px;
        /*margin-left: 8px*/
    }

    .input-wabbr .ui-select-option {
        padding: .688em 2em .688em 1em
    }

    .container .box-container .input-container .input-box,
    .container .box-container .input-container .submit {
        height: 44px
    }

    .ui-select-outer.hidden-label.active {
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width:900px) {
    .container .box-container .input-container .change-btn {
        width: 32px;
        min-height: 32px
    }

    .container .box-container .input-container .change-btn>img {
        width: 17px;
        height: 17px
    }

    .input-wabbr.toleft>label,
    .input-wabbr.toright>label {
        top: 4px
    }
}

@media screen and (max-width:900px) and screen and (max-width:768px) {
    .mobile {
        color: #8c91af
    }
}

@media only screen and (max-width:700px) {
    .my-faq>li {
        padding: 22px 38px 38px 38px !important
    }

    .my-faq>li>p {
        font-size: 12px !important;
        word-spacing: 4px
    }

    .fl {
        margin-bottom: 30px
    }
}

#select_label_from>:first-child,
.input-wabbr>input,
.input-wabbr>label>:nth-child(2),
.loc .ui-select-value>span {
    font-weight: 700
}

.container-1 .box-container .input-container .change-btn {
    opacity: .6;
    cursor: auto !important
}

.my-input-p::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.88px;
    text-align: left;
    color: #7992c1
}

.my-input-p::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.88px;
    text-align: left;
    color: #7992c1
}

.box-container {
    color: #fff
}

@media screen and (max-width:768px) {
    .pc {
        display: none
    }

    .mobile {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto
    }

    .mobile>div {
        margin-top: 10px;
        display: flex;
        align-items: center
    }

    .mobile>div>img {
        margin: 10px
    }

    .mobile>div>div>h3 {
        font-family: Bebas;
        font-size: 16px;
        font-weight: 400;
        line-height: 21.17px;
        color: #fff
    }
}

@media screen and (min-width:768px) {
    .pc {
        width: 80%;
        margin: 100px auto 0;
        max-width: 1200px
    }

    .pc,
    .pc>div {
        display: flex
    }

    .pc>div {
        flex: 1;
        flex-direction: column;
        align-items: center
    }

    .pc>div>h3 {
        color: #fff;
        font-family: Bebas;
        font-size: 20px;
        line-height: 26.46px
    }

    .pc>div>h3,
    .pc>div>p {
        font-weight: 400;
        text-align: center
    }

    .pc>div>p {
        font-size: 16px;
        line-height: 19.3px;
        color: #8c91af;
        max-width: 240px
    }

    .mobile {
        display: none
    }
}

.my-faq[data-v-150a3780] {
    border: 2px solid #161b43;
    background: #0e1337;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 10px
}

.my-faq>li[data-v-150a3780] {
    background: linear-gradient(180deg, rgba(42, 70, 126, .122298), rgba(28, 45, 95, .196747));
    margin-top: 4px;
    border-style: none;
    border-radius: 15px
}

.my-faq>li>h4[data-v-150a3780] {
    font-family: Bebas;
    font-size: 20px;
    font-weight: 400;
    line-height: 26.46px;
    text-align: center;
    color: #fff
}

.my-faq>li>p[data-v-150a3780] {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #8c91af
}

.self-scorll[data-v-150a3780]::-webkit-scrollbar {
    width: 5px
}

.self-scorll[data-v-150a3780]::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 15px
}

.self-scorll[data-v-150a3780]::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: hsla(0, 0%, 100%, .05)
}

.my-faq>li>p[data-v-150a3780] {
    line-height: 22px
}

.mobile>div>p[data-v-150a3780] {
    color: #8c91af !important
}