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

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


.bg-white{ background-color: #ffffff;}

.size{ width: 1200px; }


.top{ height: 35px; background: #f4f4f4;
    color: #8c8c8c;}
.headcont{ height: 88px;}
.nav{ background:#393fff; height: 70px;}
ul.navcont{ display: flex;}
.navcont li a{ color:#ffffff; font-weight: bold; font-size: 16px; height: 50px; display: flex; align-items: center; padding: 0 18px;}
.navcont li a:hover{background: #ff6161; color: #ffffff;}
.swiperbox{ width: 390px; height: 330px;}
.newbox{ width: 416px; height: 330px;}
.hotbox{ width: 336px; height: 330px;}
a.seemore i{ color: #999999; font-size: 25px;}
.blocktitle{ padding-bottom: 5px;}
.blocktitle h2{font-size: 16px; }
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: #aaaaaa;}
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: #ff6161;}
span.px{ color: #999999; font-style: italic; font-weight: bold; margin-right: 3px;}
span.px01{ color: #ff4a80; 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: #3571ff; font-style: italic;font-weight: bold;margin-right: 3px;}
.tagtitle{font-size: 16px;}
.tagbox li a{ display: flex; margin-right: 5px; margin-bottom: 5px; height: 23px; align-items: center; padding: 0 8px; border-radius: 3px;}
.tagbox li a:hover{ background: #fa8688; color: #ffffff;}
a.tag0{ background:#ff75a6;}
a.tag1{ background: #3c7aac;}
a.tag2{ background:#ffa335;}
a.tag3{ background:#ff7760;}
a.tag4{ background: #ffce49;}
a.tag5{ background: #1bb4c7;}
a.tag6{ background: #c98cff;}
.index-item{ width: 32.5%; padding: 10px; height: 303px; margin-bottom: 15px; background: #ffffff; border-radius: 5px;}
.index-item dt h2{ font-size: 16px;}

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: #ffffff; 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: #f0f0f0 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:#ff6161; margin: 0 0px 0 5px; border-radius: 3px 0 0 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{ flex: 1; 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; }

input.searchinput{ height: 40px; width: 260px; padding-left: 15px; border: #e0e0e0 solid 1px; outline: none;}
button.searchbtn{height: 40px; width: 60px; color: #ffffff; cursor: pointer; background:#5373e4; 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:#5b8dca; height: 30px; padding: 0 15px; font-size: 14px; border-radius: 3px;}
.page ul.pagination li span{ display: flex; align-items: center; background: #5b8dca; 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: #ff6161; 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;}

.downitem{ display: flex; align-items: center; height: 40px; flex: 1;}
.downitem a{ display: flex; font-size: 17px; justify-content: center; background:#f77633; 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;}    
.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;}

a.newmusic{color:#ff7513!important;}

.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;}

@keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}

.hotli{ position:relative;}
.hotli i{ position:absolute;top:15px;right:3px; color:#ff1816;
     animation-name: slideUp; /* 引用上面定义的动画名称 */
  animation-duration: 1s; /* 动画持续时间 */
  animation-timing-function: ease-in-out; /* 动画速度曲线 */
    animation-iteration-count: infinite; /* 添加这一行，让动画无限重复 */
}
.detial{padding-top:25px;}
.pinfo{ align-items:start; justify-content:start!important; flex:1; width:50%; padding-left:15px; margin-top:18px;}
    .pinfo div{ margin-bottom:6px;}
    .bqinfo{ margin-top:0!important;}


.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: 400px; height: 350px;}
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:#d59f20;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:#ffa539;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(../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%;}



@media screen and (max-width:600px) {
    
    .asid_share{ display:none;}
    
  .mbhide{ display: none;}
  .pchide{ display: block;}
  .dashangbox{ width: 95%;}
  .modelcont{ width: 90%;}
    body{ padding-top:40px;}
    .pcmenu{ display: none;}
    .phonedown{display:none;}
    .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:#3974ff; 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; line-height:36px;max-width:calc(100vw - 120px);  display:block;width:calc(100vw - 100px); 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%;}
    
    .detialheader h1{ text-align:center; font-size:18px!important;}
    .ar-type{display:none;}
    .position{display: none;}
    .detial{padding-top:15px;}
    .pinfo{ align-items:start; justify-content:start!important; flex:1; width:100%; padding-left:15px; margin-top:18px;}
    .pinfo div{ margin-bottom:6px;}
    .bqinfo{ margin-top:0!important;}
}