/*!
 * @author -------- 114995.com - vistim chou 79273067@qq.com
 * @type   -------- 手机访问软件下载页面
 */
html, body, div, h1, h2, h3, h4, h5, h6, p, span, em, cite, del, a, img, ul, li, ol, dl, dt, dd, fieldset, legend, form, input, button, textarea, header, section, footer, article, nav, aside, adress, menu, figure, figcaption { margin: 0; padding: 0; outline: none; }

h1, h2, h3, h4, h5, h6, strong { font-size: 100%; font-weight: normal; }

ul { list-style: none; }

img { border: 0; max-width: 100%; }

header, section, footer, article, nav, aside, adress, menu { display: block; }

html { font-size: 20px; }

body { text-align: left; font: 20px / 1.5 Helvetica, Tahoma, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif; color: #5A2901; }

a, map, img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; }

a { text-decoration: none; color: #5A2901; }

html, body { height: 100%; }

.downappLogo { margin: 0 auto; height: 6.35rem; background: url(/Content/images/downappLogo.jpg) no-repeat 0 0; background-size: 100% 6.35rem;text-indent: -9999px; white-space: nowrap; overflow: hidden;}

h1, hr, img { width: 22.4rem; margin: 0 auto; }

img { display: block; }

h1 { margin: 0.5rem auto 0.5rem auto; text-indent: 1.3rem; font-size: 1.125rem; color: #0277d2; }

hr { border: 2px solid #ededed; display: block; }

.guide_trans { background-color: #EBEBEB; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }

.gudide_trans_text { position: absolute; top: 50%; margin-top: -3.5rem; width: 100%; color: #969696; text-align: center; line-height: 1.8; }
.gudide_trans_text strong { color: #5092E3; font-weight: bold; }
.guide-btn {background-color: #62af01; border: 0 none; border-radius: 3px; color: #fff; font: 14px/30px microsoft yahei,helvetica,arial,sans-serif; height: 30px; padding: 0; text-align: center; width: 80px;display:inline-block;margin-top:15px; }

.open-btn {border:1px solid white; border-radius: 3px; color: #fff; font: 14px/30px microsoft yahei,helvetica,arial,sans-serif; height: 35px;line-height: 35px; padding: 0; text-align: center; width: 120px;display:inline-block;margin-top:15px; }


.guide-btn.touch {background-color: #529301;}

.dpic img{margin: 30px auto;}

.tip2 {background: rgba(0, 0, 0, 0.7); border-radius: 5px; color: #fff; display: block; left: 50%; margin-left: -94px; padding: 5px 10px; position: fixed; text-align: center; top: 45%; width: 168px; z-index: 101;font-size: 20px }
.tip {border-radius: 5px; color: #fff; display: block; left: 50%; margin-left: -94px; padding: 5px 10px; position: fixed; text-align: center; top: 45%; width: 168px; z-index: 101;font-size: 20px }


.content-tip{
    border-radius: 5px;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 18px;
}

/* for 1080 px width screen */
@media only screen and (min-width: 1081px) { html, body { font-size: 45px; } }
/* for 1080 px width screen */
@media only screen and (max-device-width: 1080px), only screen and (max-width: 1080px) { html, body { font-size: 45px; } }
/* for 800 px width screen */
@media only screen and (max-device-width: 800px), only screen and (max-width: 800px) { html, body { font-size: 33px; } }
/* for 720 px width screen */
@media only screen and (max-width: 720px), only screen and (max-width: 720px) { html, body { font-size: 30px; } }
/* for 640 px width screen */
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) { html, body { font-size: 26.67px; } }
/* for 540 px width screen */
@media only screen and (max-device-width: 540px), only screen and (max-width: 540px) { html, body { font-size: 22.5px; } }
/* for 480 px width screen */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { html, body { font-size: 20px; } }
/* for 400 px width screen */
@media only screen and (max-width: 400px) { html, body { font-size: 16.67px; } }
/* for 360 px width screen */
@media only screen and (max-width: 360px), only screen and (max-width: 320px) { html, body { font-size: 15px; } }
/* for 320 px width screen */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { html, body { font-size: 13.33px; } }


.am-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.am-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


a img {
    border: 0;
}

a {
    text-decoration: none;
}

.weui_btn {
    position: relative;
    display: block;
    width: 45%;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 2.33333333;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}

.weui_btn:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 10px;
}

.weui_btn.weui_btn_inline {
    display: inline-block;
}

.weui_btn_top {
    color: #eb3341;
    font-size: 16px;
    background-color: white;
    border: 1px solid #eb3341;
}

.weui_btn_top_touch {
    background-color: #f0f0f0;
}

.weui_btn_btm {
    color: white;
    font-size: 16px;
    background-color: #eb3341;
}

.weui_btn_btm_touch {
    background-color: #de313e;
}

.primary {
    color: #000000;
    font-size: 16px;
}

.second {
    color: #000000;
    font-size: 16px;
}

.all-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.weui_toast {
    position: relative;
    z-index: 3;
    max-width: 80%;
    min-height: 2em;
    top: 180px;
    background: rgba(40, 40, 40, 0.75);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.weui_icon_toast {
    margin: 22px 0 0;
    display: block;
}

.weui_toast_content {
    margin: 15px;
    font-size: 14px;
}

.weui_mask {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.weui_mask_transparent {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
}

.weui_mask_transition {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: background .3s;
    transition: background .3s;
}