/* 20181129 */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

html, body, fieldset, img, iframe, abbr { border: 0; }

li { list-style: none; }

textarea { overflow: auto; resize: none; }

a, button { cursor: pointer; }

h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: 700; }

a, a:hover { text-decoration: none; }

body, html { width: 100%; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif; }

body { background: #24252a; opacity: 1; -webkit-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; }

a { text-decoration: none; }

input { -webkit-appearance: none; }

* { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-focus-ring-color: rgba(0, 0, 0, 0); }

p, a, li, span, input { font-size: .28rem; }

h1 { font-size: .32rem; }

h2 { font-size: .34rem; }

h3 { font-size: .3rem; }

h4 { font-weight: 400; font-size: .3rem; }

h5 { font-size: .28rem; }

textarea { font-size: 24px; }

a { color: #434343; }

html { font-size: 312.5%; }

@media screen and (max-width: 359px) and (orientation: portrait) { html { font-size: 266.67%; } }
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) { html { font-size: 300%; } }
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) { html { font-size: 320%; } }
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) { html { font-size: 333.33%; } }
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) { html { font-size: 345%; } }
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) { html { font-size: 360%; } }
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) { html { font-size: 400%; } }
@media screen and (min-width: 640px) and (orientation: portrait) { html { font-size: 533.33%; } }
.hide { display: none; }

/*************/
#forhorview { position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.8); display: none; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
#forhorview p { font-size: .6rem; color: #ddd; }

/**top-bar**/
.topBar { width: 100%; height: 1.15rem; background-color: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; z-index: 10; }
.topBar .icon1 { float: left; width: .96rem; height: .96rem; background: url(../images/icon04.png) no-repeat; background-size: .96rem .96rem; margin: .08rem 0 0 .15rem; }
.topBar .logo { float: left; width: 2.44rem; margin: .2rem 0 0 .15rem; font-size: .2rem; color: #fff; }
.topBar .logo h3 { font-size: .27rem; font-weight: bold; }
.topBar .btn1 { float: left; width: 3.6rem; height: .66rem; background: url(../images/enter.png) no-repeat; background-size: 100% 100%; margin: .22rem 0 0 0; }
.topBar .enter { float: left; width: 1.54rem; height: .64rem; margin-left: .06rem; }
.topBar .download1 { float: left; width: 1.54rem; height: .64rem; margin-left: .46rem; }

/**foot-bar**/
.footerBar { width: 100%; background-color: #14161a; font-size: .24rem; color: #eaf1fa; min-height: .77rem; position: relative; }
.footerBar .contBlock { padding: .35rem; }
.footerBar .contBlock .ft-logo { margin-right: 50px; display: block; }
.footerBar .contBlock .ft-logo a.jump-logo { width: 100px; height: 53px; background: url(../images/logo-jump.png) no-repeat; margin-right: 25px; display: inline-block; }
.footerBar .contBlock .ft-logo a.dzbq-logo img { width: 50px; height: 57px; }
.footerBar .contBlock .copyRight_m p { font-size: .24rem; color: #fff; line-height: 0.36rem; }
.footerBar .contBlock .btn_toTop { position: absolute; right: .3rem; bottom: .3rem; width: .93rem; height: .93rem; background: transparent url(../images/goTop.png) scroll no-repeat 0 0; background-size: 100% 100%; z-index: 10; }
.footerBar .contBlock .copyRight_p { width: 6rem; margin: 0 auto; padding: .2rem 0; }
.footerBar .contBlock .copyRight_p a { display: inline-block; text-decoration: none; height: .4rem; line-height: .4rem; }
.footerBar .contBlock .copyRight_p a img { float: left; width: .4rem; }
.footerBar .contBlock .copyRight_p a p { float: left; height: .4rem; line-height: .4rem; margin: 0 0 0 .05rem; color: #939393; }

/**main**/
.box-one { width: 100%; height: 5rem; background: url(../images/rm01.jpg) no-repeat bottom; background-size: 100% 100%; position: relative; }
.box-one .logo_dzz { position: absolute; top: .2rem; right: .1rem; width: 2.16rem; height: 1.52rem; background: url(../images/logo_dzz.png) no-repeat; background-size: 100% 100%; }
.box-one .rule { position: absolute; bottom: 0; padding: .5rem; color: #7a1505; }
.box-one .rule h6 { font-size: .3rem; line-height: .8rem; }
.box-one .rule p { font-size: .24rem; line-height: 1.5; }

.box-two { width: 100%; background: #fff; background-size: 100% 100%; }
.box-two .box_hdhj { text-align: center; padding-left: .28rem; }
.box-two .box_hdhj li { float: left; width: 3.03rem; height: 2.34rem; background: url(../images/bg_hd.png) no-repeat; background-size: 100% 100%; display: inline-block; padding: .2rem .2rem 0 .2rem; margin: 0 .07rem .15rem 0; color: #545454; text-align: left; }
.box-two .box_hdhj li h3 { font-size: .36rem; text-align: right; font-weight: bolder; margin-bottom: 20px; }
.box-two .box_hdhj li span { font-size: .2rem; }

/**pop**/
.mask { transition: opacity .3s ease-in-out 0s; -moz-transition: opacity .3s ease-in-out 0s; -webkit-transition: opacity .3s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.8); display: none; opacity: 0; z-index: 999; }

.mask.show { opacity: 1; display: block; }

.pop .popMain { width: 6.2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; background: #fefef6; background-size: 100% 100%; display: none; }
.pop .popMain .p_content { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 6; text-align: center; display: none; font-size: .32rem; }
.pop .popMain .p_content h3 { font-size: .48rem; color: #2f3615; text-indent: .33rem; }
.pop .popMain .p_content .time { color: #fff; background: #2f3615; line-height: 1.8; }
.pop .popMain .p_content ul { background: #fff; display: block; padding: .25rem .2rem .2rem .2rem; line-height: 1.8; height: 5rem; overflow: scroll; text-align: left; }
.pop .popMain .p_content.show { display: block; }
.pop .popMain .btn_popClose { width: .8rem; height: .8rem; position: absolute; top: -.2rem; right: .14rem; z-index: 66; font-size: .8rem; color: #99999b; }
.pop .popMain.show { display: block; }

@keyframes up { 0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; } }
/*# sourceMappingURL=index.css.map */

/*# sourceMappingURL=index.css.map */