/*resetStyle*/
html, body, div, span, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, img, a, strong, form, fieldset, input, textarea, select, lable, option, blockquote, pre {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑" !important;
}

table, thead, tbody, tfoot, tr, th, td {
    margin: auto;
    padding: 0;
    font-family: "微软雅黑" !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

label, input, select, textarea {
    vertical-align: middle;
    font-size: 16px;
    font-family: "微软雅黑" !important;
    color: #000;
}

ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #787878;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

em, i {
    font-style: normal;
}

.dsn {
    display: none;
}

.fl, .c_item_fl {
    float: left;
}

.fr, .c_item_fr {
    float: right;
}

.clear {
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}

.clearfix {
    zoom: 1
}

.oh {
    overflow: hidden;
}

.por {
    position: relative;
}

button {
    border: 0;
    font-family: "微软雅黑" !important;
}

html, body {
    position: relative;
    height: 100%;
    font-family: "微软雅黑" !important;
    font-size: 14px;
    color: #1f1f1f;
    -webkit-overflow-scrolling: touch;
}
.boxMaxWidth1920{
    max-width: 1920px;
    margin: 0 auto;
}
a {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear;
    outline: 0;
}

.dsn {
    display: none !important;
}

.hg100 {
    height: 100px;
    word-break:break-all
}
.secondPcPage{
    display: "";
}
@media screen and (min-width: 700px) {
    .secondPcPage{
        display: none;
    }
}

.secondMobilePage{
    display: "";
}
@media screen and (max-width: 699px) {
    .secondMobilePage{
        display: none;
    }
}

.footerPc{
    width:100%;
    height:100%
}
@media screen and (max-width: 800px) {
    .footerPc{
        display: none;
    }
}

.footerMobile{
    width:100%;
    height:auto
}
@media screen and (min-width: 800px) {
    .footerMobile{
        display: none;
    }
}

.footerPcBottom {
    position:absolute;
    bottom:0px;word-break:break-all;background-color:#000;height:60px;line-height:60px;text-align:center;font-size:12px;color:#fff
}

.footerMobileBottom {
    position:fixed;bottom:0rem;word-break:break-all;background-color:#000;height:auto;padding: 0.2rem 0 0.4rem;text-align:center;font-size:12px;color:#fff
}

.firstBottomStat {
    width:100%;position:fixed;bottom:45px;
}

@media screen and (max-width: 500px) {
    .footerMobileBottom {
        position:absolute;bottom:3rem;word-break:break-all;background-color:#000;height:auto;padding: 0.2rem 0 0.4rem;text-align:center;font-size:12px;color:#fff
    }
    /*.firstBottomStat {
        width:100%;position:fixed;bottom:2.5em
    }*/
}

.footerQrCodeImg{
    display: block;
    /*width: 5rem;*/
    height: auto;
    margin: 0 auto;
    /*margin-bottom: 0.4rem;*/
    overflow: hidden;
    text-align: center;
}
.navbar-body{
    z-index: 11!important;
}
.swiper-button-next, .swiper-button-prev{
    z-index: 9!important;
}
.navbar-show .navbar-body>.nav{
    height: 72px;
}
/*@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.9;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.9;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.6;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.85;
    }
    .IMain{
	    background-position: center -60px !important;
    }
    .RouletteCnt{
	    margin-left: -510px !important;
    }
}
@media screen\1.41 {

   .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.85;
    }
    .IMain{
	    background-position: center -60px !important;
    }
    .RouletteCnt{
	    margin-left: -510px !important;
    }

}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.65;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    .RouletteCnt,.RouletteLpbj,.UnicornCntTxt,.TopNav,.BtmFooter,.LogoRight {
        zoom: 0.6;
    }
}*/

