@-webkit-keyframes Flicker {
    0% {
        border-bottom-width: 5px;
        margin-top: 0px;
    }

    100% {
        border-bottom-width: 0px;
        margin-top: 5px;
    }
}

@-moz-keyframes Flicker {
    0% {
        border-bottom-width: 5px;
        margin-top: 0px;
    }

    100% {
        border-bottom-width: 0px;
        margin-top: 5px;
    }
}

@-o-keyframes Flicker {
    0% {
        border-bottom-width: 5px;
        margin-top: 0px;
    }

    100% {
        border-bottom-width: 0px;
        margin-top: 5px;
    }
}

@keyframes Flicker {
    0% {
        border-bottom-width: 5px;
        margin-top: 0px;
    }

    100% {
        border-bottom-width: 0px;
        margin-top: 5px;
    }
}

@-webkit-keyframes Flicker2 {
    0% {
        padding: 8px 15px 8px 17px;
    }

    100% {
        padding: 8px 17px 8px 15px;
    }
}

@-moz-keyframes Flicker2 {
    0% {
        padding: 8px 15px 8px 17px;
    }

    100% {
        padding: 8px 17px 8px 15px;
    }
}

@-o-keyframes Flicker2 {
    0% {
        padding: 8px 15px 8px 17px;
    }

    100% {
        padding: 8px 17px 8px 15px;
    }
}

@keyframes Flicker2 {
    0% {
        padding: 8px 15px 8px 17px;
    }

    100% {
        padding: 8px 17px 8px 15px;
    }
}

