body { background: #f6f6f6; }
* { box-sizing: border-box }
#box1 { float: left; position: relative; width: 295px; }
.div1 { }
.div2 { position: fixed; _position: absolute; top: 3px; z-index: 295; }
.clear { clear: both; }
.top { width: 100%; height: 72px; float: left; }
.nav { width: 1200px; margin: 0 auto }
.nav ul { width: auto; float: left; }
.nav ul li { line-height: 32px; margin: 20px; padding: 0 15px; float: left; font-size: 16px }
.nav .active { background: #ffac40; color: #fff; border-radius: 80px }
.banquan {     width: 100%; float: left; padding-top: 0rem }
.search { border-radius: 20px; line-height: 32px; height: 32px; margin: 20px 0; width: 300px; padding: 0 15px; float: left; font-size: 16px; background: #e5e5e5; margin-right: 5px }
.search .input { outline: none; width: 200px; float: left; line-height: 32px; outline: none; border: 0 }
.search .btn { border: 0; height: 21px; width: 21px; background: url(../style/fdj.png) no-repeat; float: right; margin-top: 5px; }
.xiao { width: auto; padding: 20px 10px; float: left; line-height: 32px; margin-left: 55px; position: relative; }
.xiao::before { content: ""; background: url(../style/xin.png) no-repeat; width: 17px; height: 18px; background-size: contain; left: -10px; position: absolute; z-index: 2; }
.xiao::after { content: ""; background: url(../style/san.png) no-repeat; width: 8px; height: 18px; background-size: contain; position: absolute; z-index: 2; right: -5px; bottom: 20px; }
img.wx_img { width: 12rem; float: none; }
.person { float: right; line-height: 72px; }
.person img { width: 33px; height: 33px; float: left; margin-top: 20px; margin-right: 20px; }
.person .span { position: relative; }
.person .span::after { content: ""; background: url(../style/san.png) no-repeat; width: 8px; height: 18px; background-size: contain; position: absolute; z-index: 2; right: -10px; top: 10px; }
.topPic { max-width: 1920px; margin: 0 auto; position: relative; text-align: center;}
.topWord { position: relative; float: left; width: 100% }
.topTit {  z-index: 2; border-radius: 35px; left: 50%; margin:0 auto; width: 1000px; background: #fff; height: 195px; top: -100px; box-shadow: 0px 0px 25px #333333; }
.topTit>img { width: 142px; float: left; margin-top: 24px; margin-left: 40px }
.xsd { width: 300px; float: right; margin-top: 50px; border-left: 1px solid #ddd; padding: 10px 10px;/* padding-left: 30px; */
}
.xsd li { text-align: center; width: 33%; float: left; }
.xsd li img { width: 38px; height: 38px; margin: 0 auto; float: none; padding: 5px }
.xsd li i { font-style: normal; width: 100%; float: left; font-size: 14px }
.titleA { width: 500px; float: left; padding-top: 40px; padding-left: 20px }
.titleA .a {     font-size: 16px;
    font-weight: bold;
    line-height: 30px;}
.titleA .b { width: 100%; float: left; }
.titleA .b .name { float: left; font-size: 14px; padding-right: 10px; line-height: 28px }
.titleA .b>i { background: #ffce37; padding: 0 8px; border-radius: 4px; color: #fff; font-style: normal; font-size: 12px; margin-right: 10px; margin-top: 5px; height: 18px; float: left; overflow: hidden; line-height: 18px; }
.titleA .b>b { background: #ff2126; padding: 0 8px; border-radius: 4px; color: #fff; font-style: normal; font-size: 12px; margin-right: 10px; margin-top: 5px; height: 18px; float: left; overflow: hidden; font-weight: normal; line-height: 18px }
/* .titleA .b >img{padding: 0 212px;
margin-top: -23px;
height: 18px;
overflow: hidden;
font-weight: normal;
line-height: 18px;
margin-left: -4.9rem;} */
/* .titleA .b >b.b9{ background: #ff2126; padding: 0 8px; border-radius: 4px;color: #fff;font-style: normal;font-size: 12px; margin-right: 10px; margin-top: 5px; height: 18px;float: left; overflow: hidden;font-weight: normal;line-height: 18px} */
/* .titleA .b >span.b9{
	background: #ff2126; padding: 0 8px; border-radius: 4px;color: #fff;font-style: normal;font-size: 12px; margin-right: 10px; margin-top: 5px; height: 18px;float: left; overflow: hidden;font-weight: normal;line-height: 18px
} */
#gh { background: #D8D8D8; padding: 0 8px; border-radius: 4px; color: #fff; font-style: normal; font-size: 12px; margin-right: 10px; margin-top: 5px; height: 18px; float: left; overflow: hidden; font-weight: normal; line-height: 18px; }
.titleA .b .c { float: right; font-size: 14px; margin-top: 0.2rem; margin-right: 3.5rem; }
.titleA .b .c b { font-weight: normal }
.titleA .b .c i { font-style: normal; padding-left: 10px }
.aa { padding-top: 20px; width: 1000px; margin: 0 auto }
.aaleft { width: 680px; float: left; }
.aaleft .topA { width: 100%; background: #fff; border: 1px solid #eee; height: 100px; }
.aaleft .topA li { width: 30%; float: left; height: 100px; line-height: 100px; padding-left: 31px; }
.aaleft .topA li img { width: 35px; margin-top: 30px; margin-right: 15px }
.wordA { width: 100%; padding: 10px 20px; font-size: 14px; line-height: 30px; float: left; text-align: justify; background: #fff }
.wordA p { padding-top: 0.5rem; width: 100%; clear: both; }
.wordA>b { font-size: 24px; padding-top: 20px; float: left; }
.wordA img { }
.aaright { width: 275px; float: right; }
.line { width: 100%; height: 10px; background: #eee; float: left; }
.wordW { width: 100%; padding: 10px 20px; font-size: 14px; line-height: 30px; float: left; text-align: justify; background: #fff }
.xiaH { width: 100%; float: left; padding-top: 30px; background: #fff }
.xiaH>img { width: 56px; float: left; }
.xinH { width: 550px; float: right }
.xinH .a { width: 100%; float: left; position: relative; }
.xinH .b { width: 100%; float: left; font-size: 14px; line-height: 30px; padding: 10px 0 }
.xinH .c { width: 100%; float: left; font-size: 14px; line-height: 30px; color: #c6c6c6 }
.xinH .a span { font-size: 16px; float: left; }
.xinH .a i { background: #408fff; font-size: 12px; width: auto; padding: 0 5px; margin-left: 10px; height: 18px; font-style: normal; color: #fff; font-weight: normal; line-height: 18px; margin-top: 5px; float: left; }
.xinH .c .left { float: left;  color: #
}
.xinH .c .right { float: right;  color: #
}
.xinH .c .right img { width: 37px; padding: 0 10px; float: none }
/* huiH */
.huiH { width: 550px; float: right; background: #f6f6f6; border-radius: 10px; min-height: 10px; padding: 10px; margin-top: 10px; }
.perB { width: 100%; height: auto; font-size: 22px;}
.perB .yuanxingtu { width: 35px; float: left; margin-right: 15px;  }
.perB>i { background: #408fff; ; ; font-size: 12px; width: auto; padding: 0 5px; margin-left: 10px; height: 18px; font-style: normal; color: #fff; font-weight: normal; line-height: 18px; margin-top: 5px; float: left; }
.perB>b { background: #e70303; ; ; font-size: 12px; width: auto; padding: 0 5px; margin-left: 10px; height: 18px; font-style: normal; color: #fff; font-weight: normal; line-height: 18px; margin-top: 5px; float: left; }
.perB>.name { width: auto; float: left; ; line-height: 30px; font-size: 16px }
.perB .a { padding-top: 0 }
.perB .a span { font-size: 14px; float: left; }
.perB .a i { background: #d8d8d8; ; ; font-size: 12px; width: auto; padding: 0 5px; margin-left: 10px; height: 18px; font-style: normal; color: #fff; font-weight: normal; line-height: 18px; margin-top: 5px; float: left; }

.huiH>.op { font-size: 14px; line-height: 30px; margin: 7px 0; display: inline-block; float: left; width: 100%;}
.huiH .c { width: 100%; float: left; font-size: 14px; line-height: 30px; color: #c6c6c6 }
.huiH .c .left { float: left;  color: #
}
.huiH .c .right { float: right;  color: #
}
.huiH .c .right img { width: 37px; padding: 0 10px; float: none }
.huiH .op img {}
/* gonglve */

.xggl { width: 100%; float: left; background: #fff; margin-bottom: 15px; padding: 0 10px 10px }
.xggl p { line-height: 35px }
.ask { width: 17.2rem; float: left; background: #fff; margin-bottom: 15px; padding: 0 10px 10px; font-size: 22px; color: #828282 }
.ask p { line-height: 35px; padding: 15px 0 }
.ask ul { border-left: 1px solid #ddd; }
.ask li { background: url(../style/point.png) no-repeat left 11px; width: 100%; padding-left: 15px; position: relative; left: -5px; line-height: 30px; padding-bottom: 10px; font-size: 14px; font-weight: normal }
/* tanchu */
.bg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; display: none }
.bgcon { width: 20rem; height: 24rem; background: #fff; border-radius: 0.5rem; text-align: center; margin: 0 auto; margin-top: 0px; margin-top: 0px; margin-top: 15rem; font-size: 1.2rem; }
.bgcon span { width: 0.27rem; float: right; padding-top: 0.2rem; padding-right: 0.3rem }
.bgcon>img { width: 16rem; clear: both; margin: 0 0.45rem; padding-top: 0.2rem; }
.bgcon>i { width: 100%; float: left; font-style: normal; padding-top: 0.2rem }
img.djck { width: 7rem; float: none; margin-bottom: -0.4rem; }
.huiH .op img.djck { width: 7rem; float: none; margin-bottom: -0.4rem; }
#order { cursor: pointer; }
.datou img { width: 56px; }
.datou i { background: #408fff; font-size: 12px; width: auto; padding: 0 5px; margin-left: 10px; height: 18px; font-style: normal; color: #fff; font-weight: normal; line-height: 18px; margin-top: 5px; float: left; }
.datou span { width: auto; float: left; line-height: 30px; font-size: 16px }
.daname { margin-top: 30px; margin-left: 18px; }
.yuanxingtu{border-radius: 50%;}
.login-list-item { display: inline-block; margin-right: 6px; width: 26px; height: 26px; background-image: url("../style/header-sprites15.png"); overflow: hidden; vertical-align: -7px; }
.login-list>a { cursor: pointer; font-size: 12px; }
.split { display: inline-block; margin-right: 6px; width: 1px; height: 14px; background-color: #c9c9c9; overflow: hidden; vertical-align: -2px; }
.weibo { background-position: 0 -50px!important; }
.weibo:hover { background-position: 0 -80px!important; }
.qq { background-position: -30px -50px!important; ; }
.qq:hover { background-position: -30px -80px!important; ; }
.wx { background-position: 0px -165px!important; ; }
.wx:hover { background-position: -30px -165px!important; ; }
.login-list {float: right;width: 200px;margin-top: 20px;}
.login-list>a { margin-right: 6px; color: orange; }
.xinH .b p,.huiH .op p{ overflow:hidden; margin-bottom:10px;clear: both;}
.kefuImg,.kefuDiyImga{display:block;}
.masked d1{left: 0;top: 3px;width: 5px;height: 23px;background: -webkit-linear-gradient(top,#ffb43c 0,#ff8300 100%);background: -webkit-gradient(linear,left top,left bottom,from(#ffb43c),to(#ff8300));background: -moz- oldlinear-gradient(top,#ffb43c 0,#ff8300 100%);background: -o-linear-gradient(top,#ffb43c 0,#ff8300 100%);background: linear-gradient(to bottom,#ffb43c 0,#ff8300 100%);-webkit-border-radius: 10px;border-radius: 10px;}
.chat-avatar img{    width: 35px;
    float: left;
    margin-right: 15px;border-radius: 50%;}

@media screen and ( max-width: 980px ) {
  .aaright{display:none}
  .aaleft{width:100%}
  .aa{width:100%;    padding-top: 20px;}
  .topTit{width:100%;left:0;margin-left:0;overflow: hidden;    height: fit-content;    top: -10px;}
  .topTit>img{display:none}
  .xsd{    float: left;margin-top: 0px;    border-left: 0px;width:100%}
  .titleA .a{font-size:18px;line-height: 20px;}
  .titleA{float:right;width:100%;padding-left: 20px;
    padding-right: 20px;    padding-top: 20px;}
  .banquan{width:100%}
  .search{display:none}
  .login-list{display:none}
  .nav ul li{    margin: 20px 0;}
  .nav{width:100%}
  .aaleft .topA{display:none}
  .titleA .b .c{float:left;margin-right: 0;    clear: both;}
  
}