@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; background: #fff; }
        .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; }


/**播放 页面 */
.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 { text-align: center; padding: 5px; }
        /*#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 select {padding:3px;font-size:15px;width:200px;border:solid 1px #ccc; border-radius:5px;color:#34ad2a}
                #h3vurls select option { padding:8px;line-height:24px;height:24px;}
        #h3vurls span { display:block; text-align:center; margin:10px auto 0 auto;}
        #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;}

#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; }
/*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); }
}

.audioplayer { height: 6px; border: none; box-shadow: none; background: #fff; position: relative;width: 80%; 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;}

                /**下载链接*/
.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;}
  }