.box-bg{
    background-image: -moz-linear-gradient( 90deg, rgb(255,152,28) 0%, rgb(252,171,35) 51%, rgb(249,189,41) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,152,28) 0%, rgb(252,171,35) 51%, rgb(249,189,41) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,152,28) 0%, rgb(252,171,35) 51%, rgb(249,189,41) 100%);
   
    padding-bottom: 2rem;
    text-align: left;
    font-size: .24rem;
    margin-top: -2.8rem;
    padding-top: 1rem;
}

.hr-head{
    width: 100%;
    height: 10.78rem;
    background-image: url(/info/version3/eta/etaH5/images/hebaored-head.png);
}


/* ico */

.pig-ico{
    width: .78rem;
    height: .8rem;
    position: absolute;
    background-image:url(/info/version3/eta/etaH5/images/pig-ico.png);
    top: .25rem;
    right: .3rem;
}

.user{
    width: .78rem;
    height: .8rem;
    position: absolute;
    top: .1rem;
    left: .3rem;
}

.user1-ico{
    background-image:url(/info/version3/eta/etaH5/images/user1-ico.png);
}
.user2-ico{
    background-image:url(/info/version3/eta/etaH5/images/user2-ico.png);
}
.user3-ico{
    background-image:url(/info/version3/eta/etaH5/images/user3-ico.png);
}
/* chat box */
.ques-box, .ans-box{
    position: relative;
}

.ques-box{
    margin-top: .6rem;
    margin-bottom: .6rem;
}

section .ques-box:first-child{
    margin-top: 0;
}
.mb40{
    margin-bottom: .4rem;
}

.ques{
    width: 3.5rem;
    padding: .35rem 0;
    margin-left: 1.4rem;
    color: #21b8ff;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.ques-txt{
    display: inline-block;
    padding:0 .35rem;
}
.ans{
    width: 4.25rem;
    margin-left: 1.45rem;
    padding: .35rem 0;
    color:#fff;
    background-color: #ce8a00;
    border-radius: 10px;
    position: relative;
}
.ans-txt{
    display: inline-block;
    padding-left: .35rem;
    padding-right: .4rem;
}
/* chat logo */

.bubble-logo{
    width:0;
    height:0;
    font-size:0;
    border-width:.2rem;
    border-style:solid;

    overflow:hidden;
    position:absolute;

}

.ques-bub{
    border-color:#fff transparent transparent;
    _border-color:#fff white white;
    transform: rotate(90deg);
    top: .3rem;
    left: -.3rem;
}
.ans-bub{
    border-color:#ce8a00 transparent transparent;
    _border-color:#ce8a00 white white;
    transform: rotate(-90deg);
    top: .3rem;
    right: -.35rem;
}



/* footer */

footer{
    position: relative;
    margin:0;
    padding: 0;
}
.redpaket-ico{
    width: 1.67rem;
    height: 1.93rem;
    position: absolute;
    background-image:url(/info/version3/eta/etaH5/images/redpaket-ico.png);
    bottom: .2rem;
    left:.3rem;
}
.redpaket-small-ico{
    width: 6.86rem;
    height: 2rem;
    position: absolute;
    background-image:url(/info/version3/eta/etaH5/images/hebaored-foot.png);
    bottom: 0;
    left:0.6rem;
}