body {
    background-color: #EDF0F6;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #5e7ec9;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #5e7ec9;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #5e7ec9;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #5e7ec9;
}

.my-exchange {
    position: absolute;
    right: 0;
    top: .4rem;
    width: 1.39rem;
    height: .62rem;
    color: #fff;
    font-size: .26rem;
    line-height: .62rem;
    text-align: center;
    background-color: rgba(0, 0, 0, .58);
    border-radius: .30rem 0px 0px .30rem;
}

.main {
    padding-top: 4.5rem;
    padding-bottom: .8rem;
    background: url(../../img/continentInsurance/index/main.png) no-repeat;
    background-size: 100%;
}

.main .input-show {
    margin: 0 auto;
    width: 6.1rem;
    height: 1.1rem;
    background-color: #fff;
    border-radius: .02rem;
    text-align: center;
    line-height: 1.1rem;
}

.main .input-show input {
    width: 86%;
    height: .9rem;
    font-size: .3rem;
    color: #5e7ec9;
    border: 0;
}

.main .exchange-btn {
    display: block;
    margin: .9rem auto 0;
    width: 6.4rem;
    height: 1.1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .36rem;
    color: #fff;
    cursor: pointer;
    background: url(../../img/continentInsurance/index/exchangeBtn.png) no-repeat;
    background-size: 100%;
}

/**************底部流程*********************/

.main-foot {
    position: relative;
    width: 93%;
    height: 4rem;
    padding: .3rem .5rem;
    margin: 0 auto;
    background: url(../../img/continentInsurance/index/flowTitle.png) no-repeat;
    background-size: 100%;
    box-sizing: border-box;
}

.main-foot .flow-title {
    position: relative;
    font-size: .34rem;
    color: #1e4cb6;
    margin: 0 .4rem 0;
    text-align: center;
}

.main-foot .flow-title::before {
    content: '';
    position: absolute;
    left: -.4rem;
    top: .2rem;
    width: 1.91rem;
    height: .07rem;
    background: url(../../img/continentInsurance/index/titleLeft.png) no-repeat;
    background-size: 100%;
}

.main-foot .flow-title::after {
    content: '';
    position: absolute;
    right: -.4rem;
    top: .2rem;
    width: 1.91rem;
    height: .07rem;
    background: url(../../img/continentInsurance/index/titleRight.png) no-repeat;
    background-size: 100%;
}

.main-foot .flow-descript {
    font-size: .26rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .60rem;
    letter-spacing: 0;
    color: #333;
}

.main-foot .flow-descript span {
    margin-right: .3rem;
    color: #5e7ec9;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .58);
}

.modal .modal-tip {
    box-sizing: border-box;
    margin: 3.5rem auto 0;
    width: 4.85rem;
    padding-bottom: .4rem;
    background-color: #fff;
    border-radius: .08rem;
}

.modal .modal-tip .modal-tip-head {
    width: 100%;
    height: 1.5rem;
    background: url(../../img/continentInsurance/index/modalTipHead.png) no-repeat;
    background-size: 100%;
    padding-top: .4rem;
}

.modal .modal-tip .modal-tip-head img {
    display: block;
    width: 1rem;
    margin: 0 auto;
}

.modal .modal-tip p {
    padding: 0 .2rem;
    text-align: center;
    font-size: .34rem;
    color: #333;
}

.modal .modal-tip-btn {
    width: 90%;
    margin: .56rem auto 0;
    height: .9rem;
    background: url(../../img/continentInsurance/index/tipBtn.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: .9rem;
    color: #fff;
}

footer.supplier {
    position: relative;
    padding: .2rem 0;
    text-align: center;
}

footer.supplier p {
    font-size: .22rem;
    color: #bababa;
}