/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

* {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-touch-callout: none;
    /*系统默认菜单被禁用*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    /*早期浏览器*/
    -moz-user-select: none;
    /*火狐*/
    -ms-user-select: none;
    /*IE10*/
    user-select: none;
    /*去掉ios点击默认的灰色覆盖层*/
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}

.callout {
    -webkit-touch-callout: default;
}

.callout img {
    -webkit-touch-callout: default;
}

body {
    background-color: #F8F8F8;
    font-family: PingFang SC, "Microsoft YaHei";
    line-height: 1;
}

input {
    -webkit-user-select: auto;
    /*webkit浏览器*/
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    margin: 0px;
    padding: 0px;
    outline: none;
}

button {
    border: 0;
    outline: none;
}

img {
    width: 100%;
    display: block;
}

a {
    text-decoration: none;
}

/*banner组件样式*/

.banner {
    position: relative;
    border-radius: .12rem;
    color: #fff;
    text-align: center;
    width: 6.89rem;
    height: 1.9rem;
    margin: 0 auto .2rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.banner img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .12rem;
    z-index: -1;
}

.banner h2 {
    font-size: .4rem;
    margin-bottom: .12rem;
}

.banner h6 {
    font-size: .24rem;
}


/*banner-full通栏组件样式*/

.banner-full {
    position: relative;
}

.banner-full img {
    width: 100%;
}

.banner-full h2 {
    font-size: .4rem;
    margin-bottom: .12rem;
}

.banner-full h6 {
    font-size: .24rem;
}


/*content-card内容卡片组件样式*/

.content-card {
    padding: .4rem .3rem;
    margin: 0 auto;
    background-color: #fff;
}

.content-card h1 {
    font-size: .34rem;
    color: #333;
    margin-bottom: .4rem;
}

.content-card p {
    font-size: .28rem;
    color: #4a4a4a;
    line-height: 1.5;
}

.seven-card {
    background: #fff;
    border: 0;
    /*box-shadow: 0 0.1rem 0.1rem rgba(0, 43, 85, 0.04);*/
    padding: .42rem 0 .2rem;
}

.seven-card .title {
    text-align: center;
    margin: 0 auto;
    color: #383838;
    font-size: .42rem;
}

.seven-card .tags {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: .2rem;
}

.seven-card .tags span {
    border-radius: .04rem;
    font-size: .22rem;
    color: #f1583b;
    padding: .07rem;
    position: relative;
    margin-right: .2rem;
    border: 1px solid #f1583b;
}

.seven-card .tags span:last-child {
    margin-right: 0;
}


/*.seven-card .tags span:after {*/


/*content: '';*/


/*position: absolute;*/


/*top: 0;*/


/*left: 0;*/


/*border: 1px solid #f1583b;*/


/*border-radius: .04rem;*/


/*-webkit-box-sizing: border-box;*/


/*box-sizing: border-box;*/


/*width: 200%;*/


/*height: 200%;*/


/*-webkit-transform: scale(0.5);*/


/*transform: scale(0.5);*/


/*-webkit-transform-origin: left top;*/


/*transform-origin: left top;*/


/*}*/

.seven-card .sevenDays {
    text-align: center;
    margin: .4rem auto 0;
    font-size: .7rem;
    color: #f1583b;
}

.seven-card .fundSlogan {
    text-align: center;
    margin: .4rem auto 0;
    font-weight: bolder;
    font-size: .65rem;
    color: #f56f49;
}

.seven-card .date {
    text-align: center;
    margin: .18rem auto 0;
    font-size: .24rem;
    color: #999;
}

