/*版心*/
.m{
    max-width: 1200px;
    min-width: 980px;
    margin: auto;
}
/*清浮动*/
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { *zoom:1; }
/*body*/
body{
    overflow-y: scroll;
}
body .ggq{
    font-family: \5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial,sans-serif;
}
/*头部区域*/
.headTop{
    height: 400px;
    background: url("../images/rollMoney/banner.jpg") no-repeat center top;
    padding-top: 20px;
    box-sizing: border-box;
}
.contentLeft{
    width: 670px;
    height: 100%;
    float: left;
}
.contentRight{
    width: 340px;
    height: 360px;
    background-color: #ffffff;
    float: right;
    padding:35px;
    box-sizing: border-box;
}
.contentText{
    width: 100%;
    height: 65px;
    margin: auto;
    text-align: center;
}
.numK{
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-weight: normal;
}
.contentText .contentTextOne {
    font-size: 30px;
    color: #434343;
    font-weight: normal;
    padding-bottom: 15px;
    box-sizing: border-box;
}
.contentText .contentTextTwo{
    font-size: 16px;
    color: #434343;
}
.contentNum{
    width: 100%;
    height: 65px;
    margin: auto;
}
.contentNum .left .num{
    color: #fc7140;
    font-size: 36px;
    font-weight: normal;
    padding-bottom: 15px;
    box-sizing: border-box;
    margin-top: 10px;
}
.contentNum .right .num{
    color: #fc7140;
    font-size: 36px;
    font-weight: normal;
    padding-bottom: 15px;
    box-sizing: border-box;
    margin-top: 10px;
}
.contentNum .left{
    text-align: center;
    float: left;
}
.contentNum .left .bottom{
    font-size: 12px;
    color: #999999;
}
.contentNum .right .bottom{
    font-size: 12px;
    color: #999999;
}
.imgRight{
    width: 100%;
    height: 100%;
}
.contentNum .line{
    height: 60px;
    width: 2px;
    background-color: #ccc;
    text-align: center;
    float: left;
    margin: 0 14px;
}
.contentNum .right{
    text-align: center;
    float: left;
}
.contentButton{
    cursor: pointer;
    width: 170px;
    height: 50px;
    background-color:#fc7140;
    margin: auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}
.contentButton a{
    color: white;
    font-size: 16px;
}
.contentFoot{
    width: 240px;
    height: 90px;
    margin: auto;
    margin-top: 16px;
}


/*图表区域*/
.chart{
    width: 100%;
    margin-top: 55px;
}
.hartTop div{
    color: #fc7140;
    font-size: 26px;
}
.hartTop p{
    margin-top: 20px;
    font-size: 16px;
    color: #434343;
    line-height: 20px;
}
.chartContent{
    margin-top: 35px;
    overflow: hidden;
    padding-bottom: 50px;
}
.fontWan{
    color:#c49441;
}
.fontQi{
    color:#fc7140;
}
.chartContentLeft{
    width: 48.56%;
    float: left;
}
.chartContentLeft div{
    line-height: 40px;
    width: 100%;
    height: 40px;
}
.chartContentLeft div ul li{
    font-size: 14px;
    text-align: center;
    width: 33.3333%;
    float: left;
}
.chartContentLeft div:nth-child(1){
    background-color: #f5f7f9;
}
.chartContentLeft ul li ul li{
    float: left;
}
.chartContentLeft .Hline{
    height: 1px;
    width: 100%;
    background-color: #f5f7f9;
}
.chartContentRight{
    width: 43.6%;
    height: 250px;
    float: right;
}
.chartContentRight .chartContentRightChart{
    height: 210px;
}
.chartContentRight div span{
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0 22px;
    font-size: 14px;
}
.chartContentRight .footerButton{
    margin-top: 6px;
    margin-left: 60px;
    position: relative;
}
.chartContentRight .footerButton .line{
    width: 18.2%;
    height: 1px;
    background-color: #c49441;
    position: absolute;
    top: 20px;
    right: 60px;
}
.chartContentRight .footerButton a{
    display: inline-block;
    font-size: 14px;
    margin-left: 26px;
    color:#c49441;
}