@keyframes AmtBgMusicPlaying {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes AmtBgMusicPlaying {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes AmtVipBg {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes AmtVipBg {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

* {
    user-select: auto;
    -webkit-user-select: auto;
}

body {
    padding-top: 50px;
    padding-bottom: 96px;
    padding-bottom: calc(96px + constant(safe-area-inset-bottom));
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

.top-bar {
    display: none;
}

.nav-bar-block .buttons-right .BtnContact {
    width: 35px;
    height: 34px;
    float: right;
    background: url(/images/Mobile_bg0244.png) center center no-repeat;
    background-size: 24px 24px;
    margin-left: 10px;
}

.Detail {
    padding: 0px 8px 8px 8px;
}

@media(min-width:600px) {
    .Detail {
        padding: 8px 16px 16px 16px;
    }
}

.Detail .top-banner {
    width: 100%;
    background: #ffffff;
    display: block;
}

.Detail .top-banner img {
    width: 100%;
    vertical-align: top;
}

.Detail .paddingBottom50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.Detail .ProductBaseInfo {
    margin: 0px -8px 15px -8px;
    margin-bottom: 15px;
    zoom: 1;
    /* border-radius: 12px; */
    overflow: hidden;
    transform: translate(0);

}

.Detail .ProductBaseInfo .InfoBlock {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 {
    overflow: hidden;
    zoom: 1;
    display: block;
    position: relative;
    overflow: hidden;
    /* border-radius: 12px; */
}

.Detail .ProductBaseInfo .InfoBlock .BaseInfo {
    position: relative;
    /* padding-bottom: 8px; */
    /* margin: -8px 8px 0px 8px; */
    /* border-radius: 12px; */
    background: #ffffff;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #ffffff;
    box-shadow: 0px -10px 15px -8px rgba(0, 0, 0, 0.1);
}

.Detail .ProductBaseInfo .InfoBlock .LimitInfo {
    position: relative;
    background: #ffe5dd;
    color: #ff3e3e;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.Detail .ProductBaseInfo .InfoBlock .LimitInfo:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(/images/Mobile_bg0651.png) left top no-repeat;
    background-size: 100% 100%;
    width: 42px;
    height: 42px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item {
    /* padding: 15px 0px 15px 0px; */
    background: #f4f5f7;
    position: relative;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item::before {
    content: "";
    display: block;
    padding-top: 100%;
}

@media(min-width:600px) {
    .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item::before {
        content: "";
        display: block;
        padding-top: 400px;
    }
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery {
    /* height: 260px;
  position: relative; */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .numCircle {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px 0px 0px 10px;
    color: #ffffff;
    position: absolute;
    right: 0;
    padding: 0px 10px;
    bottom: 50px;
    text-align: center;
    line-height: 18px;
    height: 18px;
    /* margin-left: -30px; */
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .numCircle .currentNum {
    font-size: 12px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .numCircle .slash {
    font-size: 10px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .numCircle .totalNum {
    font-size: 10px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider {
    height: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-pager {
    display: none;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide {
    text-align: center;
    overflow: hidden;
    background: url("/images/img_loading.gif") center no-repeat;
    background-size: 50px 60px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide .galleryPic {
    position: relative;
    width: 100%;
    height: 260px;
    padding: 0 10px;
    box-sizing: border-box;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide .galleryPic img {
    max-height: 100%;
    max-width: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide:nth-child(1) .galleryPic img {
    height: 260px;
    max-width: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide .galleryPicDiv {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding: 0 10px; */
    box-sizing: border-box;
    background-origin: content-box;
    background-position: 50% 50%;
    /* background-size: contain; */
    background-size: auto 90%;
    background-repeat: no-repeat;
}

.Detail .sc-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5) url(/images/Mobile_bg0310.png) center center no-repeat;
    background-size: 50px 50px;
    margin: -30px 0px 0px -30px;
}

.Detail .sc-video-box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.Detail .daoxue-video-box {
    width: 100%;
    background: #000000;
    position: relative;
    margin-bottom: 16px;
}

.Detail .daoxue-video-box:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.Detail .daoxue-video-box-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.Detail .sc-video {
    width: 100%;
    height: 100%;
}

.Detail .sc-video .vjs-loading-spinner {
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    border-radius: 100%;
}

.Detail .sc-video .vjs-big-play-button {
    width: 64px;
    height: 64px;
    border: 2px solid #ffffff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    box-sizing: border-box;
    background: none;
}

.Detail .sc-video .vjs-big-play-button .vjs-control-text {
    display: block;
    color: #ffffff;
    width: 100%;
    height: 22px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    left: 0px;
    top: 64px;
    clip: auto;
    text-shadow: 0px 0px 5px #000000;
}

.Detail .sc-video .vjs-big-play-button:before {
    line-height: 60px;
    font-size: 40px;
    border-radius: 100%;
}

.Detail .sc-video:hover .vjs-big-play-button,
.sc-video .vjs-big-play-button:focus {
    background: none;
}

.Detail .sc-video.vjs-paused .vjs-big-play-button {
    display: block;
}

.Detail .sc-video.vjs-paused .vjs-fullscreen-control {
    display: none;
}

.Detail .sc-video.vjs-paused video {
    opacity: 0.8;
}

.Detail .sc-video.vjs-paused .vjs-poster {
    background-color: transparent;
}

.Detail .sc-video.vjs-paused .vjs-poster:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #000000;
    opacity: 0.2;
}

.Detail .sc-video .vjs-play-progress:before {
    top: -6px;
    right: -8px;
    font-size: 16px;
}

.Detail .sc-video video::-webkit-media-controls {
    display: none !important;
}

.Detail .sc-video .vjs-control-bar {
    height: 40px;
    opacity: 1 !important;
    visibility: visible !important;
}

.Detail .sc-video .vjs-control:before {
    font-size: 30px;
    line-height: 40px;
}

.Detail .sc-video .vjs-time-control {
    line-height: 40px;
}

/* .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .PictureGallery .slider .slider-slides .slider-slide .galleryVideoDiv video{
  
} */

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .Item .CoverFlag {
    width: 100%;
    height: 60px;
    padding-top: 40px;
    background: url(/images/Mobile_bg0655.png) center bottom no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    line-height: 60px;
    color: #ffffff;
    /* font-weight: bold; */
    font-size: 24px;
    text-align: center;
    display: none;
}

.Detail .FullScreenPictureGallery {
    z-index: 99;
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
}

.Detail .FullScreenPictureGallery .slider {
    height: 100%;
}

.Detail .FullScreenPictureGallery .slider .slider-slides .slider-slide .galleryPicDiv {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    box-sizing: border-box;
    background-origin: content-box;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(0%, -50%);
}

.Detail .FullScreenPictureGallery .slider .slider-slides .slider-slide .galleryPicDiv .smallPic {
    position: absolute;
    top: 34%;
    left: 11%;
    width: 77%;
    height: 24%;
    border: 2px solid #ccc;
}

.Detail .FullScreenPictureGallery .BotBar {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 44px;
    background: rgba(10, 10, 10, 0.7);
    z-index: 100;
}

.Detail .FullScreenPictureGallery .BtnContainer {
    float: right;
    height: 30px;
    padding: 7px 10px;
}

.Detail .FullScreenPictureGallery .BtnContainer .BtnRead {
    width: 90px;
    height: 30px;
    font-size: 14px;
    color: #ffffff;
    background: #e8554d;
    display: block;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
}

.Detail .FullScreenPictureGallery .SlideScroll,
.Detail .FullScreenPictureGallery .SlideScroll .scroll {
    width: 100%;
    height: 100%;
    display: block;
}

.Detail .FullScreenPictureGallery .swiper-pagination {
    position: fixed;
    left: 0px;
    bottom: 0px;
    color: #ffffff;
    width: auto;
    line-height: 44px;
    font-size: 16px;
    padding: 0px 10px;
    z-index: 100;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .BtnBgMusic {
    background: url(/images/Mobile_bg0298_0.png) center center no-repeat;
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 10;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .BtnBgMusicPlaying {
    animation: AmtBgMusicPlaying 3s linear 0s infinite normal;
    -webkit-animation: AmtBgMusicPlaying 3s linear 0s infinite normal;
    background: url(/images/Mobile_bg0298.png) center center no-repeat;
    background-size: 26px 26px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductVideo {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 0px;
    top: 0px;
    background: #222222;
    padding-top: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductVideo video {
    width: 100%;
    height: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg {
    display: block;
    /* width: 100%;
    height: 100%; */
    padding: 0;
    position: relative;
    z-index: 1;
    text-align: center;
    background: #ffffff center center no-repeat;
    background-size: contain;
    /* max-height: 300px; */
    /* margin: 15px; */
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg .ProductImgBg {
    background: #f5f5f5;
    background-size: cover;
    filter: blur(50px);
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    z-index: 2;
    opacity: 0.75;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg .ProductImgFront {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: center center no-repeat;
    background-size: contain;
    z-index: 3;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 4;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg .videocover_small_pic {
    position: absolute;
    width: auto;
    height: 30%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 25%;
    left: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin: 0;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductImg .giftcover_small_pic {
    position: absolute;
    width: auto;
    height: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 25%;
    left: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin: 0;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .VideoItem .ImgBox .BgImg {
    z-index: 3;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .VideoItem .ImgBox .ProductImg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    z-index: 2;
    overflow: hidden;
    text-align: center;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .VideoItem .ImgBox .ProductImg img {
    max-width: 120px;
    max-height: 120px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductAutoImg img {
    width: 100%;
}

/* .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .ProductAutoImg:after{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AIVideoSkin.png) center center no-repeat;
    background-size: 100% 100%;
}
 */

/* .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AIEbookSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AIEbookSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AIEbookSkin.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}

/* .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AITkSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AITkSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AITkSkin.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}

/* .Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AIVideoSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .AIVideoSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AIVideoSkin.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 li {
    font-size: 12px;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .swiper-cover {
    /* position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px; */
    /* margin:-15px; */
    position: relative;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .swiper-cover .ProductImg {
    margin: 0px;
}

.Detail .ProductBaseInfo .InfoBlock .InfoBlock01 .swiper-cover .swiper-pagination {
    position: absolute;
    right: 0px;
    left: auto;
    width: auto;
    bottom: 60px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 100px 0px 0px 100px;
    background: rgba(0, 0, 0, 0.8);
    padding: 0px 10px;
}

.Detail .ProductBaseInfo .InfoBlock .ProductName {
    text-align: left;
    padding: 5px 16px 16px 16px;
    position: relative;
    user-select: auto;
    -webkit-user-select: auto;
}

/* .Detail .ProductBaseInfo .InfoBlock .ProductName:after {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0px;
    border-bottom: 1px dotted #e5e5e5;
} */

.Detail .ProductBaseInfo .InfoBlock .ProductNameText {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-align: justify;
}

.Detail .ProductBaseInfo .InfoBlock .ProductName .CssType {
    color: #e53737;
    font-size: 12px;
    border: 1px solid #e53737;
    padding: 2px;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.Detail .ProductBaseInfo .InfoBlock .ProductName .ProductSellPoint {
    color: #cc6600 !important;
    font-size: 14px !important;
    margin-top: 5px;
}

.Detail .ProductBaseInfo .InfoBlock .ProductName .ProductSellPoint * {
    font-size: 14px !important;
    color: #cc6600 !important;
}

.Detail .ProductBaseInfo .InfoBlock .ProductOther {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
}

.Detail .ProductBaseInfo .InfoBlock .ProductOther .priceInfo {
    color: red;
}

.Detail .ProductBaseInfo .InfoBlock .ProductOther span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 2px;
}

.Detail .FenxiaoBlock {
    background: #585857 url(/images/Mobile_bg0427.png) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 16px;
    position: relative;
    line-height: 22px;
}

.Detail .FenxiaoBlock .BtnHelp {
    float: left;
    color: #fde2b4;
    padding: 10px 16px;
    box-sizing: border-box;
    width: 40%;
}

.Detail .FenxiaoBlock .BtnHelp .HelpTitle {
    font-size: 14px;
    display: block;
}

.Detail .FenxiaoBlock .BtnHelp .HelpLink {
    font-size: 12px;
    display: block;
    padding-top: 2px;
}

.Detail .FenxiaoBlock .BtnHelp .HelpLinkText {
    display: inline-block;
    padding-right: 10px;
    background: url(/images/Mobile_bg0428_0.png) center right no-repeat;
    background-size: auto 12px;
}

.Detail .FenxiaoBlock .BtnJoin {
    float: right;
    color: #fde2b4;
    text-align: center;
    padding: 10px 16px;
    box-sizing: border-box;
    width: 60%;
}

.Detail .FenxiaoBlock .BtnJoin .BtnJoinInner {
    display: inline-block;
    position: relative;
    padding-right: 60px;
    text-align: left;
}

.Detail .FenxiaoBlock .BtnJoin .JoinTitle {
    display: block;
}

.Detail .FenxiaoBlock .BtnJoin .JoinContent {
    display: block;
}

.Detail .FenxiaoBlock .BtnJoin .BtnIco {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fde2b4 url(/images/Mobile_bg0439.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 100%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    animation: AmtBtnJoinIco 1s linear 0s infinite normal;
    -webkit-animation: AmtBtnJoinIco 1s linear 0s infinite normal;
}

@keyframes AmtBtnJoinIco {
    0% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.1);
    }
}

@-webkit-keyframes AmtBtnJoinIco {
    0% {
        -webkit-transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1.1);
    }
}

.Detail .FenxiaoBlock .Money {
    font-size: 20px;
    font-weight: bold;
}

.Detail .FenxiaoBlock:before {
    content: "";
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 36%;
    background: url(/images/Mobile_bg0438.png) center center no-repeat;
    background-size: 100% 100%;
}

.Detail .ProductBaseInfo .InfoBlock .PresellTips {
    padding: 10px 16px;
    background: #ffffcc;
    text-align: center;
}

.Detail .ProductBaseInfo .InfoBlock .PresellTips .TipsText {
    color: #ff3e3e;
    font-size: 14px;
    background: url(/images/Tk_Mobile_bg0025.png) left top no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
    display: inline-block;
}


.Detail .ProductBaseInfo .NewPriceBox {
    line-height: 100%;
    padding: 10px 0px;
    margin: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Detail .ProductBaseInfo .NewPriceBoxLeft {
    position: relative;
    color: #e53737;
}

.Detail .ProductBaseInfo .NewPriceBox .RMB {
    font-size: 16px;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPrice {
    line-height: 1;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPriceSpace {
    padding: 0px 3px;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPrice .price-int {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPrice .rmb {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPrice .price-decimal {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .NewPriceBox .NormalPriceWithoutVipPrice {
    line-height: 40px;
    height: 40px;
}

.Detail .ProductBaseInfo .NewPriceBox .VipPrice {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #99651c;
    display: block;
}

.Detail .ProductBaseInfo .NewPriceBox .VipPrice .RMB {
    font-size: 14px;
}




.Detail .ProductBaseInfo .PriceBox {
    line-height: 100%;
    padding: 10px 0px;
    margin: 0px 16px;
    border-bottom: 1px dotted #e5e5e5;
    position: relative;
    color: #e53737;
    display: none;
}

.Detail .ProductBaseInfo .PriceBox .BtnBuy {
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    background: #e53737;
    background: linear-gradient(#ff3e3e, #e53737);
    background: -webkit-linear-gradient(#ff3e3e, #e53737);
    color: #ffffff;
    position: absolute;
    width: 60px;
    right: 0px;
    top: 50%;
    margin-top: -20px;
}

.Detail .ProductBaseInfo .PriceBox .RMB {
    font-size: 16px;
}

.Detail .ProductBaseInfo .PriceBox .NormalPrice {
    display: block;
    margin-right: 65px;
    line-height: 30px;
    height: 30px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .PriceBox .NormalPrice .price-int {
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .PriceBox .NormalPrice .rmb {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .PriceBox .NormalPrice .price-decimal {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.Detail .ProductBaseInfo .PriceBox .NormalPriceWithoutVipPrice {
    line-height: 40px;
    height: 40px;
}

.Detail .ProductBaseInfo .PriceBox .VipPrice {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #99651c;
    display: block;
    margin-right: 65px;
}

.Detail .ProductBaseInfo .PriceBox .VipPrice .RMB {
    font-size: 14px;
}

.Detail .ProductBaseInfo .VipBtnContainer {
    padding: 10px 0px;
    margin: 0px 16px;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px dotted #e5e5e5;
}

.Detail .ProductBaseInfo .BtnOpenVip {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    background: #fddfab url(/images/Mobile_bg0663.png) center center no-repeat;
    background-size: cover;
    position: relative;
    color: #99651c;
    overflow: hidden;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}

.Detail .ProductBaseInfo .BtnOpenVip::before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(/images/Mobile_bg0664.png) center center no-repeat;
    background-size: 100% 300%;
    animation: AmtVipBg 3s linear 0s infinite normal;
    -webkit-animation: AmtVipBg 3s linear 0s infinite normal;
}

.Detail .ProductBaseInfo .BtnOpenVip .BtnOpenVipText {
    display: block;
    position: relative;
    z-index: 2;
}

.Detail .ProductBaseInfo .BtnContainer {
    padding: 10px 16px;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    display: flex;
    align-items: center;
    position: relative;
    display: none;
}


.Detail .ProductBaseInfo .BtnContainer .BtnFavor {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    display: block;
    padding: 2px 0px 4px 0px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnFavor:before {
    background: url(/images/Mobile_bg0405.png) center center no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin: 0px auto;
}

.Detail .ProductBaseInfo .BtnContainer .BtnFavored:before {
    background: url(/images/Mobile_bg0405_1.png) center center no-repeat;
    background-size: 100% 100%;
}

.Detail .ProductBaseInfo .BtnContainer .BtnRead {
    display: block;
    height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    line-height: 36px;
    background: #e53737;
    color: #ffffff;
    position: relative;
    margin: 0px 2px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 36px;
}

/*立即阅读*/

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico.IcoRead {
    background: url(/images/Mobile_bg0415.png) center center no-repeat;
    background-size: 24px 24px;
}

/*立即做题*/

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico.IcoDo {
    background: url(/images/Mobile_bg0416.png) center center no-repeat;
    background-size: 24px 24px;
}

/*立即观看*/

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico.IcoPlay {
    background: url(/images/Mobile_bg0412.png) center center no-repeat;
    background-size: 24px 24px;
}

/*立即学习*/

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico.IcoStudy {
    background: url(/images/Mobile_bg0419.png) center center no-repeat;
    background-size: 24px 24px;
}

/*立即使用*/

.Detail .ProductBaseInfo .BtnContainer .BtnRead .Ico.IcoUse {
    background: url(/images/Mobile_bg0414.png) center center no-repeat;
    background-size: 24px 24px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnRead:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 8px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnBuy {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 4px;
    line-height: 40px;
    background: #e53737;
    color: #ffffff;
    position: relative;
}



.Detail .ProductBaseInfo .BtnContainer .BtnBuyPackage {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 4px;
    line-height: 40px;
    color: #ff3e3e;
    background: #ffe5dd;
    position: relative;
}


.Detail .ProductBaseInfo .BtnContainer .BtnDisabled {
    opacity: 0.2;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.Detail .ProductBaseInfo .BtnContainer .BtnReadByApp {
    display: block;
    height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    line-height: 36px;
    background: #e53737;
    color: #ffffff;
    position: relative;
    margin: 0px;
}

.Detail .ProductBaseInfo .BtnContainer .xiajia-tips {
    display: block;
    color: #ff3e3e;
    font-size: 15px;
}

.Detail .ProductBaseInfo .BtnContainer .use-tips {
    display: inline-block;
    color: #ff3e3e;
    font-size: 15px;
    background: url(/images/Tk_Mobile_bg0025.png) left center no-repeat;
    background-size: 16px 16px;
    padding-left: 20px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnTry {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    color: #ff3e3e;
    background: #ffe5dd;
    position: relative;
}

.Detail .ProductBaseInfo .BtnContainer .BtnTryVip {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    color: #99651c;
    background: linear-gradient(to right, #f2debb, #e4b96a);
    position: relative;
    overflow: hidden;
}


.Detail .ProductBaseInfo .BtnContainer .FavorBtnContainer {
    width: 40px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnItem {
    box-sizing: border-box;
    flex: 1;
    padding: 0px 8px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnItem:first-child {
    padding-left: 0px;
}

.Detail .ProductBaseInfo .BtnContainer .BtnItem:last-child {
    padding-right: 0px;
}

.Detail .ProductBaseInfo .BuyTips {
    margin: 0px 16px 16px 16px;
    position: relative;
}

.Detail .ProductBaseInfo .BuyTips .BuyTipsInner {
    background: #fcf8e3;
    border: 1px solid #c09853;
    color: #997644;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    position: relative;
    z-index: 1;
    line-height: 1.5;
}

.Detail .ProductBaseInfo .BuyTips .BuyTipsArrow {
    margin-left: 74px;
    position: relative;
    z-index: 2;
}

.Detail .ProductBaseInfo .BuyTips .BuyTipsArrow .BuyTipsArrowInner {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0px;
    left: 24.5%;
}

.Detail .ProductBaseInfo .BuyTips .BuyTipsArrowInner:before {
    content: "";
    display: block;
    background: #fcf8e3;
    width: 10px;
    height: 10px;
    border-top: 1px solid #c09853;
    border-left: 1px solid #c09853;
    border-top-left-radius: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: -6px;
}

.Detail .ProductBaseInfo .BuyTips .BuyTipsMore {
    background: url(https://e.100xuexi.com/Css/Images/bg0381.png) right center no-repeat;
    padding-right: 16px;
    color: #336699;
}

.Detail .BaseInfoDetail {
    background: linear-gradient(#fff7f7 0px, #ffffff 40px, #ffffff 100%);
    border-top: 1px solid #ffffff;
    margin-bottom: 16px;
    position: relative;
    border-radius: 12px;
}

.Detail .BaseInfoDetail .BaseInfoDetailItem {
    width: 50%;
    float: left;
}

.Detail .BaseInfoDetail::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    border-left: 1px dotted #e5e5e5;
    z-index: 10;
}

.Detail .BaseInfoDetail:after {
    content: "";
    clear: both;
    display: block;
}

.Detail .BaseInfoDetail .ItemTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    /* margin: 0px 16px 0px 16px; */
    /* background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff; */
    border-radius: 12px 12px 0px 0px;
}

.Detail .BaseInfoDetail .ItemTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    position: relative;
}

.Detail .BaseInfoDetail .ItemTitle .TitleText::before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 0px;
    height: 1em;
    background: #e53737;
    width: 4px;
}

.Detail .BaseInfoDetail .ItemContent {
    padding: 0px 16px 15px 16px;
}

.Detail .BaseInfoDetail .ItemContent .InfoGroup::after {
    content: "";
    display: block;
    clear: both;
}

.Detail .BaseInfoDetail .ItemContent:after {
    content: "";
    display: block;
    clear: both;
}

.Detail .BaseInfoDetail .ItemContent .InfoItem {
    padding: 5px 0px;
    border-bottom: 1px dotted #e5e5e5;
    line-height: 1.5;
    padding-left: 3em;
    text-indent: -3em;
}

.Detail .BaseInfoDetail .ItemContent .InfoItem:last-child {
    border: 0px;
}

.Detail .BaseInfoDetail .ItemContent .InfoItem .Destination {
    color: #336699;
    margin-right: 10px;
}

.Detail .BaseInfoDetail .ItemContent .InfoItem .LogisticsFeeStatus {
    color: #e53737;
}


.Detail .BaseInfoDetailNoPrint .BaseInfoDetailItemElectronic {
    width: 100%;
}

.Detail .BaseInfoDetailNoPrint .BaseInfoDetailItemElectronic .ItemContent .InfoItem {
    padding: 3px 0px;
    line-height: 1.5;
    padding-left: 3em;
    text-indent: -3em;
}

.Detail .BaseInfoDetailNoPrint:before {
    display: none;
}

.Detail .BaseInfoDetailNoPrint .BaseInfoDetailItemPrint {
    display: none;
}

.Detail .BaseInfoDetailNoPrint .ItemContent .InfoItem {
    float: left;
    width: 50%;
    border: 0px;
    box-sizing: border-box;
}

.DetailDesHtml {
    text-align: center;
    margin-bottom: 16px;
    background: #ffffff;
}

.DetailDesHtml img {
    max-width: 100%;
    vertical-align: top;
}

.DetailDesHtml .product-link {
    display: block;
    position: relative;
    /* border: 1px dashed #336699; */
    padding: 5px 0px;
}

/* .DetailDesHtml a:after{
content: "点击查看详情▲";
display: block;
text-align: center;
font-size: 12px;
color: #888888;
} */

/* .DetailDesHtml a:after{
background: #336699;
color: #ffffff;
border-radius: 10px 0px 0px 0px;
padding:2px 5px 2px 8px;
position: absolute;
right: 0px;
bottom: 0px;
font-size: 10px;
} */

.DetailDesHtml .product-link:after {
    content: "";
    display: block;
    background: url(/images/Mobile_bg0437.png) center center no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    position: absolute;
    right: 10px;
    bottom: 0px;
}

.PrintIntro {
    background: #ffffff;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.PrintIntro .PrintIntroTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    /* margin: 0px 16px 0px 16px; */
    background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff;
}

.PrintIntro .PrintIntroTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    float: left;
    color: #666666;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
}

.PrintIntro .PrintIntroContent {
    padding: 0px 16px 15px 16px;
    color: #666666;
}

.PrintIntro .PrintIntroHtml {
    margin-bottom: 10px;
    line-height: 1.5;
}

.PrintIntro .PrintIntroHtml p {
    text-indent: 2em;
}

.PrintIntro .PrintIntroPrintList {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.PrintIntro .PrintIntroPrintList .PrintListTitle {
    padding-bottom: 10px;
    color: #cc6600;
}

.PrintIntro .PrintIntroPrintList .PrintListItem {
    position: relative;
    padding-left: 12px;
    padding: 10px 0px 10px 12px;
    border-top: 1px dotted #e5e5e5;
}

.PrintIntro .PrintIntroPrintList .PrintListItem:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 18px;
}

.PrintIntro .PrintIntroPrintList .BtnShowMore {
    display: block;
    text-align: center;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #e5e5e5;
}

.PrintIntro .PrintIntroPrintList .BtnShowMore:after {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 5px auto 0px auto;
    background: url(/images/Mobile_bg0610.png) center center no-repeat;
    background-size: 100% 100%;
}

.PrintIntro .PrintIntroPrintList .BtnHideMore {
    display: block;
    text-align: center;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #e5e5e5;
}

.PrintIntro .PrintIntroPrintList .BtnHideMore:before {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 0px auto 5px auto;
    background: url(/images/Mobile_bg0610_0.png) center center no-repeat;
    background-size: 100% 100%;
}

.PrintIntro .PrintIntroPicList {
    text-align: center;
}

.PrintIntro .PrintIntroPicList img {
    max-width: 100%;
}

.PrintIntro .PrintIntroPicList .PrintIntroPicItem {
    margin-bottom: 10px;
}

.ElectronicIntro {
    background: linear-gradient(#fff7f7 0px, #ffffff 40px, #ffffff 100%);
    border-top: 1px solid #ffffff;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
    padding: 16px;
}

.ElectronicIntro .ElectronicIntroTitle {
    position: relative;
    zoom: 1;
    /* margin: 0px 16px 0px 16px; */
    /* background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff; */
}

.ElectronicIntro .ElectronicIntroTitle::after {
    content: "";
    display: block;
    clear: both;
}

.ElectronicIntro .ElectronicIntroTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    position: relative;
}

.ElectronicIntro .ElectronicIntroTitle .TitleText::before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 0px;
    height: 1em;
    background: #e53737;
    width: 4px;
}

.ElectronicIntro .ElectronicIntroContent {
    padding-top: 10px;
    user-select: auto;
    -webkit-user-select: auto;
    color: #333333;
}

.ElectronicIntro .ElectronicIntroHtml {
    margin-bottom: 10px;
    line-height: 1.5;
}

.ElectronicIntro .ElectronicIntroHtml p {
    text-indent: 2em;
}

.ElectronicIntro .ElectronicIntroHtml img {
    max-width: 100%;
}

.ElectronicIntro .ElectronicIntroPicList {
    text-align: center;
}

.ElectronicIntro .ElectronicIntroPicList img {
    max-width: 100%;
}

.ElectronicIntro .ElectronicIntroPicList .ElectronicIntroPicItem {
    margin-bottom: 10px;
}

.BookIntro {
    background: #ffffff;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.BookIntro .BookIntroTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    /* margin: 0px 16px 0px 16px; */
    background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff;
}

.BookIntro .BookIntroTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
}

.BookIntro .BookIntroContent {
    padding: 0px 16px 15px 16px;
    user-select: auto;
    -webkit-user-select: auto;
}

.BookIntro .BookIntroHtml {
    margin-bottom: 10px;
    line-height: 1.5;
}

.BookIntro .BookIntroHtml p {
    text-indent: 2em;
}

.BookIntro .BookIntroBookList {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.BookIntro .BookIntroBookList .BookListTitle {
    padding-bottom: 10px;
    color: #cc6600;
}

.BookIntro .BookIntroBookList .BookListItem {
    position: relative;
    padding-left: 12px;
    padding: 10px 0px 10px 12px;
    border-top: 1px dotted #e5e5e5;
}

.BookIntro .BookIntroBookList .BookListItem:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: #888888;
    position: absolute;
    left: 0px;
    top: 18px;
}

.BookIntro .BookIntroBookList .BtnShowMore {
    display: block;
    text-align: center;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #e5e5e5;
}

.BookIntro .BookIntroBookList .BtnShowMore:after {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 5px auto 0px auto;
    background: url(/images/Mobile_bg0610.png) center center no-repeat;
    background-size: 100% 100%;
}

.BookIntro .BookIntroBookList .BtnHideMore {
    display: block;
    text-align: center;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #e5e5e5;
}

.BookIntro .BookIntroBookList .BtnHideMore:before {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 0px auto 5px auto;
    background: url(/images/Mobile_bg0610_0.png) center center no-repeat;
    background-size: 100% 100%;
}

.BookIntro .BookIntroPicList {
    text-align: center;
}

.BookIntro .BookIntroPicList img {
    max-width: 100%;
}

.BookIntro .BookIntroPicList .BookIntroPicItem {
    margin-bottom: 10px;
}

.ShengcaiTeam {
    background: #ffffff;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.ShengcaiTeam .ShengcaiTeamTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff;
}

.ShengcaiTeam .ShengcaiTeamTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
}

.ShengcaiTeam .ShengcaiTeamContent {
    padding: 0px 16px 15px 16px;
    line-height: 1.5;
}

.ShengcaiTeam .ShengcaiTeamContent img {
    max-width: 100%;
    vertical-align: top;
}

.ShengcaiTeam .ShengcaiTeamHtml {
    margin-bottom: 10px;
    line-height: 1.5;
}

.ShengcaiTeam .employee p {
    text-indent: 2em;
}

.ShengcaiTeam .employee .employee-img-box {
    margin-top: 10px;
}

.FAQ {
    background: linear-gradient(#fff7f7 0px, #ffffff 40px, #ffffff 100%);
    border-top: 1px solid #ffffff;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
    padding: 16px;
}

.FAQ .FAQTitle {
    position: relative;
    zoom: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.FAQ .FAQTitle .TitleText {
    font-size: 16px;
    line-height: 100%;
    font-weight: bold;
    position: relative;
}

.FAQ .FAQTitle .TitleText::before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 0px;
    height: 1em;
    background: #e53737;
    width: 4px;
}

.FAQ .FAQTitle .BtnSlide {
    padding-right: 16px;
}

.FAQ .FAQTitle .BtnHideMore {
    background: url(/images/Mobile_bg0183_2.png) right center no-repeat;
    background-size: 12px auto;
}

.FAQ .FAQTitle .BtnShowMore {
    background: url(/images/Mobile_bg0183_1.png) right center no-repeat;
    background-size: 12px auto;
}

.FAQ .FAQContent {
    padding-top: 10px;
    user-select: auto;
    -webkit-user-select: auto;
}

.FAQ .FAQHtml {
    margin-bottom: 10px;
    line-height: 1.5;
}

.FAQ .FAQHtml .TitleH1 {
    display: block;
    font-weight: bold;
    text-align: center;
    background: #ffe3e3;
    color: #e4393c;
    width: 12em;
    margin: 10px auto;
    border-radius: 100px;
    text-align: center;
    line-height: 2;
}

.FAQ .FAQHtml .TitleH2 {
    color: #cc6600;
}

.FAQ .FAQHtml p a {
    color: #336699;
}

.FAQ .FAQPicList {
    text-align: center;
}

.FAQ .FAQPicList img {
    max-width: 100%;
}

.FAQ .FAQPicList .FAQPicItem {
    margin-bottom: 10px;
}

.Detail .Tab {
    position: relative;
    background: #ffffff;
    height: 40px;
    padding: 0px 16px;
    display: none;
}

.Detail .Tab:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.Detail .Tab .TabContainer {
    float: left;
    overflow: hidden;
    zoom: 1;
}

.Detail .Tab .TabContainer li {
    float: left;
    margin-right: 16px;
}

.Detail .Tab .TabContainer li a {
    display: block;
    line-height: 40px;
    height: 40px;
    padding: 0px;
    font-size: 16px;
    position: relative;
}

.Detail .Tab .TabContainer li .Selected {
    color: #e8554d;
    position: relative;
    font-weight: bold;
}

.Detail .Tab .TabContainer li .Selected:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #e8554d;
    color: #e8554d;
    z-index: 2;
}

.Detail .Tab .BtnComment {
    float: right;
    line-height: 40px;
    height: 40px;
    background: url(/images/Mobile_bg0418.png) left center no-repeat;
    background-size: 24px 24px;
    font-size: 12px;
    padding-left: 24px;
}

.Detail .Modules {
    background: linear-gradient(#fff7f7 0px, #ffffff 40px, #ffffff 100%);
    border-top: 1px solid #ffffff;
    position: relative;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
    padding: 16px;
}

.Detail .Modules:last-child:after {
    display: none;
}

.Detail .Modules .BlockTitle {
    position: relative;
    zoom: 1;

}

.Detail .Modules .BlockTitle:after {
    content: "";
    display: block;
    clear: both;
}

.Detail .Modules .BlockTitle h2 {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    position: relative;
}

.Detail .Modules .BlockTitle h2::before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 0px;
    height: 1em;
    background: #e53737;
    width: 4px;
}


.Detail .Modules .BlockTitle .More {
    font-size: 12px;
    float: right;
    background: url(/images/Mobile_bg0008_1.png) right center no-repeat;
    background-size: auto 20px;
    padding-right: 10px;
    line-height: 20px;
    height: 20px;
}

.Detail .Modules .BlockCon {
    overflow: hidden;
    zoom: 1;
    padding-top: 10px;
}

.Detail .Modules .BlockMore {
    bottom: 0px;
    left: 16px;
    margin: 0px;
    padding: 0px;
    color: #576b95;
    height: 24px;
    font-size: 14px;
    display: none;
}

.Detail .Modules .Null {
    color: #666666;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    -webkit-text-size-adjust: 100%;
}

.Detail .Modules .InfoList {
    padding: 10px 16px;
}

.Detail .Modules .FootBtnContainer {
    text-align: center;
}

.Detail .Modules .FootBtnContainer .More {
    display: block;
    padding: 10px 0px;
    line-height: 24px;
}

.Detail .Modules .FootBtnContainer .More:after {
    content: "";
    padding-right: 1em;
    height: 1em;
    background: url(/images/Mobile_bg0019.png) right center no-repeat;
    background-size: auto 1em;
}

.Detail .Jiaocai .BlockCon {
    position: relative;
    /* margin: 0px 16px 16px 27px; */
    user-select: auto;
    -webkit-user-select: auto;
}

.Detail .Jiaocai .BlockCon li {
    position: relative;
    padding: 3px 0px 3px 10px;
    position: relative;
}

.Detail .Jiaocai .BlockCon li::before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 11px;
    background: #e53737;
    width: 4px;
    height: 4px;
}

.Detail .Jiaocai .BlockCon li a {
    color: #336699;
}

.Detail .Recommend {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.Detail .Recommend .BlockTitle {
    position: relative;
    zoom: 1;
}

.Detail .Recommend .BookCon {
    padding-top: 10px;
    margin: 0px -16px;
}

.Detail .Recommend .BookList {
    position: relative;
    margin: 0px 10px 0px 10px;
    display: flex;
}

.Detail .Recommend .BookList:after {
    content: "";
    display: block;
    clear: both;
}

.Detail .Recommend .BookList .Item {
    position: relative;
    flex: 1;
}


.Detail .Recommend .BookList .Item:last-child::after {
    display: none;
}

.Detail .Recommend .BookList .Item a {
    display: block;
    overflow: hidden;
    zoom: 1;
    padding: 5px;
}

.Detail .Recommend .BookList .Item .ImgBox {
    position: relative;
    z-index: 1;
    display: block;
    background: #ffffff center center no-repeat;
    background-size: contain;
    border-radius: 8px;
}

.Detail .Recommend .BookList .Item .ImgBox::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.Detail .Recommend .BookList .Item .ImgBox:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 5;
    border-radius: 8px;
}

/* .Detail .Recommend .BookList .Item .AIEbookSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .Recommend .BookList .Item .AIEbookSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AIEbookSkin.png) center center no-repeat;
    background-size: 100% 100%;
    border: none;
}

/* .Detail .Recommend .BookList .Item .AITkSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .Recommend .BookList .Item .AITkSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AITkSkin.png) center center no-repeat;
    background-size: 100% 100%;
    border: none;
}

/* .Detail .Recommend .BookList .Item .AIVideoSkin{
    background-position: center 10px;
    background-size: 85% auto;
} */
.Detail .Recommend .BookList .Item .AIVideoSkin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/images/bgimg/AIVideoSkin.png) center center no-repeat;
    background-size: 100% 100%;
    border: none;
}



.Detail .Recommend .BookList .Item .ImgBox img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.Detail .Recommend .BookList .Item .Des {
    display: block;
    padding-top: 10px;
    font-size: 14px;
}

.Detail .Recommend .BookList .Item .Des .ItemFlag {
    background: #ff3e3e;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 14px;
    margin-right: 3px;
}

.Detail .Recommend .BookList .Item .Des .Name {
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Detail .Recommend .BookList .Item .Des .OtherInfo {
    overflow: hidden;
    zoom: 1;
    line-height: 24px;
    display: none;
}

.Detail .Recommend .BookList .Item .Des .Price {
    color: #e53737;
    font-family: 'Roboto', sans-serif;
    float: left;
}

.Detail .Recommend .BookList .Item .Des .Price .price-int {
    /* font-size: 20px; */
    font-family: 'Roboto', sans-serif;
}

.Detail .Recommend .BookList .Item .Des .Price .price-decimal {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.Detail .Recommend .BookList .Item .Des .Price .rmb {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.Detail .Recommend .BookList .Item .Des .HotCount {
    float: right;
    font-size: 12px;
    display: none;
}

.Detail .Recommend .BookList1 .Item {
    padding: 10px 5px;
}

.Detail .Recommend .BookList1 .Item a {
    display: flex;

}

.Detail .Recommend .BookList1 .Item a .ImgBox {
    width: 33%;
}

.Detail .Recommend .BookList1 .Item a .Des {
    flex: 1;
    padding: 0px 0px 0px 10px;
}

.Detail .Recommend .BookList1 .Item a .Des .OtherInfo {
    display: block;
}

.Detail .Recommend .FootBtnContainer {
    text-align: center;
    position: relative;
}

.Detail .Recommend .FootBtnContainer:before {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 0px;
    border-bottom: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.Detail .Recommend .FootBtnContainer .More {
    display: block;
    padding: 10px 0px;
    line-height: 24px;
}

.Detail .Recommend .FootBtnContainer .More:after {
    content: "";
    padding-right: 1em;
    height: 1em;
    background: url(/images/Mobile_bg0019.png) right center no-repeat;
    background-size: auto 1em;
}

.Detail .BaseInfo {
    border: none;
}

.Detail .BaseInfo .InfoList ul {
    overflow: hidden;
    zoom: 1;
}

.Detail .BaseInfo .InfoList li {
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
}

.Detail .BaseInfo .InfoList li span {
    overflow: hidden;
}

.Detail .BaseInfo .InfoList li.Long {
    float: left;
    width: 100%;
}

.Detail .BaseInfo .InfoList li a {
    color: #336699;
}

.Detail .BaseInfo .InfoList li .update-log {
    background: url(/images/Mobile_bg0595.png) right center no-repeat;
    background-size: auto 14px;
    padding-right: 10px;
}


.Detail .BaseInfo .NotForSale .BtnGoToView {
    display: block;
    height: 36px;
    text-align: center;
    font-size: 15px;
    border-radius: 4px;
    line-height: 36px;
    color: #ff3e3e;
    background: #ffe5dd;
    position: relative;
    margin-bottom: 10px;
}

.Detail .BaseInfo .NotForSale .NotForSaleTips {
    color: #888888;
    padding: 16px 16px 5px 16px;
}

.Detail .BaseInfo .NotForSale .NotForSaleTips .Tag {
    color: #e53737;
}

.Detail .Catalog {
    position: relative;
    overflow: hidden;
    zoom: 1;
    border-radius: 12px;
}

.Detail .Catalog .BlockCon {
    position: relative;
    user-select: auto;
    -webkit-user-select: auto;
}

.Detail .Catalog .BlockCon .ColumnCon {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
}

.Detail .Catalog.Normal .BlockCon * {
    line-height: 20px !important;
    font-size: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
    font-weight: normal !important;
    font-style: normal !important;
    background: none !important;
    text-align: justify !important;
    border: 0 !important;
    font-family: "苹方", "Droid Sans Fallback", "微软雅黑", "宋体" !important;
}

.Detail .Catalog.Normal .BlockCon *:before {
    display: none !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndex .Tips {
    display: none;
}

.Detail .Catalog.Normal .ColumnCon #divIndex h1 {
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndex h2 {
    padding-left: 1em !important;
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndex ul {
    padding-left: 1em !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndex li {
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndex li .timeSpan {
    display: none;
}

.Detail .Catalog.Normal .Cat li {
    padding-left: 0px !important;
    position: relative;
    color: #333333;
}

.Detail .Catalog.Normal .Cat li span {
    display: block;
    text-indent: 0;
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .Cat li ul {
    padding-left: 1em !important;
}

.Detail .Catalog.Normal .Cat ul li:before {
    display: none;
}

.Detail .Catalog.Normal .Cat .CatH1,
.Detail .Catalog.Normal .Cat .CatH2,
.Detail .Catalog.Normal .Cat .CatH3 {
    padding-left: 0px !important;
}



.Detail .Catalog.Normal .Cat .CatH1:before,
.Detail .Catalog.Normal .Cat .CatH2:before,
.Detail .Catalog.Normal .Cat .CatH3:before {
    display: none;
}

.Detail .Catalog.Normal .MoreThanTwoLevel .ColumnCon #divIndexEbook .CatH1 {
    padding-left: 0 !important;
    margin-bottom: 4px !important;
    color: #cc6600;
}

.Detail .Catalog.Normal .OnlyOneLevel .ColumnCon #divIndexEbook .CatH1 {
    padding-left: 10px !important;
    margin-bottom: 4px !important;
    position: relative;
}

.Detail .Catalog.Normal .OnlyOneLevel .ColumnCon #divIndexEbook .CatH1:before {
    content: "";
    display: block !important;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #cc6600;
}

.Detail .Catalog.Normal .ColumnCon #divIndexEbook .CatH2 {
    padding-left: 1em !important;
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndexEbook .CatH3 {
    padding-left: 2em !important;
    margin-bottom: 4px !important;
}

.Detail .Catalog.Normal .ColumnCon #divIndexEbook .CatH4 {
    padding-left: 3em !important;
    margin-bottom: 4px !important;
}

.Detail .Catalog {
    line-height: 1.5;
}

.Detail .Catalog .Tips {
    display: none;
}

.Detail .Catalog .CatalogBlockItem .ElementList .ElementItem {
    padding: 3px 0px 3px 1em;
    position: relative;
}

.Detail .Catalog .CatalogBlockItem .ElementList .ElementItem .cssType {
    color: #e53737;
}

.Detail .Catalog .CatalogBlockItem .ElementList .ElementItem::before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 5px;
    top: 11px;
    background: #e53737;
    width: 4px;
    height: 4px;
}

.Detail .Catalog .CatalogBlockItem .ElementList a {
    color: #336699;
}

.Detail .Catalog .CatalogBlockItem .ElementList .btn-open-catalog-box {
    color: #cc6600;
    margin-left: 1em;
}

.Detail .Catalog .CatalogBlockItem .ElementItemCourseList {
    display: none;
}

.Detail .Catalog .CatalogBlockItem .ElementItemCourseList .CourseName {
    padding: 3px 0px 3px 1em;
    position: relative;
}

.Detail .Catalog .CatalogBlockItem .ElementItemCourseList .CourseName::before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 12px;
    border: 1px solid #e53737;
    width: 2px;
    height: 2px;
}

.Detail .Catalog .CatalogBlockItem .CatalogBlockItemContent {
    padding-left: 0.5em;
}

.Detail .Catalog .CatalogBlockItem.OnlyOneBlockItem .CatalogBlockItemContent {
    padding: 0px;
}

.Detail .Catalog .CatalogBlockItem .CatalogCourseItemTitle {
    padding: 0px 0px 0px 1em;
    position: relative;
}

.Detail .Catalog .CatalogBlockItem .CatalogBlockItemTitle {

    color: #e53737;
    font-weight: bold;
    padding: 3px 0px;
}

.Detail .Catalog .CatalogBlockItem .CatalogBlockItemContent .Describe {
    padding: 3px 0px 3px 1em;
    color: #999999;
}

.Detail .Catalog .CatalogBlockItem .CatalogCourseItemTitle::before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 9px;
    background: #555555;
    width: 4px;
    height: 4px;
}

.Detail .Catalog .CatalogBlockItem .CatalogCourseItemContent .CourseName {
    padding: 3px 0px 3px 1em;
    margin-left: 1em;
    position: relative;
}

.Detail .Catalog .CatalogBlockItem .CatalogCourseItemContent .CourseName a {
    color: #336699;
}

.Detail .Catalog .CatalogBlockItem .CatalogCourseItemContent .CourseName::before {
    content: "";
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 9px;
    border: 1px solid #555555;
    width: 2px;
    height: 2px;
}

.Detail .Introduction {
    overflow: hidden;
    zoom: 1;
    border-radius: 12px;
}



.Detail .Introduction .BlockCon {
    position: relative;
    user-select: auto;
    -webkit-user-select: auto;
}

.Detail .Introduction .BlockCon * {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    font-family: "苹方", "Droid Sans Fallback", "微软雅黑", Tahoma, Geneva, sans-serif, "宋体" !important;
}

.Detail .Introduction .BlockCon #ArticNav {
    display: none;
}

.Detail .Introduction .BlockCon dl {
    padding: 5px 0px;
}

.Detail .Introduction .BlockCon dt {
    margin-bottom: 4px;
    color: #e53737;
}

.Detail .Introduction .BlockCon p {
    text-indent: 2em;
    margin-bottom: 4px;
}

.Detail .Introduction .BlockCon .ACenter {
    text-indent: 0;
    text-align: center;
}

.Detail .Introduction .BlockCon .ACenter img {
    margin-left: 0;
}

.Detail .Introduction .BlockCon h3 {
    text-indent: 2em;
}


.Detail .Introduction .BlockCon * {
    padding: 0;
    margin: 0;
}

.Detail .Introduction .BlockCon img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.Detail .Introduction .BlockCon p img {
    margin-left: -2em;
}

.Detail .Introduction .BlockCon p.HotWords img {
    margin: 0px;
}

.Detail .Introduction .BlockCon table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
}

.Detail .Introduction .BlockCon th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    min-width: 60px;
}

.Detail .Introduction .BlockCon td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.Detail .Introduction .BlockCon .video-box {
    position: relative;
    z-index: 1;
    display: none;
}

.Detail .Introduction .BlockCon .video-box::before {
    content: "";
    padding-top: 56.25%;
    display: block;
}

.Detail .Introduction .BlockCon .video-box .sc-video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.Detail .Introduction .BlockCon .video-box * {
    text-indent: 0;
    line-height: 36px !important;
}

.Detail .BlockBtnContainer {
    text-align: center;
}

.Detail .BlockBtnContainer .BtnShowMore {
    display: block;
    text-align: center;
    padding: 10px 0px;
    border-top: 1px dotted #e5e5e5;
    margin: 0px 16px;
}

.Detail .BlockBtnContainer .BtnShowMore:after {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 5px auto 0px auto;
    background: url(/images/Mobile_bg0610.png) center center no-repeat;
    background-size: 100% 100%;
}

.Detail .BlockBtnContainer .BtnHideMore {
    display: block;
    text-align: center;
    padding: 10px 0px;
    border-top: 1px dotted #e5e5e5;
    margin: 0px 16px;
}

.Detail .BlockBtnContainer .BtnHideMore:before {
    content: "";
    display: block;
    width: 16px;
    height: 8px;
    margin: 0px auto 5px auto;
    background: url(/images/Mobile_bg0610_0.png) center center no-repeat;
    background-size: 100% 100%;
}

.Detail .FriendTalk {
    border: none;
}

.Detail .FriendTalkSeeMore {
    height: 40px;
    position: relative;
    text-align: left;
}

.Detail .FriendTalkSeeMore .More {
    display: block;
    font-size: 12px;
    padding: 0px 32px 0px 16px;
    line-height: 40px;
    height: 40px;
    background: #fff url(../../images/Mobile_bg0154.png) right 16px center no-repeat;
    background-size: 8px 14px;
}

.Detail .FriendTalkSeeMore .More .Num {
    color: #f43530;
}

.Detail .FriendTalkSeeMore .More:active {
    background-color: #d9d9d9;
}

.Detail .Headlines {
    background: #ffffff;
    position: relative;
    border-top: 0;
    margin-bottom: 15px;
    border-radius: 12px;
    overflow: hidden;
}

.Detail .Headlines:after {
    display: none;
}

.Detail .Headlines .BlockCon {
    overflow: hidden;
}


.Detail .Headlines .BlockCon li {
    position: relative;
}

.Detail .Headlines .BlockCon li a {
    display: block;
    line-height: 16px;
    padding: 8px 0px 8px 22px;
    background: url(/images/Mobile_bg0411.png) 0px center no-repeat;
    background-size: 14px 14px;
    white-space: nowrap;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Detail .Headlines .BlockCon li .ItemLive {
    background: url(/images/Mobile_bg0411.png) left center no-repeat;
    background-size: 14px 14px;
}

.Detail .Headlines .BlockCon li .ItemArticle {
    background: url(/images/Mobile_bg0410.png) left center no-repeat;
    background-size: 14px 14px;
}

.Detail .UpdateLog {
    background: #ffffff;
    position: relative;
    border-top: 0;
    margin-bottom: 15px;
}

.Detail .UpdateLog:after {
    display: none;
}

.Detail .UpdateLog .BlockCon {
    overflow: hidden;
    padding: 0px 16px 16px 16px;
}

.Detail .UpdateLog .BlockCon * {
    line-height: 20px;
    font-size: 14px;
}

.Detail .Bot {
    height: 44px;
    width: 100%;
    background: #efeff4;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 2000;
}

.Detail .Bot:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}

.Detail .Bot ul {
    overflow: hidden;
    zoom: 1;
}

.Detail .Bot li.L {
    width: 40%;
    float: left;
    position: relative;
}

.Detail .Bot li.R {
    width: 60%;
    float: right;
}

.Detail .Bot .BtnConsultation {
    font-size: 14px;
    background: #ffffff;
    padding: 0px 16px;
    text-align: center;
    display: block;
    line-height: 40px;
    border: none;
}

.Detail .Bot .BtnConsultation .Ico {
    background: url(/images/Mobile_bg0177.png) center center no-repeat;
    background-size: 25px 26px;
    width: 28px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
}

.Detail .Bot .BtnConsultation .Txt {
    text-align: center;
}

.Detail .Bot .BtnCircle {
    font-size: 14px;
    background: #ffffff;
    padding: 0px 16px;
    text-align: center;
    display: block;
    line-height: 40px;
    border: none;
}

.Detail .Bot .BtnCircle .Ico {
    background: url(/images/Mobile_bg0178.png) center center no-repeat;
    background-size: 24px 24px;
    width: 36px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 4px;
}

.Detail .Bot .BtnCircle .IcoMsgCount {
    background: #ff0000;
    height: 6px;
    width: 6px;
    border-radius: 6px;
    position: absolute;
    right: 0px;
    top: 8px;
    color: #ffffff;
    font-size: 12px;
}

.Detail .Bot .BtnFavor {
    float: left;
    font-size: 12px;
    background: #fff url(/images/Mobile_bg0007.png) center 4px no-repeat;
    background-size: auto 50%;
    width: 15%;
    height: 14px;
    padding: 27px 0px 7px 0px;
    text-align: center;
    margin-right: 0.5%;
}

.Detail .Bot .BtnFavored {
    float: left;
    font-size: 12px;
    background: #fff url(/images/Mobile_bg0007_0.png) center 4px no-repeat;
    background-size: auto 50%;
    width: 15%;
    height: 14px;
    padding: 27px 0px 7px 0px;
    text-align: center;
    margin-right: 0.5%;
}

.Detail .Bot .BtnRead {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    line-height: 40px;
    background: #e8554d;
    color: #ffffff;
    position: relative;
    margin-right: 8px;
    width: 34.5%;
}

.Detail .Bot .BtnBuy {
    height: 40px;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    line-height: 40px;
    background: #ebebeb;
    position: relative;
    margin-left: 8px;
    width: 34.5%;
}

.Detail .Popover {
    position: fixed;
    background: #ebe6de;
    left: 0;
    top: 0;
    width: 100%;
    padding: 44px 0 0;
    z-index: 5000;
    overflow: scroll;
    overflow-x: hidden;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.Detail .span0 {
    height: 24px;
    line-height: 24px;
    max-height: 24px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Detail .span1 {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
}

.Detail .span2 {
    padding-left: 14px;
    padding-right: 0;
    margin: 0;
    border: none;
}

.Detail .span3 {
    padding-left: 7px;
    padding-right: 0;
    margin: 0;
    border: none;
}

.Detail .span4 {
    padding-left: 7px;
    padding-right: 7px;
    width: 14px;
    margin: 0;
    border: none;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
}

.Detail .span5 {
    padding-left: 28px;
    padding-right: 0;
    margin: 0;
    border: none;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
}

.Detail .LiveWaiting {
    color: #288518;
}

.Detail .LiveEnd {
    color: #666666;
}

.Detail .LiveIng {
    color: #cc0000;
}

.Detail .TipContent {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 120px;
    text-align: center;
    background: rgba(40, 40, 40, 0.75);
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
    padding: 10px 16px;
    transform: translate(-50%, -50%);
}

.Detail .BotDownloadAppTips,
.Detail .BotDownloadAppTips:hover {
    color: #ffffff;
    display: block;
    background: #f05e4b;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    padding: 8px 16px;
    margin: 32px 16px;
    border-radius: 100px;
}


.Detail .BotDownloadAppTips span {
    background: url(/images/Mobile_bg0008_0.png) right center no-repeat;
    background-size: 8px 24px;
    display: inline-block;
    padding-right: 8px;
}

.Detail .qualifications {
    text-align: center;
    padding: 10px 16px;
    position: relative;
}

.Detail .qualifications .huodong-tag {
    background: #ffebeb url(http://g.100xuexi.com/CssModel/AppWap/images/Mobile_bg0617.png) right 10px center no-repeat;
    background-size: 6px 9px;
    display: inline-block;
    border-radius: 50px;
    padding: 3px 20px 3px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #ff6767;
}

.Detail .qualifications .huodong-tag .tag-ico {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(http://g.100xuexi.com/CssModel/AppWap/images/Mobile_bg0616.png) center center no-repeat;
    background-size: 100% 100%;
    vertical-align: -2px;
}

.Detail .qualifications .huodong-tag .tag-text {
    display: inline-block;
    vertical-align: 0;
}

.Detail .qualifications .copyright-tag {
    background: #eef6ff url(http://g.100xuexi.com/CssModel/AppWap/images/Mobile_bg0620.png) right 10px center no-repeat;
    background-size: 6px 9px;
    display: inline-block;
    border-radius: 50px;
    padding: 3px 20px 3px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #63a9ff;
}

.Detail .qualifications .copyright-tag .tag-ico {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(http://g.100xuexi.com/CssModel/AppWap/images/Mobile_bg0619.png) center center no-repeat;
    background-size: 100% 100%;
    vertical-align: -2px;
}

.Detail .qualifications .copyright-tag .tag-text {
    display: inline-block;
    vertical-align: 0;
}

.Detail .qualifications:after {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0px;
    border-bottom: 1px dotted #e5e5e5;
}

.Detail .gift-use-tips {
    padding: 0px 16px 16px 16px;
    text-align: center;
}

.Detail .gift-use-tips:empty {
    display: none;
}

.Detail .gift-use-tips .instruction {
    background: url(/images/Mobile_bg0650.png) left center no-repeat;
    display: inline-block;
    padding-left: 16px;
    background-size: 14px 14px;
    color: #999999;
}

.Detail .gift-use-tips .overdueout {
    display: inline-block;
    color: #ff3e3e;
    margin-right: 1em;
}

.Detail .gift-use-tips .remaining-time {
    display: inline-block;
    color: #28aa37;
    margin-right: 1em;
}

.Detail .gift-use-tips .waiting-time {
    display: inline-block;
    color: #ff9000;
    margin-right: 1em;
}

.Detail .pop-gift-use-instruction {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10000;
}

.Detail .pop-gift-use-instruction .pop-mask {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
}

.Detail .pop-gift-use-instruction .pop-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    max-width: 320px;
    background: #ffffff;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.Detail .pop-gift-use-instruction .pop-title {
    text-align: center;
    padding-top: 16px;
    font-size: 16px;
}

.Detail .pop-gift-use-instruction .pop-content {
    padding: 16px;
    color: #999999;
    line-height: 1.5;
}

.Detail .pop-gift-use-instruction .pop-content p {
    text-indent: 2em;
}

.Detail .pop-gift-use-instruction .pop-bot {
    position: relative;
}

.Detail .pop-gift-use-instruction .pop-bot:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    border-top: 1px solid #e5e5e5;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.Detail .pop-gift-use-instruction .pop-bot .btn-ok {
    line-height: 24px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.5;
    display: block;
    text-align: center;
}

.Detail .end-tips {
    padding: 16px 0px 72px 0px;
}

.Detail .end-tips:before {
    content: "";
    display: block;
    background: url(/images/Mobile_bg0597.png) center center no-repeat;
    background-size: auto 30px;
    height: 30px;
}


.buy-tips {
    margin: 0px 16px 16px 16px;
    background: #ffffff;
    border: 1px solid #eadac4;
    color: #998463;
    padding: 10px 15px 10px 45px;
    border-radius: 4px;
    position: relative;
    min-height: 76px;
    overflow: hidden;
}

.PrintProduct {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.PrintProduct .PrintProductInner {
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: #f5f5f5;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.Detail .PrintProduct.Updating .PrintProductInner:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
}

.PrintProduct .PrintProductTitle {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    z-index: 20;
}

.PrintProduct .PrintProductTitle .BtnClose {
    padding: 0px 16px;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 44px;
}

.PrintProduct .PrintProductContent {
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 60px;
    position: absolute;
    padding: 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.PrintProduct .PrintProductContent .Tips {
    margin-bottom: 10px;
    color: #e53737;
}

.PrintProduct .PrintProductList .PrintProductItem {
    border-radius: 8px;
    padding: 10px 16px 10px 40px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
}

.PrintProduct .PrintProductList .PrintProductItem .Radio {
    width: 16px;
    height: 16px;
    border: 1px solid #333333;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    border-radius: 100%;
}

.PrintProduct .PrintProductList .PrintProductItem.Selected .Radio {
    border: 1px solid #e53737;
    background: #e53737 url(/images/Tk_Mobile_bg0014_0.png) center center no-repeat;
    background-size: 10px auto;
}

.PrintProduct .PrintProductList .PrintProductItem .ItemTitle {
    font-size: 15px;
}

.PrintProduct .PrintProductList .PrintProductItem .ItemDes {
    color: #888888;
    margin-top: 5px;
}

.PrintProduct .PrintProductFoot {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    padding: 10px 16px;
    height: 40px;
    line-height: 40px;
}

.PrintProduct .PrintProductFoot .ChooseAll {
    padding-left: 36px;
    position: relative;
    float: left;
    margin-right: 30px;
}

.PrintProduct .PrintProductFoot .ChooseAll:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #e53737;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    border-radius: 100%;
    background: #e53737 url(/images/Tk_Mobile_bg0014_0.png) center center no-repeat;
    background-size: 10px auto;
}

.PrintProduct .PrintProductFoot .ChooseAll.ChooseNotAll:before {
    border: 1px solid #333333;
    background: #ffffff;
}

.PrintProduct .PrintProductFoot .Price {
    float: left;
}

.PrintProduct .PrintProductFoot .RMB {
    color: #e53737;
}

.PrintProduct .PrintProductFoot .Price .Num {
    color: #e53737;
    font-size: 20px;
    font-weight: bold;
}

.PrintProduct .PrintProductFoot .ChooseTips {
    float: left;
    color: #e53737;
}

.PrintProduct .PrintProductFoot .Btns {
    float: right;
}

.PrintProduct .PrintProductFoot .BtnSubmit {
    height: 40px;
    border-radius: 8px;
    background: #e53737;
    color: #ffffff;
    display: block;
    padding: 0px 1em;
    line-height: 40px;
    font-size: 15px;
}

.PrintProduct .PrintProductFoot .BtnDisabled {
    background: #f0f0f0;
    color: #cccccc;
    border: 1px solid #e5e5e5;
}

.Detail .buy-tips:before {
    content: "重要提醒";
    color: #ffffff;
    text-align: center;
    width: 1em;
    line-height: 1.2;
    padding: 13px 10px;
    border-radius: 0px;
    background: #998463;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.Detail .buy-tips li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 10px;
}

.Detail .buy-tips li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #998463;
    position: absolute;
    left: 0px;
    top: 8px;
}

.Summary {
    margin: 0px 16px 0px 16px;
    display: none;
}

.Summary .SummaryItem {
    padding: 10px 0px;
    border-bottom: 1px dotted #e5e5e5;
    line-height: 36px;
}

.Summary .SummaryItem:after {
    content: "";
    clear: both;
    display: block;
}

.Summary .SummaryItem .PrintDes {
    clear: both;
    font-size: 14px;
    color: #888888;
    line-height: 1.5;
}

.Summary .SummaryItem .BtnBuys {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
}

.Summary .SummaryItem .BtnBuy {
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    background: #e53737;
    color: #ffffff;
    width: 60px;
    display: block;
    position: relative;
}

.Summary .SummaryItem .BtnBought {
    height: 40px;
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    line-height: 40px;
    background: #f5f5f5;
    color: #888888;
    width: 60px;
    display: block;
    position: relative;
}

.Summary .SummaryItem .BtnBuy:hover {
    background: #e53737;
}

.Summary .SummaryItem .BtnBuy:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 16px;
}

.Summary .SummaryItem .BtnAddShopcart {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #ffe5dd url(../Images/bg0555.png) center center no-repeat;
    border: 1px solid #ffc2bc;
    position: relative;
    display: none;
}

.Summary .SummaryItem .BtnAddShopcartText {
    position: absolute;
    top: -2.8em;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border-radius: 4px;
    padding: 0.5em;
    font-size: 12px;
    width: 5em;
    left: 50%;
    margin-left: -3em;
    line-height: 1;
    display: none;
}

.Summary .SummaryItem .BtnAddShopcartText:after {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    width: 0px;
    height: 0px;
    border-top: 5px solid rgba(0, 0, 0, 0.8);
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

.Summary .SummaryItem .BtnAddShopcart:hover {
    border-color: #e53737;
}

.Summary .SummaryItem .BtnAddShopcart:hover .BtnAddShopcartText {
    display: block;
}

.Summary .SummaryItem .Price {
    position: relative;
    padding-right: 70px;
}

.Summary .SummaryItem .PriceTag {
    background: #572fba;
    color: #ffffff;
    padding: 5px 10px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    float: left;
    border-radius: 100px 100px 100px 0px;
    font-weight: bold;
    letter-spacing: 1px;
}

.Summary .SummaryItem .PriceTag::before {
    content: "";
    position: absolute;
    width: 0;
    display: block;
    font-size: 0;
    left: -6px;
    bottom: 0;
    height: 0;
    border: 5px solid #572fba;
    border-color: transparent #572fba #572fba transparent;
}

.Summary .SummaryItem .PriceDes {
    float: left;
    color: #888888;
}

.Summary .SummaryItem .Price .Free {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #006600;
}

.Summary .SummaryItem .Price .NewPrice {
    font-size: 14px;
    color: #e53737;
    padding-right: 10px;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.Summary .SummaryItem .Price .NewPrice .rmb {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.Summary .SummaryItem .Price .NewPrice .price-int {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
}

.Summary .SummaryItem .Price .NewPrice .price-decimal {
    font-family: 'Roboto', sans-serif;
}

.Summary .SummaryItem .Price .VipPrice {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #99651c;
    background: #fddfab;
    border-radius: 4px;
    padding: 0px 6px;
    display: inline-block;
    vertical-align: middle;
}

.Summary .SummaryItem .Price .VipPrice .RMB {
    font-size: 14px;
}

.Detail .statement {
    margin: 0px 16px 16px 16px;
    color: #666666;
    font-size: 12px;
    padding: 10px 15px;
    border: 1px dashed #e5e5e5;
}

.Detail .statement .statement-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.Detail .statement .statement-con {
    text-indent: 2em;
}

.Detail .statement .report {
    padding-top: 10px;
    text-align: center;
}

.Detail .statement .btn-report {
    color: #336699;
}

.Detail .fenxiao-poster {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #f5f5f5;
    z-index: 5000;
}

.Detail .fenxiao-poster .poster {
    position: fixed;
    top: 20px;
    bottom: 60px;
    left: 0px;
    right: 0px;
}

.Detail .fenxiao-poster .poster-img {
    width: 60%;
    margin: 0px auto 10px auto;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    -webkit-user-select: auto;
}

.Detail .fenxiao-poster .poster-img::before {
    content: "";
    display: block;
    padding-top: 177%;
}

.Detail .fenxiao-poster .poster-img img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-user-select: auto;
}

.Detail .fenxiao-poster .poster-operation {
    text-align: center;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 45px;
    padding: 16px;
    background: #f5f5f5;
    line-height: 1.5;
}

.Detail .fenxiao-poster .poster-operation:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    height: 40px;
    top: -40px;
    background: linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 1));
    background: -webkit-linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 1));
}

.Detail .fenxiao-poster .poster-operation .poster-price {
    color: #eb4a38;
}

.Detail .fenxiao-poster .btn-cancel {
    display: block;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #ffffff;
    font-size: 18px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-top: 1px solid #e5e5e5;
}

.Detail .BtnGotoTop {
    border-radius: 200px;
    background: #000000;
    width: 32px;
    height: 32px;
    position: fixed;
    bottom: 60px;
    right: 16px;
    z-index: 1000;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding: 6px;
}

.Detail .BtnGotoTop::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px auto 0px auto;
    background: url(/images/Mobile_bg0685.png) center center no-repeat;
    background-size: 100% 100%;
}

.Detail .ExamGuideInfo {
    margin-bottom: 16px;
    position: relative;
    padding-top: 16px;
}

.Detail .ExamGuideInfo ul {
    overflow: hidden;
    zoom: 1;
    padding: 0px 8px;
}

.Detail .ExamGuideInfo li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0px 8px;
}

.Detail .ExamGuideInfo .OnlyOne li {
    width: 100%;
}

.Detail .ExamGuideInfo li a {
    background: #ffffff;
    display: block;
    border-radius: 8px;
    text-align: center;
    padding: 10px 0px;
    color: #336699;
}

.Detail .ExamGuideInfo li a:after {
    content: "";
    padding-left: 7px;
    height: 1em;
    background: url(/images/Mobile_bg0595.png) right center no-repeat;
    background-size: auto 100%;
    margin-left: 5px;
}

.Detail .KaoyanGuideInfo .GuideInfoBlock {
    margin-bottom: 16px;
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

.Detail .KaoyanGuideInfo .GuideInfoBlockTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff;
}

.Detail .KaoyanGuideInfo .GuideInfoBlockTitle h2 {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
}

.Detail .KaoyanGuideInfo .GuideInfoBlockContent {}

.Detail .KaoyanGuideInfo ul {
    overflow: hidden;
    zoom: 1;
    padding: 0px 12px 12px 12px;
}

.Detail .KaoyanGuideInfo li {
    float: left;
    width: 33.33%;
    padding: 4px;
    box-sizing: border-box;
}

.Detail .KaoyanGuideInfo li a {
    display: block;
    border-radius: 4px;
    background: #f5f5f5;
    text-align: center;
    padding: 10px 0px;
    color: #336699;
}

.Detail .KaoyanGuideInfo li a::after {
    content: "";
    padding-left: 7px;
    height: 1em;
    background: url(/images/Mobile_bg0595.png) right center no-repeat;
    background-size: auto 100%;
    margin-left: 5px;
}

.Detail .ExtendBlock {
    margin-bottom: 16px;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
}

.Detail .ExtendBlock:empty {
    display: none;
}

.Detail .ExtendBlock .ExtendBlockTitle {
    padding: 20px 16px 10px 16px;
    position: relative;
    overflow: hidden;
    zoom: 1;
    background: linear-gradient(#fff7f7, #ffffff);
    border-top: 1px solid #ffffff;
}

.Detail .ExtendBlock .ExtendBlockTitle h2 {
    font-size: 16px;
    line-height: 100%;
    float: left;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
}

.Detail .ExtendBlock .ExtendBlockContent {
    padding: 0px 16px 16px 16px;
}

.Detail .ExtendBlock .ExtendBlockContent .ExtendItemUl {
    overflow: hidden;
    zoom: 1;
    position: relative;
    margin: 0px -4px;
}

.Detail .ExtendBlock .ExtendBlockContent .ExtendItemLi {
    float: left;
    width: 33.33%;
    position: relative;
}

.Detail .ExtendBlock .ExtendBlockContent .ExtendItemLi .LiInner {
    display: block;
    padding: 4px;
}

.Detail .ExtendBlock .ExtendBlockContent .ExtendItemLi a {
    display: block;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
}

.Detail .ExtendBlock .ExtendBlockContent .ExtendItemLi .CollegeList {
    display: none;
}

.modal-backdrop-bg {
    background: rgba(0, 0, 0, 0.8);
}

.VideoModal {
    position: fixed;
    left: 50%;
    width: 80%;
    top: 50%;
    height: auto;
    min-height: auto;
    background: #000000;
    z-index: 5000;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    overflow: visible;
}

.VideoModal .VideoModalInner {
    position: relative;
}

.VideoModal .VideoModalInner:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.VideoModal .VideoModalInner video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.VideoModal .BtnClose {
    position: absolute;
    left: 50%;
    bottom: -60px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background: url(/images/Mobile_bg0036.png) center center no-repeat;
    background-size: 20px 20px;
    margin-left: -24px;
}

.CollegeModal {
    position: fixed;
    left: 0px;
    top: 20%;
    height: 80%;
    min-height: 80%;
    right: 0px;
    bottom: 0px;
    background: #f5f5f5;
    z-index: 5000;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.CollegeModal .College {}

.CollegeModal .College .CollegeBoxTitle {
    position: absolute;
    text-align: center;
    line-height: 44px;
    left: 0px;
    right: 0px;
    font-size: 18px;
}

.CollegeModal .College .CollegeBox {
    position: absolute;
    top: 44px;
    bottom: 44px;
    overflow: auto;
    left: 0px;
    right: 0px;
}

.CollegeModal .College .CollegeList {
    padding: 8px;
    overflow: hidden;
}

.CollegeModal .College .CollegeItem {
    padding: 4px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.CollegeModal .College .CollegeItem a {
    display: block;
    border-radius: 4px;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #ffffff;
}

.CollegeModal .BtnCancel {
    display: block;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #ffffff;
    font-size: 18px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-top: 1px solid #e5e5e5;
}

.CollegeModal .end-tips {
    padding: 32px 0px 32px 0px;
}

.CollegeModal .end-tips:before {
    content: "";
    display: block;
    background: url(/images/Mobile_bg0597.png) center center no-repeat;
    background-size: auto 30px;
    height: 30px;
}

.Detail .BlockGroupTitle {
    position: relative;
    padding: 16px;
    text-align: center;
    margin: 0px 16px;
    font-size: 17px;
}

.Detail .BlockGroupTitle::before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    left: 50%;
    margin-left: 3em;
    border-top: 1px solid #e5e5e5;
}

.Detail .BlockGroupTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 50%;
    margin-right: 3em;
    top: 50%;
    border-top: 1px solid #e5e5e5;
}

.Detail .PageFootBtncontainer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 5000;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.Detail .PageFootBtncontainer .BtnContainer {
    position: relative;
    height: 50px;
    text-align: center;
}

.Detail .PageFootBtncontainer li {
    height: 50px;
    position: relative;
    font-size: 16px;
}

.Detail .PageFootBtncontainer li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.Detail .PageFootBtncontainer .OneBtn {}

.Detail .PageFootBtncontainer .TwoBtns li {
    width: 50%;
    float: left;
}

.Detail .PageFootBtncontainer .ThreeBtns li {
    width: 33.33%;
    float: left;
}

.Detail .PageFootBtncontainer .FourBtns li {
    width: 25%;
    float: left;
}

.Detail .PageFootBtncontainer .BtnOpenVip {
    display: block;
    line-height: 50px;
    background: #fddfab url(/images/Mobile_bg0663.png) center center no-repeat;
    background-size: cover;
    position: relative;
    color: #99651c;
    overflow: hidden;
}

.Detail .PageFootBtncontainer .BtnBuys {}

.Detail .PageFootBtncontainer .BtnBuy {
    display: block;
    line-height: 50px;
    background: #e53737;
    position: relative;
    color: #ffffff;
    overflow: hidden;
}

.Detail .PageFootBtncontainer .BtnBuyWithPrice {
    padding: 5px 0px;
    line-height: 20px;
}

.Detail .PageFootBtncontainer .BtnBuyWithPrice .BtnBuyText {
    font-size: 12px;
    display: block;
}

.Detail .PageFootBtncontainer .BtnBuyWithPrice .NewPrice {
    font-size: 16px;
    display: block;
}

.Detail .PageFootBtncontainer .BtnTry {
    display: block;
    line-height: 50px;
    position: relative;
    overflow: hidden;
}

.Detail .net-publish {
    clear: both;
    text-align: center;
    border-top: 1px dotted #e5e5e5;
    padding-top: 10px;
    margin-top: 5px;
    font-size: 12px;
    color: #888888;
    display: none;
}

.city-list {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.75);
    display: none;

}

.city-list .city-list-box {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 80%;
    bottom: 0px;
    background: #f5f5f5;
    z-index: 20;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.city-list .city-list-title {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    z-index: 20;
}

.city-list .city-list-title {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    z-index: 20;
}

.city-list .city-list-title .btn-close {
    padding: 0px 16px;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 44px;
}

.city-list .city-list-content {
    top: 44px;
    left: 0px;
    right: 0px;
    position: absolute;
    bottom: 0px;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
}

.city-list .province-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 50%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10;
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

.city-list .province-nav li {
    border-bottom: 1px solid #e5e5e5;
}

.city-list .province-nav li a {
    padding: 10px 16px;
    display: block;
}

.city-list .province-nav .selected {
    color: #e53737;
    font-weight: bold;
}

.city-list .city-nav {
    position: absolute;
    left: 50%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    padding-bottom: 20px;
}

.city-list .city-nav li {
    border-bottom: 1px solid #e5e5e5;
}

.city-list .city-nav li a {
    padding: 10px 16px;
    display: block;
}

.city-list .city-nav li .selected {
    color: #e53737;
    font-weight: bold;
}

/* 优惠券相关 */
.Coupon {
    position: relative;
    z-index: 5;
    display: none;
}

.Coupon .CouponView {
    overflow: hidden;
    zoom: 1;
}

.Coupon .CouponView .CouponTag {
    float: left;
    font-weight: bold;
}

.Coupon .CouponView .CouponDes {
    overflow: auto;
    white-space: nowrap;
}

.Coupon .CouponView .CouponDes li {
    overflow: hidden;
    zoom: 1;
    display: inline-block;
    vertical-align: top;
}

.Coupon .CouponView .CouponDes li .couponTag {
    float: left;
    margin-right: 5px;
    color: #f2270c;
    padding: 0px 7px;
    line-height: 20px;
    position: relative;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid rgba(242, 39, 12, 0.2);
}

.Coupon .CouponView .CouponDes li .conponName {
    float: left;
    margin-right: 1em;
}

/* 
.Coupon .CouponView .CouponDes li .BeforeBorder {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 2px;
    height: 100%;
    background: url(https://e.100xuexi.com/css/Images/bg0362.gif) left top repeat-y;
}

.Coupon .CouponView .CouponDes li .AfterBorder {
    top: 0px;
    right: 0px;
    position: absolute;
    width: 2px;
    height: 100%;
    background: url(https://e.100xuexi.com/css/Images/bg0362.gif) left top repeat-y;
}


.Coupon .CouponView .btnGetCoupon {
    color: #336699;
}

.Coupon .CouponView .btnGetCoupon:hover {
    color: #cc0000;
}

.Coupon .CouponMore {
    position: absolute;
    right: 0px;
    top: 13px;
}

.Coupon .CouponView .CouponBtnSildeDown {
    cursor: pointer;
    background: #f5f5f5 url(/images/Mobile_bg0019_3.png) right 10px center no-repeat;
    border-radius: 100px;
    padding: 3px 20px 3px 10px;
    background-size: auto 12px;
    z-index: 12;
    font-size: 12px;
}

.Coupon .CouponSlideCon {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    display: none;
    z-index: 10;
}

.Coupon .CouponSlideCon .CouponList {
    padding: 10px;
}

.Coupon .CouponSlideCon .CouponList li {
    padding-left: 10px;
    padding: 5px 0px 5px 10px;
    position: relative;
    border-bottom: 1px dashed #e5e5e5;
}

.Coupon .CouponSlideCon .CouponList li:last-child {
    border: 0px;
}

.Coupon .CouponSlideCon .CouponList li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 14px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #888888;
}

.Coupon .CouponSlideCon .CouponList li .CouponItem {
    display: block;
}

.Coupon .CouponSlideCon .CouponList li .CouponItem a {
    color: #1e50a2;
}

.Coupon .CouponSlideCon .CouponList li .CouponItem a:hover {
    color: #cc0000;
}

.Coupon .CouponSlideCon .CouponList .Deadline {
    color: #999999;
    display: block;
}

.Coupon .CouponSlideCon .LinkMore {
    border-top: 1px solid #e5e5e5;
}

.Coupon .CouponSlideCon .LinkMore .LinkAllProduct {
    padding: 5px 10px;
    display: block;
    text-align: right;
} */

.CouponDialog {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: -110%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 12000;
}

.CouponDialog.SlideShow {
    bottom: 0;
}

.CouponDialog .CouponDialogInner {
    background: #ffffff;
    border-radius: 8px 8px 0px 0px;
    background: #ffffff;
    position: absolute;
    height: 85%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.CouponDialog .CouponDialogTitle {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
    z-index: 10;
}

.CouponDialog .CouponDialogTitleText {
    text-align: center;
    font-weight: bold;
    line-height: 44px;
    font-size: 15px;
}

.CouponDialog .CouponDialogTitle .BtnClose {
    border-radius: 100%;
    border: 1px solid #999999;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffffff url(/images/Mobile_bg0137_0.png) center center no-repeat;
    background-size: 8px 8px;
    z-index: 10;
    text-indent: -9999em;
    overflow: hidden;
}

.CouponDialog .CouponDialogContent {
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px 50px 15px;
    background: #f5f5f5;
    z-index: 5;
}

.CouponDialog .CouponList .CouponItem {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    background: #ffffff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo {
    padding-bottom: 10px;
    line-height: 1.2;
    position: relative;
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px dashed #e5e5e5;
}

.CouponDialog .CouponList .CouponItem .CouponItemInner {
    padding-right: 50px;
    position: relative;
    padding: 15px 65px 15px 15px;
}

.CouponDialog .CouponList .CouponItem .CouponItemInner::after {
    content: "";
    display: block;
    background: #f5f5f5;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    right: 40px;
    top: -10px;
    z-index: 20;
}

.CouponDialog .CouponList .CouponItem .CouponItemInner::before {
    content: "";
    display: block;
    background: #f5f5f5;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    right: 40px;
    bottom: -10px;
    z-index: 20;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .BaseInfo1 {
    line-height: 40px;
    margin-right: 5px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    color: #e53737;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .BaseInfo2 {
    padding: 5px 10px;
    background: #ffe3e3;
    border-radius: 5px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.75);
}

.CouponDialog .CouponList .CouponDiscount .ItemBaseInfo .BaseInfo2 {
    background: #ffe9cd;
}

.CouponDialog .CouponList .CouponMinus .ItemBaseInfo .BaseInfo2 {
    background: #ddf2d5;
}

.CouponDialog .CouponList .CouponCash .ItemBaseInfo .BaseInfo2 {
    background: #d0eaff;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .Type {
    font-weight: bold;
    font-size: 12px;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .Conditions {
    font-size: 12px;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .RMB {
    font-size: 20px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .Zhe {
    font-size: 20px;
    font-weight: bold;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .Num {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    padding: 0px 4px;
}

.CouponDialog .CouponList .CouponItem .ItemBaseInfo .Time {
    padding: 10px 0px;
    line-height: 1.5;
    margin-left: 90px;
    font-size: 12px;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo {
    padding-top: 10px;
    border-top: 0px;
    position: relative;
    font-size: 12px;
    clear: both;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li {
    line-height: 18px;
    position: relative;
    padding: 0 0px 0 4em;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li .InfoTag {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #999999;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li .InfoCon {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li .InfoCon .LinkDetail {
    color: #e53737;
    margin-left: 1em;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li .InfoCon .LinkDetail:hover {
    color: #e53737;
}

.CouponDialog .CouponList .CouponItem .ItemUseInfo li .InfoCon.InfoUseTime {
    display: block;
}

.CouponDialog .CouponList .CouponItem .BtnContainer {
    padding: 0px 10px 0px 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #e53737;
    width: 20px;
    font-size: 16px;
    cursor: pointer;
}

.CouponDialog .CouponList .CouponItem .BtnContainer:after {
    content: "";
    position: absolute;
    left: -4px;
    top: 0px;
    bottom: 0px;
    width: 8px;
    background: url(https://g.100xuexi.com/CssModel/UserCenter2018/images/bg0338.png) center center repeat-y;
    z-index: 15;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUse {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUse::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #ff6600;
    border-radius: 100%;
    width: 0px;
    height: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 1;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUse:hover {
    font-weight: bold;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUse:hover::before {
    width: 200px;
    height: 200px;
    margin: -100px 0px 0px -100px
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUse .BtnUseText {
    display: block;
    text-align: center;
    line-height: 1.2;
    height: 4.8em;
    width: 20px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -2.4em;
    right: 12px;
    z-index: 10;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUseDisabled {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    background: #e5e5e5;
}

.CouponDialog .CouponList .CouponItem .BtnContainer .BtnUseDisabled .BtnUseText {
    display: block;
    text-align: center;
    line-height: 1.2;
    height: 3.6em;
    width: 20px;
    text-align: center;
    color: #666666;
    position: absolute;
    top: 50%;
    margin-top: -1.8em;
    right: 12px;
    z-index: 10;
}

.CouponDialog .CouponList .CouponItem .HasGot {
    position: absolute;
    right: 65px;
    bottom: 10px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: url(https://www.100xuexi.com/css/images/coupongot.png) center center no-repeat;
    background-size: 100% 100%;
    text-indent: -99999em;
    z-index: 1;
}

.CouponDialog .CouponList .CouponItem .ItemProgress {
    font-size: 12px;
    color: #666666;
    padding-top: 5px;
    display: none;
}

.CouponDialog .CouponList .CouponItem .ItemProgress .ItemProgressBar {
    background: #f5f5f5;
    border-radius: 100px;
    overflow: hidden;
    display: none;
}

.CouponDialog .CouponList .CouponItem .ItemProgress .ItemProgressBar .ItemProgressBarInner {
    background: #e53737;
    border-radius: 100px;
    height: 8px;
}

.CouponDialog .CouponList .CouponItem .ItemProgress .ItemProgressTag {
    margin-bottom: 5px;
}

.CouponDialog .CouponList .CouponItem .ItemProgress .ItemProgressTag .Rate {
    margin-right: 1em;
    border-right: 1px solid #e5e5e5;
    padding-right: 1em;
    display: none;
}

.CouponDialog .CouponList .CouponItem .ItemProgress .ItemProgressTag .NewRegUser {
    color: #e53737;
    border: 1px solid #e53737;
    line-height: 1;
    padding: 0px 2px;
    border-radius: 3px;
    margin-right: 3px;
}

.get-coupon {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 15000;
    display: none;
}

.get-coupon-box {
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80%;
    max-width: 320px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    z-index: 1001;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 30px 0px;
}

.get-coupon-box .btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: url(https://www.100xuexi.com/css/images/bg0101.gif) center center no-repeat;
}

.get-coupon-box .btn-close:hover {
    background: url(https://www.100xuexi.com/css/images/bg0102.gif) center center no-repeat;
}

.get-coupon-box .waiting {
    text-align: center;
}

.get-coupon-box .success {}

.get-coupon-box .fail {}

.get-coupon-box .tips-banner {
    height: 100px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
}

.get-coupon-box .tips-banner-success {
    background-image: url(https://www.100xuexi.com/css/images/bg0344.png);
}

.get-coupon-box .tips-banner-fail {
    background-image: url(https://www.100xuexi.com/css/images/bg0345.png);
}

.get-coupon-box .tips-banner-waiting {
    background-image: url(https://www.100xuexi.com/css/images/bg0346.gif);
}

.get-coupon-box .tips {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
}

.get-coupon-box .tips .main-tips {
    font-size: 16px;
    font-weight: bold;
    color: #d13a05;
    line-height: 1.5;
}

.get-coupon-box .tips .main-tips-success {
    color: #d13a05;
}

.get-coupon-box .tips .main-tips-fail {
    color: #615c59;
}

.get-coupon-box .operation {
    margin: 0px auto;
    padding: 0px 20px;
    text-align: center;
}

.get-coupon-box .operation ul:after {
    content: "";
    display: block;
    clear: both;
}

.get-coupon-box .operation li {
    display: inline-block;
}

.get-coupon-box .operation li .btn {
    margin: 0px auto;
    display: block;
    color: #ffffff;
    font-weight: bold;
    background: #e53737;
    box-shadow: 0px 3px 10px 0px rgba(230, 0, 0, 0.3);
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    font-size: 16px;
}

.swiper-banner-box {
    margin-bottom: 16px;
}

.swiper-banner {
    border-radius: 8px;
}

.swiper-banner .banner-item {
    display: block;
    background: center center no-repeat;
    background-size: cover;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

/*   
  .swiper-banner .banner-item::before {
    content: "";
    display: block;
    padding-top: 32%;
  } */

.swiper-banner .banner-item img {
    width: 100%;
    height: auto;
    /* position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0; */
}

.swiper-banner .swiper-pagination-bullets {
    height: 5px;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 20px;
    margin: 0px 3px;
    vertical-align: top;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 15px;
    height: 5px;
    opacity: 1;
    background: #e53737;
}


.crumbs-nav {
    /* background: #f9f5f5; */
    padding-left: 12px;
    z-index: 10;
    line-height: 40px;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); */
}

/* .crumbs-nav:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  } */
.crumbs-nav li {
    display: inline-block;
    position: relative;
    padding: 0px 10px 0px 5px;
    background: url(/images/Mobile_bg0325.png) right center no-repeat;
    background-size: auto 8px;
}

.crumbs-nav li:last-child {
    color: #e53737;
    background: none;
}

.crumbs-nav li:last-child a {
    color: #e53737;
}


.CatalogDialog {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.CatalogDialog .CatalogDialogInner {
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: #f5f5f5;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.Detail .CatalogDialog.Updating .CatalogDialogInner:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
}

.CatalogDialog .CatalogDialogTitle {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 17px;
    z-index: 20;
}

.CatalogDialog .CatalogDialogTitle .CatalogDialogTitleText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 60px;
}

.CatalogDialog .CatalogDialogTitle .BtnClose {
    padding: 0px 16px;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 44px;
}

.CatalogDialog .CatalogDialogContent {
    top: 44px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    padding: 0px;
    overflow: hidden;
}

.CatalogDialog .CatalogDialogContent iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.ExamTimeBox {
    text-align: center;
    background: #ffe3e3;
    color: rgba(0, 0, 0, 0.75);
}

.ExamTimeBox .ExamTimeCount {
    padding: 5px 16px;
    font-size: 12px;
}

.ExamTimeBox .ExamTimeCount .CountNum {
    color: #e53737;
    font-family: 'Roboto', sans-serif;
}




/*评分基本信息——开始*/
.Detail .ModulesScore .BlockCon {
    position: relative;
    padding-top: 10px;
}

.Detail .Modules .ScoreBaseInfo {
    overflow: hidden;
    zoom: 1;
    /* margin-bottom: 10px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum {
    width: 100px;
    text-align: center;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum .CurrentScore {
    margin-bottom: 5px;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum .CurrentScore .ScoreNull {
    font-size: 17px;
    line-height: 1.5;
    font-weight: bold;
    color: #888888;
    display: block;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum .CurrentScore .ScoreNumText {
    display: block;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    font-size: 30px;
    color: #e53737;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum .CurrentScore .ScoreLevelDes {
    display: block;
    line-height: 20px;
    font-weight: bold;
}

.Detail .Modules .ScoreBaseInfo .ScoreNum .FullScore {
    color: #888888;
    font-size: 12px;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics {
    margin-left: 120px;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList {
    margin-bottom: 5px;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem {
    position: relative;
    padding: 3px 0px 3px 42px;
    height: 10px;
    box-sizing: border-box;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 32px;
    background: url(/images/starsTag.png) 0px center no-repeat;
    background-size: auto 5px;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars5 {
    background-position: 0px center;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars4 {
    background-position: 6.5px center;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars3 {
    background-position: 13px center;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars2 {
    background-position: 18.5px center;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars1 {
    background-position: 26px center;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemProgress {
    background: #f5f5f5;
    border-radius: 10px;
    height: 4px;
    display: block;
    overflow: hidden;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemProgress .ItemProgressInner {
    display: block;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    border-radius: 10px;
}

.Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreTotal {
    text-align: right;
    color: #888888;
    font-size: 12px;
}

.Detail .Modules .ScoreControlsBar {
    position: relative;
}

.Detail .Modules .ScoreControlsBar .ScoreControlsBarTitle {
    text-align: center;
    margin-bottom: 10px;
}

.Detail .Modules .ScoreControlsBar .StarBarTips {
    text-align: center;
    color: #888888;
}

.Detail .Modules .ScoreControlsBar .StarBar {
    display: flex;
    margin: 0px 0px 0px auto;
    width: 200px;
}

.Detail .Modules .ScoreControlsBar .StarBar .StarItem {
    flex: 1;
    height: 24px;
    background: url(/images/starsControl.png) center 0px no-repeat;
    background-size: 24px auto;
    transition: background-position-y 0.3s;
    cursor: pointer;
}

.Detail .Modules .ScoreControlsBar .StarBar .StarItem.Light {
    background-position-y: -24px;
}

/*评分基本信息——结束*/

.Detail .product-detail-zhibo-card {
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}


.fix-foot-btn-container {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: -150px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background: #ffffff;
    z-index: 1000;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fix-foot-btn-container .vip-sale-info {
    background: #ffe3e3;
    background-image: linear-gradient(-225deg, #ffe5e5 0%, #FFE6FA 100%);
    display: block;
}

.fix-foot-btn-container .zxxvip-sale-info {
    background: #fcfcb3;
    background-image: linear-gradient(-225deg, #fcfcb3 0%, #66ffec 100%);
}

.fix-foot-btn-container .vip-sale-info .vip-sale-info-inner {
    display: block;
    position: relative;
    padding: 8px 16px;
    max-width: 800px;
    margin: 0px auto;
    box-sizing: border-box;
}

.fix-foot-btn-container .vip-sale-info::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.fix-foot-btn-container .vip-sale-info .info-text {
    display: block;
    position: relative;
    color: rgba(0, 0, 0, 0.75);
}

.fix-foot-btn-container .vip-sale-info .info-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    border: 1px solid;
    color: #e53737;
    border-radius: 100px;
    padding: 2px 15px 2px 8px;
    font-size: 12px;
    line-height: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.fix-foot-btn-container .zxxvip-sale-info .info-btn {
    color: #000000;
}

.fix-foot-btn-container .vip-sale-info .info-btn::after {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    right: 8px;
    top: 50%;
    margin-top: -4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fix-foot-btn-container .fix-foot-btn-container-inner {
    display: flex;
    position: relative;
    padding: 0px 8px;
    margin: 0px auto;
    max-width: 800px;
    box-sizing: border-box;
}

.fix-foot-btn-container .fix-foot-btn-container-inner::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-item {
    flex: 1 1 auto;
    padding: 10px 5px
}

.fix-foot-btn-container .fix-foot-btn-container-inner .left-btns {
    display: flex;
    width: 96px;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-home {
    display: block;
    text-align: center;
    font-size: 12px;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-home::before {
    content: "";
    display: block;
    background: url(/images/Mobile_bg0705.png) center center no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin: 0px auto;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-favor {
    display: block;
    text-align: center;
    font-size: 12px;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-favor::before {
    content: "";
    display: block;
    background: url(/images/Mobile_bg0405.png) center center no-repeat;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin: 0px auto;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .btn-favored::before {
    background-image: url(/images/Mobile_bg0405_0.png);
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns {
    display: flex;
    flex: auto;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy {
    background: #f2270c;
    height: 36px;
    cursor: pointer;
    display: block;
    border-radius: 100px;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    line-height: 36px;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-bought {
    opacity: 0.5;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy .btn-buy-text {
    display: block;
    position: relative;
    z-index: 2;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy .btn-buy-price {
    position: absolute;
    display: block;
    font-size: 12px;
    line-height: 14px;
    right: -10px;
    top: -7px;
    background: #ff6600;
    padding: 1px 5px;
    border-radius: 100px 100px 100px 0px;
    font-family: 'Roboto', sans-serif;
}
.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy .vip-self-price{
    display: none;
}
.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy-vip {
    background: #fddfab;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy-vip-inner {
    /* background: #fddfab url(/images/Mobile_bg0663.png) center center no-repeat; */
    background-image: linear-gradient(120deg, #fcfcb3 0%, #66ffec 100%);
    background-size: cover;
    position: relative;
    overflow: hidden;
    display: block;
    position: relative;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 100px;

}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-buy-vip-inner::before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(/images/Mobile_bg0664.png) center center no-repeat;
    background-size: 100% 300%;
    animation: AmtVipBg 3s linear 0s infinite normal;
    -webkit-animation: AmtVipBg 3s linear 0s infinite normal;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-do {
    background: #ffe5dd;
    border-radius: 100px;
    font-size: 15px;
    color: #ff3e3e;
    height: 36px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    box-sizing: content-box;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
}

.fix-foot-btn-container .fix-foot-btn-container-inner .right-btns .btn-vip-do {
    background-color: #fddfab;
    color: #99651c;
}

.Detail .author-card {
    background: #ffffff;
    position: relative;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;

    padding: 16px;
}

.Detail .author-card .author-card-title {
    font-size: 16px;
    font-weight: bold;
    border-left: 3px solid #e53737;
    padding-left: 8px;
    margin-bottom: 15px;
    line-height: 1;
}

.Detail .author-card .author-card-main {
    display: flex;
    align-items: center;
}

.Detail .author-card .author-img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
}

.Detail .author-card .author-img img {
    width: 100%;
    height: 100%;
}

.Detail .author-card .author-info {
    flex: 1;
    min-width: 0;
}

.Detail .author-card .author-info .author-name {
    font-size: 15px;
    font-weight: bold;
    min-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Detail .author-card .author-info .author-desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    max-height: 3em;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Detail .author-card .author-card-btns {
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    margin-top: 10px;
}

.Detail .author-card .author-card-btns .btn {
    display: block;
    flex: 1;
    text-align: center;
    padding: 10px 0px;
    position: relative;
}

.Detail .author-card .author-card-btns .btn::after {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0px;
    background: rgba(0, 0, 0, 0.1);
}

.Detail .author-card .author-card-btns .btn:last-child::after {
    display: none;
}

.Detail .author-card .author-card-btns .btn .bi {
    margin-right: 3px;
    color: #e53737;
    vertical-align: middle;
}

.detail-nav {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    background: #ffffff;
    z-index: 100;
    padding-top: 50px;
    transition: all 0.3s;
}

.detail-nav.show {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.detail-nav::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

.detail-nav .detail-nav-inner {
    display: flex;
    align-items: center;
    margin: 0px auto;
    max-width: 800px;
}

.detail-nav .nav-item {
    flex: 1;
    text-align: center;
}

.detail-nav .nav-item .item-inner {
    display: block;
    line-height: 44px;
    font-size: 15px;
    position: relative;
}

.detail-nav .nav-item.selected .item-inner {
    font-weight: bold;
}

.detail-nav .nav-item.selected .item-inner:after {
    content: "";
    display: block;
    width: 2em;
    height: 3px;
    background: #e53737;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -1em;
}

.choose-buy {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.75);
    display: none;
}

.choose-buy .choose-buy-box {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #ffffff;
    z-index: 20;
    border-radius: 12px 12px 0px 0px;
    overflow: hidden;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.choose-buy .choose-buy-box .Summary {
    display: block;
    margin: 16px 16px 0px 16px;
}

.choose-buy .choose-buy-box .box-foot-btns {
    text-align: center;
    padding: 16px;
}

.choose-buy .choose-buy-box .box-foot-btns .btn-cancel {
    display: block;
    background: #f5f5f5;
    border-radius: 10px;
    line-height: 40px;
    font-size: 15px;
}

.score-dialog {
    height: 500px;
}

.score-dialog .score-box {
    padding: 20px;
}

.score-dialog .score-box .score-item {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 15px;
}

.score-dialog .score-box .score-item:last-child {
    border: none;
}

.score-dialog .score-box .score-item .item-title {
    width: 6em;
}

.score-dialog .score-box .item-content {
    flex: 1;
}

.score-dialog .score-box .item-content .star-bar {
    display: flex;
    align-items: center;
}

.score-dialog .score-box .item-content .star-bar .star-item {
    flex: 1;
    height: 24px;
    background: url(/images/starsControl.png) center 0px no-repeat;
    background-size: 24px auto;
    transition: background-position-y 0.3s;
    cursor: pointer;

}

.score-dialog .score-box .item-content .star-bar .star-item.light {
    background-position-y: -24px;
}

.score-dialog .btn-submit {
    font-weight: bold;
    color: #e53737;
}

@media (prefers-color-scheme:dark) {

    .Detail .ProductBaseInfo .InfoBlock .BaseInfo {

        background: #1a1a1a;
        border: 0.5px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0px -10px 15px -8px rgba(0, 0, 0, 0.1);
    }


    .Detail .author-card {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .Detail .author-card .author-card-btns {
        background: rgba(255, 255, 255, 0.1);
    }

    .Detail .author-card .author-info .author-desc {
        color: rgba(255, 255, 255, 0.5);
    }

    /* .Detail .ProductBaseInfo {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);

    } */

    .Detail .author-card .author-card-btns .btn::after {
        background: rgba(255, 255, 255, 0.1);
    }

    .Detail .author-card .author-img {
        box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
    }

    /* .Detail .ProductBaseInfo .InfoBlock .ProductName:after {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    } */

    .Detail .ProductBaseInfo .PriceBox {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .ExamTimeBox {
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.75);
    }

    .Detail .BaseInfoDetail {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .Detail .BaseInfoDetail .ItemTitle {
        background: transparent;
        border: none;
    }

    .Detail .Modules {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .Detail .Modules .BlockTitle {
        background: transparent;
        border: none;
    }

    .Detail .Catalog.Normal .Cat li {
        color: #cccccc;
    }

    .Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemStars {
        background-image: url(/images/starsTag_0.png);
    }

    .Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemProgress {
        background: rgba(255, 255, 255, 0.1);
    }

    .Detail .Modules .ScoreBaseInfo .ScoreStatistics .ScoreList .ScoreItem .ItemProgress .ItemProgressInner {
        background: rgba(255, 255, 255, 0.75);
    }

    /* .Detail .Recommend .BookList .Item:after {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    } */

    .Detail .Recommend .FootBtnContainer:before {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ElectronicIntro {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .ElectronicIntro .ElectronicIntroTitle {
        background: transparent;
        border: none;
    }

    .ElectronicIntro .ElectronicIntroContent {
        color: #cccccc;
    }

    .FAQ {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .FAQ .FAQTitle {
        background: transparent;
        border: none;
    }

    .FAQ .FAQHtml p a {
        color: #0099ff;
    }

    .Detail .ExamGuideInfo li a {
        color: #0099ff;
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .Detail .Catalog .CatalogBlockItem .ElementList a {
        color: #0099ff;
    }

    .Detail .Introduction .BlockCon table,
    .Detail .Introduction .BlockCon th,
    .Detail .Introduction .BlockCon td {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .Detail .Catalog .CatalogBlockItem .CatalogCourseItemContent .CourseName a {
        color: #0099ff;
    }

    .Coupon {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .Coupon .CouponView .CouponBtnSildeDown {
        background-color: rgba(255, 255, 255, 0.1);
        background-image: url(/images/Mobile_bg0019_3_0.png);
    }

    .Detail .net-publish {
        border-top: 1px dotted rgba(255, 255, 255, 0.1);
    }

    .CouponDialog .CouponDialogInner {
        background: #000000;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

    .CouponDialog .CouponDialogTitle {
        background: #1a1a1a;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .CouponDialog .CouponDialogTitle .BtnClose {
        background-color: #000000;
    }

    .CouponDialog .CouponDialogContent {
        background: transparent;
    }

    .CouponDialog .CouponList .CouponItem .CouponItemInner::after {
        background: #000000;
    }

    .CouponDialog .CouponList .CouponItem .CouponItemInner::before {
        background: #000000;
    }

    .Detail .ProductBaseInfo .BtnContainer .BtnFavor:before {
        background-image: url(/images/Mobile_bg0405_4.png);
    }

    .CatalogDialog .CatalogDialogInner {
        background: #000000;
    }

    .CatalogDialog .CatalogDialogTitle {
        background: #1a1a1a;
    }

    .Detail .Jiaocai .BlockCon li a {
        color: #0099ff;
    }

    .Detail .KaoyanGuideInfo .GuideInfoBlock {
        background: rgba(255, 255, 255, 0.1);
    }

    .Detail .KaoyanGuideInfo .GuideInfoBlockTitle {
        background: transparent;
        border: none;
    }

    .Detail .KaoyanGuideInfo li a {
        background: rgba(255, 255, 255, 0.1);
        color: #0099ff;
    }

    .Detail .ExtendBlock {
        background: rgba(255, 255, 255, 0.1);
        border: 0.5px solid rgba(255, 255, 255, 0.1);
    }

    .Detail .ExtendBlock .ExtendBlockContent .ExtendItemLi a {
        background: rgba(255, 255, 255, 0.1);
    }

    .Detail .ExtendBlock .ExtendBlockTitle {
        background: transparent;
        border: none;
    }

    .Detail .BlockGroupTitle::after,
    .Detail .BlockGroupTitle::before {
        border-top-color: rgba(255, 255, 255, 0.1);
    }

    .Detail .statement {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .Detail .BotDownloadAppTips,
    .Detail .BotDownloadAppTips:hover {
        color: #ffffff;
    }

    .Summary .SummaryItem {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .Detail .BaseInfoDetail .ItemContent .InfoItem {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .Detail .BaseInfoDetail::before {
        border-left-color: rgba(255, 255, 255, 0.1);
    }

    .Detail .BaseInfoDetail .ItemContent .InfoItem .Destination {
        color: #0099ff;
    }

    .city-list .city-list-title {
        background: #1a1a1a;
    }

    .city-list .city-list-box {
        background: #000000;
    }

    .city-list .province-nav {
        background: #1a1a1a;
    }

    .city-list .city-nav li,
    .city-list .province-nav li {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .fix-foot-btn-container {
        background: #1a1a1a;
    }

    .fix-foot-btn-container .fix-foot-btn-container-inner .btn-favor::before {
        background-image: url(/images/Mobile_bg0405_4.png);
    }

    .fix-foot-btn-container .fix-foot-btn-container-inner .btn-home::before {
        background-image: url(/images/Mobile_bg0705_0.png);
    }

    .detail-nav {
        background: #1a1a1a;
    }

    .detail-nav::after {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    .choose-buy .choose-buy-box {
        background: #1a1a1a;
    }

    .choose-buy .choose-buy-box .box-foot-btns .btn-cancel {
        background: rgba(255, 255, 255, 0.1);
    }
}