﻿/* CSS Document */
html{ font-size:100px;}
body {font-size:0.01rem;opacity:0;filter:alpha(opacity=0);}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.qubanlieb-wrap{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden;}
.qubanlieb-wrap .te{
    text-align: center;
}
.qubanlieb-wrap .fl{
    float: left;
}
.qubanlieb-wrap .ov{
    overflow: hidden;
}
.qubanlieb-wrap .re{
    position: relative;
}


.swiper-container11{
    height:3.4rem;
}
.pagination11 {
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 5px;
    width:100%;
    text-align: center;
}
.pagination11 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #bdbdbd;
    margin-right: 5px;
    cursor: pointer;
}
.pagination11 .swiper-active-switch {
    background: #8e61a7;
}
.qubanlieb-title{
    border-bottom: 0.02rem solid #000;
    padding-bottom: 0.02rem;
    margin-left: 0.2rem;
    width:6.0rem;
    box-sizing: border-box;
}
.qubanlieb-title h2{
    border-bottom: 1px solid #000;
    font-size: 0.36rem;
    font-weight: bold;
    padding:0.25rem 0 0.05rem;
}
.pd20{
    padding:0 0.2rem;
}
.qubanlieb-p1-1{
    margin:0.3rem 0 0.2rem;
    height:2.86rem;
}
.qubanlieb-p1-1 h2{
    font-size: 0.3rem;
    font-weight: bold;
    color:#564da0;
    margin-bottom: 0.1rem;
}
.qubanlieb-p1-1 p{
    font-size: 0.2rem;
    color:#333333;
    line-height: 0.26rem;
    margin-bottom: 0.1rem;
    width:3.4rem;
}
.qubanlieb-p1-1 p a{
    color:#ff3000;
}
.qubanlieb-p1-1 p a img{
    width:1.9rem;
    vertical-align: middle;
    margin-right: 0.05rem;
}
.qubanlieb-p1-1 p span{
    color:#ff3000;
}
.qubanlieb-p1-1 .fl:nth-of-type(3){
    margin-left: 0.15rem;
}
.qubanlieb-p1-icon{
    width:1.2rem;
    position:absolute;
    top: -1.0rem;
    right: 0.2rem;
    background:#fff;
}
.qubanlieb-p1-h2{
    font-size: 0.3rem;
    font-weight: bold;
}
.qubanlieb-p1-as a{
    float: left;
    width:24%;
    background:#59493f;
    padding:0.25rem 0;
    font-size: 0.22rem;
    text-align: center;
    color:#fff;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.qubanlieb-p1-as a.mrr{
    margin-right: 0.08rem;
}
.qubanlieb-part2{
    width:100%;
    height:auto;
    /*background:url(../images/bg.png) repeat;*/
    /* padding-bottom: 0.35rem;*/
}
.qubanlieb-p2-1{
    background:#fff;
    padding:0.18rem 0.2rem;
    /* margin-top: 0.2rem;*/
    /* box-shadow: 0px 0px 20px #999;*/
}
.qubanlieb-p2-txt h2 {
    font-size: 0.3rem;
    font-weight: bold;
    color: #564da0;
    margin-bottom: 0.1rem;
}
.qubanlieb-p2-txt h2 a{color: #564da0;}
.qubanlieb-p2-txt p {
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.26rem;
    margin-bottom: 0.1rem;
    width: 3.6rem;
}
.qubanlieb-p2-txt p a {
    color: #ff3000;
}
.qubanlieb-p2-txt p a img {
    width: 1.9rem;
    vertical-align: middle;
    margin-right: 0.1rem;
}
.qubanlieb-p2-1 .fl:nth-of-type(2) {
    margin-left: 0.1rem;
}
.qubanlieb-p2-txt p span {
    color: #ff3000;
}
.mb5{
    margin-bottom: 0.05rem!important;
}
.qubanlieb-part3{
    background:#59493f;
}
.qubanlieb-part3 .qubanlieb-title{
    border-color: #fff;
    color:#fff;
    margin-bottom: 0.3rem;
}
.qubanlieb-part3 .qubanlieb-title h2{
    border-color: #fff;
}
.swiper-container22{
    width:100%;
    height:5.12rem;
    background:url(../images/bg2.png) no-repeat;
    background-size: 100%;

}
.swiper-container222{
    width:100%;
    height:5.6rem;
    background-size: 100%;
    margin-top: 0.3rem;
}
.swiper-container22 img{
    width:2.64rem;
    margin-top: 0.32rem;
}
.swiper-container22 .title{
    padding: 0 0.2rem;
}
.swiper-container22 .title h2{
    font-size: 0.3rem;
    font-weight: bold;
}
.swiper-container22 .title h2 img{
    width:0.52rem;
    margin-top: 0.32rem;
    vertical-align: middle;
    margin: -0.08rem 0 0 0.1rem;
}
.swiper-container22 .title span{
    display:inline-block;
    margin: 1.58rem 0 0 0.25rem;
}
.swiper-container22 .title p{
    font-size: 0.24rem;
    color:#333333;
    margin-top: 0.1rem;
}
.swiper-container22 .pagination {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 1.1rem;
    margin-left: -0.6rem;
}
.swiper-container22 .swiper-pagination-switch {
    display: inline-block;
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 50%;
    border:1px solid #59493f;
    margin:0 0.05rem;
    cursor: pointer;
}
.swiper-container22 .swiper-active-switch {
    background: #59493f;
}
.swiper-container22 a{
    position:absolute;
    width:2.77rem;
    bottom: 0.35rem;
    left:50%;
    margin-left: -1.38rem;
    z-index: 100000;
}
.qubanlieb-p4-1{
    margin-top: 0.3rem;
}
.qubanlieb-p4-txt{
    position: absolute;
    top: 0;
    right: 0.38rem;
}
.qubanlieb-p4-txt h2{
    font-size: 0.3rem;
    color:#564da0;
    font-weight: bold;
}
.qubanlieb-p4-txt span{
    font-size: 0.26rem;
}
.qubanlieb-p4-txt p{
    font-size: 0.2rem;
    width:3.4rem;
    line-height: 0.3rem;
    margin-top: 0.25rem;
}
.qubanlieb-p4-dong{
    position:absolute;
    bottom: 0.47rem;
    right: 0.2rem;
}
.qubanlieb-p4-dong img{
    width:1.95rem;
    height:2.19rem;
}
.qubanlieb-part4 a{
    width:3.2rem;
    margin:0.3rem auto;
    display:block;
}