.seven-card .dbBtn,
.seven-card .oneBtn {
    margin: .4rem auto .2rem;
    padding: 0 .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.seven-card .dbBtn button {
    width: 45%;
    border-radius: .06rem;
    height: .9rem;
    font-size: .34rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.seven-card .dbBtn button small,
.seven-card .oneBtn button small,
.btnContainer .dbBtn button small,
.btnContainer .oneBtn button small {
    display: block;
    font-size: .22rem;
}

.seven-card .dbBtn button:first-child {
    background: #4a92fc;
}

.seven-card .dbBtn button:last-child {
    background: #f95617;
}

.seven-card .oneBtn button {
    background: #f76f42;
    width: 6.9rem;
    height: .9rem;
    font-size: .34rem;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btnContainer {
    background: rgba(255, 255, 255, .8);
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.btnContainer .dbBtn,
.btnContainer .oneBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5px 10px;
}

.btnContainer .dbBtn button {
    width: 3.3rem;
    height: .9rem;
    border-radius: .06rem;
    font-size: .32rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btnContainer .dbBtn button:first-child {
    background-color: #4a92fc;
    margin-right: .2rem;
}

.btnContainer .dbBtn button:last-child {
    background-color: #f95617;
}

.btnContainer .oneBtn button {
    background: #f76f42;
    width: 6.9rem;
    height: .9rem;
    font-size: .34rem;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.smallCard {
    position: relative;
    line-height: 1;
    background-size: 100% 100%;
}

.smallCard .card {
    padding: .1rem .79rem .1rem .3rem;
    height: 1.54rem;
}

.smallCard .card .content {
    border-radius: .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: lightblue;
    height: 100%;
}

.smallCard button {
    width: .98rem;
    height: 1.06rem;
    background: url("../imgs/smallCardBtn.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: .45rem;
    right: .5rem;
}

.smallCard .leftContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.smallCard .rightContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.leftContent {
    width: 28%;
}

.rightContent {
    width: 60%;
}

.leftContent b {
    font-size: .4rem;
    color: #f5633c;
    margin-bottom: .2rem;
}

.smallCard span {
    font-size: .22rem;
    color: #808080;
}

.rightContent p {
    font-size: .3rem;
    color: #333;
    margin-bottom: .2rem;
    padding-top: .08rem;
    padding-left: .1rem;
}

.rightContent span {
    margin-left: .14rem;
}

.smallCard i {
    width: 0;
    height: .7rem;
    border-right: .01rem solid #efefef;
    display: block;
}

.loadingPage {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #fefefe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 10;
}

.loading {
    width: .6rem;
    height: .6rem;
    background: rgba(0, 0, 0, .7);
    border-radius: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: .2rem;
}

.loadError {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.loadError img {
    width: 100%;
    margin-top: -1rem;
}

.loadErrorText {
    font-size: .36rem;
    color: #999;
    text-align: center;
    margin: .2rem;
}

.reloadBtn {
    font-size: .32rem;
    color: #4583ec;
    text-align: center;
    text-decoration: underline;
}

[v-cloak] {
    display: none!important;
}

.videoBanner {
    width: 7.5rem;
    height: 3.5rem;
    background-size: 100% 100%;
}

.videoPic {
    height: 3.5rem;
    width: 6.22rem;
    margin: 0 auto;
    display: block;
}

.videoMain {
    height: 100%;
    margin: 0 auto;
    width: 6.22rem;
    display: none;
}

.fd-list-a-item {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    display: inline-block;
}

.fd-list-a-item>a {
    display: block;
    padding: 0.3rem;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.fd-list-a-snapshot {
    float: left;
    width: 2.4rem;
    height: 1.64rem;
}

.fd-list-a-content {
    margin-left: 2.7rem;
}

.fd-list-a-row:first-child {
    margin-top: 0;
}

.fd-list-a-row {
    margin-top: .16rem;
    font-size: .28rem;
    color: #888;
}

.fd-list-a-row {
    margin-top: .16rem;
    font-size: .28rem;
    color: #888;
}

.fd-list-a-title {
    font-size: .32rem;
    line-height: 1.2;
    color: #000;
}

.fd-list-a-aside {
    float: right;
    min-width: 0.5rem;
}

.fd-list-a-action-button {
    background: #108EE9;
    margin-top: .12rem;
    padding: .16rem .3rem;
    border-radius: .07rem;
    font-size: .24rem;
    line-height: 1;
    color: #fff;
}

.fd-list-a-item:last-child {
    border-bottom: none;
}

.card-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    min-height: .65rem;
}

.card-flex-container:last-child {
    margin-top: .2rem;
}

.seven-card-container-0116 {
    min-height: 3.3rem;
}

.sevenDays-0116 {
    margin: 0 .57rem;
    font-size: .54rem;
    color: #f1583b;
    display: inline-block;
    white-space: nowrap;
}

.title-0116 {
    margin: 0 .57rem;
    color: #383838;
    font-size: .36rem;
    display: inline-block;
    white-space: nowrap;
}

.date-0116 {
    margin: 0 .57rem;
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
}

.tags-0116 {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 .57rem;
}

.tags-0116 span {
    border-radius: .04rem;
    font-size: .22rem;
    color: #a7a7a7;
    padding: .07rem;
    position: relative;
    margin-right: .2rem;
    border: 1px solid #a7a7a7;
    white-space: nowrap;
}

.tags-0116 span:last-child {
    margin-right: 0;
}

.seven-card-0116 {
    border: 0;
}


.seven-card-0116 .dbBtn,
.seven-card-0116 .oneBtn {
    margin: .2rem auto .2rem;
    padding: 0 .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.seven-card-0116 .dbBtn button {
    width: 45%;
    border-radius: .06rem;
    height: 1rem;
    font-size: .34rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.seven-card-0116 .dbBtn button small,
.seven-card-0116 .oneBtn button small{
    display: block;
    font-size: .22rem;
}

.seven-card-0116 .dbBtn button:first-child {
    background: #4a92fc;
}

.seven-card-0116 .dbBtn button:last-child {
    background: #f95617;
}

.seven-card-0116 .oneBtn button {
    background: #f76f42;
    width: 6.9rem;
    height: .9rem;
    font-size: .34rem;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.appHint {
    display: block;
    text-align: center;
    text-decoration: underline;
    font-size: .24rem;
    padding: .1rem;
    color: gray;
}

.cardDesc{
    font-size: .25rem;
    padding: 0 .5rem;
    color: #666;
    line-height: 1.3;
}

/******2020年07月31日新增*****/
.tabs{
    width: calc(100vw - 0.6rem);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: .32rem .3rem .28rem;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -1.04rem;
}
.tab{
    flex: 1;
    box-sizing: border-box;
    text-align: center;
    font-size: .3rem;
}

.tab span{
    box-sizing: border-box;
    color: #fff;
    line-height: 1.5;
}

.tab span.active{
    font-weight: bold;
    border-bottom: .06rem solid #FA6400;
}

#directBroadcast,#consultContext,#detailPage{
    position: relative;
    box-sizing: border-box;
    width: 100vw;
}

#consultContext{
    padding: .3rem;
}

#directBroadcast img{
    width: 100%;
    display: block;
}

.liveContent{
    margin-top: .3rem;
}

.new{
    background: #fff;
    border-radius: .1rem;
    margin-bottom: .3rem;
    padding: .2rem;
}

.new a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0;
}

.newContent{
    width: 3.6rem;
}

.newContent h4{
    font-size: .28rem;
    color: #333;
    line-height: 1.4;
    margin-bottom: .2rem;
}

.newContent small{
    color: #999999;
    font-size: .24rem;
    margin-right: .16rem;
}

.newContent i{
    border-radius:.1rem 0 0 0;
    background:rgba(95,82,255,1);
    text-align: center;
    font-size: .2rem;
    color: #fff;
    padding: .04rem .12rem;
}

.newImg{
    width: 2.66rem;
    height: 1.66rem;
    display: block;
}

.bottomLine{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.bottomLine p{
    color: #CBCBCB;
    font-size: .28rem;
    padding: .3rem;
}


.bottomLine span{
    width: 1.08rem;
    height: 0.02rem;
    background: #E9E9E9;
    display: block;
}

.subBtnContainer{
    padding-bottom: calc(constant(safe-area-inset-bottom) - 20px);
    padding-bottom: calc(env(safe-area-inset-bottom) - 20px);
    background: #D53A1F;
    position: fixed;
    bottom: 0;
    /* left: 0; */
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 640px !important;
}

.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1000;
}

.subSucBtn{
    padding-bottom: calc(constant(safe-area-inset-bottom) - 20px);
    padding-bottom: calc(env(safe-area-inset-bottom) - 20px);
    background: #fff;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    width: 100%;
    border: 1px solid #eee;
    position: relative;
    z-index: 1111;
    position: fixed;
    bottom: 0;
    left: 0;
}

.subSucBtn button{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
}

.subSucBtn img{
    width: auto;
}

.subSucBtn .subBtn p{
    display: inline-block;
}

.subSucBtn p{
    font-size: .24rem;
    color: #999;
    text-align: center;
    vertical-align: middle;
}

.subContain{
    text-align: center;
}

.subInte span{
    display: block;
    text-align: left;
    font-weight: bold;
    color: red !important;
}

.subInte :first-child{
    font-size: .4rem;
    color: #FF4139;
    line-height: 1.1;
}

.subInte :last-child{
    font-size: .28rem;
    color: #323233;
    line-height: 1.57;
}

.subContain>p{
    font-size: .28rem;
    line-height: 1.7;
    padding: 0 30px;
    color: #666;
}

.bgtip375{
    margin: 15px 0;
    text-align: center;
    height: 2.56rem;
    background: url(../imgs/bgImg.png) no-repeat center;
    position: relative;
}

.bgtip375 p{
    font-size: .36rem;
    line-height: 2;
    color: #BD8959;
    padding: 0 46px;
    position: absolute;
    left: 1.28rem;
    top: 1.28rem;
    margin-top: -.5rem;
    margin-left: -1rem;
}

.bgtip375 span{
    font-size: .3rem;
    color:  #FF4139;
    font-weight: bolder;
}

.checkout {
    width:6.7rem;
    margin: 40px auto 20px;
    background: #DF1F26;
    text-align: center;
    border-radius: .1rem;
}

.checkout a{
    color: #fff;
    font-size: .32rem;
    display: block;
    line-height: 3;
}

.subBtnContainer button{
    background: #FA5000;
    width: 100%;
    padding: .15rem;
    text-align: center;
    font-size: .36rem;
    color: #FFFFFF;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    -webkit-box-align: center;
    -webkit-justify-content: center;
}

.subBtnContainer button p{
    display: inline-block;
}

.subBtnContainer button span{
    border-radius:.06rem;
    border:.02rem solid rgba(255,255,255,1);
    font-size: .24rem;
    color: #fff;
    padding: .04rem .1rem;
    margin-left: .1rem;
}

.subscribed{
    background: #FFA479;
}

.subBtnContainer button.subscribed{
    background: #FFA479;
}

.sticky{
	position: relative;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    z-index: 10;
}