*{ margin: 0; padding: 0; list-style: none; box-sizing: border-box; font-style: normal;}
body{ font-size: 14px; color: #bec1c7; background:#333333;}

a{ text-decoration: none; color: #bec1c7;}

a:hover{color:#ff4b2e;}
.bg-white{ background-color: #262626;}

.size{ width: 1300px; }
.pcmenu{ position:sticky; top:0; left:0; z-index:1000;}

.top{ height: 35px; background: #000000; color: #ffffff;}
.headcont{ height: 88px;}
.nav{ background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%); height: 50px;}
ul.navcont{ display: flex;margin-left:20px; }
.navcont li a{ color:#f5f5f5; font-size: 16px;display: flex; align-items: center; padding: 0 10px;}
.navcont li a:hover{ color:#ff4b2e;}
.swiperbox{ width: 390px; height: 330px;}
.newbox{ width: 466px; height: 330px;}
.hotbox{ width: 336px; height: 330px;}
a.seemore i{ color: #999999; font-size: 25px;}
.blocktitle{ padding-bottom: 5px;}
.blocktitle h2{font-size: 16px; padding-left:3px; display:flex; align-items:center;}
ul.smalllist{ display: block;}
ul.smalllist li{ display: flex; height:36px; align-items: center; justify-content: space-between;}
ul.smalllist li p{ display: flex; align-items: center;}
ul.smalllist li p i{color:#5e5e5e;}
ul.smalllist li p a{ margin-left: 5px; display:inline-block;max-width:280px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.smalllist li em{ font-size: 13px; color: #ff0000;}


ul.fqsmalllist{ display: flex; align-items: center; flex-wrap: wrap;} 
ul.fqsmalllist li{ display: flex; width: 31.5%; margin-right: 2%; height:36px; align-items: center; justify-content: space-between;}
ul.fqsmalllist li:nth-child(3n){ margin-right: 0;}
ul.fqsmalllist li p{ display: flex; align-items: center;}
ul.fqsmalllist li p i{color:#5e5e5e;}
ul.fqsmalllist li p a{ margin-left: 5px; display:inline-block;max-width:280px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.fqsmalllist li em{ font-size: 13px; color: #ff0000;}


span.px{ color: #999999; font-style: italic; font-weight: bold; margin-right: 3px;}
span.px01{ color: #ff4b2e; font-style: italic;font-weight: bold;margin-right: 3px;}
span.px02{ color: #ff9900; font-style: italic;font-weight: bold;margin-right: 3px;}
span.px03{ color: #47952a; font-style: italic;font-weight: bold;margin-right: 3px;}
.tagtitle{font-size: 16px;}
.tagbox li a{ display: flex; font-weight: bold; margin-right: 5px; margin-bottom: 5px; height: 30px; align-items: center; padding: 0 15px; border-radius: 3px; border-radius:15px;}
.tagbox li a:hover{ background: #fa8688; color: #ffffff;}
a.tag0{ background: #501c2f;}
a.tag1{ background: #08201d;}
a.tag2{ background: #3a2000;}
a.tag3{ background: #4a0b00;}
a.tag4{ background:#542500;}
a.tag5{ background: #003618;}
a.tag6{ background: #1d0136;}
.index-item{ width: 32.5%; padding: 10px; height: 100%; margin-bottom: 15px; background: #262626; border-radius: 5px;}
.index-item dt h2{ font-size: 17px;}

a.taga{height: 25px; align-items: center; color:#ffffff; background:#f3ad53; padding: 0 10px; border-radius: 3px;}

.footer{ background: #000000; color: #ffffff; }

.leftbox{ width: 70.7%; background: #262626; border-radius: 5px;}
.rightbox{ width: 28%; border-radius: 5px;}
.position a{ margin: 0 6px; font-size: 13px;}
ul.listbox{ display: block;}
ul.listbox li{ display: block; width: 100%; padding:15px 10px; border-bottom: #303030 solid 1px;}
ul.listbox li:hover{ background: rgba(0,0,0,0.02);}
ul.listbox li h2{ font-size: 18px; padding-left:6px;}
ul.listbox li h2 a:hover{color: #ff4a80;}
ul.listbox li small{ color: #999999; font-size: 13px; padding-left: 8px; display:flex; align-items:center; margin-top: 8px;}
ul.listbox li small i{ font-size: 14px;}
ul.listbox li small em{ margin-left:0px; margin-right: 18px;}

.detail h1{ text-align: center;}
p.info{ color: #999999; margin-top: 8px;}
p.info em{ margin-right: 15px; margin-left: 5px;}
.downbox a{ height: 40px;background:#ff4b2e; margin: 0 0px; border-radius: 3px; font-size: 16px; color: #ffffff; }
.downbox a:hover{ background: #fb8b84;}
.downbox a strong{ margin-left: 5px;}
.musictext{ line-height: 150%; margin-top: 40px;}
.musictext h2{ text-align: center; margin-bottom: 10px;}
.musictext p{ color: #888888; text-align: center;}

.play{background:#4daba0;  height: 60px; margin: 5px 10px; border-radius: 5px; margin-top: 20px;}
.playleft{ width: 60px; flex-shrink: 0; display: flex; justify-content: center;}
.playleft p{ width: 50px; height: 50px; cursor: pointer; border-radius: 50%;}
.playleft p i{font-size: 40px; color: #ffffff;}
.playright{  margin-right: 15px;}
.playright p{ height: 10px; border-radius: 5px; background: #ffffff;}
.playright p em{ width: 20%; display: flex; height: 10px;border-radius: 5px;background:#fcb662; }
.topsearchbox{ width: 300px; border-radius:20px;background:#3f3f3f;}
input.searchinput{ height: 40px; color:#ffffff; background:none; width: 260px;  border-radius:20px 0 0 20px; padding-left: 15px; border: #e0e0e0 solid 0px; outline: none;}
button.searchbtn{height: 40px; background:#3f3f3f; width: 50px; color: #888888;border-radius:0px 20px 20px 0px;  cursor: pointer; border: none;}
.showall{position: relative; color: #f4a261; text-align: center;}
.showall::before{content: '[展开]'; cursor: pointer;}
.showall.on::before{content: '[收起]'; cursor: pointer;}
.text{max-height:315px; overflow: hidden; text-align:center; }
.text.on{ height: auto!important;}
.textopen{ height: auto!important;overflow: hidden; text-align:center; }

.page{ padding: 15px 0;}
.page ul.pagination{ display: flex; align-items: center; flex-wrap:wrap; justify-content: center;}
.page ul.pagination li{ margin: 0 3px; margin-bottom:3px;}
.page ul.pagination li a{ display: flex; align-items: center; background: #3f3f3f; height: 30px; padding: 0 15px; font-size: 14px; border-radius: 3px;}
.page ul.pagination li span{ display: flex; align-items: center; background: #3f3f3f; height: 30px; padding: 0 15px; font-size: 14px; border-radius: 3px;}
.page ul.pagination li.active span{ display: flex; align-items: center; color: #ffffff; background: #ff4b2e; height: 30px; padding: 0 15px; font-size: 14px; border-radius: 3px;}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.swiper-wrapper{position: relative;}
.swiper-wrapper a{ display: flex; position: absolute; top: 0;left: 0;bottom: 0;right: 0; align-items: center; justify-content: center;}
.swiper-wrapper a img{ display: block; object-fit: cover; width: 100%; height: 100%;}

ul.linkul{ margin-top: 10px;}
ul.linkul li{ margin-right: 15px; margin-bottom: 10px;}

.phonemenu{ display:none;}
.smallinfo{ display:flex; align-items:center;}
.phonesearch{ display:none;}


.bigsearch{ height:220px;  background-color:#222222;  display:flex; align-items:center; justify-content:center; flex-direction:column; }

.bigsearch strong{font-size:30px;}
.bigsearchcont{ margin-top:30px; width:760px; height:60px; background:#eceff1;border-radius:10px; display:flex; align-items:center; justify-content:space-between;}
input.bigsearchinput{ height:58px; border:none; background:none; outline:none; width:500px; font-size:16px; padding-left:10px;}
button.searchbtn2{height:60px; display:flex; align-items:center; justify-content:center; background:#ff4b2e; color:#ffffff; width: 120px; border-radius:0px 10px 10px 0px; font-size:15px;  cursor: pointer; border: none;}


em.titleem{ display:block; width: 4px; margin-top:2px; height: 15px; background:#ff9900; margin-right:8px;}
.footercont{display:flex; justify-content:center;}


.downitem{ display: flex; margin-right:10px; align-items: center; height: 40px; flex: 1;}
.downitem a{ display: flex; font-size: 17px; justify-content: center; background:#ff4b2e; text-decoration: none; color:#ffffff; height: 40px; align-items: center; flex: 1;}
.downitem a i{ margin-right:5px;}
.phonedown{ display: flex; cursor: pointer; position: relative; color:#ffffff; padding: 0 8px; height: 40px; background: #0066ff; align-items: center; width: 116px; flex-shrink: 0; border-radius:0 3px 3px 0;}    
.phonedown strong{ font-size: 15px;}
.phonedown i{margin-right: 5px;}
.showqrcode{ display: none; width: 116px; background: #0066ff; height: 116px; position: absolute; top: -116px; left: 0px;}

.phonedown:hover .showqrcode{ display: block;}

.hotsearch{font-size:12px; margin-top:5px;}
.hotsearch a{margin-right:6px; color:#ff0000; font-weight:bold;}
.hotsearch a:hover{margin-right:6px; color:#fa7199;}


.modelbox{ display: none; background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 2500; top: 0; left: 0;}
.modelcont{ background: #ffffff; border-radius: 10px; width: 289px; height:333px;}
span.closemodel{ display: flex; cursor: pointer;  align-items: center; justify-content: center; width:40px; height: 40px;}
span.closemodel i{ font-size: 20px;}
span.method1{ display: flex; align-items: center; font-weight: bold; justify-content: center; background: #ff481d; border-radius: 12px; padding: 0  12px; height: 24px; color: #ffffff; font-size: 16px;}
a.linkdown{ text-decoration: underline; color: #b3b3b3;}

.dashangbox{ width: 1200px; border-radius: 10px;  background: #ffffff; margin: 15px auto; padding: 30px;}
.dashangbox p{ margin-bottom: 10px;}
img.skmimg{ width: 300px;}
ul.dsul{ display: block; width: 300px; margin: 15px auto;}
ul.dsul li span{ font-weight: bold;}
ul.dsul li{ height: 36px;}
.mbhide{ display: block; }
.pchide{ display: none;}


/*asid_share*/
.asid_share{position:fixed;width:50px;bottom:25%;right:0;z-index:890; padding-bottom:15px;}


.asid_share .asid_share_box{width:100%;margin-bottom:3px;background:#6e6e6e;text-align:center;}
.asid_share .asid_share_box a{display:flex;flex-direction:column; align-items:center; justify-content:center; height:60px;width:50px; }
.asid_share .asid_share_box a:hover{background:#e12500;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}
.asid_share .red_bag{background:#e12500;text-decoration:none;}
.asid_share .asid_sha_layer{border:1px solid #ccc;background:#fff;position:absolute;right:50px;bottom:0px; padding-bottom:15px; display:none; }

.sweep_img{padding:10px;}
.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(https://www.jgwav.com/static/index/images/dian.png) no-repeat 6px 12px;}
.asid_share_box .asid_help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.asid_help_list li a:hover{color:#fff;}

.asid_share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}
.qqqbanner{ margin:10px; margin-top:30px;}
.qqqbanner img{ width:100%;}

.indvideo{ margin-bottom: 20px;}
ul.indvideolist{ display: flex; align-items: center; padding: 10px 0 0 10px;}
ul.indvideolist li{ display: block; width: 198px; height: 145px; margin-right: 15px; overflow: hidden;}
ul.indvideolist li a{display: block; width: 100%; height: 145px;}
.videocover{ position: relative; width: 100%; height: 120px; overflow: hidden; border-radius: 5px;}
.videocover img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.playicon{width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center;}
.playicon i{ font-size: 36px;}
ul.indvideolist li a p{ display: block;white-space: nowrap;text-overflow: ellipsis; margin-top: 5px; text-align: center; overflow: hidden; height: 20px;}
.videoplaybox{ display: flex; justify-content: center; padding: 30px 0;}
.videoplaybox video{ max-width: 80%;}

.fqmusicbox{ background: #262626; border-radius: 5px;}

@media screen and (max-width:600px) {
  ul.indvideolist{ display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0 0 10px;}
ul.indvideolist li{ display: block; width: 49%; height: 145px; margin-right: 1%; margin-bottom:10px; overflow: hidden;}
ul.indvideolist li:nth-child(2n){ margin-right: 0;}
.videoplaybox video{ max-width: 100%;}
    .asid_share{ display:none;}
    .mbhide{ display: none;}
  .pchide{ display: block;}
  .pinfo{ flex-direction:column; }
    
    body{ padding-top:40px;}
    .phonedown{display:none;}
    .bigsearch{display:none;}
    .pcmenu{ display: none;}
    .footercont{display:flex; justify-content:center; flex-direction:column; align-items:center;}
    input.searchinput{background:#3f3f3f; width:80%;}
    .size{ width:100%;}
    .topbox{flex-direction: column!important;}
    .swiperbox{ width: 96%; margin:0 auto 0 auto;}
    .newbox,.hotbox,.linkbox,.tagbox{width: 96%; margin:15px auto 0 auto;}
    .mainbox{ flex-direction: column!important; margin-top:0!important;}
    .index-item{width: 96%; margin:10px auto 0 auto;}
    .footer{ margin-top:15px;}
    .phonemenu{ display:block;height:50px; background:#ff4b2e; position:fixed; z-index:5000; top:0; left:0; width:100%;}
    .phonesearch{  position:absolute; top:50px; left:0; z-index:5000; background:rgba(0,0,0,0.9); width:100%; overflow:hidden; height:0;}
    .phonemenutop{height:50px;}
    span.openSearch{ display:flex; justify-content:center; height:50px; width:50px; align-items:center;}
    span.openBtn{ display:flex; justify-content:center; height:50px; width:50px; align-items:center;}
    .phonenav{ position:absolute; top:50px; left:0; z-index:5000; background:rgba(0,0,0,0.9); width:100%; overflow:hidden; height:0;}
    .phonenav.on{height:calc(100vh - 40px); }
    .phonesearch.on{display:block; height:calc(100vh - 40px); }
    
    .phonenav ul li{ display:block;}
    .phonenav ul li a{ display:block; height:45px; width:100%; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; line-height:40px;}
    .leftbox{ width:96%; margin:15px auto 0 auto;}
    .rightbox{ width:96%; margin:10px auto 0 auto;}
    ul.listbox li h2{font-size:16px;}
    .smallinfo{ display:block;}
    ul.listbox li small{ color: #999999; font-size: 12px; padding-left: 8px; display:block; align-items:center; margin-top: 3px;}
    p.info{font-size:12px;flex-direction: column!important; }
    ul.smalllist li p a{ margin-left: 5px; display:inline-block;max-width:235px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
    .downbox a{  font-size: 15px;  }
    .pclose{ text-align:center; height:55px; line-height:55px; display:flex; justify-content:center; align-items:center;}
    .pclose2{ text-align:center; height:55px; line-height:55px; display:flex; justify-content:center; align-items:center;}
    .text img{ width:100%;}
    .textopen img{ width:100%;}
}