@charset "utf-8";
@import url("icon/iconfont.css");
/* @import url("weui.min.css?id=1"); */
/* 全局样式
------------------------------------------------------------------*/
html, body { height: 100%; }
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea, img { margin: 0; padding: 0; box-sizing: border-box; }
body { font-size: 14px; font-family: "Microsoft Yahei"; background: #eee; /*#f5f5f5;*/ }
ol, ul { list-style: none; }
.left { float: left; }
.right { float: right; }
.weui-footer__link { font-size: 13px; line-height: 30px; }
.weui-footer__text { font-size: 12px; line-height: 26px; }
.weui-cell_link { font-size: 13px; }
.page { height: 100%; text-shadow: 1px 1px 1px #fff; }
/*页面头部
-------------------------------------------------------------------*/
.header { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; display: block; height: 44px; background: #fff; border-bottom: 1px solid #ececec; }
    .header .siteWaring { height: 24px; background: #333; color: #fbee00; display: block; }
    .header .user-avatar { height: 28px; width: 28px; position: relative; top: 5px; }
    .header .logo { display: block; float: left; margin: 3px auto auto 5px; height: 40px; }
        .header .logo img { height: 40px; }
    .header .right { position: absolute; top: 0; right: 10px; display: inline-block; }
        .header .right a { margin: 8px 0 0 5px; }
            .header .right a:after { border: none 0; }
            .header .right a.login_reg { margin-top: 3px; }
            .header .right a.a_avatar { margin-top: 3px; }

        .header .right span { position: relative; top: -12px; font-size: 13px; }
            /* 资深VIP*/
            .header .right span.spanZSVIP { cursor: pointer; color: white; font-weight: bold; padding: 3px 5px; animation: zsvip 2s infinite; border: solid 1px #aa9f21; border-radius: 8px; }

    .header h3 { display: block; text-align: center; line-height: 44px; color: #333; font-size: 16px; font-weight: 400; }
        .header h3 a { font-weight: bold; font-size: 18px; color: #075806; }
    .header .back { position: absolute; margin: 0; padding: 0; display: inline-block; top: 8px; left: 10px; height: 28px; line-height: 28px; }
        .header .back i { display: block; float: left; color: #09bb07; font-size: 20px; width: 20px; line-height: 28px; }
        .header .back span { color: #09bb07; font-size: 17px; line-height: 20px; }



/*搜索框样式*/
.search-box { position: relative; display: block; margin: 0 60px 0 50px; padding: 5px 0; height: 34px; }
    .search-box .input-box { position: relative; display: block; height: 32px; border: 1px solid #ececec; border-radius: 3px; }
        .search-box .input-box input { display: block; margin: 0; padding: 0 5px; width: 88%; height: 32px; line-height: 32px; font-size: 14px; background: #fff; border: none; }
        .search-box .input-box a { position: absolute; top: 0; right: 0; display: block; width: 12%; height: 32px; text-align: center; background: #fff; }
            .search-box .input-box a:active { background: #ececec; }
            .search-box .input-box a i { color: #333; font-size: 18px; line-height: 32px; }

/*页面内容
-------------------------------------------------------------------*/

.divNav { display: flex; height: 50px; }
    .divNav div { font-size: 120%; text-align: center; line-height: 50px; width: 33.333333%; border: solid 1px #ccc; border-right: none; }
        .divNav div a { color: #333; }
        .divNav div:first-child { }
        .divNav div:nth-child(2) { }
        .divNav div:nth-child(3) { }
        .divNav div:last-child { border-right: solid 1px #ccc; }
        .divNav div.new { font-weight: bold; background-image: url(/images/new.png); background-repeat: no-repeat; background-size: 20px; background-position-y: 0; background-position-x: 100%; animation: navnewchange 5s infinite; }
/*图标菜单*/
.nav-list { background: #fff; }
    .nav-list a .weui-grid__icon { width: 32px; height: 42px; }
        .nav-list a .weui-grid__icon i { color: #09bb07; font-size: 32px; }
    .nav-list .weui-grid__label { font-size: 13px; }
.icon-list .weui-cell__hd i { margin-right: 10px; color: #09bb07; font-size: 14px; }
.icon-list .weui-cell__bd { font-size: 14px; }
.icon-list .weui-cell__ft { font-size: 13px; }
.item-list .weui-cell__hd i { margin-right: 10px; color: #09bb07; font-size: 14px; }
.item-list .weui-cell__bd { color: #333; font-size: 13px; }
    .item-list .weui-cell__bd s { color: #999; }
.item-list .weui-cell__ft { font-size: 12px; }
/*文字列表*/
.txt-list { position: relative; margin: 0; padding: 0; }
    .txt-list ul .nodata { margin: 0; padding: 0; display: block; color: #999; font-size: 14px; text-align: center; line-height: 80px; background: #fff; }
    .txt-list ul li { position: relative; margin: 0; padding: 0; background: #fff; }
        .txt-list ul li img { width: 100px; max-height: 100px; }
        .txt-list ul li p { }
            .txt-list ul li p:first-child { }
            .txt-list ul li p:nth-child(1) { }
            .txt-list ul li p:last-child { }

        .txt-list ul li:active { background: #ececec; }


        .txt-list ul li > a { display: block; position: relative; margin-left: 15px; padding: 15px 15px 15px 0; font-size: 13px; color: #333; line-height: 1.1em; border-top: 1px solid #ececec; }
        .txt-list ul li:first-child > a { border-top: none; }
        .txt-list ul li > a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
        .txt-list ul li > a > img { float: left; margin-right: 15px; width: 70px; height: 70px; border-radius: 8px; }
        .txt-list ul li > a > h3 { display: block; margin: 0 0 10px 0; padding: 0; color: #5c0e0e; font-size: 14px; font-weight: bold; line-height: 18px; overflow: hidden; position: relative; }
            .txt-list ul li > a > h3 span { position: absolute; right: 0; }
        .txt-list ul li > a > h2 { display: block; margin: 0; padding: 0; color: #333; font-size: 13px; font-weight: 800; line-height: 18px; overflow: hidden; }
        .txt-list ul li > a .intro { padding-top: 6px; color: #999; font-size: 12px; line-height: 1.8em; height: 3.6em; text-overflow: ellipsis; overflow: hidden; }
        .txt-list ul li > a .note { padding-top: 6px; }
            .txt-list ul li > a .note p { color: #999; font-size: 12px; line-height: 1.8em; height: 1.8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
                .txt-list ul li > a .note p .date { display: inline-block; margin-right: 5px; color: #cecece; font-style: normal; }
                .txt-list ul li > a .note p .hot { display: block; float: right; padding: 0 2px; color: #cecece; font-style: normal; }
                .txt-list ul li > a .note p .price { display: inline-block; margin-right: 2px; color: #f00; font-size: 14px; font-weight: 400; font-style: normal; }

        .txt-list ul li > a .summary { height: 32px; line-height: 32px; position: relative; }
            .txt-list ul li > a .summary strong { margin-right: 15px; }
            .txt-list ul li > a .summary span { color: #666; }
        .txt-list ul li > a > .text { display: block; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .txt-list ul li > a > .date { display: block; float: right; margin: 0 0.2em; padding: 0; color: #cecece; font-size: 12px; font-style: normal; line-height: 18px; }
        .txt-list ul li > a > .number { display: block; float: left; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; line-height: 18px; color: #fff; font-size: 12px; font-style: normal; text-align: center; background: #09bb07; border-radius: 18px; vertical-align: middle; }

/*图文列表*/
.img-list { position: relative; margin: 0; padding: 0; }
    .img-list ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .img-list ul .nodata { margin: 0; padding: 0; display: block; color: #999; font-size: 14px; text-align: center; line-height: 80px; background: #fff; }
    .img-list ul li { position: relative; float: left; width: 50%; }
        .img-list ul li:active { background: #ececec; }
        .img-list ul li .wrap { position: relative; margin: 0 0 -1px -1px; background: #fff; border: 1px solid #ececec; border-right: none; }
        .img-list ul li:nth-child(1) .wrap,
        .img-list ul li:nth-child(2) .wrap { border-top: none; }
        .img-list ul li .wrap .number { position: absolute; display: inline-block; top: 20px; left: 15px; padding: 0 7px; height: 1.8em; line-height: 1.8em; color: #fff; font-size: 12px; text-align: center; border-radius: 0 3px 3px 0; background: #09bb07; opacity: 0.8; z-index: 1; }
        .img-list ul li:nth-child(1) .wrap .number { background: #f00; }
        .img-list ul li:nth-child(2) .wrap .number { background: #f90; }
        .img-list ul li .wrap a { display: block; position: relative; padding: 15px; text-align: center; }
            .img-list ul li .wrap a img { display: block; margin: auto; width: 100%; }
            .img-list ul li .wrap a .note { text-align: left; color: #999; }
                .img-list ul li .wrap a .note h2 { display: block; padding: 10px 0 5px 0; color: #333; font-size: 13px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
                .img-list ul li .wrap a .note p { padding: 0 0 10px 0; color: #cecece; font-size: 12px; line-height: 1.3em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
                    .img-list ul li .wrap a .note p .price { display: inline-block; margin-right: 2px; color: #f00; font-size: 14px; font-weight: 400; font-style: normal; }
                    .img-list ul li .wrap a .note p .hot { display: block; float: right; font-style: normal; }

/*图片列表*/
.photo-list { margin: 15px 15px 0; padding: 0; }
    .photo-list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
    .photo-list ul { margin: 0 0 0 -15px; }
        .photo-list ul .nodata { margin: 0 0 15px 0; padding: 0; display: block; color: #999; font-size: 14px; text-align: center; line-height: 80px; background: #fff; }
    .photo-list li { float: left; width: 33.333%; list-style: none; }
        .photo-list li a { display: block; margin: 0 0 15px 15px; }
            .photo-list li a:active { background: #ececec; }
            .photo-list li a img { display: block; height: auto; width: 100%; }
            .photo-list li a:active img { opacity: 0.8; }
            .photo-list li a h2 { display: block; color: #333; font-size: 13px; font-weight: normal; line-height: 30px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            .photo-list li a p { color: #cecece; font-size: 12px; line-height: 1.2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*图片列表2*/
.photo-list2 { margin: 15px 15px 0; padding: 0; }
    .photo-list2:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
    .photo-list2 ul { margin: 0 0 0 -15px; }
        .photo-list2 ul .nodata { margin: 0 0 15px 0; padding: 0; display: block; color: #999; font-size: 14px; text-align: center; line-height: 80px; background: #fff; }
    .photo-list2 li { float: left; width: 33.333%; list-style: none; }
        .photo-list2 li a { display: block; margin: 0 0 15px 15px; }
            .photo-list2 li a:active { background: #ececec; }
            .photo-list2 li a img { display: block; height: auto; width: 100%; }
            .photo-list2 li a:active img { opacity: 0.8; }
            .photo-list2 li a h2 { display: block; color: #333; font-size: 13px; text-align: center; font-weight: normal; line-height: 30px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            .photo-list2 li a p { color: #cecece; font-size: 12px; line-height: 1.2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


/*内容样式*/
.goods-head { margin: 15px; padding: 0; }
    .goods-head h2 { margin: 0 0 10px; color: #333; font-size: 16px; font-weight: 400; line-height: 1.3em; }
    .goods-head p { color: #999; font-size: 14px; line-height: 24px; }
        .goods-head p .price { margin-right: 3px; color: #f00; font-size: 17px; font-weight: 600; }
.goods-btn-box { position: relative; height: 45px; }
    .goods-btn-box .wrap-box { position: fixed; left: 0; bottom: 0; width: 100%; border: 1px solid #ececec; background: #fff; z-index: 2; }
    .goods-btn-box a { display: block; margin-top: -1px; float: right; width: 50%; height: 45px; line-height: 45px; color: #fff; font-size: 15px; text-align: center; }
        .goods-btn-box a.red { background: #ff6000; }
        .goods-btn-box a.green { background: #ffb002; }
        .goods-btn-box a i { margin-right: 3px; color: #fff; font-size: 15px; }
        .goods-btn-box a:active { opacity: 0.8; }

/*栏目样式*/
.dialog-wrap { position: fixed; top: 50px; left: 5%; right: 0; background: #fff; z-index: 1000; display: none; width: 90%; border-radius: 10px; box-shadow: 0px 0px 10px 5px #dbead5; border: solid 2px #ccc; }
.dialog-box { position: relative; width: 100%; height: 100%; overflow: auto; }
.navbar { padding: 10px 15px 15px 15px; }
    .navbar li { margin: 0 auto 15px auto; border: solid 1px #09bb07; border-radius: 10px; box-shadow: 1px 1px 4px 2px #ccc; }
        .navbar li h3 { background-color: #09bb07; cursor: pointer; display: block; text-align: center; font-size: 14px; line-height: 36px; height: 36px; color: white; text-shadow: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
            .navbar li h3 a { color: #fff; font-weight: bold; }
        .navbar li p { background: #fff; padding: 5px 0; font-size: 13px; line-height: 20px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
            .navbar li p a { display: inline-block; margin: 5px; padding: 7px 10px; color: #333; border: 1px solid #18a23b; border-radius: 10px; }
                .navbar li p a:active { background: #ececec; }
                .navbar li p a.selected { color: #fff; border-color: #09bb07; background: #09bb07; }
/*规格样式*/
.spec-wrap { margin: 0; padding: 0; background: #fff; max-height: 80%; overflow: auto; }
    .spec-wrap .close { position: absolute; top: 15px; right: 15px; display: block; width: 22px; height: 22px; cursor: pointer; }
        .spec-wrap .close i { color: #555; font-size: 22px; line-height: 1em; }
    .spec-wrap .spec-box { margin: 52px 15px 15px 15px; padding: 0; }
        .spec-wrap .spec-box dl,
        .spec-wrap .spec-box .btn-box { display: block; padding: 10px 0; clear: both; color: #333; line-height: 30px; border-bottom: 1px solid #ececec; }
            .spec-wrap .spec-box dl:after,
            .spec-wrap .spec-box .btn-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
            .spec-wrap .spec-box dl dt,
            .spec-wrap .spec-box .btn-box dt { display: block; font-size: 14px; line-height: 30px; height: 30px; }
            .spec-wrap .spec-box dl dd,
            .spec-wrap .spec-box .btn-box dd { display: block; margin: 0 0 0 -10px; }
            .spec-wrap .spec-box dl:first-child { margin-top: -52px; }
            .spec-wrap .spec-box dl dd a { display: inline-block; margin: 10px 0 0 10px; color: #333; font-size: 12px; background: #f3f3f3; border-radius: 5px; }
                .spec-wrap .spec-box dl dd a.selected { color: #fff; background: #f60; }
                .spec-wrap .spec-box dl dd a span { padding: 5px 10px; line-height: 20px; }
            .spec-wrap .spec-box .btn-box dt { float: left; }
                .spec-wrap .spec-box .btn-box dt span { margin-left: 10px; color: #999; font-size: 13px; }
                    .spec-wrap .spec-box .btn-box dt span b { margin: 0 2px; font-weight: normal; }
            .spec-wrap .spec-box .btn-box dd { float: right; margin: 0; padding: 0; }
                .spec-wrap .spec-box .btn-box dd a { display: inline-block; float: left; margin: 0; padding: 5px 10px; color: #666; font-size: 15px; font-weight: bold; line-height: 20px; text-align: center; background: #f3f3f3; border-radius: 0; }
                .spec-wrap .spec-box .btn-box dd .input { display: block; float: left; margin: 0; padding: 5px; width: 50px; color: #333; font-size: 14px; line-height: 20px; text-align: center; border: none; background: #fff; }
    .spec-wrap .weui-actionsheet__cell { display: block; color: #fff; font-size: 15px; width: 100%; line-height: 1.5em; border: none; background: #ff6000; }
        .spec-wrap .weui-actionsheet__cell:active { background: #f90; }
        .spec-wrap .weui-actionsheet__cell.over { background: #ccc; }

/*播放页面右侧栏目信息*/
.pplayinfo { width: 80%; margin: 10px auto; }
    .pplayinfo h1 { text-align: center; display: block; color: #3b8dd1; font-size: 18px; font-weight: normal; line-height: 30px; }
    .pplayinfo p { font-weight: normal; border-radius: 5px; }
        .pplayinfo p img { width: 100%; height: auto; border-radius: 8px; }
    .pplayinfo h3 { border: solid 1px #ccc; padding: 5px; border-radius: 5px; font-size: 13px; }
    .pplayinfo h5 { border-bottom: solid 1px #999; margin: 5px auto; line-height: 28px; }
        .pplayinfo h5 span { width: 50px; display: inline-block; font-weight: bold; text-align-last: justify; text-align: justify; margin-right: 8px; }
        .pplayinfo h5 strong { font-weight: normal; display: inline-block; width: 180px; }


/*详情页样式*/
.meta { margin: 0 15px; padding-bottom: 15px; border-bottom: 1px solid #ececec; }
    .meta .meta-tit { color: #333; font-size: 17px; font-weight: 700; margin: 25px 0 5px; text-align: center; }
    .meta h3 { background: #ececec; height: 40px; line-height: 40px; font-size: 13px; font-weight: normal; text-align: center; }
        .meta h3 strong { color: #09bb07; margin-right: 15px; }
    .meta .h3 span { color: brown;; }



    .meta .meta-info { font-size: 12px; color: #777; line-height: 1.8em; text-align: right; }
        .meta .meta-info span { margin-right: 5px; }
            .meta .meta-info span i { margin-right: 3px; font-size: 13px; }
.entry { margin: 0 15px; padding: 0; font-size: 15px; line-height: 24px; word-wrap: break-word; }
    .entry img { max-width: 100% !important; height: auto !important; }
    .entry h2, .entry h3, .entry h4 { padding-bottom: 5px; color: #222; }
    .entry h2 { font-size: 17px; }
    .entry h3, .entry h4 { font-size: 14px; }
    .entry h4 { border: solid 1px #34ad2a; border-radius: 5px; }
    .entry strong { color: #DC2523; }
    .entry ul, .entry ol { margin: 16px; }
    .entry li { margin-left: 26px; }
    .entry ul li { list-style: disc outside none; }
    .entry ol li { list-style: decimal outside none; }
    .entry p { display: inherit; margin: 15px 0; color: #333; font-size: 14px; line-height: 24px; word-wrap: break-word; }
    .entry a { text-decoration: underline; }
    .entry code, .comment code { background-color: #eee; border-radius: 2px 2px 2px 2px; color: #777; font-family: 'courier new'; margin: 0 4px; padding: 1px 4px; }
    .entry table { border-left: 1px solid #eee; border-top: 1px solid #eee; }
        .entry table th { background-color: #F9F9F9; text-align: center; }
        .entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 7px 10px; }

/*评论样式*/
.comment-box { position: relative; margin: 0; padding: 0; }
.comment-add { margin: 15px 0 15px 15px; }
    .comment-add .input-box { position: relative; margin: 0 15px 15px 0; font-size: 12px; }
        .comment-add .input-box .input { display: block; margin: 0; padding: 5px 10px; width: 100%; height: auto; border: 1px solid #ddd; border-radius: 0.2125em; font-family: "Microsoft Yahei",helvetica,arial; color: #262626; font-size: 14px; line-height: 1.3em; }
        .comment-add .input-box .code { display: inline-block; width: 65px; }
        .comment-add .input-box .weui-btn { float: right; font-size: 13px; }

.comment-list { position: relative; margin: 0; padding: 0; }
    .comment-list .nodata { margin-left: 15px; color: #999; font-size: 13px; text-align: center; line-height: 80px; border-top: 1px solid #ececec; }
    .comment-list li { margin-left: 15px; padding: 15px 15px 15px 0; border-top: 1px solid #ececec; }
        .comment-list li:first-child { border-top: 1px solid #ececec; }
        .comment-list li .avatar { position: relative; float: left; width: 40px; height: 40px; background: #fafafa; border-radius: 40px; overflow: hidden; }
            .comment-list li .avatar img { width: 100%; height: 100%; }
            .comment-list li .avatar i { color: #09bb07; font-size: 40px; line-height: 50px; }
        .comment-list li .inner { margin-left: 50px; }
            .comment-list li .inner .meta { margin: 0; padding: 0 0 5px; color: #cecece; font-size: 12px; border: none; }
                .comment-list li .inner .meta .blue { color: #09bb07; }
                .comment-list li .inner .meta .time { float: right; }
            .comment-list li .inner p { margin: 0; padding: 0; color: #333; font-size: 13px; line-height: 1.5em; }

        .comment-list li .answer { clear: both; margin: 10px 0 0 50px; padding: 10px; background: #f6f6f6; border: 1px solid #e6e6e6; border-radius: 5px; }
            .comment-list li .answer .meta { margin: 0 0 5px 0; padding: 0; color: #999; font-size: 12px; border: none; }
                .comment-list li .answer .meta .blue { color: #1e7bb3; }
                .comment-list li .answer .meta .time { float: right; }
            .comment-list li .answer p { margin: 0; padding: 0; color: #333; font-size: 13px; line-height: 1.5em; }

.comment-more { margin: 15px; }
    .comment-more .weui-btn { color: #555; font-size: 13px; background: #fff; border: 1px solid #e5e5e5; }

/*分页页码*/
.page-list { position: relative; margin: 10px 0; padding: 0; clear: both; background: #fff; }
    .page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .page-list a,
    .page-list span { margin: 0.5em 0; padding: 0.5em 0; display: none; float: left; width: 24.5%; line-height: 1.2em; border-left: 1px solid #ececec; font-size: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .page-list a:active { background: #ececec; }
    .page-list span { color: #999; }
    .page-list a { color: #333; }
        .page-list span:nth-child(1), .page-list span:nth-child(2), .page-list a:nth-child(2) { display: block; float: left; }
        .page-list span:nth-last-child(1), .page-list a:nth-last-child(1) { display: block; float: left; border-left-color: #ececec; }
    .page-list .current { display: block; float: left; }

/*视频容器*/
.video-box { position: relative; margin: 0 15px; }
    .video-box video { margin: 0; padding: 0; }

/*会员样式*/
.form-logo { margin: 0 auto; padding-top: 50px; text-align: center; }
    .form-logo img { width: 180px; }
.oauth-box { display: block; margin: 0 auto 5px -10px; padding: 0 15px; text-align: center; }
    .oauth-box a { display: inline-block; margin: 0 0 10px 10px; width: 38px; height: 38px; border-radius: 38px; overflow: hidden; }
        .oauth-box a img { width: 100%; height: 100%; }
.head-box { margin: 20px 0 10px; padding: 15px 10px; background: #fff; }
    .head-box .img-box { float: left; width: 60px; height: 60px; border-radius: 60px; background: #f8f8f8; overflow: hidden; }
        .head-box .img-box img { width: 100%; height: 100%; }
        .head-box .img-box i { color: #09bb07; font-size: 60px; line-height: 80px; }
    .head-box .tit-box { display: block; margin: 0 auto 0 75px; }
        .head-box .tit-box h3 { display: block; margin-bottom: 5px; color: #333; font-size: 17px; line-height: 20px; text-shadow: none; }
        .head-box .tit-box p { display: block; color: #666; font-size: 13px; line-height: 18px; text-shadow: none; }
            .head-box .tit-box p span { color: #09bb07; }
.form-box .weui-btn { font-size: 16px; }
.form-box .weui-label,
.form-box .weui-cell__bd,
.form-box .weui-cell__bd p { color: #333; font-size: 108%; }
    .form-box .weui-cell__bd p i { margin-left: 5px; color: #999; font-size: 12px; font-style: normal; }
.form-box .select { display: inline-block; width: 30%; color: #555; font-size: 14px; line-height: 28px; height: 28px; border: none; border-bottom: 1px solid #ececec; background: #fff; }
.form-box .vcode .weui-vcode-btn { padding: 0 1em; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #e5e5e5; }
    .form-box .vcode .weui-vcode-btn.gray { color: #999; }
.form-preview { font-size: 15px; }
    .form-preview .weui-form-preview__btn { font-size: 15px; }
/*提示样式*/
.msg-box .weui-btn { font-size: 16px; }

/*订单样式
-------------------------------------------------------------------*/
.cart-list { margin: 0; padding: 0; background: #fff; }
    .cart-list li { position: relative; margin: 0 0 0 15px; padding: 15px 15px 15px 0; border-top: 1px solid #ececec; }
        .cart-list li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
        .cart-list li:first-child { border-top: none; }
        .cart-list li label.select { position: absolute; display: block; top: 15px; left: 0; }
        .cart-list li .img-box { display: block; float: left; margin: 0 10px 0 20px; width: 70px; }
            .cart-list li .img-box img { width: 70px; }
        .cart-list li > h2 { display: block; margin: 0; padding: 0; color: #333; font-size: 13px; font-weight: normal; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .cart-list li p.stxt { padding-top: 5px; color: #999; font-size: 12px; line-height: 1.3em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .cart-list li .note { display: block; margin-left: 80px; padding-top: 8px; }
            .cart-list li .note .price { display: inline-block; color: #F00; font-size: 15px; font-style: normal; line-height: 23px; }
            .cart-list li .note span { display: block; float: right; color: #8c8c8c; font-size: 12px; line-height: 23px; }

            .cart-list li .note .btn-list { display: block; float: right; }
                .cart-list li .note .btn-list input { display: block; float: left; margin: 0 0 0 -1px; padding: 0; width: 30px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #ddd; color: #555; font-size: 13px; font-weight: bold; background: #fff; }
                .cart-list li .note .btn-list a { display: block; float: left; margin: 0 0 0 -1px; padding: 0 8px; border: 1px solid #ddd; color: #555; font-size: 13px; line-height: 23px; }
                    .cart-list li .note .btn-list a.del { margin-left: 5px; border: 0; line-height: 23px; color: #777; font-weight: normal; }
    .cart-list.inset li .img-box { margin-left: 0; }
    .cart-list li .note .right { display: block; float: right; color: #666; font-size: 14px; }
.cart-foot { display: block; height: 52px; background: #fff; border-top: 1px solid #ececec; }
    .cart-foot .all { display: block; float: left; margin-left: 15px; width: 60px; color: #333; font-size: 14px; line-height: 52px; }
        .cart-foot .all i { font-size: 15px; line-height: 54px; }
    .cart-foot .total { display: block; float: right; padding: 0 10px; }
        .cart-foot .total p { display: block; color: #999; font-size: 13px; line-height: 52px; }
            .cart-foot .total p b { color: #f00; font-size: 15px; }
    .cart-foot .btn { display: block; float: right; margin-top: -1px; padding: 0 15px; background: #f60; height: 53px; line-height: 53px; color: #fff; font-size: 15px; }

.detail-list { }
    .detail-list ul .nodata { position: relative; margin: 10px 0 0 0; color: #999; font-size: 13px; text-align: center; line-height: 80px; background: #fff; }
        .detail-list ul .nodata:after { content: " "; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; color: #e5e5e5; border-bottom: 1px solid #e5e5e5; transform-origin: 0 100%; transform: scaleY(.5); }
        .detail-list ul .nodata:before { content: " "; position: absolute; left: 0; right: 0; top: 0; height: 1px; color: #e5e5e5; border-top: 1px solid #e5e5e5; transform-origin: 0 0; transform: scaleY(.5); }
    .detail-list li { position: relative; margin: 10px 0 0 0; background: #fff; }
        .detail-list li:after { content: " "; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; color: #e5e5e5; border-bottom: 1px solid #e5e5e5; transform-origin: 0 100%; transform: scaleY(.5); }
        .detail-list li:before { content: " "; position: absolute; left: 0; right: 0; top: 0; height: 1px; color: #e5e5e5; border-top: 1px solid #e5e5e5; transform-origin: 0 0; transform: scaleY(.5); }
        .detail-list li .detail-hd { position: relative; padding: 14px 15px 10px; color: #999; font-size: 13px; }
            .detail-list li .detail-hd:after { content: " "; position: absolute; left: 15px; right: 0; bottom: 0; height: 1px; color: #e5e5e5; border-bottom: 1px solid #e5e5e5; transform-origin: 0 100%; transform: scaleY(.5); }
            .detail-list li .detail-hd .fr { float: right; color: #09bb07; }

        .detail-list li .detail-bd { }
            .detail-list li .detail-bd .list-box { position: relative; display: block; padding: 15px; }
                .detail-list li .detail-bd .list-box:after { content: " "; position: absolute; left: 15px; right: 0; bottom: 0; height: 1px; color: #e5e5e5; border-bottom: 1px solid #e5e5e5; transform-origin: 0 100%; transform: scaleY(.5); }
                .detail-list li .detail-bd .list-box:last-child:after { border: none; }
                .detail-list li .detail-bd .list-box .img-box { position: relative; display: block; float: left; margin: 0 10px 0 0; width: 70px; height: 70px; background: ececec; overflow: hidden; }
                    .detail-list li .detail-bd .list-box .img-box img { width: 100%; height: 100%; }
                    .detail-list li .detail-bd .list-box .img-box i { color: #999; font-size: 70px; line-height: 80px; }
                .detail-list li .detail-bd .list-box .txt-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
                .detail-list li .detail-bd .list-box .txt-box > h2 { display: block; margin: 0 0 5px 0; padding: 0; color: #333; font-size: 13px; font-weight: normal; height: 20px; line-height: 20px; white-space: normal; text-overflow: ellipsis; overflow: hidden; }
                .detail-list li .detail-bd .list-box .txt-box p { color: #999; font-size: 13px; line-height: 22px; }
                .detail-list li .detail-bd .list-box .txt-box .note { }
                    .detail-list li .detail-bd .list-box .txt-box .note span { }
                    .detail-list li .detail-bd .list-box .txt-box .note .fr { float: right; }
                    .detail-list li .detail-bd .list-box .txt-box .note .price { color: #f00; font-size: 14px; }

        .detail-list li .detail-ft { position: relative; display: block; padding: 15px; }
            .detail-list li .detail-ft:before { content: " "; position: absolute; left: 0; right: 0; top: 0; height: 1px; color: #e5e5e5; border-top: 1px solid #e5e5e5; transform-origin: 0 0; transform: scaleY(.5); }
            .detail-list li .detail-ft p { display: block; padding: 10px 0; color: #999; font-size: 13px; line-height: 20px; }
            .detail-list li .detail-ft .fr { float: right; }
            .detail-list li .detail-ft .ft-btn { clear: both; padding: 0; display: block; }
                .detail-list li .detail-ft .ft-btn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
                .detail-list li .detail-ft .ft-btn .check-box { position: relative; display: block; margin-top: 7px; float: left; color: #333; font-size: 13px; line-height: 16px; }
                    .detail-list li .detail-ft .ft-btn .check-box input { display: inline-block; margin: 0 3px 0 0; padding: 0; width: 16px; height: 16px; vertical-align: top; }
                .detail-list li .detail-ft .ft-btn .btn-box { float: right; }
                    .detail-list li .detail-ft .ft-btn .btn-box a { display: inline-block; margin: 0 0 0 5px; padding: 8px 15px; color: #09bb07; font-size: 13px; line-height: 1em; border: 1px solid #e5e5e5; }
                        .detail-list li .detail-ft .ft-btn .btn-box a:active { background: #ebebeb; }
                        .detail-list li .detail-ft .ft-btn .btn-box a i { color: #09bb07; font-size: 13px; }

/*页面底部
-------------------------------------------------------------------*/
.foot-nav .weui-tabbar { position: fixed; }
    .foot-nav .weui-tabbar i.weui-tabbar__icon { font-size: 22px; }
    .foot-nav .weui-tabbar .item-box { display: inline-block; position: relative; }
        .foot-nav .weui-tabbar .item-box .weui-badge { position: absolute; top: -2px; right: -13px; }
        .foot-nav .weui-tabbar .item-box .weui-badge_dot { position: absolute; top: 0; right: -6px; }
.footer { padding: 15px 0; }


.programLine { text-align: center; }
    .programLine a { margin: 0 5px; text-decoration: none; }
/********  开通VIP  ************/
.divOpenVIP { margin: 10px auto; padding: 8px 2px; border: solid 1px #ccc; border-radius: 8px; }
    .divOpenVIP p { line-height: 30px; font-size: 14px; text-align: center; }
        .divOpenVIP p b { display: block; font-size: 15px; color: #34ad2a; text-align: center; }
        .divOpenVIP p a { padding: 4px 10px; font-size: 15px; color: #10810e; border: solid 1px #09bb07; border-radius: 6px; text-decoration: none; }
        .divOpenVIP p div { text-align: center; }
.btn_openvip { width: 70%; margin: 20px auto; height: 50px; line-height: 50px; color: white; background: #34ad2a; }


.div_viplist { width: 100%; font-size: 18px; }
    .div_viplist p { margin: 20px auto; text-align: center; }
        .div_viplist p img { width: 100px; height: 100px; }
        .div_viplist p strong { font-weight: bold; padding: 0 10px; }
    .div_viplist div { text-align: center; }
        .div_viplist div img { width: 120px; height: 120px; }
        .div_viplist div input { width: 180px; cursor: pointer; }


/*----------kanVIP-------------------------*/
.kanVIP { margin: 15px auto; text-align: center; }
    .kanVIP h1 { margin: auto; color: #87115D; text-align: center; width: 90%; border-bottom: solid 1px #ccc; padding: 15px; }
    .kanVIP h6 { font-weight: normal; text-align: center; font-size: 15px; width: 90%; padding: 10px; margin: auto; position: relative; }
.divPlayer { width: 90%; height: 300px; padding: 5px; border: solid 1px #ccc; border-radius: 8px; margin: 5px auto; overflow: hidden; }
#iframePlayer { width: 100%; height: 290px; margin: 5px auto; background: #000; border: none; }

.divXL, .divUrl { width: 90%; background: #d8d3d3; border-radius: 10px; height: 30px; margin: 10px auto; border: solid 1px #aaa; position: relative; }
    .divXL div, .divUrl div { color: #333; height: 30px; float: left; font-size: 14px; text-align: center; width: 80px; line-height: 30px; }
.txtUrl, .sel { height: 30px; line-height: 30px; float: left; border: none; border-radius: 0 8px 8px 0; padding: 0 10px; font-size: 14px; width: calc(100% - 80px); }

.txtUrl { }
.sel { }
    .sel option { font-size: 14px; height: 24px; }

.divbtnPlay { width: 80%; height: 30px; margin: 20px auto; }
.btnPlay, .btnPlay:hover { width: 100%; height: 30px; font-size: 14px; text-align: center; border: solid 2px #680e48; cursor: pointer; text-shadow: none; border-radius: 6px; }
.btnPlay { background: #680e48; color: white; }
    .btnPlay:hover { background: #fff; color: #680e48; }


.divVideoWebList { width: 94%; text-align: center; margin: 10px auto; overflow: hidden; }
    .divVideoWebList a { text-decoration: none; margin: 5px; padding: 3px 5px; height: 32px; line-height: 32px; background: #87115D; color: white; text-align: center; text-shadow: none; display: inline-block; font-size: 14px; border: solid 1px #680e48; }

.divHelp { width: 92%; margin: 5px auto; border: solid 1px #ccc; }
    .divHelp h1 { position: relative; font-weight: normal; font-size: 14px; text-align: center; height: 32px; line-height: 32px; border-bottom: solid 1px #ccc; }
    .divHelp ul { list-style: none; width: 90%; margin: 10px auto; }
        .divHelp ul li { font-size: 14px; padding: 8px; }
            .divHelp ul li strong { color: red; }

.divDown { width: 90%; margin: 10px auto; text-align: center; }
    .divDown h6 { font-size: 14px; text-align: center; }
        .divDown h6 strong { color: #1f7415; font-weight: bold; }
    .divDown img { border: solid 1px #ccc; padding: 8px; margin: 5px auto; width: 180px; height: 180px; }


/**播放 页面 */

/* 圆角灰背景*/
.yhbg { background-color: #f1f1f1; padding: 5px 10px; border-radius: 19px; box-shadow: #d7d3d3 0 0 8px 0px; }

.photo-list li a { height: 180px; overflow: hidden; }
    .photo-list li a img { width: auto; height: 150px; }

.entry .huanbiaoTip { background: #f2d109; color: #f00; font-size: 18px; text-align: center; padding: 10px 5px; border-radius: 10px; margin-top: 20px; font-weight: bold; animation: huanbiao-change 3s infinite; }

.div_remen { margin: 10px auto 0 auto; text-align: center; background: #09bb07; color: white; width: calc(96% + 2px); height: 30px; line-height: 30px; font-size: 16px; border-radius: 5px 5px 0 0; }

.entry .divfreeplay { height: 50px; line-height: 50px; background: red; color: white; text-align: center; font-size: 18px; }
    .entry .divfreeplay strong { padding: 0 10px; font-weight: bold; color: gold; }

.entry .guanzhu { text-align: center; margin: 10px auto; border-radius: 6px; border: solid 3px #ccc; position: relative; }
    .entry .guanzhu h3 { font-weight: normal; font-size: 14px; padding: 10px 0; text-align: center; }
        .entry .guanzhu h3 span { color: red; font-weight: bold; }
.hide { display: none; }

#loginTip { position: relative; }
    #loginTip span { padding: 5px; display: block; font-size: 10px; color: #999; margin-right: 20px; }
    #loginTip .loginTipAct { font-size: 15px; background: #EDFAEE; color: #288627; font-weight: bold; }

.div_indextop { margin: 10px auto 0 auto; text-align: center; background: #450b0b; color: white; width: calc(96% + 2px); height: 30px; line-height: 30px; font-size: 16px; }
.div_indexred { margin: 10px auto 0 auto; text-align: center; background: #333; color: white; width: calc(96% + 2px); height: 30px; line-height: 30px; font-size: 16px; }

/**播放器 页面 */
.vcontainer { height: auto; overflow: hidden; }
    .vcontainer .category { overflow: hidden; position: relative; overflow: hidden; }
        .vcontainer .category:after { content: ""; position: absolute; width: 100%; left: 0; top: 0; height: 1px; background-color: #EDEDED; z-index: 2; }
        .vcontainer .category:before { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background-color: #EDEDED; z-index: 2; }
        .vcontainer .category a:after { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
        .vcontainer .category .prev { display: none; position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; left: 0; border-right: 1px solid #e1e3e6; }
            .vcontainer .category .prev span { display: inline-block; vertical-align: middle; width: 9px; height: 14px; background-repeat: no-repeat; background-image: url(../images/arrow.svg); background-position: 96.77% 25%; background-size: initial; }
        .vcontainer .category ul { margin: 0; }
            .vcontainer .category ul li { display: table-cell; white-space: nowrap; font-size: 14px; text-align: center; border-bottom: 3px solid transparent; cursor: pointer; position: relative; padding: 18px 25px; }
                .vcontainer .category ul li.active { border-bottom-color: #00a4ff; color: #00a4ff; }
    .vcontainer .cont { display: none; }
        .vcontainer .cont.active { display: block; }
        .vcontainer .cont .videoPlayer, .vcontainer .cont iframe { height: 220px; min-height: 220px; width: 100%; }
            .vcontainer .cont .videoPlayer p.ready { width: 100%; height: 100%; color: white; background: #000; text-align: center; padding-top: 25%; text-shadow: none; font-size: 20px; }
        .vcontainer .cont p { color: red; font-weight: bold; text-align: center; font-size: 14px; line-height: 18px; }
        /*#h3vurls { display: flex; justify-content: space-between; }
    #h3vurls span {*/ /*text-align: center; margin: 10px auto 0 auto;*/ /*}*/
        /*#h3vurls a.active { height: 32px; line-height: 32px; background: #fff; color: red; border: solid 1px #34ad2a; border-bottom: none 0; margin-bottom: -6px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
        #h3vurls a { text-shadow: none; display: inline-block; color: #34ad2a; margin: 4px; text-decoration: none; padding: 5px 10px; line-height: 20px; border: 1px solid #eee; font-size: 14px; vertical-align: middle; }*/
        /*#h3vurls span select {padding:3px;font-size:15px;border:solid 1px #ccc; border-radius:5px;color:#34ad2a}
                #h3vurls select option { padding:8px;line-height:24px;height:24px;}        
        #h3vurls span input[type=button] {background-color:#d09418;color:white; border:none; border-radius:5px; padding:4px 15px; cursor:pointer;font-size:16px;}*/
        /*                #h3vurls span input[type=button]:first-child { margin-right:25px;}*/
        .vcontainer .cont h3 { display: flex; justify-content: space-evenly; align-items:center; margin:8px auto; }
            .vcontainer .cont h3 span select { padding: 3px; font-size: 15px; border: solid 2px #1a7413; border-radius: 5px; color: #34ad2a; background-color: #f1f8e9; }
                .vcontainer .cont h3 span select option { padding: 8px; line-height: 24px; height: 24px; }
        .vcontainer .cont h3 span input[type=button] { background-color: #d09418; color: white; border: none; border-radius: 5px; padding: 4px 15px; cursor: pointer; font-size: 16px; }

#h4pd { text-align: center; }
#h4pd a { margin: 5px 4px; text-shadow: none; border-radius: 4px; display: inline-block; color: #34ad2a; text-decoration: none; padding: 4px 8px; border: 1px solid #34ad2a; font-size: 12px; }
    #h4pd a.active { background: #d1f7e9; color: #e10000; background-image: url(../images/playing.gif); background-repeat: no-repeat; background-size: 20px 20px; background-position: 96% 5px; padding-right: 30px; }

.vcontainer div h5, .vcontainer div h6 { color: red; font-weight: bold; font-size: 12px; text-align: left; display: none; -webkit-animation: shining 1s alternate infinite; animation: shining 1s alternate infinite; }
    .vcontainer div h5 div { line-height: 13px; padding: 3px 0; }

.vcontainer .cont ul:first-child { padding: 20px 0; }
.vcontainer .cont ul li { list-style: none; width: 96%; margin: 10px auto; }
    .vcontainer .cont ul li:first-child { font-weight: bold; font-size: 16px; }
    .vcontainer .cont ul li span { font-size: 12px; }
    .vcontainer .cont ul li audio { }

/**浏览器检测警告*/
.weui-dialog__bd p { text-align: left; text-indent: 1ch; line-height: 28px; margin: 8px auto; }
    .weui-dialog__bd p strong { color: red; border: solid 1px #f00; padding: 0 3px; text-indent: 0; height: 24px; line-height: 24px; border-radius: 10px; margin: 0 5px; display: inline-block; }


/*音频*/
.entry .vcontainer .cont .h3 ul { }
    .entry .vcontainer .cont .h3 ul li { list-style: none; }
.gfq { display: none; text-align: center; background: red; color: white; text-shadow: none; line-height: 24px; font-size: 14px; border-radius: 8px; margin: 5px auto; padding: 5px 10px; }

.ulaudio > li { list-style: none; }


/* 播放页 视频源说明*/
#divvideosrcmsg { }
    #divvideosrcmsg ul { text-align: left; margin: auto; }
        #divvideosrcmsg ul li { margin: 5px auto; line-height: 30px; color: #393838 }
            #divvideosrcmsg ul li i { font-style: normal; background-color: #d3a116; color: white; border-radius: 5px; padding: 0px 4px; margin: 0 4px; height: 20px; line-height: 20px; display: inline-block; }
            #divvideosrcmsg ul li p { padding-left: 1em; }
            #divvideosrcmsg ul li h4 {color:red;}
            #divvideosrcmsg ul li h3 { text-align: center; height: 55px; line-height: 60px; }
                #divvideosrcmsg ul li h3 a { font-size: 16px; background-color: #34ad2a; font-weight: normal; color: white; border: solid 1px #34ad2a; border-radius: 15px; padding: 8px 30px; }


/*jquerytab*/
.container { background: #f7f8fa; height: auto; overflow: hidden; padding-top: 60px; padding-bottom: 80px; }
.price { margin: 0 auto; }
    .price h2 { font-size: 24px; color: #333; line-height: 1; font-weight: 400; padding-bottom: 10px; padding-left: 10px; }
    .price .category { /*width: 1180px;*/ overflow: hidden; position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 10px; }
        .price .category:after { content: ""; position: absolute; width: 100%; left: 0; top: 0; height: 1px; background-color: #EDEDED; z-index: 2; }
        .price .category:before { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 1px; background-color: #EDEDED; z-index: 2; }
        .price .category a:after { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
        .price .category .prev { display: none; position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; left: 0; border-right: 1px solid #e1e3e6; }
            .price .category .prev span { display: inline-block; vertical-align: middle; width: 9px; height: 14px; background-repeat: no-repeat; background-image: url(../images/arrow.svg); background-position: 96.77% 25%; background-size: initial; }
        .price .category .next span { display: inline-block; vertical-align: middle; width: 9px; height: 14px; background-repeat: no-repeat; background-image: url(../images/arrow.svg); background-position: 61.29% 25%; background-size: initial; }
        .price .category .next { position: absolute; top: 0; width: 59px; height: 100%; box-shadow: 0 0 3px #c6c6c7; background: #fff; text-align: center; font-size: 0; right: 0; border-left: 1px solid #e1e3e6; }
        .price .category ul li { display: table-cell; white-space: nowrap; font-size: 14px; text-align: center; border-bottom: 3px solid transparent; cursor: pointer; position: relative; padding: 18px 25px; }
            .price .category ul li.active { border-bottom-color: #00a4ff; color: #00a4ff; }
    .price .cont { display: none; }
        .price .cont.active { display: block; }
    /*.price .cont ul li { width: 280px; float: left; margin: 0 10px; box-sizing: border-box; }
                        .price .cont ul li:nth-child(4n) { margin-right: 0px !important; }
                        .price .cont ul li a { display: block; border: 1px solid #E5E5E5; background-color: #fff; margin-top: 20px; padding: 13px 20px 15px; }
                                .price .cont ul li a:hover { box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1); border-color: rgba(229, 229, 229, .73); }
                                        .price .cont ul li a:hover .cont_main h3.title { color: #00a4ff; }
                                .price .cont ul li a .cont_main { display: table-cell; vertical-align: top; }
                                        .price .cont ul li a .cont_main h3.title { font-size: 18px; font-weight: 400; color: #333; line-height: 32px; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; }
                                        .price .cont ul li a .cont_main p.desc { font-size: 14px; line-height: 1.5; color: #666; height: 42px; margin-top: -2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }*/

    .price .cont { display: none; }
        .price .cont.active { display: block; }
        .price .cont ul li a p { height: 36px; }
        .price .cont ul:not(.n100-list) li { width: 280px; float: left; margin: 0 10px; box-sizing: border-box; }
            .price .cont ul:not(.n100-list) li:nth-child(4n) { /*margin-right: 0px !important;*/ }

            .price .cont ul:not(.n100-list) li a { display: block; border: 1px solid #E5E5E5; background-color: #fff; margin-top: 10px; padding: 8px; }
                .price .cont ul:not(.n100-list) li a:hover { box-shadow: #9EBCE2 0 3px 7px 0; border-color: rgba(98,189,254, .73); }

                .price .cont ul:not(.n100-list) li a h3 { width: 100%; height: 160px; overflow: hidden; position: relative; }
                    .price .cont ul:not(.n100-list) li a h3 img { width: 100%; height: 100%; border: none 0; object-fit: contain; }
                    .price .cont ul:not(.n100-list) li a h3 span { position: absolute; height: 32px; width: 100%; background: #fff; line-height: 32px; bottom: 0; left: 0; text-align: center; font-size: 12px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; overflow: hidden; }
                .price .cont ul:not(.n100-list) li a p { padding: 3px 0; height: 36px; text-overflow: ellipsis; display: block; overflow: hidden; }

/*播放页底部列表*/
.progarm-olist-head { position: relative; text-align: center; font-size: 16px; }
    .progarm-olist-head a { position: absolute; right: 3px; font-size: 14px; color: #247015; }

.progarm-olist { width: 100%; }
ul.txt-list { list-style: none; margin: 0; }
    ul.txt-list li { list-style: none; border-radius: 6px; position: relative; margin: 5px auto; border: solid 1px #34ad2a; }
        ul.txt-list li strong { display: inline-table; background: #e8f5e7; color: #34ad2a; padding: 3px; border-radius: 5px 0 0 5px; }
        ul.txt-list li a { text-overflow: ellipsis; display: block; height: 27px; color: #333; text-decoration: none; line-height: 30px; width: 73%; float: right; overflow: hidden; }
            ul.txt-list li a img { position: relative; top: 3px; width: 30px; }


.page__bd > div.huanbiao { background-color: #fff7c6; }

/*音频播放器*/
audio { width: 0px; height: 0px; visibility: hidden; }
.cover { padding: 40px 0; background-color: #444; display: flex; align-items: center; justify-content: center; background: url(/upload/audiocover.jpg); background-size: 100% 100%; }
    .cover .content { display: flex; align-items: center; justify-content: center; position: relative; width: 160px; height: 160px; }
    .cover .acplayer-paused span { width: 0; height: 0; border: 0.5em solid transparent; border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em; }
    .cover .acplayer-playing span:before { left: 8px; }
    .cover .acplayer-playing span:after { right: 8px; }
    .cover .acplayer-playing span:before, .cover .acplayer-playing span:after { width: 6px; height: 20px; background-color: #fff; content: ''; position: absolute; top: 7px; }
    .cover .content .center { position: absolute; top: 61px; left: 61px; background-color: #444; width: 34px; height: 34px; border: 2px solid #6c6971; border-radius: 50%; opacity: .9; }
    .cover .content img { border-radius: 50%; border: 5px solid #fff; width: 150px; height: 150px; }
    .cover .content .rotate-img { -webkit-animation: music_disc 20s linear infinite; animation: music_disc 20s linear infinite; animation-play-state: paused; -webkit-animation-play-state: paused; /* Safari 和 Chrome */ }
/*css3动画的旋转*/
@-webkit-keyframes music_disc {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* #region audioplayer */
.audioplayer { height: 6px; border: none; box-shadow: none; background: #fff; position: relative; width: 100%; margin: auto auto 50px auto; }
.audioplayer-bar { right: 0 !important; left: 0 !important; height: 14px !important; box-shadow: none; border-radius: 0; position: absolute; top: 15px; }
    .audioplayer-bar .audioplayer-bar-content { width: 100%; height: 12px; border-radius: 5px; background-color: #D9D9D9; position: absolute; top: 7px; }
.audioplayer-bar-played { background: deepskyblue; border-radius: 5px !important; width: 0; min-width: 20px; height: 12px !important; display: flex; align-items: center; justify-content: flex-end; }
    .audioplayer-bar-played:after { width: 23px; height: 23px; border-radius: 50%; content: ''; background-color: deepskyblue; }
.audioplayer-time { position: absolute; font-size: 9px; color: #fff; text-shadow: 1px 1px 2px #000; }
.audioplayer-time-current { border: none; left: 10px; top: -20px; font-size: 14px; }
.audioplayer-time-duration { border: none; right: 10px; top: -20px; font-size: 14px; }
.audioplayer-bar { right: 3.875em; left: 3.875em; }
.audioplayer-time { width: auto; }

.audioplayerlist { margin: 10px auto; padding: 0; border: solid 1px #9d9d9d; border-radius: 10px; }
    .audioplayerlist h3 { text-align: center; padding: 4px 0; background: #e0e3df; color: #0c6620; font-weight: bold; border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    .audioplayerlist strong { margin-left: 8px; }
    .audioplayerlist p { display: inline-block; padding: 3px 5px; margin: 10px; border: solid 1px deepskyblue; border-radius: 8px; }
        .audioplayerlist p.active { background: #b8e6f5 url(../images/playing.gif) no-repeat 90% 2px; color: #6c1b1b; font-weight: bold; background-size: 20px 20px; padding-right: 30px; }

.speed-control { display: flex; gap: 3px; margin-top: 10px; justify-content: space-between; }
.speed-btn { padding: 8px 6px; border-radius: 10px; border: 1px solid #aaa; }
    .speed-btn.active { background: #ff6600; color: #fff; }

/* #endregion */

/**下载链接*/
.divdown { margin: 10px auto; padding: 0; border: solid 1px #9d9d9d; border-radius: 10px; }
    .divdown h4 { margin: 4px; border: solid 1px #09bb07; background-color: #09bb07; text-shadow: none; font-weight: normal; color: white; text-align: center; font-size: 18px; cursor: pointer; }
    .divdown h5 p a { margin-left: 10px; border: solid 1px #09bb07; color: white; padding: 3px 5px; }

.page__bd { margin-top: 45px; }
    /*index*/
    .page__bd > ul { width: 120px; min-width: 100px; max-width: 132px; overflow: auto; }
        .page__bd > ul li { display: flex; flex-direction: column; justify-content: center; min-height: 40px; padding: 4px 2px; border-bottom: solid 1px #a3a3a3; border-right: solid 1px #a3a3a3; color: #333; font-size: 14px; text-align: center; }
            /*.page__bd > ul li img {width:32px;height:32px;border-radius:2px;}*/

            .page__bd > ul li.active { background-color: white; border-right: none; color: #781212; }
    /*.page__bd > ul li.active img {}*/


    .page__bd > ol { flex: 1; overflow: auto; background-color: white; padding-left: 5px; display: flex; flex-wrap: wrap; padding: 10px 0; }
        .page__bd > ol > li { display: none; position: relative; flex-direction: column; padding-top: 50px; left: -100px; }
            .page__bd > ol > li > h1 { position: fixed; text-align: center; z-index: 999; opacity: 0.9; height: 40px; line-height: 40px; box-shadow: 5px 4px 6px 2px #ccc; background-color: white; }
                .page__bd > ol > li > h1 img { height: 34px; margin-top: 3px; border-radius: 3px; }
                .page__bd > ol > li > h1 span { font-size: 16px; font-weight: bold; color: #781212; position: relative; top: -12px; left: 5px; }

            .page__bd > ol > li > ul > li { text-align: center; margin: 0px 8px 15px; box-shadow: 2px 0px 4px 1px #afafaf; border: solid 1px #afafaf; border-radius: 8px; padding: 5px; display: flex; position: relative; }
                .page__bd > ol > li > ul > li.huanbiao { border: solid 1px #f5cb07; background-color: #fff7c6; }
                .page__bd > ol > li > ul > li.listload { text-align: center; font-size: 18px; padding: 20% 3px; padding: 20% 3px; box-shadow: none; width: 100%; display: block; border: none; }
                .page__bd > ol > li > ul > li > span { position: absolute; font-size: 14px; width: 46px; height: 46px; background-image: url(../images/cd1.png); background-repeat: no-repeat; top: 0; left: 0; text-align: left; padding: 2px 5px; opacity: 0.9; color: white; font-weight: bold; }
                    .page__bd > ol > li > ul > li > span.nozs { background-image: url(../images/cd2.png); }
                .page__bd > ol > li > ul > li > a { width: 100%; }
                .page__bd > ol > li > ul > li a img { width: 96%; border-radius: 8px; }
                .page__bd > ol > li > ul > li a h3 { }
                    .page__bd > ol > li > ul > li a h3 strong { font-size: 14px; color: #643d0d; }
                    .page__bd > ol > li > ul > li a h3 span { color: #999; font-size: 11px; }
                .page__bd > ol > li > ul > li a h4 { color: #333; font-size: 13px; }
                    .page__bd > ol > li > ul > li a h4 img { width: 18px; height: 18px; position: relative; top: 5px; }
                    .page__bd > ol > li > ul > li a h4.top { color: red; font-size: 13px; }


.divpayts { margin: 15px auto; padding: 10px; background: #fff; border: solid 1px #d7c7c7; border-radius: 10px; background-color: #fdf7d0; }
    .divpayts h3 { font-size: 18px; font-weight: bold; text-align: center; }
    .divpayts ul li { text-indent: -2em; padding: 3px 10px; margin-left: 20px; }

.tbpayts { border: 1px solid #ccc; border-width: 1px 0 0 1px; border-collapse: collapse; }
    .tbpayts td, .tbpayts th { border: solid 1px #ccc; border-width: 0 1px 1px 0; text-align: left; }
    .tbpayts th { text-align: center; height: 32px; background: #09bb07; color: white; }
    .tbpayts td { }
        .tbpayts td p { margin: 10px 5px; padding-left: 2em; }
            .tbpayts td p:first-letter { margin-left: -2em; }
        .tbpayts td img { max-width: 95%; margin: 5px auto; border: solid 1px #ccc; }
        .tbpayts td i { margin: 0 3px; border: solid 1px #939393; background-color: #f2f2f2; color: #34ad2a; font-style: normal; border-radius: 3px; line-height: 24px; padding: 0 3px; display: inline-block; }


/*取回密码*/
.repwdtitle { color: #000; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; }
.repwdbody { padding: 10px; font-size: 15px; }
    .repwdbody .repwditem { margin: 10px auto; border: solid 1px #ccc; border-radius: 8px; padding: 10px; box-shadow: inset 0 0 20px 3px #ccc; }
        .repwdbody .repwditem h3 { font-weight: bold; line-height: 32px; }
            .repwdbody .repwditem h3 span { color: red; }
        .repwdbody .repwditem h4 { margin-bottom: 10px; font-weight: bold; }
        .repwdbody .repwditem ul { list-style: none; }
            .repwdbody .repwditem ul li { line-height: 20px; padding: 4px 0 4px 10px; }
            .repwdbody .repwditem ul.ulbz li { color: #666; }
            .repwdbody .repwditem ul li i { color: green; }
            .repwdbody .repwditem ul li span { color: blue; }
            .repwdbody .repwditem ul li strong { font-weight: normal; color: red; }
            .repwdbody .repwditem ul li label { background-color: #fffa00; }

            .repwdbody .repwditem ul li a { color: blue; border: solid 1px blue; padding: 3px 6px; border-radius: 6px; font-weight: bold; }
                .repwdbody .repwditem ul li a:hover { background-color: blue; color: white; }

            .repwdbody .repwditem ul li input { padding: 6px 8px; border: solid 1px #72797d; background-color: #fff; border-radius: 5px; font-size: 16px; }
            .repwdbody .repwditem ul li div { margin: 5px auto; }
        .repwdbody .repwditem p { line-height: 24px; margin: 8px auto; }
            .repwdbody .repwditem p span { color: red; padding: 2px 3px; font-weight: bold; }
            .repwdbody .repwditem p strong { color: red; padding: 2px 3px; font-weight: bold; }


/*节目单*/
.programlistHead { width: 98%; margin: 10px auto; }
    .programlistHead h3 { }
    .programlistHead h4 { color: red; text-align: center; }
    .programlistHead p input { margin: 5px; padding: 5px 10px; border: solid 1px deepskyblue; background: white; border-radius: 8px; }
        .programlistHead p input.act { background-color: deepskyblue; color: white; }


.yuming { width: 98%; margin: 30px auto; }
    .yuming h3 { font-size: 24px; color: red; font-weight: bold; text-align: center; margin: 25px auto; letter-spacing: 10px; }
    .yuming h4 { font-size: 18px; text-align: center; color: red; margin: 20px auto; letter-spacing: 6px; }
    .yuming p { background-color: white; text-indent: 2ch; line-height: 28px; font-size: 15px; border: solid 1px #ccc; border-radius: 15px; margin: 15px auto; padding: 10px; text-align: left; }
        .yuming p span { font-weight: bold; color: red; padding: 0 3px; }
        .yuming p i { font-size: 14px; color: #34ad2a; }
    .yuming a { background: #fff; width: 98%; border: solid 1px #b0dae5; border-radius: 15px; height: 28px; line-height: 28px; font-size: 20px; display: block; padding: 15px 0; text-align: center; }
        .yuming a:hover { background-color: #b0dae5; }

.ptipdom { background-color: #ffbfbf; border-radius: 14px; margin: 3px auto; font-size: 14px; width: 98%; padding: 2px 8px; }
    .ptipdom strong { color: red; font-size: 16px; }
    .ptipdom span { text-decoration: underline; color: red; }
    .ptipdom a { color: darkslategrey; font-weight: bold; display: block; }

@keyframes tdpaytipcolor-change {
    0% { background-color: rgba(247, 235, 169, 0.66); }
    80% { background-color: red; color: white; }
    100% { background-color: rgba(247, 235, 169, 0.66); }
}

@keyframes navnewchange {
    0% { text-shadow: 0 0 5px deepskyblue; }
    25% { text-shadow: 0 0 15px red; }
    50% { text-shadow: 0 0 20px green; }
    75% { text-shadow: 0 0 15px orange; }
    100% { text-shadow: 0 0 5px deepskyblue; }
}

@keyframes login-tip-change {
    0% { background-color: rgba(247, 235, 169, 0.66); }
    50% { background-color: #eabbbb; font-size: 14px; }
    100% { background-color: rgba(247, 235, 169, 0.66); }
}

@keyframes huanbiao-change {
    0% { background-color: #e9db82; font-size: 18px; }
    50% { background-color: #ffdc00; font-size: 22px; }
    100% { background-color: #e9db82; font-size: 18px; }
}

@keyframes zsvip {
    0% { box-shadow: 0 0 5px #aa9f21; color: #aa9f21; }
    25% { box-shadow: 0 0 8px #ea7676; color: #ea7676; }
    50% { box-shadow: 0 0 10px red; color: red; }
    75% { box-shadow: 0 0 8px #ea7676; color: #ea7676; }
    100% { box-shadow: 0 0 5px #aa9f21; color: #aa9f21; }
}