/*了解中欧*/
.qggknowledge{
    width: 100%;
    background-color: #f5f7f9;
    padding-top: 50px;
    box-sizing: border-box;
}
.Qfont{
    margin-right: 15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url("../images/rollMoney/titileIcon.png") no-repeat center center;
}
.qggknowledgeTop .pOne{
    font-size: 26px;
    color: #fc7140;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.qggknowledgeTop .pTwo{
    line-height: 28px;
    color: #434343;
    font-size: 16px;
}
.qggknowledge .fontAB{
    width: 100%;
    height: 35px;
}
.qggknowledge .m .aLjie{
    float: right;
    font-size: 14px;
}
.qggknowledge .m .aLjie div{
    width: 128px;
    background-color:  #fc7140;
    height: 1px;
    margin-left: -1px;
}
.qggknowledge .m .aLjie a{
    color: #fc7140;
}
.quickAnswerTopLeft ul li a{
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.quickAnswerTopRightImg{
    position: relative;
}
.quickAnswerTopRightImg img{
    margin-left: 40px;
}
.quickAnswerTopRightImg p{
    font-size: 16px;
    position: absolute;
}
.quickAnswerTopRightImg .one{
    left: 30px;
    bottom: -40px;
}
.quickAnswerTopRightImg .two{
    left: 175px;
    bottom: -40px;
}
.quickAnswerTopRight img{
    height: 105px;
}
.quickAnswerTopRightImg .three{
    left: 280px;
    bottom: -40px;
}
.quickAnswerTopLeft{
    position: relative;
}
.quickAnswerTopLeft .detail{
    position: absolute;
    right: 0;
    top: 5px;
}
.quickAnswerTopLeft .detail a{
    display: inline-block;
    margin-left: 3px;
    color: #fc7140;
    font-size: 14px;
}
.quickAnswerTopLeft .detail div{
    width: 60px;
    height: 1px;
    background-color:#fc7140;
}
.achievement{
    padding: 0 95px;
    width: 100%;
    height: 175px;
    box-sizing: border-box;
}
.achievement ul li{
    float: left;
    width: 19.6%;
    text-align: center;
}
.achievement ul li div{
    margin: auto;
    width: 82px;
    height: 82px;
    border-radius: 50%;
}
.achievement ul li .img1{
    background: url("../images/rollMoney/knowZoIcon1.png") no-repeat center center;
}
.achievement ul li .img2{
    background: url("../images/rollMoney/knowZoIcon2.png") no-repeat center center;
}
.achievement ul li .img3{
    background: url("../images/rollMoney/knowZoIcon3.png") no-repeat center center;
}
.achievement ul li .img4{
    background: url("../images/rollMoney/knowZoIcon4.png") no-repeat center center;
}
.achievement ul li .img5{
    background: url("../images/rollMoney/knowZoIcon5.png") no-repeat center center;
}
.achievement ul li .special{
    font-size: 18px;
    color: #cba262;
    padding: 15px 0;
}
.achievement ul li .child{
    font-size: 16px;
    color: #434343;
}
.achievement ul li .child2{
    margin-top: 8px;
}
.achievement ul li span{
    font-size: 12px;
    color: #999999;
}
.service{
    width: 100%;
    margin-top: 45px;
    padding-bottom: 20px;
    height: 215px;
}
.service .serviceFont{
    font-size: 22px;
    color: #434343;
    font-weight: normal;
}
.service .serviceImg ul{
    width:100%;
}
.service .serviceImg ul li{
    width: 30.4%;
    height: 155px;
    float: left;
}
.service .serviceImg ul li:nth-child(2){
    padding: 0 4.4%;
}
.service .serviceImg{
    margin-top: 25px;
}
.service .serviceImg .image1{
    background: url("../images/rollMoney/serviceImg1.jpg") no-repeat center center;
}
.service .serviceImg .image2{
    background: url("../images/rollMoney/serviceImg2.jpg") no-repeat center center;
}
.service .serviceImg .image3{
    background: url("../images/rollMoney/serviceImg3.jpg") no-repeat center center;
}
.service .serviceImg ul li:nth-child(3){
    margin-right: 0;
}
.quickAnswer{
    padding-bottom: 70px;
    width: 100%;
}
.quickAnswer .quickAnswerTop{
    margin-top: 55px;
    padding-bottom: 70px;
}
.quickAnswer .quickAnswerTop .quickAnswerTopLeft{
    float: left;
    width: 52.8%;
}
.quickAnswerTopLeft .fontAnswerProblem{
    line-height: 25px;
    color: #434343;
}
.quickAnswer .quickAnswerTop .quickAnswerTopLeft ul li{
    cursor:pointer;
    font-size: 16px;
    padding: 5px 0;
    width: 100%;
}
.quickAnswer .quickAnswerTop .quickAnswerTopLeft .line{
    width:100%;
    height: 1px;
    background-color: #f5f7f9;
    margin-top: 12px;
}
#onclick{
    margin-top: 8px;
}
.rechargeStart{
    font-size: 14px;
    padding: 30px;
    width: 630px;
    height: 375px;
    border-top: 2px solid #fc7140;
    background-color: #f5f7f9;
    box-sizing: border-box;
    display: none;
}
.rechargeEnd{
    width: 630px;
    height: 50px;
    border-top: 2px solid #fc7140;
    background-color: #f5f7f9;
    line-height: 50px;
    padding: 0 30px;
    box-sizing: border-box;
}
.rechargeDay{
    border-top: 2px solid #fc7140;
    padding: 25px 30px;
    box-sizing: border-box;
    height: 100px;
    width: 630px;
    background-color: #f5f7f9;
    display: none;
}
.rechargeDay p:nth-child(2){
    margin-top: 10px;
}
.quickAnswerTopLeftFont{
    color: #fc7140;
    font-size: 26px;
    padding-bottom: 35px;
}
.quickAnswer .quickAnswerTop .quickAnswerTopRight{
    float: right;
    width: 34.88%;
}

