*{ margin: 0; padding: 0; list-style: none; box-sizing: border-box; font-style: normal;}

/* 详情页头部信息样式 */
.detialheader {
    background: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
}

.detialheader .cover {
    width: 140px;
    height: 180px;
    margin-right: 20px;
    border-radius: 6px;
    border: #e8e8e8 solid 1px;
    overflow: hidden;
    flex-shrink: 0;
}

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

.detialheader .detail-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.detialheader .detail-title {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
    line-height: 1.4;
}

.detialheader .detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
    color: #666666;
    font-size: 14px;
}

.detialheader .detail-meta .meta-item {
    margin-right: 20px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.detialheader .detail-meta .meta-item i {
    margin-right: 5px;
    color: #999999;
    font-size: 14px;
}

.detialheader .detail-price {
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}

.detialheader .detail-price .price-num {
    font-size: 30px;
    color: #ff4a4a;
    font-weight: bold;
}

.detialheader .detail-btns {
    display: flex;
    align-items: center;
    gap: 15px;
}

.detialheader .detail-btns .btn-download,.bot-download{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 40px;
    background:linear-gradient(135deg, #ff4a4a 0%, #ff2121 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 24px;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgb(196 26 42 / 40%);
    position: relative;
    overflow: hidden;
}

.detialheader .detail-btns .btn-download::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s;
}

.detialheader .detail-btns .btn-download:hover,.bot-download:hover {
    color:#ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(196 26 42 / 40%);
}

.detialheader .detail-btns .btn-download:hover::before {
    left: 100%;
}

.detialheader .detail-btns .btn-vip {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 40px;
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 24px;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.4);
    position: relative;
    overflow: hidden;
}

.detialheader .detail-btns .btn-vip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s;
}

.detialheader .detail-btns .btn-vip:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(39, 174, 96, 0.5);
}

.detialheader .detail-btns .btn-vip:hover::before {
    left: 100%;
}
.tophf{ width: 1200px; margin: 10px auto 0 auto; border-radius: 10px; overflow: hidden;}
.tophf img{ width: 100%; display: block; object-fit: cover;}
/* 移动端适配 */
@media screen and (max-width:600px) {
    .tophf{ width:100%; margin: 10px auto -15px auto; border-radius: 10px; overflow: hidden;}
    .tophf img{ width: 100%; display: block; height: 50px; object-fit: cover;}
    .detialheader {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }
    
    .detialheader .cover {
        margin-bottom: 15px;
    }
    
    .detialheader .detail-info {
        margin-left: 0;
        width: 100%;
    }
    
    .detialheader .detail-title {
        font-size: 18px;
        text-align: center;
    }
    
    .detialheader .detail-meta {
        justify-content: center;
    }
    
    .detialheader .detail-meta .meta-item {
        margin-right: 15px;
        font-size: 12px;
    }
    
    .detialheader .detail-price {
        text-align: center;
    }
    
    .detialheader .detail-btns {
        justify-content: center;
    }
    
    .detialheader .detail-btns .btn-download,
    .detialheader .detail-btns .btn-vip {
        height: 38px;
        padding: 0 25px;
        font-size: 14px;
    }
}
/* ==================== 全局样式优化 - 医疗主题色 ==================== */
/* 主色调：医疗蓝 #1a6fc4 */
/* 辅助色：健康绿 #27ae60 */
/* 强调色：温暖橙 #e67e22 */
/* 背景色：纯净白 #f8fafc */

body{ 
    font-size: 14px; 
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f4f8 100%);
    background-attachment: fixed;
    color: #2c3e50;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
}

a{ 
    text-decoration: none; 
    color: #2c3e50;
    transition: all 0.3s ease;
}

a:hover {
    color: #1a6fc4;
}

