* {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
a {
  text-decoration: none;
}

.qb {
  background-image: url("../images/domain_specail/demo_hk_bg.png");
  background-size: 100% 100%;
  background-position: 0 370px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.jzdq {
  margin: 0 auto;
  width: 1200px;
}
.top1 {
  margin: 0 auto;
  width: 100%;
  height: 370px;
  text-align: center;
  position: relative;
  background: url("../images/domain_specail/banner.png");
}
.banner {
  height: 135px;
  width: 100%;
  background: url("../images/domain_specail/demo_hk_bg.jpg")  center center no-repeat;
  background-size: cover;
  background-size: 1918px 384px;
  width: 100%
}
  
.banneryh {
  background-size:cover;
  width: 100%;
  position:absolute;
  bottom: -15px;
  /*margin-top: -95px;*/
}
.banneryh .hddh {
  text-align: center;
  display: flex;
  justify-content: center;
  height: 70px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(0deg, #684FCC, #755ACE);
}
.banneryh .hddh ul {
  text-align: center;
  display: flex;
  justify-content: center;
  width: 1200px;
  height: 70px;
  line-height: 40px;
  border: 1.8px solid #8A62CD;
}
.banneryh .hddh ul li {
  width: 370px;
  margin-top: 10px;
  font-size: 20px;
}
.banneryh .hddh ul li p {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ECE7FF;
}
.banneryh .hddh ul li p span {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ECE7FF;
}
.top2 {
  margin: 40px auto;
  text-align: center;
}
.top2 .hhh {
  height: 40px;
  font-size: 30px;
  color: #fff;
  display: block;
}
.top2 .title2 {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #FFFFFF;
}
.top2 p {
  padding-top: 15px;
  font-size: 15px;
  color: #fff;
}
.top2 .yt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.yt img {
  width: 16px;
}

.ys {
  margin-bottom: 60px;
  padding-top: 5px;
  text-align: center;
  border: 2px solid #6001A9;
  border-radius: 4px;
  background: #6900B8;
}

.ysnb {
 text-align: center;
 height: auto;
 border-radius: 4px;
 display: flex;
 /* justify-content: space-evenly; */
 flex-wrap:wrap;

}
.yspl {
  width: 285px;
  position:relative;
  margin: 22px 7px;
}
.yspl>img{
  position:absolute;
  top: -4px;
  right: -4px;
}
.date{
  line-height: 30px;
  color: #333;
}
.yssj {
  width: 285px;
  height: 84px;
  background: url('../images/domain_specail/section_bg.png');
  border-radius: 2px;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-direction: column;
}
.ysst {
  width: 285px;
  height: 90px;
  background: #FFFFFF;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  line-height: 90px;
}
.p1 {
  margin-top:17px;
  margin-left: 20px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.p2 {
  margin-left: 20px;
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.sp1 {
  color: #FC8301;
  font-size: 28px;
}
.ysst .sp2 {
  font-size: 14px;
  color: #A9A9A9;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: line-through;
  width: 120px;
}
.ysn {
  font-size: 16px;
  color: #FC8301FF;
}
.ckgd {
  display: flex;
  margin:25px auto;
  width: 120px;
  height: 38px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #924BFF, #912BEE);
  line-height: 38px; 
  border-radius: 18px;
}
.ckgd a {
  font-size: 14px;
  color: #fff;
}
.ckgd img {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-bottom: 3px;
}
.zc {
  width: 285px;
  height: 65px;
  background: #FFFFFF;
}
.zc a {
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  display: block;
  width: 216px;
  height: 34px;
  background: linear-gradient(90deg, #FFA833, #FF7E25);
  border-radius: 3px;
  line-height: 34px;
}
.qdcz {
  height: 160px;
  background: url("../images/2110/youhuiquan\ .png") no-repeat;
  background-size: 1200px 170px;
  margin-bottom: 60px;
  padding-left: 40px;
  padding-top: 102px;

}
.qdcz .box1 {
  display: block;
  text-align: center;
  width: 115px;
  height: 34px;
  background: #FCE8CC;
  border-radius: 3px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FF9241;
  line-height: 34px;
}

.bgym {
  margin: 0 auto;
  width: 1200px;
  background: #6301AC;
  border-radius: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bgym .bt {
  margin: 0 auto;
  width: 97%;
  height: 65px;
  background: linear-gradient(90deg, #8016E4, #7306DE);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  padding-top: 20px;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  color: #fff;
}

.bgym .bs {
  margin: 0 auto;
  width: 97%;
  background: #FFFFFF;
  border-radius: 2px;
}
.bs .dd {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  height: 80px;
  line-height:80px;
  width: 100%;
  border-bottom: 1px solid #F1F1F1
}
.dd .xdd {
  width: 17%;
  text-align: center;
}
.dd .ym {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.dd .je {
  color: #FC8301;
  font-size: 16px;
}
.dd .sn {
  color: #666666;
  font-size: 13px;
}
.dd .qn {
  padding-left: 23px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: line-through;
  color: #A1A1A1;
}
.dd .rq {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.dd .zc {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #006BFF;
}
.bt .td {
  width: 15%;
  text-align: center;
}
.gdhd {
  margin-top: 50px;
  text-align: center;
  height: 100px;
  background: #4E00AB;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFF;
  line-height: 100px;
}
.gdhd2 {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #4E00AB;
  padding-bottom: 80px;
  flex-wrap: wrap;
}
.gdhd2>div{
  margin: 10px !important;
}
.gdhd2 .yxnzj {
  position: relative;
  margin: 0 10px;
  width: 380px;
  height: 172px;
  background: linear-gradient(90deg, #322AEA, #6A61F3);
  display: flex;
  flex-direction: column;
  padding-left: 57px;
}
.gdhd2 p {
  margin: 0 0 10px;
}
.gdhd2 .jzfw {
  position: relative;
  margin: 0 10px;
  width: 380px;
  height: 172px;
  background: linear-gradient(90deg, #9C46EA, #B977FF);
  display: flex;
  flex-direction: column;
  padding-left: 57px;
}
.gdhd2 .sslzs {
  position: relative;
  margin: 0 10px;
  width: 380px;
  height: 172px;
  background: linear-gradient(90deg, #3E7DE3, #58B2F7);
  display: flex;
  flex-direction: column;
  padding-left: 57px;
}
.yxnzjtop {
  width: 169px;
  height: 30px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
  background-color: #2E26D9FF;
  margin-bottom: 15px;
  margin-left: 49px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.yxnzjtext {
  position: relative;
  z-index: 2;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #E2E0FF;
}
.yxnzjtext2 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #E2E0FF;
}
.yxnzjxq {
  text-align: center;
  width: 95px;
  height: 28px;
  line-height: 28px;
  background: rgba(110, 102, 234, 0.53);
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.yxnzjxq2 {
  text-align: center;
  width: 95px;
  height: 28px;
  line-height: 28px;
  background: rgba(209, 164, 255, 0.53);
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.yxnzjxq3 {
  text-align: center;
  width: 95px;
  height: 28px;
  line-height: 28px;
  background: rgba(108, 177, 235, 0.53);
  font-size: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.yxnzjimg {
  position: absolute;
  top: 52px;
  right: 2px;
  width: 100px;
  height: 92px;
  background-image:url('../images/domain_specail/yxnzj.png');
  background-repeat:no-repeat;
  background-size:100px 92px ;
  z-index: 1;
}
.jzfwimg {
  position: absolute;
  top: 52px;
  right: 6px;
  width: 96px;
  height: 96px;
  background-image:url('../images/domain_specail/ym.png');
  background-repeat:no-repeat;
  background-size:96px 96px ;
  z-index: 1;
}
.sslzsimg {
  position: absolute;
  top: 52px;
  right: 6px;
  width: 81px;
  height: 106px;
  background-image:url('../images/domain_specail/wsyh.png');
  background-repeat:no-repeat;
  background-size:82px 106px ;
  z-index: 1;
}

.agent_activity{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.agent_activity .bg_box{
  background: linear-gradient(90deg, #FF8F3D, #FFB470);
  padding: 10px;
  text-align: right;
}
.agent_activity .dis_content{
  border: 1px dashed #EEEEEE;
  display: inline-flex;
  padding: 10px;
  border-radius: 2px;
  flex-wrap: wrap;
}
.agent_activity .coat_layer{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.coat_layer{
  padding: 20px 100px 30px 30px;
  color: #fff;
  text-align: left;
  background:url("../image/coat_bg.png") no-repeat center center/cover;
}
.coat_layer p{
  font-size: 24px;
  margin-bottom: 10px;
}
.coat_layer div{
  font-size: 14px;
  margin-bottom: 20px;
}
.coat_layer a{
  display: inline-block;
  width: 115px;
  line-height: 34px;
  color: #FF9241;
  border-radius: 3px;
  background: #FCE8CC;
  text-align: center;
}
.dis_content>ul{
  background: linear-gradient(0deg, #F4CE97, #FFF2E0);
  border-radius: 5px;
  width: 190px;
  text-align: center;
  margin-left: 10px;
  padding-bottom: 10px;
}
.dis_content>ul:nth-child(1){
  margin-left: unset;
}
.dis_content>ul li:nth-child(1){
  line-height: 25px;
  color: #B5925F;
  background:#f6dfbc;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
}
.dis_content>ul li:nth-child(2){
  font-size: 24px;
  color: #A27545;
  line-height: 45px;
}
.dis_content>ul li:nth-child(3){
  color: #A27545;
}
.dis_content>ul li:nth-child(4){
  color: #B78A5A;
  font-size: 12px;
  line-height: 25px;
}
.copyRight {
  margin: 15px 0
}
.copyRight div {
  text-align: center;
  line-height: 30px;
}
.copyRight div a {
  color: #333;
  font-size: 14px;
}
.copyRight div a:hover {
  color: #ff9900;
}
@media (max-width: 1200px) {
  .hddh{
      width: 100%;
  }
  .jzdq{
      width: 100%;
  }
  .bgym{
      width: 95%;
      overflow: auto;
  }
  .qdcz{
      background-size: contain;
  }
  .hddh li{
      width: 25%;
      /*height: auto;*/
  }
  .banneryh{
      position: unset;
  }
  .banneryh .hddh {
    width: 100%;
  }
  .banneryh .hddh ul {
    height: 170px;
  }
  .bgym > div{
      width: 1200px!important;
  }
  .agent_activity{
      width: 95%;
  }
  .agent_activity .coat_layer{
      position: unset;
      background: linear-gradient(
              90deg, #FF8F3D, #FFB470);
  }
  .agent_activity .dis_content{
      justify-content: space-evenly;
  }
  .agent_activity .dis_content ul{
      margin: 5px;
  }
}
@media (max-width: 768px) {
  .banneryh .hddh {
    width: 100%;
  }

  .banneryh .hddh ul {
    height: 170px;
  }

  .top1 {
    height: 200px;
  }

  .ys {
    margin-top: -77px;
    padding-top: 60px;
  }

  .top2 {
    margin: 0 auto;
  }

  .top2 .hhh{
    font-size: 24px;
    padding-top: 5px;
  }
  .hddh li{
      width: 50%;
  }
  .hddh ul{
      flex-wrap: wrap;
  }
  .hddh{
      height: auto;
  }
  .hddh ul{
      height: auto;
      margin: 4px;
  }
  .hddh ul li:nth-child(1),.hddh ul li:nth-child(2){
      border-bottom: 1px solid #EEE;
  }

}