/**
 * 调起APP中间过渡页
 * sheak 7830957@qq.com 20180423
**/

html,
body,
* {
    margin: 0;
    padding: 0;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

.download_app_bg,
.download_app_memb {
    background: #E1E7EB;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    z-index: 200;
}

.download_app_memb {
    background: rgba(225, 231, 235, .9);
}

.download_app_box {
    background: url('../img/open_with_browser.png') 90% top no-repeat;
    background-size: 95% auto;
    min-height: 55%;
    text-align: center;
}

.d_top,
.d_bottom {
    width: 100%;
    margin: 0 auto;
}

.d_top {
    padding-bottom: 60px;
}

.download_app_box h2 {
    font-size: 16px;
    color: #000F1A;
    font-weight: bold;
    margin: 40px auto 10px;
}

.download_app_box h4{
    color: #818B91;
    font-size: 12px;
    font-weight: normal;
}

.icon_browser {
    width: 60px;
    height: 60px;
    margin: 20px auto;
}

.icon_safari {
    background: url('../img/icon_safari.png') center center no-repeat;
    background-size: 58px auto;
}

.icon_android {
    background: url('../img/icon_android.png') center center no-repeat;
    background-size: 58px auto;
}

.download_app_box .d_tips {
    color: #000F1A;
    font-size: 14px;
    line-height: 24px;
    padding-top: 20%;
}

.download_app_box .d_blue {
    font-size: 19px;
    color: #207EF3;
    font-weight: bold;

}

.download_app_box .d_uninstall {
    position: relative;
    color: #818B91;
    font-size: 14px;
    text-align: center;
    width: 70%;
    margin: 10px auto 5%;
}

.download_app_box .d_uninstall:before,
.download_app_box .d_uninstall:after {
    display: block;
    position: absolute;
    content: '';
    width: 30%;
    height: 2px;
    background: #D3D9DE;
    top: 8px;
}

.download_app_box .d_uninstall:before {
    left: 0;
}

.download_app_box .d_uninstall:after {
    right: 0;
}

.d_bottom {
    position: fixed;
    bottom: 5%;
}

.download_red_btn {
    display: block;
    background: rgba(240, 34, 10, 1);
    background-image: -webkit-linear-gradient(top, #F0220A, #DC0F04);
    background-image: -moz-linear-gradient(top, #F0220A, #DC0F04);
    background-image: -o-linear-gradient(top, #F0220A, #DC0F04);
    background-image: -ms-linear-gradient(top, #F0220A, #DC0F04);
    background-image: linear-gradient(to bottom, #F0220A, #DC0F04);
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    width: 120px;
    margin: 20px auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 3px 6px 0 rgba(220, 15, 4, .2)
}