@charset "utf-8";
/* CSS Document */

/***********************************首页***********************************/
/**大广告**/
.phpDggBox a{ width: 100%; height: 400px; background: #f0311d; display: block;}
.phpDggBox a span{ display: block; width:1380px; height: 400px; background: url(../images/hhl-bg24.png) no-repeat; margin: auto;} 

.phpscMain{ width: 1380px; margin: auto;}
.phpJdtBox{ width: 1380px; margin-top:30px;}
.phpFirMiddle{ width:985px; height: 450px; float: left;}
.sjyx_banSwiper{ width:985px;height: 450px;}
.sjyx_banSwiper img{ width:985px; min-height: 450px; transition: transform 0.5s; }
.sjyx_banSwiper li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.sjyx_banSwiper .swiper-pagination{ width: auto; left: initial; right: 38px; bottom: 30px; }
.sjyx_banSwiper .swiper-pagination-bullet{ width: 12px; height: 12px; background: #feb8b5;  border-radius: 100px;}
.sjyx_banSwiper .swiper-pagination-bullet-active{ background: #fc3930; width: 26px; height: 12px; opacity: 1;}
.phpQzgcBox{ float: right; width: 365px; height: 450px; background: #ffffff;} 
.phpQzgcTop{ width: 365px; height: 5px; background: #fc3930;}
.phpQzgcTitle{ width: 335px; margin: auto; margin-top:20px;}
.phpQzgcTitle h2{ font-size: 22px; font-weight: bold; color: #333333; text-align: center;}
.phpZbktBg{ height: 30px; margin: auto; margin-top:20px; display: flex; justify-content: center; align-items: center;} 
.phpZbktBg span{ display: block; float: left; color: #333333; font-size: 16px; margin: 0px 8px 0px 0px; line-height: 30px; overflow: hidden; height: 30px;}
.phpZbktBg span b{display: block; float: left; height: 30px; background: #fc3930;  color: #ffffff; font-weight:normal; width: 30px; border-radius: 5px; font-size: 18px; font-weight: bold; line-height: 30px; text-align: center; overflow: hidden; margin-right:8px;}
.phpQzgcList{ width: 335px; margin: auto; padding-top: 10px;}
.phpQzgcList li{ margin-top:16px; height: 333px; height: 38px; border: 1px solid #eeeeee; border-radius: 5px;}
.phpQzgcList li b{ display: block; float: left; width: 25px; height: 25px; background: url(../images/hhl-bg18.png) no-repeat; margin: 7px 0px 0px 10px;}
.phpQzgcList li b.icon1{ background-position: -230px 0px;}
.phpQzgcList li b.icon2{ background-position: -260px 0px;}
.phpQzgcList li b.icon3{ background-position: -290px 0px;}
.phpQzgcList li b.icon4{ background-position: -320px 0px;}
.phpQzgcList li input.text1{ border:none; background: none; width: 280px; border: none; background: none; margin: 0px 0px 0px 10px;  line-height: 38px; height: 38px; font-size: 14px; color: #999999;}
.phpQzgcSubmit{ width: 335px; height: 45px; margin:auto; margin-top:15px;}
.phpQzgcSubmit input.submit1{ width: 335px; height: 45px; border: none; background: none; background: #fc3930; border-radius: 5px; font-size: 18px; font-weight: bold; color: #ffffff;}


.phpRmkcBox{ width: 1380px; margin-top:50px;}
.phpRmkcLeft{ float: left; width: 985px;}
.phpRmkcMenu{ float: left; margin-left:75px;}
.phpRmkcMenu li{ float: left; width: 78px; height: 32px; line-height: 32px; overflow: hidden; text-align: center; background: #f0f1f4; border-radius: 100px; margin-left:15px; cursor: pointer; color: #999999;}
.phpRmkcMenu li.current{ background: #fc3930; color: #ffffff;}
.phpZbktTitle h2{ float: left; font-size: 22px; font-weight: bold; color: #333333;}
.phpZbktTitle a{ display:block; width: 78px; height: 32px; background: #f0f1f4; float: right; border-radius: 100px; text-align: center; line-height: 32px; overflow: hidden; color: #999999; text-decoration: none;}
.phpZbktTitle a:hover{ background: #fc3930; color: #ffffff;}
.phpZbktList{ width: 985px;}
.phpZbktList li{ float: left; width: 308px; height: 285px; background: #ffffff; margin-top:25px; margin: 25px 0px 0px 30px;}
.phpZbktList li:nth-child(3n+1){ margin-left:0px;}
.phpZbktList li:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpZbktImg{ width: 308px; height: 170px; position:relative;}
.phpZbktImg a{ display: block; height:170px; width: 308px; overflow: hidden;}
.phpZbktImg a img{ width:308px; height: 170px;  transition: all 0.2s;}
.phpZbktImg a:hover img{ transform:scale(1.1);}
.phpZbktZhi{ height: 22px; background: linear-gradient(to top, rgb(235, 196, 134), rgba(250, 228, 193)); padding: 0px 3px 0px 3px; position:absolute; right: 8px; border-radius: 3px; color: #93652a; top: 8px; font-size: 12px; line-height: 22px;}
.phpZbktName{ width: 275px; margin: auto;}
.phpZbktName dl dt a{ display: block; height: 50px; line-height: 25px; margin-top:15px; overflow: hidden;}
.phpZbktName dl dd{ width: 275px; margin-top:15px;}
.phpZbktName dl dd p{ float: left; width: 120px; height: 18px; line-height: 18px; overflow: hidden; color: #f11717; font-size: 12px;}
.phpZbktName dl dd span{ display: block; float: right; width: 100px; height: 18px; line-height: 18px; overflow: hidden; text-align: right; color: #b7b7b7; font-size: 12px;}
.course_live_back{position: absolute;width: 50px;height: 25px; line-height: 25px;text-align: center;background: #727274;color: #fff;font-size: 12px;z-index: 99999;}
.course_live{position: absolute;width: 50px;height: 25px;line-height: 25px;text-align: center;background: #F85867;color: #fff;font-size: 12px;z-index: 99999;}
.course_live img{vertical-align: middle;}


.phpJxkcBox{ width: 985px; margin-top:50px;}
.phpZxkcList{ width: 1380px;}
.phpZxkcList li{ float: left; width: 255px; height: 265px;  background: #ffffff; margin: 30px 0px 0px 26px;}
.phpZxkcList li:hover{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpZxkcList li:nth-child(5n+1){ margin-left:0px;}
.phpZxkcList li span a{ display: block; width:255px; height: 160px; overflow: hidden; }
.phpZxkcList li span a img{ width:255px; height: 160px;  transition: all 0.2s;}
.phpZxkcList li span a:hover img{ transform:scale(1.1);}
.phpZxkcList li dl{ width:224px; margin: auto;}
.phpZxkcList li dl dt{ margin-top:15px; height: 45px; overflow: hidden; line-height: 25px;}
.phpZxkcList li dl dt i{ display: block; float:left; width: 28px; height: 16px; line-height: 16px; overflow: hidden; text-align: center; font-style: normal; font-size: 11px; color: #ffffff; margin-right: 10px;margin-top:3px; border-radius: 2px; padding: 2px 4px;}
.phpZxkcList li dl dt i.bg1{ background:#E0E8FC ; color: #298AFD; }
.phpZxkcList li dl dt i.bg2{ background:#FCE7E0; color: #FD4029;}
.phpZxkcList li dl dt i.bg3{ background:#FCF3E0; color: #FB6401;}
.phpZxkcList li dl dd{ margin-top:15px;}
.phpZxkcList li dl dd p{ float: left; width: 110px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b7b7b7;}
.phpZxkcList li dl dd em a{ display: block; float: right; font-size: 12px; color: #b7b7b7; text-decoration: none;}
.phpZxkcList li dl dd em a b{ display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -80px -65px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -65px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px; 
    float: left; margin: 3px 5px 0px 0px;}
.phpZxkcList li dl dd em.phpshouchang a b{ background-position: -95px -65px;}
.phpJxkcList{ width: 985px;}
.phpJxkcList li{ width: 308px; margin: 0px; margin-left:30px; margin-top:25px;} 
.phpJxkcList li span a{ width: 308px;}
.phpJxkcList li span a img{ width: 308px;}
.phpJxkcList li dl{ width: 278px;}
.phpSwdqRight{ float: right; width: 365px; background: #ffffff; height:715px;}
.phpEssxTitle{ width: 365px; border-top: 5px solid #fc3930;}
.phpEssxTitle h2{ margin: 10px 0px 0px 15px; font-size: 22px; font-weight:bold; color: #333333;}
.phpEssxTitle h2 span{ color: #fc3930;}
.phpEssxList{ width: 335px; margin: auto; padding-top: 8px;}
.phpEssxList li{ margin-top:13px;}
.phpEssxList li span{ display: block; float: left; width: 35px; line-height: 28px; line-height: 28px; overflow: hidden; text-align: center; font-size: 24px; font-weight: bold;} 
.phpEssxList li span.color1{ color: #fc3930;}
.phpEssxList li span.color2{ color: #d0cfcf;}
.phpEssxList li a{ display: block; float:right; width: 285px; max-height: 40px; line-height: 22px; overflow: hidden; margin-top:1px;}
.phpZbktBox{ margin-top:50px;}
.phpCdflBox{ width:1380px; height: 280px; background: #ffffff; margin-top:50px;}
.phpCdflRight{ width: 1380px;}
.phpCdflNav{ height: 39px; border-bottom: 1px solid #f6f6f6; padding-top:20px;}
.phpCdflNav li{ float: left; height: 39px; font-size: 22px; font-weight: bold; color: #333333; margin: 0px 40px 0px 40px; cursor: pointer;}
.phpCdflNav li b{ width:18px; height:3px; background: #ffffff; display: block; margin: auto; margin-top:7px;}
.phpCdflNav li.current{ color: #fc3930;}
.phpCdflNav li.current b{ background: #fc3930;}
.phpCdflIn{ width: 1280px; margin: auto;}
.phpCdflIn dl{ width: 1280px;}
.phpCdflIn dl dt{ margin-top:20px; text-align: center;}
.phpCdflIn dl dt h2{ font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; color: #333333; font-weight: bold;}
.phpCdflIn dl dt p{height: 18px; line-height: 18px; overflow: hidden; color: #666666; margin-top:14px;}
.phpCdflIn dl dd.cont1{ width: 1280px; height: 50px; border-radius: 6px; background: #fef6f6; margin-top:20px;}
.phpCdflIn dl dd.cont1 b{ display: block; float: left; width: 18px; height: 18px; background: url(../images/bg1.png) no-repeat -140px -65px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -140px -65px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -140px -65px;
    margin: 17px 0px 0px 20px;}
.phpCdflIn dl dd.cont1 input.text1{ float: left; width: 1100px; height: 50px; border:none; background: none; outline: none; margin-left:10px; color: #999999;}
.phpCdflIn dl dd.cont1 input.submit1{ width: 90px; height: 50px; border: none; background: none; background: #fc3930; float: right; border-radius: 0px 6px 6px 0px; font-size: 16px; color: #ffffff; font-weight: bold; outline: none; cursor: pointer;}
.phpCdflIn dl dd.cont2{ width:1280px; height: 32px; overflow: hidden; margin-top:20px; }
.phpCdflIn dl dd.cont2 em{ display: block; float: left; line-height: 32px;}
.phpCdflIn dl dd.cont2 span{ float: right; display: block; width:1200px;}
.phpCdflIn dl dd.cont2 span a{ display: block; float: left; height: 32px; box-sizing: border-box; border: 1px solid #e6e6e6; padding: 0px 20px; border-radius: 100px; line-height: 32px; color: #999999; text-decoration: none; margin-right:20px;}
.phpCdflIn dl dd.cont2 span a:hover{ border: 1px solid #fc3930; color: #fc3930;}
.phpCdflList{ width:1350px; margin: auto;}
.phpCdflList li{ width:320px; height: 80px; background: #f7f8fa; border-radius: 3px; padding-top: 12px; margin: 12px 0px 0px 22px; float: left;}
.phpCdflList li:nth-child(4n+1){margin-left:0px;}
.phpCdflList li a{ display: block; width: 320px; height: 95px; }
.phpCdflList li a dl { width: 290px; margin: auto; display: block;}
.phpCdflList li a dl dt { display: block; height: 18px; line-height: 18px; overflow: hidden; font-weight: bold;}
.phpCdflList li a dl dd{ margin-top:10px;}
.phpCdflList li a dl dd span img{ float: left; width: 38px; height: 38px; border-radius: 100px; margin-top:3px;}
.phpCdflList li a dl dd em{ display: block; float: right; width: 240px; font-size: 12px; color: #999999; overflow: hidden; height: 40px; line-height: 22px;}
.phpCdflCont{ width:1350px; margin: auto; height: 200px; overflow: hidden;}
.phpCdflCont a{ display: block; float: left; height: 40px; background: #f7f8fa; padding: 0px 20px; border-radius: 100px; line-height: 40px; color: #333333; text-decoration: none; margin: 25px 13px 0px 0px;}
.phpCdflCont a:hover{ background: #fc3930; color: #ffffff;}


.phpScdqBox{ width: 1380px; height: 120px; background: #ffffff; margin-top:50px;}
.phpScdqList li{ float: left; width: 210px; margin: 5px 0px 0px 18px;} 
.phpScdqList li a{ display: block;}
.phpScdqList li a span{ display: block; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; margin: 20px 0px 0px 0px; float: left; overflow: hidden; border-radius: 100px;}
.phpScdqList li a span img{transition: transform 0.5s;}
.phpScdqList li a:hover span img{ transform:scale(1.1);}
.phpScdqList li a dl{ float: right; width:120px; margin-top:7px;}
.phpScdqList li a dl dt{ height: 18px; line-height: 18px; overflow: hidden; font-weight:bold; margin-top:15px;}
.phpScdqList li a dl dd{ height: 40px; line-height: 20px; overflow: hidden; color:#999999; margin-top:10px;}



.phpKaifBox{ width: 1380px;}
.phpKaifLeft{ float: left; width: 985px; background: #ffffff; margin-top:50px; padding-bottom: 20px;}
.phpKaifTitle{ border-top: 5px solid #fc3930;}
.phpKaifMenu{ float:left; margin:20px 0px 0px 15px;}
.phpKaifMenu li{ float: left; font-size: 18px; font-weight: bold; color: #333333; margin-right:16px; cursor: pointer;}
.phpKaifMenu li.current{ color: #fc3930;}
.phpKaifTitle span a{ display: block; float: right; margin: 25px 15px 0px 0px;} 
.phpKaifList{ width: 957px; margin: auto;}
.phpKaifList li{ width: 957px; border-bottom: 1px solid #f6f6f6; padding-bottom: 25px; margin-top:25px;}
.phpKaifList li span a{ display: block; float: left; width: 210px; height: 120px; overflow: hidden;}
.phpKaifList li span a img{ width: 210px; height: 120px; transition: all 0.2s;}
.phpKaifList li span a:hover img{ transform:scale(1.1);}
.phpKaifList li dl{ width: 725px; float: right;}
.phpKaifList li dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px;}
.phpKaifList li dl dd.cont1{ height: 45px;  line-height:23px; overflow: hidden; color: #999999; margin-top:15px; word-break: break-all;}
.phpKaifList li dl dd.cont2{ margin-top:15px;}
.phpKaifList li dl dd.cont2 span{ display: block; float: left; width: 200px; height: 24px; line-height: 24px; overflow: hidden; color: #999999; font-size: 12px;}  
.phpKaifList li dl dd.cont2 em{ display: block; float: right; width: 500px; height: 24px; overflow: hidden; display: flex; justify-content: flex-end;}
.phpKaifList li dl dd.cont2 em a{ display: block; float: left; height: 24px; line-height: 24px; padding:0px 10px; background: #f5f5f5; color: #999999; text-decoration: none; font-size: 12px; margin: 0px 10px 0px 0px; border-radius: 4px;} 
.phpKaifList li dl dd.cont2 em a:hover{ background: #fc3930; color: #ffffff;}

.phpKaifRight{ float: right; width: 365px;}
.phpJjscBox{ width: 365px; background: #ffffff; padding-bottom: 20px; margin-top:50px;}
.phpJjscTitle h2{ float: left;  font-size: 22px; font-weight: bold; color: #333333; margin: 15px 0px 0px 15px;}
.phpXzphList{ width: 335px; margin: auto; padding-top: 8px;}
.phpXzphList li{ margin-top:15px; }
.phpXzphList li span{ display: block; float: left; width:35px; text-align: center; height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; color: #d7d9e1; font-weight: bold; margin-top:3px;}
.phpXzphList li span.bg1{ color: #fc3930;}
.phpXzphList li span.bg2{ color: #d0cfcf;}
.phpXzphList li a{ display: block; float: left; width: 210px; margin-left:5px; height: 35px; line-height: 35px; overflow: hidden;}
.phpXzphList li a b{ display: block; width: 68px; height: 35px; float: left; margin: 0px 10px 0px 0px;}
.phpXzphList li a b img{ width:68px; height: 35px;}
.phpXzphList li em{ display: block; float: right; width: 64px; height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; color: #b7b7b7; text-align: right; margin-top:5px;}

.phpJxwzList{ width: 335px; margin: auto;}
.phpJxwzList li{ margin-top:20px; width: 335px;}
.phpJxwzList li a{ display: block;}
.phpJxwzList li a span{ display: block; float: left; width:110px; height: 65px; border-radius: 3px; overflow: hidden;}
.phpJxwzList li a span img{ height: 65px; transition: all 0.2s;}
.phpJxwzList li a span img:hover{ transform:scale(1.1);}
.phpJxwzList li a dl{ float: right; width:210px;}
.phpJxwzList li a dl dt{ height: 39px; line-height: 18px; overflow: hidden;}
.phpJxwzList li a dl dd{ height: 21px; background: #fef6f6; font-size: 12px; color: #999999; text-decoration: none; line-height: 21px; overflow: hidden; border-radius: 3px; padding:0px 5px; float: left; max-width: 120px; margin-top:5px;}
.phpJxwzList li a dl dd b{ display: block; float: left; width: 9px; height: 11px; background:url(../images/bg1.png) no-repeat -200px -65px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -200px -65px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -200px -65px;
    margin: 5px 5px 0px 0px;}


/**底部**/
.phpFootCodeIn a{ color:#656565; text-decoration: none;}
.phpFootCodeIn a:hover{ color: #ffffff;}


/**侧导航**/
.phpSdhBox{ width: 95px; height: 400px; background: #ffffff; position:absolute; right: 2%; top: 50%; position:fixed;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpSdhBox li{ width: 95px; height: 79px; border-bottom: 1px solid #eeeeee;}
.phpSdhIn{ width: 95px; height: 79px; position: relative;}
.phpSdhTitle{ width: 95px; height: 79px;}
.phpSdhTitle a{ display: block; width: 95px; height: 64px; text-decoration: none; padding-top: 15px;}
.phpSdhTitle a b{ display: block; width: 35px; height: 35px; background: url(../images/hhl-bg25.png) no-repeat; margin:auto; }
.phpSdhTitle a b.icon1{ background-position: 0px 0px;}
.phpSdhTitle a b.icon2{ background-position: -40px 0px;}
.phpSdhTitle a b.icon3{ background-position: -80px 0px;}
.phpSdhTitle a b.icon4{ background-position: -120px 0px;}
.phpSdhTitle a b.icon5{ background-position: -160px 0px;}
.phpSdhTitle a p{ color: #333333; text-align: center; margin-top:2px;}
.phpSdhSub{ width: 130px; height: 130px; background: #ffffff; position:absolute; left: -130px; top: -30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpSdhSub img{ width: 112px; height: 112px; margin: 10px 0px 0px 10px;}
.phpSdhTitle a:hover{ background: #fc3930;}
.phpSdhTitle a:hover b.icon1{ background-position: 0px -45px;}
.phpSdhTitle a:hover b.icon2{ background-position: -40px -45px;}
.phpSdhTitle a:hover b.icon3{ background-position: -80px -45px;}
.phpSdhTitle a:hover b.icon4{ background-position: -120px -45px;}
.phpSdhTitle a:hover b.icon5{ background-position: -160px -45px;}
.phpSdhTitle a:hover p{ color: #ffffff;}
@media screen and (max-width: 1650px) {
    .phpSdhBox {
      display: none;
    }
  }

  .phpSdhTitle a.hover b.icon1{ background-position: 0px -45px;}
  .phpSdhTitle a.hover b.icon5{ background-position: -160px -45px;}
  .phpSdhTitle a.hover{ background:#fc3930 ;}
  .phpSdhTitle a.hover p{ color: #ffffff;}


  .jkTank1{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
  .jkTankBox1{ width: 406px; height: 382px; background:url(../images/hhl-bg28.png) no-repeat; position:absolute; left: 50%; top: 50%; margin-left:-203px; margin-top:-191px;  }
  .jkGuanbi{ width: 16px; height: 15px; background: url(../images/hhl-bg25.png) no-repeat -225px -330px; margin: 20px 0px 0px 350px;}
  .jkTankBox1 dl{ text-align: center; font-size: 18px; color: #333333; margin-top:20px;}
  .jkTankBox1 dl dd em{ color: #f2802a;}
  .jkTankBox1 dl dd { margin-top:10px;}
  .jkTankBox1 img{ width: 120px; height: 120px; margin-top:20px; margin-left:150px;}
  .jkTankBox1 i{ display: block; font-style: normal; font-size: 16px; color: #ffffff; text-align: center; margin-top:80px;}


.phpSybbList{ width: 955px; margin: auto;}
.phpSybbList li{ margin-top:20px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.phpSybbList li dl{ width: 955px;}
.phpSybbList li dl dt h2 a{ float: left; width: 840px; height: 24px; line-height: 24px; overflow: hidden; display: block; font-weight: bold; font-size: 20px;}
.phpSybbList li dl dt span{ display: block; float: right; color: #999999;}
.phpSybbList li dl dd.cont1{ color: #333333; margin-top:15px;}
.phpSybbList li dl dd.cont1 a{ color: #4f5b93; text-decoration: none;}
.phpSybbList li dl dd.cont2{ color:#333333; margin-top:15px;}
.phpSybbList li dl dd.cont1 a:hover{ color: #fc3930;}


.phpRdzxList{ width: 955px; margin: auto;}
.phpRdzxList li{ border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-top: 20px;}
.phpRdzxList li dl dt{ height: 24px; overflow: hidden;}
.phpRdzxList li dl dt a{ float: left; width:800px; height: 24px; line-height: 24px; overflow: hidden;  font-size:20px; font-weight: bold; display: block;} 
.phpRdzxList li dl dt span{ display: block; float: right; color: #999999; height: 24px; line-height: 24px; overflow: hidden;}
.phpRdzxList li dl dd{ width: 955px; margin-top:15px;}
.phpRdzxList li dl dd span{ display: block; line-height: 30px; color: #666666;}
.phpRdzxList li dl dd em a img{ width: 240px; height: 140px; float: left; margin-right:20px; margin-top:5px;}
.phpRdzxList li dl dd span a{ color: #4f5b93; text-decoration: none;}
.phpRdzxList li dl dd span a:hover{ color: #fc3930;}

.phpSybbList li.phpSybbMoreBox{ border-bottom: none; padding-bottom: 0px;}
.phpSybbList li.phpSybbMoreBox .phpSybbMore a{ display: block; width: 955px; height: 40px; border: 1px solid #fc3930; line-height: 40px; overflow: hidden; box-sizing: border-box; text-align: center; overflow: hidden; color: #fc3930; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: bold;}
.phpSybbList li.phpSybbMoreBox .phpSybbMore a:hover{ background:#fc3930; color: #ffffff;}


.phpRdzxList li.phpSybbMoreBox{ border-bottom: none; padding-bottom: 0px;}
.phpRdzxList li.phpSybbMoreBox .phpSybbMore a{ display: block; width: 955px; height: 40px; border: 1px solid #fc3930; line-height: 40px; overflow: hidden; box-sizing: border-box; text-align: center; overflow: hidden; color: #fc3930; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: bold;}
.phpRdzxList li.phpSybbMoreBox .phpSybbMore a:hover{ background:#fc3930; color: #ffffff;}


.phpKaifList li.phpSybbMoreBox{ border-bottom: none; padding-bottom: 0px;}
.phpKaifList li.phpSybbMoreBox .phpSybbMore a{ display: block; width: 955px; height: 40px; border: 1px solid #fc3930; line-height: 40px; overflow: hidden; box-sizing: border-box; text-align: center; overflow: hidden; color: #fc3930; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: bold;}
.phpKaifList li.phpSybbMoreBox .phpSybbMore a:hover{ background:#fc3930; color: #ffffff;}


.wdsyContent li.phpSybbMoreBox .phpSybbMore a{ display: block; width: 955px; height: 40px; border: 1px solid #fc3930; line-height: 40px; overflow: hidden; box-sizing: border-box; text-align: center; overflow: hidden; color: #fc3930; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: bold; margin-left:15px;}
.wdsyContent li.phpSybbMoreBox .phpSybbMore a:hover{ background:#fc3930; color: #ffffff;}


/**新修改**/
.phpHuanyBox{ width: 336px; margin: auto; margin-top:25px;}
.phpHuanyBox a img{ display: block; float: left; width: 60px; height: 60px; border-radius: 100px;}
.phpHuanyBox dl{ float: left; width: 250px; margin: 0px 0px 0px 15px; } 
.phpHuanyBox dl dt{ font-size: 18px; color: #333333;}
.phpHuanyBox dl dd{ font-size: 18px; color: #333333; margin-top:7px;}
.phpHuanyDeng{ width:336px; margin: auto; height: 40px; background: #f6f6f6; border-radius: 5px; margin-top:20px; line-height: 40px; overflow: hidden; color: #fc3930; text-align: center;}
.phpHuanyDeng a{ font-size: 16px;}
.phpHuanyDa{ width: 336px; margin: auto;}
.phpHuanyDa h2{ font-size: 22px; font-weight: bold; color: #333333; margin-top:20px;}
.phpHuanyDaList{ width: 336px; margin: auto;}
.phpHuanyDaList li{ float: left; width: 79px; margin: 20px 0px 0px 49px;}
.phpHuanyDaList li a{ display: block;}
.phpHuanyDaList li a b{ display: block; width: 79px; height: 79px; background: url(../images/hhl-bg30.png) no-repeat;} 
.phpHuanyDaList li a b.icon1{ background-position: 0px 0px;}
.phpHuanyDaList li a b.icon2{ background-position: -90px 0px;}
.phpHuanyDaList li a b.icon3{ background-position: -180px 0px;}
.phpHuanyDaList li a p{ font-size: 16px; text-align: center; margin-top:20px;}
.phpHuanyDaList li:nth-child(3n+1){ margin-left:0px;}
.phpHuanyDaSubmit a{ display: block; width: 336px; height: 40px; background: #fc3930; border-radius: 5px; line-height: 40px; overflow: hidden; text-align: center; font-size: 16px; color: #ffffff; text-decoration: none; margin-top:20px;}

.phpyueBox{ width: 336px; margin: auto; margin-top:20px;}
.phpyueBox a img{ display: block; float: left; width:60px; height: 60px; border-radius: 100px;}
.phpyueBox dl{ float: left; width: 250px; margin: 0px 0px 0px 15px;}
.phpyueBox dl dt{ font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; color: #333333;}
.phpyueBox dl dd.bg1{ background: #fde5ba; height: 25px; line-height: 25px; padding: 0px 10px; float: left; border-radius: 5px; color: #c47e03; margin-top:10px;}
.phpyueBox dl dd.bg1 b{ display: block; float:left; width: 16px; height: 14px; background: url(../images/hhl-bg30.png) no-repeat 0px -95px; margin: 5px 5px 0px 0px;}
.phpyueLink{ width: 336px; margin: auto;}
.phpyueLink a{ display: block; float: left; width: 155px; height: 39px; box-sizing: border-box; line-height: 39px; text-align: center; overflow: hidden; background: #f6f6f6; border: 1px solid #eeeeee; border-radius: 5px; color: #333333; font-size: 16px; text-decoration: none; margin: 20px 0px 0px 26px;}
.phpyueLink a:nth-child(2n+1){ margin-left:0px;} 
.phpyueLink a:hover{ background: #fc3930; border: 1px solid #fc3930; color: #ffffff;}
.phpyueIn{ width: 336px; margin: auto;}
.phpyueIn h2{ font-size: 22px; font-weight: bold; color: #333333; margin-top:20px;}
.phpyueList{ width: 336px;}
.phpyueList li{ float: left; width:65px; margin: 15px 0px 0px 36px;}
.phpyueList li a{ display: block; }
.phpyueList li a b{ display: block; width: 58px; height: 58px; background: url(../images/hhl-bg30.png) no-repeat; margin: auto;}
.phpyueList li a b.icon1{ background-position: -30px -90px;}
.phpyueList li a b.icon2{ background-position: -100px -90px;}
.phpyueList li a b.icon3{ background-position: -170px -90px;}
.phpyueList li a p{ text-align: center; margin-top:15px;}
.phpyueSubmit a{ display: block; width: 336px; height: 40px; background: #fc3930; border-radius: 5px; line-height: 40px; overflow: hidden; text-align: center; font-size: 16px; color: #ffffff; text-decoration: none; margin-top:15px;}

.phpyueBox dl dd.bg2{ background: #f6f6f6; height: 25px; line-height: 25px; padding: 0px 10px; float: left; border-radius: 5px; color: #acacac; margin-top:10px;}
.phpyueBox dl dd.bg2 b{ display: block; float:left; width: 16px; height: 14px; background: url(../images/hhl-bg30.png) no-repeat -245px -95px; margin: 5px 5px 0px 0px;}
.phpyueMsg{ width: 336px; margin:auto;}
.phpyueMsgIn{ float: left; width: 157px; position: relative; margin: 15px 0px 0px 22px;}
.phpyueMsgIn:nth-child(2n+1){ margin-left:0px;}
.phpyueMsgIn a img{ width: 157px; height: 89px;}
.phpyueMsgIn dl{ width: 157px; margin: auto; margin-top:10px;}
.phpyueMsgIn dl dt{ line-height: 22px; overflow: hidden; height: 40px;}
.phpyueMsgIn dl dt span{ display: block; height: 20px; background: #FCE7E0; padding: 0px 5px; border-radius: 2px; float: left; font-size: 12px; line-height: 20px; margin: 0px 5px 0px 0px;} 
.phpyueMsgIn dl dt span.bg1{ background: #E0E8FC; color: #298AFD;}
.phpyueMsgIn dl dt span.bg2{ background: #FCE7E0; color: #FD4029;}
.phpyueMsgIn dl dt span.bg3{ background: #FCF3E0; color: #FB6401;}
.phpyueMsgIn dl dd.cont1{ margin-top:12px;}
.phpyueMsgIn dl dd.cont1 p{ float: left; width:75px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #93999F;}
.phpyueMsgIn dl dd.cont1 span{ display: block; float: right; width: 80px; font-size: 12px; color: #93999F; display: flex; justify-content: flex-end; height: 16px; line-height: 16px; overflow: hidden;}
.phpyueMsgIn dl dd.cont1 span a{ display: block; color: #93999F; text-decoration: none;}
.phpyueMsgIn dl dd.cont1 span a b{ display: block; float: left;  width: 11px; height: 11px; margin: 3px 5px 0px 0px; background: url(../images/bg1.png) no-repeat;}
.phpyueMsgIn dl dd.cont1 span a b.icon1{ background-position: -80px -65px; }
.phpyueMsgIn dl dd.cont1 span a b.icon2{ background-position: -95px -65px; }


.wdcdImg{width: 50px;height: 50px;border-radius: 50%;margin-right: 21px; float: left;}
.wdsyConDiv{ margin: 20px 0px 20px 15px; }
.wdcdcTitle{font-size: 16px;font-weight: 400;color: #333333;font-weight: bold; padding-right: 15px;}
.wdcdcCons{font-size: 14px;font-weight: 400;color: #666666;margin:20px 0 21px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 15px;}
.wdcdcInfo{ font-size: 14px;color: #999999;justify-content: space-between;}
.wdcdcirdzi{width: 16px;height: 15px;margin-right: 4px;}
.wdcdcirpli{width: 15px;height: 15px;margin:1px 4px 0 0;}
.wdcdcirwatchi{width: 16px;height: 10px;margin: 3px 4px 0 0;}
.wdcdcirpl{margin:0 21px;}
.wdsyConLine{ width: 955px;height: 1px;background: #EEEEEE;margin:0 15px 25px 15px;;}
.wdsyCondivLine{width: 954px;height: 1px; background: #EEEEEE;margin:22px 0 21px 0;}
.flexRow{display: flex;flex-direction: row;}
.wdcdContent {width: 100%;}
.flexColumn{display: flex;flex-direction: column;}
.wdcdciright{ padding-right: 15px;}

.ai_doubao{
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: #f7faff;
  margin-bottom: 20px;
  padding: 15px;
  padding-bottom: 12px;
  border-radius: 12px;
  border: 0.5px solid #44adfe;
}
.ai_doubao1{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ai_doubao1 img{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
}
.ai_doubao1 span{
  font-size: 14px;
color: #379FEF;
line-height: 22px;
font-weight: 500;
}
.ai_doubao2{
  margin-top: 10px;
  height: 355px;
  overflow-y: auto;

    scrollbar-width: none; /* Firefox */
}

.ai_doubao2::-webkit-scrollbar {
  display: none;
}
.ai_doubao2_1{
  width: 100%;
}
.ai_doubao2_1 p{
  box-sizing: border-box;
  width: 100%;
  /* height: 132px; */
  /* height: auto; */
  /* max-height: 132px; */
  overflow: hidden;
font-size: 14px;
color: #333333;
line-height: 24px;
margin-bottom: 10px;
/* display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 5; */
overflow-wrap: break-word;
}
.ai_doubao2_2{
  max-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;

}
.ai_doubao2_2s{
  /* width: 100%; */
  max-width: 100%;
  width: auto;
  display: block;
}
.ai_doubao2_2s:hover p{
background: #c8d7f1;
}
.ai_doubao2_2s p{
  box-sizing: border-box;
font-size: 14px;
color: #484f5d;
line-height: 18px;
background-color: #eaf0fa;
padding: 10px;
border-radius: 10px;
max-width: 326px;
width: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block
}
.ai_doubao2_2s p img{
  height: 16px;
}
.ai_doubao2_3{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  gap: 10px;
}
.ai_doubao2_3s{
 width: auto;
 display: flex;
 align-items: center;
 gap: 10px;
}
.ai_doubao2_3s > img{
  width: 18px;
  height: 18px;
}
.ai_doubao2_3s p{

  background-color: #EFF6FF;
padding: 15px;
border-radius: 4px;
font-size: 14px;
color: #2D2D2D;
line-height: 18px;
}
.ai_doubao2_3s_L p a{
  display: flex;
  align-items: center;
}
.ai_doubao2_3s_L p a img{
  width: 14px;
  height: 14px;
}
.ai_doubao2_3s_L:hover p{
  background: #DBE0E6;
}
.ai_doubao2_3s_R{
  justify-content: right;
}
.ai_doubao2_3s a img{
  margin-left: 5px;
}
.ai_doubao3{
  width: 100%;
  display: flex;
  height: 36px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #F2F2F2;
align-items: center;
margin-top: 4px;
border-radius: 10px;
}
.ai_doubao3:hover{
  border: 1px solid #004ad9;
}
.ai_doubao3 .ai_doubao3_button img:nth-child(2){
  display: none;
}
.ai_doubao3:hover .ai_doubao3_button img:nth-child(2){
  display: block;
}
.ai_doubao3:hover .ai_doubao3_button img:nth-child(1){
  display: none;
}
.ai_doubao3 input{
  box-sizing: border-box;
  width: calc(100% - 30px );
  background: #ffffff;
  border: none;
  height: 36px;
  padding-left: 10px;
  border-radius: 10px;
}
.ai_doubao3 input::placeholder{
  color: #999999;
  
}
.ai_doubao3 a img{
  width: 24px;
  height: 24px;
}
.ai_doubao4{
  /* width: 100%; */
  
  margin-top: 8px;
  /* background-color: #0295FF; */
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai_doubao4:hover a{
  color:  #0057FF;
  /* background: #0072C4; */
  background: var(--s-color-brand-primary-transparent-2, #0066FF1A);

  }
.ai_doubao4 a{
  color:  #0057FF;
  padding: 5px 10px;
font-size: 14px;
/* color: #FFFFFF; */
line-height: 20px;
border-radius: 8px;
}
.ai_doubao2_3_wait{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 15px 0;
}
.ai_doubao2_3_wait span{
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.ai_doubao2_3_wait_1{
  background-color: #7E7D7D;
}
.ai_doubao2_3_wait_2{
  background-color: #C3C3C3;
}
.ai_doubao2_3_wait_3{
  background-color: #FFFFFF;
}

.ai_zongjie{
  position: fixed;
  top: 220px;
  background: linear-gradient(283.26deg, rgba(68, 173, 254, 0.08) 0%, rgba(85, 128, 255, 0.08) 100%),
  linear-gradient(0deg, #F1F6FF, #F1F6FF);  
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index:999;
  transform: translateX(-103%); 
}

/* 初始状态：隐藏 */
#ai_zongjie1 {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; /* 0.5秒的淡入淡出动画 */
  display: none; /* 确保默认隐藏 */
}
/* 当添加 .visible 类时：淡入显示 */
#ai_zongjie1.visible {
  opacity: 1;
  display: flex; /* 配合 JavaScript 的样式 */
}
.ai_zongjie img{
  /* width: 25px; */
  height: 20px;
}
.ai_zongjie span{
font-size: 20px;
color: #0295FF;
line-height: 28px;
font-weight: 600;
}
.ai_doubao_L{
  position: fixed;
  top: 220px;
  width: 368px;
  display: none;
  z-index: 999;
}
.ai_doubao_L .ai_doubao1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai_doubao1_R a img{
  width: 18px;
  height: 18px;

}
.ai_doubao_w{
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ai_doubao_ws{
  width: 100%;
  height: 18px;

  border-radius: 5px;
  
  background-image: linear-gradient(to right , #DCE4F3 ,#f1f6ff, #ffffff ,#DCE4F3, #f1f6ff);
  background-size: 500% 100%; 
  animation: gradient-transition 2s infinite; 
}

@keyframes gradient-transition {
  0% {
    background-position: 100% 100%; 
  }
  100% {
    background-position: 0% 0%; 
  }
}
.ai_doubao_ws1{
  width: 60%;
}
.ai_doubao_ws2{

}
.ai_doubao_ws3{

}
.ai_doubao_ws4{
  width: 70%;

}
.ai_doubao_ws5{

}
.ai_doubao_ws6{
  width: 50%;

}
@keyframes gradient-animationw {
  0% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animationw2 {
  0% {
    background-position: 0% 50%;
  }
  66% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animationw3 {
  0% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animationw4 {
  0% {
    background-position: 0% 50%;
  }
  66% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animationw5 {
  0% {
    background-position: 0% 50%;
  }
  33% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient-animationw6 {
  0% {
    background-position: 0% 50%;
  }
  66% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.ai_doubao2_3_sp{
  display: flex;
  justify-content: right;
  margin-top: 10px;
}
.ai_doubao2_3_sps{
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.ai_doubao2_3_sps{

  padding: 10px;
  border-radius: 8px;
}
.ai_doubao2_3_sps_restart{
  width: 13px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: -6px;
  background-color: #f7faff;
}
.ai_doubao2_3_sps_restart img{
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out; /* 添加平滑过渡效果 */
    display: block; /* 避免 img 周围出现间隙 */
}
.ai_doubao2_3_sps_restart:hover img {
  transform: rotate(360deg); /* 顺时针旋转 360 度 */
}