/* 图标颜色 */
i.icon-pdf{ color:#e74c3c!important;}
i.icon-ppt{ color:#f39c12!important;}
i.icon-word{ color:#3498db!important;}
i.icon-excel{ color:#27ae60!important;}

/* 背景色 */
.bg-white{ 
    background-color: #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border-radius: 12px;
    transition: box-shadow 0.3s ease;
}

.bg-white:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.size{ width: 1200px; }

/* ==================== 顶部栏样式 ==================== */
.top{
    height: 40px;
    background: #ffffff;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
}

.top p:first-child {
    color: #e74c3c;
    font-weight: 500;
}

.top a {
    color: #666;
    transition: color 0.3s;
}

.top a:hover {
    color: #1a6fc4;
}

/* ==================== 头部优化 ==================== */
.headcont{ 
    height: 80px;
    background: #ffffff;
}

.headcont img {
    max-height: 50px;
    transition: transform 0.3s;
}

.headcont img:hover {
    transform: scale(1.05);
}

/* ==================== 搜索框优化 - 医疗蓝主题 ==================== */
input.searchinput{ 
    height: 44px; 
    width: 300px; 
    padding-left: 20px; 
    border: 2px solid #e0e8f0;
    border-radius: 22px 0 0 22px;
    outline: none;
    font-size: 14px;
    transition: all 0.3s;
    background: #ffffff;
}

input.searchinput:focus {
    border-color: #1a6fc4;
    box-shadow: 0 0 0 3px rgba(26, 111, 196, 0.1);
}

button.searchbtn{
    height: 44px; 
    width: 60px; 
    color: #ffffff; 
    cursor: pointer; 
    background: linear-gradient(135deg, #1a6fc4 0%, #2980b9 100%);
    border: none;
    border-radius: 0 22px 22px 0;
    transition: all 0.3s;
}

button.searchbtn:hover {
    background: linear-gradient(135deg, #2980b9 0%, #1a6fc4 100%);
    box-shadow: 0 4px 15px rgba(26, 111, 196, 0.4);
}

/* ==================== 导航栏优化 - 医疗蓝主题 ==================== */
.nav{ 
    background: linear-gradient(90deg, #1a6fc4 0%, #2980b9 100%);
    height: 52px;
    box-shadow: 0 2px 15px rgba(26, 111, 196, 0.3);
}

ul.navcont{ 
    display: flex;
}

.navcont li a{ 
    color: #ffffff;
    font-weight: 600;
    font-size: 16px; 
    height: 52px; 
    display: flex; 
    align-items: center; 
    padding: 0 20px;
    position: relative;
    overflow: hidden;
}

.navcont li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #a8d8ff;
    transition: all 0.3s;
    transform: translateX(-50%);
}

.navcont li a:hover{
    background: rgba(255,255,255,0.1);
}

.navcont li a:hover::after {
    width: 60%;
}
/* ==================== 首页卡片优化 ==================== */
.swiperbox{ width: 390px; height: 400px; border-radius: 12px; overflow: hidden;}
.newbox{ 
    width: 416px; 
    height: 400px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.newbox:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.hotbox{ 
    width: 336px; 
    height: 400px; 
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.hotbox:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}
/* ==================== 列表样式优化 - 医疗蓝主题 ==================== */
a.seemore i{ 
    color: #1a6fc4; 
    font-size: 24px;
    transition: all 0.3s;
}

a.seemore:hover i {
    transform: translateX(5px);
}

.blocktitle{ 
    padding-bottom: 12px;
    border-bottom: 2px solid #e0e8f0;
    margin-bottom: 12px;
}

.blocktitle h2{
    font-size: 18px;
    font-weight: 600;
    color: #1a3a5c;
    position: relative;
    padding-left: 12px;
}

.blocktitle h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 18px;
    background: linear-gradient(180deg, #1a6fc4 0%, #2980b9 100%);
    border-radius: 2px;
}

ul.smalllist{ display: block;}
ul.smalllist li{ 
    display: flex; 
    height: 40px; 
    align-items: center; 
    justify-content: space-between;
    padding: 0 8px;
    border-radius: 6px;
    transition: all 0.3s;
}

ul.smalllist li:hover {
    background: rgba(26, 111, 196, 0.06);
}

ul.smalllist li p{ display: flex; align-items: center;}
ul.smalllist li p i{color: #1a6fc4; font-size: 16px;}
ul.smalllist li p a{ 
    margin-left: 8px; 
    display:inline-block;
    max-width:280px; 
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #34495e;
}

ul.smalllist li p a:hover {
    color: #1a6fc4;
}

ul.smalllist li em{ 
    font-size: 12px; 
    color: #95a5a6;
    background: #f8f9fa;
    padding: 2px 8px;
    border-radius: 10px;
}
/* ==================== 排行榜序号优化 ==================== */
span.px{ 
    color: #95a5a6; 
    font-weight: bold; 
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ecf0f1;
    border-radius: 6px;
}
span.px01{ 
    color: #ffffff;
    font-weight: bold;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(238, 90, 111, 0.3);
}
span.px02{ 
    color: #ffffff;
    font-weight: bold;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(230, 126, 34, 0.3);
}
span.px03{ 
    color: #ffffff;
    font-weight: bold;
    margin-right: 8px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);
}

/* ==================== 标签样式优化 ==================== */
.tagtitle{
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
}

.tagbox li a{ 
    display: flex; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    height: 32px; 
    align-items: center; 
    padding: 0 16px; 
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.tagbox li a:hover{ 
    background: linear-gradient(135deg, #1a6fc4 0%, #2980b9 100%) !important;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(26, 111, 196, 0.4);
}

a.tag0{ background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); color: #c0392b;}
a.tag1{ background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); color: #16a085;}
a.tag2{ background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); color: #d35400;}
a.tag3{ background: linear-gradient(135deg, #ff8a80 0%, #ffab91 100%); color: #c0392b;}
a.tag4{ background: linear-gradient(135deg, #ffe082 0%, #ffcc80 100%); color: #e67e22;}
a.tag5{ background: linear-gradient(135deg, #a5d6a7 0%, #c8e6c9 100%); color: #27ae60;}
a.tag6{ background: linear-gradient(135deg, #ce93d8 0%, #e1bee7 100%); color: #8e44ad;}
.index-item{ width: 32.5%; padding: 10px; box-shadow: rgba(0, 0, 0, 0.03) 0 0 10px; height: 330px; 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: #f7c433;}
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: #43c1dd;}
.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; border: none;}
.showall{position: relative; color: #f4a261; text-align: center;}
.showall::before{content: '[展开]'; cursor: pointer;}
.showall.on::before{content: '[收起]'; cursor: pointer;}
.text{overflow: hidden; text-align:center; }
.text.on{ height: auto!important;}
.textopen{ height: auto!important;overflow: hidden; text-align:center; }

/* ==================== 分页样式优化 ==================== */
.page{ padding: 25px 0;}
.page ul.pagination{ display: flex; align-items: center; flex-wrap:wrap; justify-content: center;}
.page ul.pagination li{ margin: 0 5px; margin-bottom:8px;}
.page ul.pagination li a{ 
    display: flex; 
    align-items: center; 
    background: #ffffff;
    color: #2c3e50;
    height: 38px; 
    padding: 0 18px; 
    font-size: 14px; 
    border-radius: 19px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s;
    font-weight: 500;
}

.page ul.pagination li a:hover {
    background: linear-gradient(135deg, #1a6fc4 0%, #2980b9 100%);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(26, 111, 196, 0.4);
}

.page ul.pagination li span{ 
    display: flex; 
    align-items: center; 
    background: #ecf0f1;
    color: #95a5a6;
    height: 38px; 
    padding: 0 18px; 
    font-size: 14px; 
    border-radius: 19px;
}

.page ul.pagination li.active span{ 
    display: flex; 
    align-items: center; 
    color: #ffffff; 
    background: linear-gradient(135deg, #1a6fc4 0%, #2980b9 100%);
    height: 38px; 
    padding: 0 18px; 
    font-size: 14px; 
    border-radius: 19px;
    box-shadow: 0 4px 15px rgba(26, 111, 196, 0.4);
    font-weight: 600;
}

.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: #f7c433; 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:#ff8d13!important;}

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

@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:15px;}
.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: 370px;}
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%;}


.cover{ width: 125px; height: 165px; border-radius: 6px; border: #e8e8e8 solid 1px; overflow: hidden;}
.cover img{ display: block; width: 100%; height: 100%;  object-fit: cover;}
.detialheader{ margin: 0 15px;}

p.vipp{ height: 26px; color:#ff3333; font-size: 12px;}
p.vipp i{ margin-right: 5px;}

@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:#267dbb; 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;}

    


}