/*!
 * 郑州日报 Wap v1.1.0 
 * Copyright 2020-2024 Bling, Inc. 
 */

a,
blockquote,
body,
code,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
img,
input,
label,
li,
object,
ol,
p,
q,
small,
span,
strong,
table,
tbody,
td,
th,
tr,
ul,
figure {
    margin: 0;
    padding: 0;
    border: 0
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

.pd-box {
    padding: .24rem .36rem;
}

a,
img {
    -webkit-touch-callout: none
}

li,
ol,
ul {
    list-style: none
}

input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

/**
  * 响应式字体设置
  */
html {
    font-size: 13.33333vw
}

@media screen and (max-width:320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:321px) and (max-width:360px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:361px) and (max-width:375px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:376px) and (max-width:393px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:394px) and (max-width:412px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:413px) and (max-width:414px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:415px) and (max-width:480px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:481px) and (max-width:540px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:541px) and (max-width:640px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:641px) and (max-width:720px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:721px) and (max-width:768px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width:769px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}



body,
html a {
    color: #333;
    font-size: .32rem;
}

body {
    font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.hidden,
.none {
    display: none !important
}

@media screen and (min-width:769px) {

    html {
        font-size: 50px;
        min-width: 320px;
        max-width: 640px;
        margin: 0 auto;
    }
}



/**
  * 公共调用部分
  */ 
.container {
    background: #F9F9F9;
    position: relative; 
    color:  #666
}
.page { 
	padding-bottom: 1px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    opacity: 0;
    z-index: 1
}
.one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.two-line {
    -webkit-line-clamp: 2
}

.two-line,
.three-line {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.three-line {
    -webkit-line-clamp: 3
}

/**
  * 进厂动画
  */
@-webkit-keyframes a {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes a {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

.pd-4{
    padding: 0 .4rem;
}

.page { 
    -webkit-animation: a .2s forwards;
    animation: a .2s forwards
} 

/**
  *   Flex 布局
  * 
  */
.flex-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.flex-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.justify-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.align-content {
    -ms-flex-align: center!important;
    align-items: center!important;
} 

/**
  * img-responsive
  */
.img-res {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

/*
*   
*  
*/
.header-bar {
    height: 1rem;
    background: #fff;
    position: fixed;
    box-sizing: border-box; 
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.header-bar .img-logo img {
    height: .5rem;
}

.header-bar .link-btn {
    width: 1.4rem;
    height: .6rem;
    color: #fff;
    line-height: .6rem;
    text-align: center;
    border-radius: .08rem;
    font-size: .28rem;
    display: block;
    background: linear-gradient(306deg, #F40029 0%, #FC5D69 100%);
}

.footer.header-bar{
   bottom:0;
   top:auto !important;
}


.title {
    font-size: .44rem;
    color: #000;
    margin-bottom: .3rem;
}

.maker,.time,.ds {
    font-size: .24rem;
    line-height: .42rem;
    color: #999;
}

.time { 
    margin-bottom: .6rem;
}


/*
*  两列布局
*/ 

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.15em;
    margin-left: -0.15rem;
}


.col-6 { 
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-4 { 
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-box{
    padding-left: .15rem;
    padding-right: .15rem;
}
 
.box-name a{
    font-size: .24rem;
    line-height: .34rem;
    color: #999;
    margin:.2rem 0 .25rem;
}

.box-img{
    position: relative;
}

.video-time{
    width: .9rem;
    color: #fff;
    display: block;
    position: absolute;
    bottom: .15rem;
    border-radius: .05rem;
    right: .15rem;
    text-align: center;
    height: .4rem;
    background: linear-gradient(262deg, #07B2FF 0%, #037AFF 100%);
}

.video-time span{ 
    line-height: .3rem;
    font-size: .24rem;
    transform: scale(.8);
}


/*
*  下载按钮
*/
.app-link {
    width: 4rem;
    margin: 0 auto 1.6rem;
    height: .8rem;
    background: #FFFFFF;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: .2rem;
    display: block;
    text-align: center;
    line-height: .8rem;
    font-size: .28rem;
}


@media screen and (min-width:769px) {

    html {
        font-size: 50px;
    }
    .container,.fix-floor{
        min-width: 320px;
        max-width: 640px;
        margin: 0 auto;
    }
    .fix-floor{
        left:  auto !important;
    }
    .header-bar.main-pos{ 
        bottom: 3.4rem;
        background: none;
    }
}
.mobileview .qr_code_pc_outer {
    display: none!important;
    position: fixed;
    left: 0;
    right: 0;
    top: 20px;
    color: #717375;
    text-align: center;
}
.mobileview .qr_code_pc_inner {
    position: relative;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
}
.mobileview .qr_code_pc {
    box-sizing: border-box;
}
.mobileview .qr_code_pc {
    position: absolute;
    right: -140px;
    top: 0;
    width: 140px;
    padding: 16px;
    border: 1px solid #d9dadc;
    background-color: #fff;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.mobileview .qr_code_pc_img {
    width: 102px;
    height: 102px;
}
@media screen and (min-width: 1024px){
    .mobileview .qr_code_pc_outer {
        display: block!important;
        top: 32px;
    }
}