@charset "utf-8";
body{
    font-family: Helvetica Neue, Helvetica, sans-serif;
}
/* 首页 */
.bodybox{
    position: relative;
}
.headebox{
    width: 750rem;
    height: 660rem;
    background-image:url('../images/deco_1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
}
.conbox{
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    height: auto;
    border: 1px solid #ffffff;
    border-top-left-radius:100rem;
    border-top-right-radius: 100rem;
    top: 550rem;
    background-image: url('../images/deco_6.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.newbox{
    width: 100%;
    /*background-color: #ffffff;*/
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom:15rem;
}
.logoimg{
    width: 320rem;
    display: inline-block;
    margin: 20rem auto;
}
.logoimg1{
    width: 210rem;
    display: inline-block;
    margin: 5rem auto;
}
.titiimg{
    width: 90vw;
    display: inline-block;
    /*margin: 30rem auto;*/
}
.btnbox{
    display: flex;
    padding-top: 50rem;

}
.btnbox a{
    display: inline-block;
    flex: 1;
}
.btnbox a img{
    width: 100%;
}
.footbox{
    text-align: center;
    padding-top: 150rem;
    padding-bottom: 50rem;
}
/* 首页结束 */
/* 详情开始 */
.detailbox{
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#fef3f1,#f4fdfc);
    overflow: hidden;
}
.detailbox .logoimg{
    width: 390rem;
    display: block;
    margin:100rem auto 30rem;
}
.topbox{
    width: 670rem;
    height: 480rem;
    background-color: #ffffff;
    border-radius: 15rem;
    margin: 0 auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.toptit{
    text-align: center;
    color: #3f1314;
    font-size: 33rem;
    padding-top: 42rem;
}
.topimgbox{
    display: flex;
}
.topimgitem{
    flex: 1;
    text-align: center;
    padding-top: 60rem;
}
.topimgitem img{
    width: 247rem;
}
.topimgitem .topimgtext{
    font-size: 23rem;
}
.topbox .clickdetails{
    font-size: 35rem;
    padding-top: 60rem;
    text-align: center;
    text-decoration:underline;
}
.topbox .clickdetails a{

    color: #3f1314;
}
.bottombox{
    width: 670rem;
    height: auto;
    background-color: #ffffff;
    border-radius: 15rem;
    margin: 25rem auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding-bottom: 20rem;
}

.bottombox{
    width: 670rem;
    height: auto;
    background-color: #ffffff;
    
    margin: 25rem auto;
    
    padding-bottom: 20rem;
}

.bottomimgbox{
    text-align: center;
    margin-bottom: 35rem;

}
.bottomimgbox img{
    width: 83rem;
    margin-top: 60rem;
}
.bottomimgbox .timtit{
    font-size: 32rem;
    color: #585858;
    line-height: 97rem;
}
.bottomimgbox .timebox{
    font-size: 42rem;    
}
.bottombox .cotentxt{
    color: #3f1314;
    font-size: 28rem;
    width: 570rem;
    margin: 0 auto 50rem;
    text-align: left;
    line-height: 42rem;
    
}

.bottombox1 .cotentxt{
    color: #3f1314;
    font-size: 28rem;
    width: 600rem;
    margin: 0 auto 20rem;
    text-align: center;
    line-height: 40rem;
    
}
.footerbox{
    width: 670rem;
    height: auto;
    background-color: #ffffff;
    border-radius: 15rem;
    margin: 25rem auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.footerimg{
    text-align: center;
}
.footerimg img{
    width: 325rem;
    margin-top: 60rem;
}
.footercode{
    font-size: 36rem;
    font-weight: 600;
    padding: 20rem 0;
}
.footerimg .cotentxt{
    color: #3f1314;
    font-size: 28rem;
    width: 570rem;
    margin: 0 auto 50rem;
    line-height: 42rem;
    
}
.footertxt{
    text-align: center;
    font-size: 23rem;
    padding: 100rem 0 50rem;
}
.footertxt span{
    color: #3f1314;
    text-decoration:underline;
   

}
/* 详情结束 */

/* 说明页首页 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: none;
}
.overlay .popup {
    width: 600rem;
    height: 700rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-image: url('../images/deco_6.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay .popup .logoimg{
    width: 390rem;
    margin: 75rem 0 98rem;
}
.overlay .popup .popred{
    color: #e43832;
    font-size: 28rem;
    margin-bottom: 60rem;
}
.overlay .popup .popblack{
    color: #000000;
    font-size: 28rem;
    margin-bottom: 60rem;
}
.overlay .popup .popbtn{
    display: inline-block;
    width: 285rem;
    height: 85rem;
    line-height: 85rem;
    font-size: 36rem;
    text-align: center;
    border-radius: 20rem;
    background-color: #d8400a;
    color: #ffffff;
    margin: 0 auto;
    text-decoration: none;
    
}
/* 说明页首页结束*/

/* 说明详情页 */
.illtit{
    font-size: 30rem;
    color: #3f1314;
}
.videobox{
    width: 572rem;
    margin: 0 auto 50rem;
    border-bottom: 1px dashed #b9b9b9;
}
.video-wrap{
    width: 572rpx;
    margin-bottom: 50rem;
    padding-top: 28rem;
}
.video-wrap #video{
    width: 100%;
}
.illred{
    color: #e43832;
    font-size: 28rem;
    margin-bottom: 60rem;
}
.illblack{
    color: #000000;
    font-size: 28rem;
    margin-bottom: 60rem;
}

/* 说明详情页结束 */
/* 聊天 */
.chatbox{
    height: 100vh;
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
}
.chathead{
    padding: 25rem 15rem;
    width: 720rem;
    background-color: #ffe5aa;
    display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.chathead .chatheadl img{
    width: 220rem;
    vertical-align:middle
}
.chathead .chatheadl span{
    color: #ffffff;
    font-size: 32rem;
}
.chathead .chatheadr img{
    width: 45rem;
}
.chatbody .chatitem{
    display: flex;
    padding-top: 30rem;
}
.chatbody .chatitem .header img{
    width: 50rem;
    padding: 20rem;
    padding-top: 40rem;
}
.chartime{
    color: #919191;
    text-align: left;
    margin-bottom: 10rem;
}

.chatcon{
    text-align: left;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 20rem;
    width: 540rem;
    border-radius: 10rem;
    
}
.chatfoot{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    padding: 15rem 0;
}
.chatfoot .con{
    width: 490rem;
    height: 56rem;
    border: 1px solid #c5c2c2;
    border-radius: 10rem;
    padding-left: 5rem;
}
.chatfoot .btn{
    border: 1px solid #eac778;
    background: #ffffff;
    padding: 12rem;
    color: #eac778;
    border-radius: 7rem;
}
/* 聊天结束 */

.kefubtn{
    padding: 10rem;
    background-color: #3f1314;
    color: #ffffff;
    position: fixed;
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
    right: 0;
    top: 200rem;
    display: inline-block;
    text-decoration: none;

}