﻿@charset "utf-8";
/* CSS Document */
.vcentel{display:table-cell;vertical-align:middle;}

.titlebox{height:3em;line-height:3em;background:#fff;font-size:1.4em;padding:0 0.8em 0 0;border-bottom:#e6e6e6 2px solid;}
.titlebox span{float:left;padding-left:0.5em;font-weight:bold;}
.titlebox .bluetit{border-left:#31c7ff 0.3em solid;}
.titlebox .redtit{border-left:#e33636 0.3em solid;}
.titlebox .purpletit{border-left:#ac36e3 0.3em solid;}
.titlebox .yellowtit{border-left:#fbcd52 0.3em solid;}
.titlebox .more{float:right;color:#9e9e9e;}

/* flexslider */
.flexslider{margin:0 auto;position:relative;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav{display:none;}
.flex-control-nav{width:100%;position:absolute;bottom:0.2em;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:#8e8e8e;display:block;width:0.75em;height:0.75em;overflow:hidden;text-indent:-99em;cursor:pointer;border-radius:1.2em;}
.flex-control-paging li a.flex-active{background:#fff;}

 #owl-lb .owl-item img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.flexslider .slides .img img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}


/* @media only screen and (max-width : 480px) {
    .flexslider .slides > li.full {
        margin:0 auto !important;
        width:100%;
        height:auto;
        overflow:hidden;
    }   
    .flexslider .slides > li.full .centered {
        position:relative;
        right:50% !important;
        text-align:center;
    }   
    .flexslider .slides > li.full .centered img {
        min-width:480px !important;
        display:inline-block !important;
        margin-right:-100% !important;
    }
} */

.menu{margin:3% 0;overflow:hidden;background:url(../images/m_bg.png) no-repeat center center/100% 106%;}
.menu li{width:23.6%;float:left;text-align:center;margin-left:1.1%;}
.menu li a{display:block;font-size:1.4em;}
.menu li img{width:62.97%;}
.menu li p{color:#adadad;margin-top:0em;}

.article li{background:#fff;margin-bottom:0.5em;}
.article li a{padding:0.8em;display:block;overflow:hidden; height:100%;}
.article .tu{width:32%;text-align:right;}
.article .tu img{max-height:8.6em;max-width:11.5em;}
.article .tit{width:62%;padding:0 0.3em;font-size:1.5em;color:#353535;}
.article .tit .time{color:#adadad;margin-top:0.3em;font-size:0.8em;}

.headLine{
	min-height: 420px;
    background-color: #fff;
}
.headLine li{
	width: 96%;
    margin: 0 auto;
   	overflow: hidden;
   	border-bottom: 1px dashed #ecebf0
}

.headLine .tit{
	font-size: 1.6em;
    color: #000;
    padding: 0.5em 0;
}


.headLine .time{
	font-size: 1.4em;
    color: #999;
    padding: 0.3em 0;
    position: absolute;
    bottom: 0px;
}

.headLine .multiImages .imageBox{
    display: flex;
    justify-content: space-between;
}

.headLine .multiImages .imageBox img {
    width: 31%;
    max-height: 8em;
}

.headLine .singleImage{
	position: relative;
	padding: 1em 0;
}



.headLine .singleImage .imageBox{
    float: right;
    width: 35%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 8em;
}

.headLine .singleImage .imageBox img{
	width: 100%;
    max-height: 8em;
    float: right;
    height: 100%;
}

.navList {
    background: #fff;
    border-bottom: #c8c8c8 1px solid;
    border-right: #c8c8c8 1px solid;
    overflow: hidden;
    overflow-x: scroll;
    padding: 0 2%;
    white-space: nowrap;
    float: left;
    width: 100%;
}

.navList li {
    width: 20%;
    display: inline-block;
}

.navList li a {
    display: block;
    line-height: 45px;
    height: 45px;
    font-size: 1.5em;
    text-align: center;
    color: #000;
    font-weight:blod;
}

.navList li.cur a {
    border-bottom: #ff6600 2px solid;
    color: #ff6600;
}
.addChannel{
	color: #ff6600;
    font-size: 3em;
    display: block;
    float: left;
    width: 8%;
    text-align: center;
    line-height: 45px;
    height: 45px;
}

.curChannel li,.otherChannel li{
	display: inline-block;
    overflow: hidden;
    width: 31%;
    text-align: center;
    padding: 0.5em;
    border-radius: 8px;
    background-color: #f4f4f4;
    margin-bottom: 1em;
    box-sizing: border-box;
}
.curChannel li:nth-child(3n-1),.otherChannel li:nth-child(3n-1) {
    margin: 0 2% 1em;
}

.hotsale{background:#fff;overflow:hidden;height:100%;}
.hotsale li{width:49.5%;padding:5% 0;font-size:1em;overflow:hidden;height:7.5em;border-right:#e6e6e6 1px solid;border-bottom:#e6e6e6 1px solid;float:left;}
.hotsale li .titsm{text-align:center;width:40%;float:left;overflow:hidden;height:100%; display:table;font-size:1.2em;}
.hotsale li .titsm .fontred{color:#e33636;font-size:1.6em;}
.hotsale li .txtsm{text-align:center;width:60%;float:right;font-size:1.2em;}
.hotsale li .txtsm .tit{font-size:1.25em;}
.hotsale li .txtsm .regbg{margin:0.5em 0;}
.hotsale li .txtsm .regbg span{background:#e33636;color:#fff;font-size:1.2em;padding:0.1em 0.3em;border-radius:0.3em;}
.hotsale li .txtsm .sec{color:#9e9e9e;}

.zhuti{background:#fff;overflow:hidden;height:100%;}
.zhuti li{background:url(../images/ztbg.jpg) no-repeat left top/100% 100%;padding:5%;overflow:hidden;height:8em;margin-bottom:0.5em;}
.zhuti li .photo, .zhutidel li .photo{float:left;width:30%;height:100%;padding-top:0.6em;}
.zhuti li .photo img, .zhutidel li .photo img{max-width:10em;}
.zhuti li .titsm, .zhutidel li .titsm{text-align:center;width:30%;float:left;overflow:hidden;height:100%;display:table;font-size:1.2em;}
.zhuti li .titsm .fontred, .zhutidel li .titsm .fontred{color:#e33636;font-size:1.6em;}
.zhuti li .titsm .fontgreen, .zhutidel li .titsm .fontgreen{color:green;font-size:1.6em;}
.zhuti li .txtsm, .zhutidel li .txtsm{text-align:center;width:40%;float:left;font-size:1.2em;}
.zhuti li .txtsm .tit, .zhutidel li .txtsm .tit{font-size:1.3em;}
.zhuti li .txtsm .sec, .zhutidel li .txtsm .sec{color:#9e9e9e;margin:0.5em 0;font-size:1.1em;}

.zhutidel li{overflow:hidden;height:100%;}
.zhutidel li .centersm{text-align:center;width:45%;float:left;overflow:hidden;height:100%; display:table;font-size:1.2em;}
.zhutidel li .centersm .tit{font-size:1.3em;margin-bottom:0.5em;}
.zhutidel li .centersm .hui{color:#9e9e9e;}
.zhutidel li .leixsm{width:25%;float:left;overflow:hidden;height:100%;display:table;font-size:1.2em;}
.zhutidel li .leixsm p{margin-top:0.5em;padding-left:0.5em;height:1.3em;line-height:1.3em;margin-left:1em;}
.zhutidel li .leixsm p.red{border-left:#e33636 0.5em solid;}
.zhutidel li .leixsm p.blue{border-left:#7fc2e5 0.5em solid;}
.zhutidel li .leixsm p.purple{border-left:#bb70b8 0.5em solid;}

.hotsalelist {min-height:300px;}
.hotsalelist li{padding:5% 0;background:#fff;font-size:1em;overflow:hidden;border-top:#e6e6e6 1px solid;border-bottom:#e6e6e6 1px solid;margin-bottom:0.5em;position:relative;}
.hotsalelist li .hottag{position:absolute;width:5em;height:5em;left:0;top:0;}
.hotsalelist li .hottag.tagone{background:url(../images/hot_tag.png) no-repeat center center/100%;}
.hotsalelist li .hottag.tagtwo{background:url(../images/hot_tag1.png) no-repeat center center/100%;}
.hotsalelist li .titsm{text-align:center;width:30%;font-size:1.2em;}
.hotsalelist li .titsm .fontred{color:#e33636;font-size:1.6em;}
.hotsalelist li .titsm .fontgreen{color:green;font-size:1.6em;}
.hotsalelist li .txtsm{text-align:center;width:30%;font-size:1.2em;}
.hotsalelist li .txtsm .tit{font-size:1.3em;}
.hotsalelist li .txtsm .regbg{margin:0.5em 0;}
.hotsalelist li .txtsm .regbg span{background:#e33636;color:#fff;font-size:1.2em;padding:0.1em 0.3em;border-radius:0.3em;}
.hotsalelist li .txtsm .sec span{color:#9e9e9e;}
.hotsalelist li .numsm, .hotsalelist li .bilism{text-align:center;width:40%;line-height:2.1em;overflow:hidden;height:100%;}
.hotsalelist li .numsm .star{width:1.8em;margin:0 auto 1.3em;}
.hotsalelist li .numsm p{font-size:1.2em;color:#c1c1c1;}
.hotsalelist li .bilism .star{width:1.8em;margin:0 auto 0.8em;}
.hotsalelist li .bilism p{font-size:1.2em;}
.hotsalelist li .bilism p.hui{color:#c1c1c1;}

.ui_article{padding:1.5em;}
.ui_article img{width: 100%;float: left;}
.ui_article table{width:100% !important;}
.ui_article table tr{width:auto !important;}
.ui_article table tr td{width:auto !important;}
.ui_article .textbox h2.title{font-size:2.1em;font-weight:bold;margin-bottom: 0.3em;}
.ui_article .textbox h3{font-size:1.2em;color:#adadad;}
.ui_article .textbox p{margin:10px 0;font-size:1.4em;line-height:2em;text-indent:2em;}
.ui_article h1{background:url(../images/linetit.jpg) repeat-x left center;font-size:1.4em;}
.ui_article h1 span{background:#f6f6f6;display:block;width:20%;text-align:center;margin:0 auto;color:#adadad;}
.ui_article .sharebox{padding:5% 10%;overflow:hidden;height:4.8em;}
.ui_article .sharebox a,.ui_article .sharebox c{float:left;width:33.3%;height:4.8em;}
.ui_article .sharebox a.ico_weix{background:url(../images/ico_wx.png) no-repeat center center/4.8em;}
.ui_article .sharebox a.ico_pyq{background:url(../images/ico_pyq.png) no-repeat center center/4.8em;}
.ui_article .sharebox a.ico_sina{background:url(../images/ico_sina.png) no-repeat center center/4.8em;}
.ui_article .sharebox c.ico_sina{background:url(../images/ico_sina.png) no-repeat center center/4.8em;}
.ui_article .pinlunbox{font-size:1.4em;}
.ui_article .pinlunbox .edic{text-align:right;padding:0.3em 0;}
.ui_article .pinlunbox .edic a{padding-right:1.4em;background:url(../images/edic.png) no-repeat right center/1em;color:#399bdf;}
.ui_article .pinlunbox li{padding:0.3em 0;}
.ui_article .pinlunbox li .name{color:#7b7b7b;}
.ui_article .pinlunbox li .time{color:#cccccc;}

/* 2018-7-17头条模板页 */
.cont-box{
	padding: 1.5em;
}
.cont-box img:not(.icon){width: 100%;float: left;}
.cont-box table{width:100% !important;}
.cont-box table tr{width:auto !important;}
.cont-box table tr td{width:auto !important;}
.cont-box .h3{
	font-size:2.1em;font-weight:bold;margin-bottom: 0.3em;
}
.cont-box p{margin:10px 0;font-size:1.6em;line-height:2em;text-indent:2em;overflow:hidden}
.cont-box .src-info{
	font-size: 1.2em;
    color: #999999;
}
.cont-box .src-info span{
	margin-right: 1em;
}
.about-message {
	border-top: 5px solid #efeff4;
}
.about-message .module-title{
	padding: .5em 1.5em;
    font-size: 1em;
    border-bottom: #e6e6e6 1px solid;
}
.about-message .module-title h2{
	height: 2em;
	line-height: 2em;
	border-left: #fbcd52 5px solid;
	text-indent: .5em;
}

.about-message .txt-list{
	padding: 1.5em;
}
.about-message .txt-list .ico{
	width:0 !important;
	height:0 !important;
	padding:0 !important;
}
.about-message .txt-list li{
	font-size: 1.4em;
	margin: .5em 0;
}
.about-message .txt-list li .date{
	float:right;
}
.about-message .txt-list li a{
	width: 74%;
    display: inline-block;
	font-weight:bold;
        /*color: #999;*/
}


.commonbox{padding:0 1em 0.5em;background:#e5e5e5;font-size:1.4em;}
.commonbox .title{text-align:center;line-height:3em;}
.commonbox .title span{font-size:1.1em;}
.commonbox .comtext{border:#dddddd 1px solid;background:#fff;width:100%;height:5.5em;resize:none;font-size:1em;font-family:"Microsoft Yahei";}

.zuhebox .more{background:#e9e9e9;height:4em;line-height:4em;clear:both;text-align:center; display:block;}
.zuhebox .more .d{font-size:1.2em;padding-right:1.5em;background:url(../images/down.png) no-repeat right center/1.2em;}
.zuhebox .more .u{font-size:1.2em;padding-right:1.5em;background:url(../images/up.png) no-repeat right center/1.2em;}
.zuhebox li{margin-top:0.5em;}
.zuhebox .zuhe{padding:1em;border-top:#e9e9e9 1px solid;background:#fff;overflow:hidden;}
.zuhebox .zuhe .clear{padding:0.5em 0;overflow:hidden;height:100%;}
.zuhebox .zuhe .fl{float:left;width:55%;}
.zuhebox .zuhe .fr{float:right;width:35%;}
.zuhebox .zuhe .redtit{border-left:#e33636 0.5em solid;font-size:1.6em;font-weight:bold;line-height:1.2em;height:1.2em;padding-left:0.2em;}
.zuhebox .zuhe .bluetit{border-left:#7fc2e5 0.5em solid;font-size:1.6em;font-weight:bold;line-height:1.2em;height:1.2em;padding-left:0.2em;}
.zuhebox .zuhe .purpletit{border-left:#bb70b8 0.5em solid;font-size:1.6em;font-weight:bold;line-height:1.2em;height:1.2em;padding-left:0.2em;}
.zuhebox .zuhe .shouyi{font-size:1.2em;line-height:1.2em;text-align:center;}
.zuhebox .zuhe .shouyi .fontred{color:#e33636;font-size:1.6em;margin-left:0.2em;}
.zuhebox .zuhe .shouyi .fontgreen{color:green;font-size:1.6em;margin-left:0.2em;}
.zuhebox .zuhe .yearli li{float:left;width:47.5%;text-align:center;font-size:1.2em;background:#d1d1d1;border-radius:0.3em;color:#fff;padding:0.2em 0;}
.zuhebox .zuhe .yearli li.cur{background:#b49c77;}
.zuhebox .zuhe .sm{font-size:1.2em;color:#9e9e9e;}
.zuhebox .zuhe .btn{height:2.5em;width:100%;background:#f5b73c;border:0;color:#fff;border-radius:0.3em;}
.zuhebox .zuhe .inpbox{text-align:center;font-size:1.2em;line-height:2em;color:#9e9e9e;}
.zuhebox .zuhe .inpbox .inp{width:100%;border:#e6e6e6 1px solid;height:2.4em;line-height:2.4em;width:100%;text-align:center;}

.hotsalelist li .tab {position: absolute;width: 33px;height: 33px;background: url(../images/jinniutag1.png) no-repeat 0 0;left: 0;top: 0;font-size: 1.0em;font-weight: bolder;color: #fff;padding: 3px;line-height: 1.1em;}

.backhome {
  background: url("../images/huishouye@3x.png") no-repeat left center;
  background-size: 100% 100%;
  height: 80px;
  width: 80px;
  position: fixed;
  bottom: 80px;
  left: 15px;
  z-index: 999;
}

.flow-menu .flow-button{left:.2rem;z-index:10000;background-color:#3a68f3;border-radius:50%;width:3rem;color:#fff;font-size:.5rem;text-align:center;line-height:1rem;padding-top:0;margin:0}.flow-menu .flow-button,.flow-menu
.menu-detail{position:fixed;bottom:2.0rem;display:inline-block;height:3rem}
.flow-menu .menu-detail{left:2.0rem;z-index:9999;width:20rem;background:#ebedf4;border-radius:0 1.5rem 1.5rem 0;padding-left:.25rem}.flow-menu .menu-detail .menu-container{height:100%;width:19rem;margin:6 auto;display:flex;align-items:center;justify-content:space-evenly}.flow-menu .menu-detail .sub-menu{height:100%;width:4rem}.flow-menu .menu-detail .sub-menu .d-icon{margin:.1rem auto;width:1.2rem;height:1.2rem}.flow-menu .menu-detail .sub-menu .group{background:url('https://bfund.jnlc.com/images/group.png') no-repeat 50%;background-size:100% 100%}.flow-menu .menu-detail .sub-menu .rank{background:url('https://bfund.jnlc.com/images/rank.png') no-repeat 50%;background-size:100% 100%}.flow-menu .menu-detail .sub-menu .news{background:url('https://bfund.jnlc.com/images/news.png') no-repeat 50%;background-size:100% 100%}.flow-menu .menu-detail .sub-menu .rules{background:url('https://bfund.jnlc.com/images/rules.png') no-repeat 50%;background-size:100% 100%}.flow-menu .menu-detail .sub-menu .d-title{text-align:center;font-size:.22rem;font-weight:400;color:#333}
.van-icon {
    font: normal normal normal 14px/1 vant-icon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.van-badge__wrapper, .van-icon {
    position: relative;
    display: inline-block;
}