.quickAnswer .quickAnswerFont{
    color: #999999;
    font-size: 14px;
}
.quickAnswerFootFont .special{
    padding-top: 30px;
    color: #434343;
}
.quickAnswerFootFont p{
    font-size: 14px;
    line-height: 30px;
    color: #434343;
}
.table{
    width: 100%;
    margin-top: 10px;
}
.table .tableDiv{
    width: 100%;
}
.table .tableDiv ul{
    width: 100%;
    height: 35px;
}
.quickAnswer .quickAnswerTop .quickAnswerTopLeft .table .tableDiv ul li{
    font-size: 14px;
    width: 33.3333333333%;
    text-align: center;
    float: left;
    margin-top: 3px;
}
.table .tableDiv ul .font{
    font-weight: bold;
}
.table .color ul{
    background-color: white;
}


/*底部*/
.qggFooter{
    width: 100%;
    height: 130px;
    background: url("../images/rollMoney/footerImg.jpg") no-repeat center center;
    /*position: relative;*/
}
.palceFooter{
    width: 100%;
    height: 130px;
}
.qggFooter .close{
    width: 30px;
    height: 30px;
    background:url("../images/rollMoney/close.png") no-repeat center center;
    position: absolute;
    right: 15px;
    top: 10px;
}

.maskFooter{
    width: 98.6%;
    height: 150px;
    position: fixed;
    left: 0;
    bottom:0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
    padding-top: 10.5px;
    box-sizing: border-box;
}
.orCode{
    width: 106px;
    height: 106px;
    position: absolute;
    right: 23%;
    top: 15%;
    background:url("../images/rollMoney/QRcode.jpg") no-repeat center center;
    background-size: 100%;
}

/*切换颜色*/
.onColor{
    color: #fc7140;
}