/**!
 * 详情页
 * date:2022-12-21
 * author: wppei;
 */

.loction {
    margin-bottom: 16px;
    padding-left: 23px;
    line-height: 22px;
    color: #666;
    background: url("../../images/download2/address_icon.png") no-repeat left 3px;
}

.loction-href {
    color: #666;
}

.loction-cur {
    color: #0081FF;
}

.detail-nav {
    padding: 0 16px;
    height: 226px;
}

.detail-left {
    width: calc(100% - 376px);
}

.detail-img {
    margin-top: 18px;
    width: 100px;
    height: 78px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.detail-img img {
    width: 100%;
    height: 100%;
}

.detail-top {
    height: 96px;
    margin-bottom: 10px;
}

.detail-infor {
    width: calc(100% - 114px);
    margin: 22px 0 0 14px;
}

.detail-title {
    min-height: 35px;
    margin-bottom: 4px;
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    color: #333;
    display: -webkit-box;
    /* 将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2;
    /* 2行，只有 webkit内核支持 */
    word-break: break-all;
    /* 纯英文换行 */
    overflow: hidden;
}

.detail-skip {
    line-height: 22px;
    color: #999999;
}

.detail-skip span{
    display: block;
}

.detail-num {
    margin-bottom: 4px;
    line-height: 22px;
    color: #666;
}

.detail-download,
.detail-new-download {
    margin-top: 16px;
    display: block;
    width: 98px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #0081FF;
    border: 1px solid #0081FF;
    border-radius: 4px;
}

.detail-download:hover,
.detail-new-download:hover {
    color: #fff;
    background-color: #0081FF;
}

.detail-swiper {
    margin-top: 10px;
    width: 356px;
    height: 194px;
}

.detail-swiper-img {
    display: block;
    height: 194px;
}

.detail-swiper-img img {
    width: 100%;
    height: 100%;
}

.detail-swiper.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 11px;
    height: 6px;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.detail-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #fff;
    opacity: 1;
    border-radius: 3px;
}

.detail-swiper .swiper-pagination-bullet-active {
    width: 27px;
    background: #0081FF;
}

.detail-box {
    min-height: 560px;
}

.detail-hdl {
    height: 40px;
    line-height: 40px;
    background: linear-gradient(180deg, rgba(232, 243, 255, 0.15) 0%, rgba(44, 151, 255, 0.15) 100%);
    border-radius: 2px 0 0 2px;
    overflow: hidden;
}

.detail-hdl .hdl {
    width: 156px;
    color: #333;
    text-align: center;
    cursor: pointer;
}

.detail-hdl .hdl.active {
    color: #fff;
    background: #0081FF;
}

.detail-intro {
    padding: 18px 18px 40px;
}

.detail-intro-box {
    margin-bottom: 28px;
    text-indent: 2em;
    line-height: 28px;
    color: #333333;
}

.detail-img .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27%;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fbfbfb;
}



#listbqpoint .msg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 28px 0 0 29px;
    box-sizing: border-box;
    z-index: 999;
}

#listbqpoint .title{
    height: 27px;
    color: #000;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 12px;
}

#listbqpoint .text{
    width: 184px;
    min-height: 25px;
    font-size: 14px;
    color: rgb(94, 102, 110,0.9);
    max-height: 60px;
    line-height: 20px;
    overflow: hidden;
}

#listbqpoint .download{
    position: absolute;
    left: 29px;
    bottom: 31px;
    width: 68px;
    height: 26px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    background-color: #0081FF;
    border-radius: 2px;
    z-index:1;
}