@charset"utf-8";
/*滚动条*/
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{border-radius:0px;}
::-webkit-scrollbar-track-piece{ background: #f1f1f1; }
::-webkit-scrollbar-thumb{  background: #c1c1c1; border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background: #c1c1c1;}
::-webkit-scrollbar-corner{ background: #c1c1c1;}

input , textarea { font-size: 14px; font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"; resize: none; color: #333; }
* { margin:0px; padding:0px; box-sizing:border-box; }
*:focus { outline:none; }
ul { list-style:none; }
em ,i { font-style:normal; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
img { vertical-align:top; }
body { background-color: #ffffff; font: 14px/1.4 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"; color:#2c2c2c; }
a { color:#2c2c2c; text-decoration:none; cursor:pointer; }

::placeholder { color: #dbdbdb; }

ul li { line-height: 1.6; padding: 8px 0; }


header { background: url("../img/bg.jpg") no-repeat top center; background-size:cover; width: 100%; }
.header { padding: 20px 5% 20px 5%; }
.header img { height: 36px; }
.header-main { width: 1080px; min-width: 1080px; margin: 0 auto; padding: 30px 0 40px 0; display: flex; justify-content: space-between; color: #ffffff;}
.header-main .header-main-right img { width: 100%; }
.header-main .tips { padding: 10px 0 0 30px; line-height: 28px; color: #a9acec; }
.header-main .tips p { padding: 12px 0 2px 0; font-size: 16px;}
.header-main .tips img { height:28px; margin-right: 10px; }
.header-main .download { padding: 60px 0 0 30px; }
.header-main .download a { display: block; background: #ffffff; padding: 16px 0; width: 260px; text-align: center; border-radius: 10px; line-height: 20px; color: #000; font-size: 16px; }
.header-main .download a:hover { background-color: #a9acec; }
.header-main .download a img { height: 20px;margin-right: 10px; }
.header-main .download_more { display: flex;  color: #a9acec; padding-left: 30px; font-size: 15px; align-items: center; padding-top: 20px; }
.header-main .download_more span { padding-right: 20px; }
.header-main .download_more img { width: 22px; margin:0 0 2px 0; }
.header-main .download_more dl { text-align: center; font-size: 12px; margin:0 20px 0 0; }
.header-main-right { padding-top: 70px; }
.header_ask { text-align: center; background: none !important; background: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

.main { width: 1080px; min-width: 1080px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; line-height: 40px; }
.main-left { font-size: 12px; }
.main-right img { height: 40px; margin-left: 30px; }




.main_ask { width: 1080px; min-width: 1080px; margin: 0 auto; padding: 20px 0 0 0; line-height: 40px; }

.main_ask .main_tips_h5  { padding: 2px 0 20px 0 ; color: #3f3f3f; font-size: 14px;  }

.main_ask .main_tips_h5 span { margin: 0 10px; }
.main_ask .main_tips_h5 a { text-decoration: none; color: #3f3f3f;}
.main_ask .main_tips_h5 a:hover { color: #000;}

.main_ask h2 img { width: 50px; border-radius: 20px; }
.main_ask h3 { line-height: 1; padding-top: 20px; font-size: 30px; font-weight: 800; }

.main_ask_list { width: 1080px; min-width: 1080px; margin:18px auto 18px auto; padding: 20px 24px 14px 24px; line-height: 40px; border: 1px solid #f2f2f2; border-radius: 12px; }
.main_ask_list h2 { font-weight: 800; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 6px; }
.main_ask_list a { padding: 8px 10px; font-size: 16px; display: flex; background: url("/img/r.png") no-repeat right center;  }
.main_ask_list a:hover {  background-color: #f2f3ff; color: #5d63cb; border-radius: 10px; }


.main_article {
   width: 1080px; min-width: 1080px; margin: 0 auto; padding: 20px 0 26px 0; line-height: 40px; font-size: 18px; 
}

.article  { width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; }

.article .left { width: 270px; }

.waplist {
  display: none;
}

.article .left .dropdown {
  overflow-y: auto; overflow-x: hidden; width: 260px;  line-height: 1.5; font-weight:360; min-height: calc( 100vh - 120px ); top: 100px; position: fixed;
}

.article .right { width: 780px; }

.article .right .tips { padding: 2px 0 20px 0 ; color: #3f3f3f; font-size: 14px; line-height: 40px; }
.article .right .tips span { margin: 0 10px; }
.article .right .tips a { text-decoration: none; color: #3f3f3f;}
.article .right .tips a:hover { color: #000;}

.article .right h1 { font-weight: 800; padding-bottom: 20px; }
.article .right h2 { font-weight: 800; padding: 14px 0 6px 0; }
.article .right p { padding: 2px 0;line-height: 1.6; }
.article .right strong { padding: 2px 0; font-size: 20px; font-weight: 800; line-height: 1.4; }
.article .right i { font-style: oblique;}
.article .right p img { max-width: 580px; margin: 14px 0; }
.article .right .tcimg {  text-align: left; }
.article .right h3 { padding-top: 10px; }
.article .right a { color: #3784fb; text-decoration: underline; }
.article .right p b { color: #3784fb; padding: 0 5px; }



.fixedfixed {
  top: 20px !important; /* 或者根据需要设置 */
  min-height: calc(100vh - 60px) !important;
}

.article  hr { background: #f2f2f2;
    display: block;
    height: 3px;
    border-radius: 3px;
    border: none;
    margin: 1em 0;}


.dropdown {
  position: relative;
  display: inline-block;
  border-left: 1px solid #f2f2f2;
}

.dropdown-content {
  padding:0 20px 0 0;
  position: absolute;
  z-index: 1;
}

.dropdown-content h2 , .dropdown-content p {
    font-size: 14px; 
}
.dropdown-content h2 {
  padding: 5px 0;
}

.dropdown-content p {
    padding-left: 10px;
    padding-bottom: 14px;
}

.dropdown-content a {
  display: block;
  color: #666;
  padding-left: 20px;
}

.dropdown-content a h2 {
  display: block;
  color: #4d4d4d;
}



.dropdown-content a {
  border-left: 1px solid #ffffff;
}
.dropdown-content a:hover { color: #000; border-left: 1px solid #000; position: relative; }



footer { width: 1080px; min-width: 1080px; margin: 0 auto; padding: 40px 0; display: flex; justify-content: space-between; line-height: 40px; border-top: 1px solid #f2f2f2; }
footer .footer-left img { width: 150px; }
footer .link_more { line-height: 34px; padding: 20px 0 10px 0; }
footer .link_more img { width: 34px; margin-right: 10px; }
footer .footer-right { display: flex;}
footer .footer-right div { padding-left: 80px; line-height: 2; }
footer .footer-right h2 { font-weight: 700; }
footer .footer-right a:hover { color: #4247b4;}


.pfooter {  line-height: 40px; margin-top:30px; padding-top: 20px; border-top: 1px solid #f2f2f2; font-size: 14px; }
.pfooter .footer-left img { width: 150px; }
.pfooter .link_more { line-height: 34px; padding: 20px 0 10px 0; }
.pfooter .link_more img { width: 34px; margin-right: 10px; }

.toptop {
  position: fixed; right: 20px; bottom: 20px; background-color: #3784fb; padding: 12px 10px; display: flex;  border-radius: 20px; color: #ffffff;
}
.toptop img {  height: 16px; }


@media only screen and (max-width: 1000px) { 

 .header img { height: 30px; }
 .header-main { width: 90%; min-width: 90%; display: inline-block; margin:  30px 5% 0 5%; padding: 0; }
 .header-main .header-main-left { text-align: center; }
 .header-main .header-main-left .tips { padding: 10px 0 0 0; margin: 0 auto; }
 .header-main .header-main-left h2 img { width: 320px; }
 .header-main .download { padding: 30px 0 0 0; margin: auto ; }
 .header-main .download a { display: inline-block;}
 .header-main .download_more { padding-left: 0; justify-content: center }
 .header-main .download_more span { display: none;}
 .header-main-right { padding: 26px 0 30px 0; }
 .main_ask_list, .main_ask { width: 100%; min-width: 100%; }
 .main_ask_list a { padding: 4px 0; line-height: 1.6; }
  .main_ask_list a span { padding-right: 20px; }
 .main { text-align: center; margin: 0 5%; width: 90%; min-width: 90%; display: inline-block; padding: 30px 0; }
 .main-right img { margin-left: 12px; margin-right: 12px; }
 .main_h5 { padding: 0 20px 2px 20px;}
 footer { width: 90%; min-width: 90%; padding:0 0 20px 0; margin: 0 5%; display: inline-block; }
 .footer-left { padding: 30px 0; }
 .footer-right { border-top: 1px solid #f2f2f2; padding: 20px 0 0 0; }
 footer .footer-right div { padding-left: 0; width: 50%; }

 .article { flex-direction: column !important;  }
 .article .right .tips { line-height: 26px; padding: 16px 0 16px 0; font-size: 12px; }
 .main_article { width: 100%; min-width:100%; padding: 0 3%; }
 .article .right { width: 100%; left: 0;}
.article .right p img { width: 90% !important; max-width:90%; margin: 10px 5% 10px 5%; }

 .article .left { width: 100% !important; display: none;  }


  .article p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.waplist {
    display: block;
    background: #f1f1f1;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: 1.6;
    margin-bottom: 14px;
 }
 .waplist a h2 {
  font-size: 14px;
  padding: 2px 0 !important;
  
 }
  .waplist a {
    text-decoration: none !important;
  }
}