body {
    background: url("//v.icbc.com.cn/userfiles/Resources/WAP/touch/2019/bg.png") repeat-x #ffffff;
    background-size: auto 3.64rem;
}

.jh_topBox {
    padding: 0.15rem;
    border-bottom: 0.08rem solid #F4F4F4;
}

.swiper-container {
    width: 100%;
    height: 100%;
    /*height: 1.2rem;*/
    box-shadow: 0px 5px 10px #f39491;
    border-radius: 6px;
    /*border: 1px red solid;*/
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:6px;
}
.swiper-pagination-bullet{
    opacity: 0.5;
    background: none;
    height: 6px;
    width: 6px;
    position: relative;
}
.swiper-pagination-bullet:after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    opacity: 0.5;
    background: #FFFFFF;
    height: 2px;
    width: 6px;
}
.swiper-pagination-bullet-active:after{
    opacity: 0;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    height: 6px;
    width: 6px;
    background: none;
    border-radius: 100%;
    border: 1px solid #fff;
}
.swiper-slide {
    text-align: center;
    /*font-size: 18px;*/
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.jh_bannerBox {
    border-radius: 0.05rem;
    overflow: hidden;
}

.jh_itemBox {
    background-image: url("//v.icbc.com.cn/userfiles/Resources/WAP/touch/2019/bg1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px;
    /*border: 1px solid #F0F0F0;*/
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.03);

}

.jh_aboutBox {
    margin-top: 0.15rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
}

.jh_aboutContent{
    /*padding: 0rem 0.15rem ;*/
}

.jh_titBox {
    padding: 0.2rem 0.15rem 0.15rem 0rem;
    position: relative;
    font-size: 0.18rem;
}

.jh_imgLogoS {
    width: 1.3rem;
}

.jh_icbcLogoSm {
    position: absolute;
    top: 0.18rem;
    right: 0rem;
}

.jh_aboutContent p {
    line-height: 0.24rem;
    font-size: 0.14rem;
    padding-bottom: 0.14rem;
}

.jh_moreAbout {
    height: 0.55rem;
    line-height: 0.55rem;
    border-top: 0.05px solid #eee;
    text-align: center;
}

.jh_linkMoreAbout {
    color: #6299F0;
    font-size: 0.15rem;
    padding-right: 0.19rem;
    background: url("//v.icbc.com.cn/userfiles/Resources/WAP/touch/2019/gd_icon.png") right center no-repeat;
    background-size: 0.15rem 0.15rem;
    cursor: pointer;
}

.jh_hotAppBox {
    margin-top: 0.15rem;
    height: 1.62rem;
}

.jh_hotWrap {
    width: 100%;
    overflow: hidden;
}

.jh_hotList {
    display: flex;
    display: -webkit-flex;
}
.jh_hotList li{
    flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    text-align: center;
}
.jh_hotList img{
    width: 0.56rem;
    height: 0.56rem;
}
.jh_hotTxt{
    margin-top: 0.12rem;
    font-size: 0.14rem;
}

/*======================================================================*/
#jh_tabMore{
    width: 100%;
    height: auto;
    padding-left: 0.15rem;
}

#jh_tabMore .jh_tit{
    width: 100%;
    height: 0.6rem;
    padding-left: 0.15rem;
    padding-right: 0.14rem;
    background: #ffffff;
    top: 0rem;
    position: relative;
    z-index: 99;
}

#jh_tabMore .moreTitle{
    width: 100%;
    height: 0.6rem;
    list-style: none;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #eeeeee;
}

#jh_tabMore .moreTitle li{
    margin:0 0.54rem;
}

#jh_tabMore .moreTitle li.select{
    color: #333333;
    border-bottom: 2px solid #000000;
}

#jh_tabMore .moreTitle li span{
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.6rem;
}

#jh_tabMore .moreContent{
    width: 3.46rem;
    /*margin-left: 0.15rem;*/
    margin-right: 0.14rem;
    /*border-bottom: 1px solid #eeeeee;*/
}
#jh_tabMore .moreContent .mList:nth-child(1){
    border-top: 1px solid #EEEEEE;
}
#jh_tabMore .moreContent:last-child{
    margin-bottom: 0.23rem;
    border-bottom: none;
}

#jh_tabMore .moreContent .mList{
    width: 100%;
    height:auto;
    display: flex;
}

.moreContent .mList .leftContent{
    width: 0.56rem;
    height: 0.56rem;
    margin-top: 0.2rem;
    margin-right: 0.15rem;
}

.moreContent .mList .rightContent{
    width: 2.73rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.moreContent .mList:last-child .rightContent{
    border-bottom:none;
}

.moreContent .mList .rightContent div{
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    margin-top: 0.26rem;
    margin-bottom: 0.12rem;
}

.moreContent .mList .rightContent div span{
    width: 0.6rem;
    height: 0.3rem;
    font-size: 0.14rem;
    color: #FE4C46;
    text-align: center;
    line-height: 0.28rem;
    border:1px solid #FE4C46;
    border-radius:3rem;
    box-shadow: 1px 2px 2px #ffebeb;
    top:0.15rem;
    right: 0;
    position: absolute;
}

.moreContent .mList .rightContent p {
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #666666;
}

#jh_tabMore .mListTitle{
    position: relative;
    top:0;
    width: 100%;
    height: 0.16rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
    /*border-left: 3px solid #000000;*/
    /*margin-top: 0.31rem;*/
    padding-left: 0.13rem;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    /*border-top-left-radius:3px;*/
    /*border-bottom-left-radius:3px;*/
}

#jh_tabMore .mListTitle:before{
    position: absolute;
    top:0;
    left: 0;
    content: "";
    width: 3px;
    height: 0.16rem;
    border-radius: 2px;

    background: #000000;

}