@charset "UTF-8";
body { font-family: "微软雅黑"; color: #333333; }
body, html { width: 100%; height: 100%; }
body { background: #e0f0ff; }
.dl-logo { background: url(../images/logo.png) no-repeat center; background-size: contain; width: 70%; height: 100px; font-size: 0; margin: 0 auto; }
.dl-main { padding: 0 15px; overflow: hidden; }
.dl-main .mobile { text-align: center; }
.dl-main .mobile .img { width: 80%; }
.dl-main .con .tit { display: none; }
.dl-main .con .txt { text-align: left; color: #999999; line-height: 24px; height: 100px; overflow: hidden; display: none; }
.dl-main .btnsBox, .dl-main .codeBox { position: fixed; bottom: 0px; left: 0; right: 0; }
.dl-main .btnsBox .btn { width: 48%; display: inline-block; }
.dl-main .btnsBox .btn img { width: 100%; }
.dl-main .codeBox { text-align: center; }
.dl-main .codeBox img { width: 80%; }
.dl-footer { display: none; }
.detail-box { padding: 0 15px; padding-top: 30px; padding-bottom: 100px; }
.detail-box p { line-height: 24px; color: #666666; margin-bottom: 15px; }
.popBox { display: none; width: 100%; margin: 0 auto; border-radius: 8px; padding: 1.5rem 0; }
.popBox .main { margin: 20px; }
.popBox .topicon img { margin-bottom: 0.9rem; height: 4rem; }
.popBox .title { font-size: 1.2rem; }
.popBox .txt { padding: 1rem 0; line-height: 1.8; }
.layui-layer-fytz .layui-layer-btn { text-align: center; }
 @media screen and (min-width: 768px) {
body { box-sizing: border-box; }
.dl-logo { width: 383px; margin-top: 50px; }
.dl-main { margin-top: 60px; }
.dl-main .mobile { width: 50%; margin-right: 5%; float: left; }
.dl-main .mobile .img { width: 100%; }
.dl-main .con { /*! margin-top: 6%; */ overflow: hidden; }
.dl-main .con .tit { display: block; }
.dl-main .con .tit img { width: 100%; }
.dl-main .con .txt { /*! margin-top: 10%; */ font-size: 18px; line-height: 40px; height: auto; display: block; }
.dl-main .btnsBox { bottom: 10%; text-align: center; }
.dl-main .btnsBox .btn { width: 234px; }
.dl-main .codeBox { bottom: 10%; text-align: center; }
.dl-main .codeBox img { width: 234px; }
}
 @media screen and (min-width: 992px) {
body { background: url(../images/body-bg.png) no-repeat center; background-size: cover; }
.dl-main { width: 90%; margin: 0 auto; margin-top: 50px; }
.dl-main .btnsBox { margin-top: 30px; position: static; }
.dl-main .btnsBox .btn { width: 45%; }
.dl-main .codeBox { margin-top: 30px; position: static; }
.dl-main .codeBox img { width: 35%; }
}
 @media screen and (min-width: 1200px) {
.container { width: 1200px; padding: 0; }
.dl-logo { height: 80px; background-position: center left; }
.dl-main .mobile { width: 505px; }
.dl-main .con .tit img { width: 458px; }
.dl-main .mobile { margin-right: 95px; }
.dl-main .con { /*! margin-top: 5%; */ }
.dl-main .btnsBox { margin-top: 100px; }
.dl-main .btnsBox .btn { width: 234px; }
.dl-main .codeBox { margin-top: 20px; }
.dl-main .codeBox .img { width: 234px; }
.dl-footer { display: block; text-align: center; color: #999999; font-size: 16px; line-height: 30px; }
.dl-footer a { color: #999999; }
.dl-footer a:hover { color: #3189f5; }
.detail-box { width: 1000px; margin: 0 auto; padding: 0; overflow: hidden; padding-top: 100px; font-size: 16px; }
.detail-box p { line-height: 30px; }
}