.sub-content{width:1240px;margin:0 auto;}
.all-contener{padding-bottom:40px;}
.sub-tit{height:58px;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.sub-tit-lf{float:left;}
.sub-tit-lf .h2-tit{float:left;font-size:24px;font-weight:900;color:#1d1d21;margin-top:15px;}
.sub-tit-lf p{float:left;font-size:15px;margin-top:25px;margin-left:20px;}
.sub-tit-lf p strong{color:#156ade;}
.sub-tab{float:right;margin-top:25px;}
.sub-tab a{position:relative;height: 33px;font-size:18px;margin-left:38px;}
.sub-tab a.on,
.sub-tab a:hover{font-weight:900;color:#1d1d21;}
.sub-tab a.on::after,
.sub-tab a:hover::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#156ade;}

.indexCatNav{margin-top:10px;padding:10px 0;}
.indexCatNav dl{margin-top:15px;}
.indexCatNav dl:first-child{margin-top:0px;}
.indexCatNav dl dt{float:left;color:#333333;line-height:26px;width:50px;}
.indexCatNav dl dd a{color:#1d1d21;height:26px;line-height:26px;border-radius:12px;padding:0 8px;margin:0 0px;}
.indexCatNav dl dd a.on,
.indexCatNav dl dd a:hover{background:#156ade;color:#fff;box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.indexCatNav dl dd a.on2{background:#156ade;color:#fff;height:26px;line-height:26px;border-radius:12px;padding:0 8px;margin:0 0px;}
.indexCatNav dl dd a.on2:hover{background:#0b51b0;color:#fff;}

.itemLish{overflow:hidden;padding-bottom:40px;border-bottom:1px solid #e5e5e5;}
.itemLish-cont{overflow:hidden;margin-left:-22px;}
.itemLish dl{float:left;position:relative;width:188px;height:343px;overflow:hidden;margin-left:22px;margin-top:20px;}
.itemLish dl dt{height:267px;}
.itemLish dl dt a{position:relative;width:183px;height:267px;overflow:hidden;border-radius: 3px;}
.itemLish dl dt a::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/main/mod_bg1.png) no-repeat;}
.itemLish dl dt a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;}
.itemLish dl dt img{width:183px;height:267px;transform:scale(1);transition:all 0.4s ease-in-out;}
.itemLish dl:hover img{transform:scale(1.1);}
.itemLish dl:hover a{box-shadow: 2px 2px 5px #999;}

.itemLish dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:14px 0 8px;}
.itemLish dl dd .btn{color:#878787;width:64px;height:24px;line-height:25px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out; cursor: pointer;}
.itemLish dl dd .btn .icon{display: inline-block;font-size:15px;margin-right:5px;}
.itemLish dl dd .date{position:absolute;bottom:80px;left:0;width:100%;text-align:center;color:#fff;}
.itemLish dl dd .new{position:absolute;top:0px;left:0px;width:30px;height:18px;line-height:16px;text-align:center;font-size:12px;color:#fff;background:#e50914;border-radius:3px;}
.itemLish dl dd .channel{position:absolute;top:3px;right:3px;padding: 2px; text-align:center;font-size:10px;color:#fff;background:#156ade;border-radius:3px;border-right: 1px solid #999;}
.itemLish dl:hover dd .btn{background:#f0f0f0;}
.itemLish dl.on dd .btn{background:#156ade;border:1px solid #156ade;color:#fff;}
.channel{position:absolute;top:3px;right:3px;padding: 2px; text-align:center;font-size:10px;color:#fff;background:#156ade;border-radius:3px;}

.paging{display:table;margin:30px auto 0;}
.paging a{font-size:16px;color:#000000;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;margin:0 3px;}
.paging a.icon{transform:rotate(-90deg);}
.paging a:hover:not(.icon),
.paging a.on:not(.icon){background:#156ade;color:#fff;}

.view-floor1{padding-top:20px;overflow:hidden;}
.view-floor1-lf{float:left;width:903px;height:525px;overflow:hidden;border-top-left-radius:6px;border-top-right-radius:6px;border: 1px solid #dddddd;}
.view-floor1-rt{float:right;width:323px;height:522px;border:1px solid #dddddd;background:#f8f8f8;border-radius:6px;overflow:hidden;}
.view-floor1-rt-tit{height:46px;line-height:46px;background:#fff;padding:0 20px;border-bottom:1px solid #ebebeb;}
.view-floor1-rt-tit .tit{float:left;font-size:16px;font-weight:900;color:#23212a;}
.view-floor1-rt-tit .tit span.icon{font-size:23px;vertical-align: middle;margin-right: 8px;}
.view-floor1-rt-tit .right-btn{float:right;}
.view-floor1-rt-tit .right-btn a{margin-left:10px;}
.view-floor1-rt-tit .right-btn a.on{color:#156ade;}
.view-floor1-rt-cont{height:451px;padding:12px 0 12px 10px;;}
.view-floor1-rt-cont ul > li{overflow:hidden;height:40px;line-height:40px;padding:0 8px 0 10px;margin-top:1px;}
.view-floor1-rt-cont ul > li .left{float:left;}
.view-floor1-rt-cont ul > li .right{float:right;}
.view-floor1-rt-cont ul > li p span{vertical-align:middle;}
.view-floor1-rt-cont ul > li p.left a{margin-right:10px;}
.view-floor1-rt-cont ul > li p.right a{font-size:12px;text-align:center;}
.view-floor1-rt-cont ul > li p.right .fhd{width:30px;height:18px;line-height:18px;border:1px solid #dddddd;background:#fff;border-radius:6px;}
.view-floor1-rt-cont ul > li p.right .hd{width:30px;height:18px;line-height:18px;border:1px solid #dddddd;background:#fff;border-radius:6px;}
.view-floor1-rt-cont ul > li:hover p.left a{font-weight:900;color:#222123}
.view-floor1-rt-cont ul > li.play{background:#156ade;border-radius:6px;}
.view-floor1-rt-cont ul > li.play p.left a{color:#fff;font-weight:400;}
.view-floor1-rt-cont ul > li.play p.left span.playing{color:#fff;}
.view-floor1-rt-cont ul > li.play p.right .fhd{border:1px solid #e34342;background:#e34342;color:#fff;font-weight:900;}
.view-floor1-rt-cont ul > li.play p.right .hd{border:1px solid #2e30cd;background:#3e40dd;color:#fff;font-weight:900;}
.view-floor1-rt-cont .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ height:451px;}
.view-floor1-rt-cont .mCSB_scrollTools{height: 380px !important;}

.view-floor2{overflow:hidden;}
.view-floor2-lf{float:left;position:relative;width:863px;min-height: 580px;padding:30px 20px 20px 20px;border:1px solid #dddddd; margin-top: 10px; border-radius: 6px;}
.view-floor2-lf-img{float:left;position:relative;}
.view-floor2-lf-img img{width:201px;height:290px;border-radius: 3px;}
.view-floor2-lf-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/sub/view_bg.png) no-repeat;}
.view-floor2-lf-cont{float:left;width:630px;height: 350px; margin-left:32px;}
.view-floor2-lf-cont .subscribe{float:inline-end;}
.view-floor2-lf-cont .tit{font-size:24px;font-weight:900;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:52px;line-height:45px;}
.view-floor2-lf-cont .score span{display:inline-block;vertical-align:middle;}
.view-floor2-lf-cont .score .start{position:relative;background:url(../images/sub/start_off.png) no-repeat;width:112px;height:20px;margin-right:5px;}
.view-floor2-lf-cont .score .start .i{content:"";position:absolute;top:0;left:0;width:83%;height:20px;background:url(../images/sub/start_on.png) no-repeat;}
.view-floor2-lf-cont .score .fraction{font-size:19px;color:#ff2143;}
.view-floor2-lf-cont ul.list{margin-top:20px;}
.view-floor2-lf-cont ul.list > li{font-size:15px;color:#333333;overflow:hidden;height:25px;line-height:25px;}
.view-floor2-lf-cont ul.list > li p{float:left;margin-right:25px;}
.view-floor2-lf-cont ul.list > li span.icon{font-size:20px;vertical-align:middle;}
.view-floor2-lf-cont ul.list > li strong{font-size:15px;color:#999999;}
.view-floor2-lf-cont ul.list > li p.right span{margin-right:20px;}
.view-floor2-lf-cont ul.list > li p.right span.blue{color:#156ade}
.view-floor2-lf-cont .cont{margin-top:20px;}



.view-bt{margin-top: 50px;width: 100%;}
.view-bt > .tit{font-size: 20px;font-weight: 900;color: #1d1d21;margin-bottom: 20px;}
.view-playlist{overflow-x: hidden;overflow-y: auto;height: 11.818rem;width: calc(100% + 40px);transform: translateX(-20px);padding: 5px 20px;}
.view-playlist > ul{display: flex;flex-wrap: wrap;margin-left: -10px;margin-top: -10px;}
.view-playlist > ul > li{width: calc((100% - 10px * 5) / 5);margin-left: 10px;margin-top: 15px;}
.view-playlist > ul > li > a{display: flex;justify-content: center;align-items: center;text-align: center;height: 3.181rem;font-size:12px;color: #333;background: #f8f8f8;border-radius: 10px;transition: 0.3s;word-break: keep-all;letter-spacing: -1px;}
.view-playlist > ul > li > a:hover,
.view-playlist > ul > li > a:focus{background:#156ade;color: #fff;}

.view-floor2-subscribe {}
.view-floor2-subscribe a{width:93px;height:37px;line-height:37px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out;font-size:18px;color:#878787;}
.view-floor2-subscribe a .icon{display: inline-block;font-size:15px;margin-right:5px;font-size:20px;}
.view-floor2-subscribe a:hover,
.view-floor2-subscribe a.on{background:#156ade;border:1px solid #156ade;color:#fff;}

.view-floor2-playlist{width: 95%; height: 300px;}

.view-floor2-lf-cont2{position:absolute;bottom:0;left:0;width:calc(100% - 40px);height:39px;padding:14px 60px;}
.view-floor2-lf-cont2 a{width:93px;height:37px;line-height:37px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out;font-size:18px;color:#878787;}
.view-floor2-lf-cont2 a .icon{display: inline-block;font-size:15px;margin-right:5px;font-size:20px;}
.view-floor2-lf-cont2 a:hover,
.view-floor2-lf-cont2 a.on{background:#156ade;border:1px solid #156ade;color:#fff;}

.view-floor2-rt{float:right;width:323px;border:1px solid #dddddd;border-radius:6px;margin-top:10px;}
.view-floor2-rt div.tit{font-size:16px;font-weight:900;color:#23212a;height:46px;line-height:46px;padding:0 20px;border-bottom:1px solid #ebebeb;}
.view-floor2-rt ul{padding:7px 20px;}
.view-floor2-rt ul > li{height:32px;line-height:32px;overflow:hidden;}
.view-floor2-rt ul > li span.num{font-size:16px;color:#a2a2a2;vertical-align: middle;width: 23px;display: inline-block;text-align: center;}
.view-floor2-rt ul > li a{color:#23212a;width: 216px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.view-floor2-rt ul > li a:hover{color:#156ade;}
.view-floor2-rt ul > li.first,
.view-floor2-rt ul > li.second,
.view-floor2-rt ul > li.third{height:48px;line-height:48px;margin-bottom:10px;}
.view-floor2-rt ul > li.first a,
.view-floor2-rt ul > li.second a,
.view-floor2-rt ul > li.third a{font-size:16px;color:#000;}
.view-floor2-rt ul > li.first a:hover,
.view-floor2-rt ul > li.second a:hover,
.view-floor2-rt ul > li.third a:hover{color:#156ade;}
.view-floor2-rt ul > li.first span.num,
.view-floor2-rt ul > li.second span.num,
.view-floor2-rt ul > li.third span.num{font-size:16px;font-weight:900;color:#e75153;}
.view-floor2-rt ul > li.first .img img,
.view-floor2-rt ul > li.second .img img,
.view-floor2-rt ul > li.third .img img{margin-right:5px;width:48px;height:48px;border-radius:11px;}
.view-floor2-rt ul > li.first{margin-top:10px;}


.view-floor3{position: relative;overflow:hidden;margin-top:20px;border-top:1px solid #e5e5e5;}
.view-floor3-cont{overflow:hidden;margin-left:-22px;}
.view-floor3 h3{font-size:24px;font-weight:900;color:#1d1d21;height:63px;line-height:63px;}
.view-floor3 dl{float:left;position:relative;width:188px;height:345px;overflow:hidden;margin-left:22px;}
.view-floor3 dl dt{height:272px;}
.view-floor3 dl dt a{position:relative;width:100%;height:272px;overflow:hidden;border-radius: 3px;}
.view-floor3 dl dt a::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/main/mod_bg1.png) no-repeat;}
.view-floor3 dl dt a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;}
.view-floor3 dl dt img{width:188px;height:272px;transform:scale(1);transition:all 0.4s ease-in-out;}
.view-floor3 dl:hover img{transform:scale(1.1);}


.view-floor3 dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:14px 0 8px;}
.view-floor3 dl dd .btn{color:#878787;cursor: pointer;width:64px;height:25px;line-height:25px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out;}
.view-floor3 dl dd .btn .icon{display: inline-block;font-size:15px;vertical-align:middle;margin-right:5px;}
.view-floor3 dl dd .date{position:absolute;bottom:80px;left:0;width:100%;text-align:center;color:#fff;}
.view-floor3 dl dd .new{position:absolute;top:3px;left:3px;width:49px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#fff;background:#156ade;border-radius:3px;}
.view-floor3 dl:hover dd .btn{background:#f0f0f0;}
.view-floor3 dl.on dd .btn{background:#156ade;border:1px solid #156ade;color:#fff;}

.view-floor3 .bx-pager.bx-default-pager{position:absolute;top:26px;right:72px;}
.view-floor3 .bx-pager.bx-default-pager .bx-pager-item{float:left;margin:0 3px;}
.view-floor3 .bx-pager.bx-default-pager .bx-pager-item a{position:relative;display:block;font-size:0;background:url(../images/main/slide_off.gif) no-repeat;width:10px;height:10px;}
.view-floor3 .bx-pager.bx-default-pager .bx-pager-item a.active{background:url(../images/main/slide_on.gif) no-repeat;}
.view-floor3 .bx-controls-direction a{position:absolute;top:22px;font-size:0;width:11px;height:20px;}
.view-floor3 .bx-controls-direction a.bx-prev{right:40px;background:url(../images/main/mod_lf.gif) no-repeat;}
.view-floor3 .bx-controls-direction a.bx-next{right:0;background:url(../images/main/mod_rt.gif) no-repeat;}
.view-floor3 .bx-controls-auto{position:absolute;top:25px;right:18px;}
.view-floor3 .bx-controls-auto .bx-start{display:none;}
.view-floor3 .bx-controls-auto .bx-stop{display:block;font-size:0;background:url(../images/sub/slide_stop.gif) no-repeat;width:15px;height:13px;}

.apply{width:100%;height:100%;background:#f7f7f7;}
.apply-box{position:relative;left:50%;top:115px;margin-left:-240px;width:400px;min-height:454px;background:#fff;padding:50px 40px 40px;}
.apply-logo{font-size:15px;color:#999999;text-align:center;margin-bottom:50px;}
.apply-logo span{position:relative;display:inline-block;}
.apply-logo i{position:absolute;bottom:0;left:145px;width:120px;text-align:left;}

.apply-cont{}
.apply-cont input[type="text"],
.apply-cont input[type="password"]{border:1px solid #156ade;border-radius:23px;padding:0 20px;width:calc(100% - 40px);height:48px;font-size:15px;outline:none;}
.apply-cont > ul > li{margin-top:10px;}
.apply-cont > ul > li:first-child{margin-top:0;}
.apply-cont > ul > li p.red{color:#ff2121;padding-left:20px;margin-top:5px;}
.apply-btn{margin-top:40px;}
.apply-btn a{display:block;height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:900;color:#fff;background:#156ade;border-radius:30px;}

.apply-cont > ul > li.code-get{position:relative;}
.apply-cont > ul > li.code-get a{position:absolute;top:50%;right:10px;margin-top:-14px;width:78px;height:28px;line-height:28px;border-radius:15px;background:#156ade;font-weight:900;color:#fff;text-align:center;}

.login-check{margin:20px 0 30px;padding:0 20px;overflow:hidden;}
.login-check input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0;width:18px;height:18px;}
.login-check p{float:left;margin-right:20px;padding-left:25px;}
.login-check p label{position:relative;display:inline-block;height:18px;line-height:18px;}
.login-check p label::before{content:"";position:absolute;top:0;left:-26px;z-index:1;width:16px;height:16px;border:1px solid #dcdcdc;border-radius:5px;}
.login-check input:checked + label::before{border:1px solid #156ade;}
.login-check input:checked + label::after{content:"";position:absolute;top:6px;left:-22px;background:url(../images/sub/true.gif) no-repeat;width:10px;height:7px;}
.login-btn{margin-top:0;}
.login-info{font-size:0;text-align:center;margin:25px 0 40px;}
.login-info a{padding:0 18px;font-size:14px;color:#1d1d21;}
.login-info a:first-child{padding-right:19px;}

.share{overflow:hidden;text-align:center;}
.share a{float:left;margin:0 30px;width:71px;}
.share a span{display:inline-block;}
.share a span.bor{width:71px;height:49px;border:1px solid #e5e5e5;border-radius:50%;padding-top:22px;}
.share a span.icon{font-size: 32px;color:#00d30c;line-height: 71px;height: 71px;padding-top: 0;}
.share a span.font{color:#1d1d21;letter-spacing:-1px;margin-top:10px;line-height:20px;}


.sub-content2{background:#f7f7f7;}
.sub-banner{background:#9da6ad;}
.sub-banner-cont{width:1240px;height:165px;margin:0 auto;padding-top:75px;background:url(../images/sub/sub_banner1.png) no-repeat right top;}
.sub-banner-cont p{margin-left:240px;}
.sub-banner-cont p.tit{font-size:40px;font-weight:900;color:#fff;}
.sub-banner-cont p.cont{font-size:21px;color:#dde9f2;margin-top:10px;}

.myinfo{width:1240px;margin:0 auto;background:#fff url(../images/sub/lf_bg.gif) repeat-y;}
.myinfo-lf{float:left;width:259px;margin-top:-87px;}
.myinfo-lf .photo{display:table;margin:0 auto;width:116px;height:116px;border:4px solid #fff;border-radius:20px;background:#eeeeee;box-shadow: 0px 4px 46px #929292;}
.myinfo-lf .photo span.icon{display:table-cell;vertical-align:middle;font-size:62px;color:#9da6ad;text-align:center;}
.myinfo-lf-cont{padding-top:28px;}
.petname{text-align:center;font-size:22px;font-weight:900;color:#333333;line-height: 32px;}
.personal{text-align:center;margin:18px 0 30px;}
.personal span{font-size:16px;color:#909090;}
.personal span.age{padding:0 18px;margin:0 30px;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
.myinfo-lnb{padding:0 20px;}
.myinfo-lnb > li{position:relative;height:50px;line-height:50px;border-bottom:1px solid #efefef;}
.myinfo-lnb > li > a{font-size:18px;font-weight:900;color:#333333;}
.myinfo-lnb > li > a span.icon{margin-left:7px;margin-right: 8px;font-size:20px;color:#929292;vertical-align:middle;}
.myinfo-lnb > li:first-child > a span.icon{font-size: 26px;margin-left: 4px;margin-right: 5px;}
.myinfo-lnb > li > span.right{float:right;margin-right:12px;font-size:18px;color:#a0a0a0;}
.myinfo-lnb > li::after{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #156ade;transform: scaleX(0);transform-origin: right;transition: transform .8s cubic-bezier(.19,1,.22,1);z-index: 0;}
.myinfo-lnb > li:hover::after,
.myinfo-lnb > li.on::after{transform: scaleX(1); transform-origin: left;}
.myinfo-lnb > li:hover > a,
.myinfo-lnb > li.on > a{color:#156ade;}
.myinfo-lnb > li.vip > a{background:url(../images/sub/myinfo_icon1.gif) no-repeat 10px center;padding-left:35px;}



.myinfo-rt{float:right;width:880px;min-height: 500px;padding-bottom: 100px;margin-top:50px;margin-right:50px;}
.h4-tit{font-size:28px;font-weight:900;color:#333333;}
.myinfo-rt-floor1{overflow:hidden;margin-bottom:30px;}
.myinfo-rt-floor1 .h4-tit{float:left;}
.myinfo-rt-floor1 .myinfo-tab{float:right;}
.myinfo-rt-floor1 .myinfo-tab > li{float:left;margin-left:38px;}
.myinfo-rt-floor1 .myinfo-tab > li > a{position:relative;font-size:18px;}
.myinfo-rt-floor1 .myinfo-tab > li > a i{font-size:18px;margin-left:5px;}
.myinfo-rt-floor1 .myinfo-tab > li > a.on,
.myinfo-rt-floor1 .myinfo-tab > li > a.on i{font-weight:900;color:#1d1d21;}
.myinfo-rt-floor1 .myinfo-tab > li > a.on::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#3fd5e2;}

.noList{background:#f4f4f4;padding:30px 0;text-align:center;color:#7f7f7f;}
.noList span.icon{font-size:37px;color:#9c9c9c;vertical-align:middle;margin-right:5px;}


.subscribe-list ul li{border-bottom:1px solid #ededed;padding:6px 0;overflow:hidden;}
.subscribe-list ul li:first-child{border-top:1px solid #ededed;}
.subscribe-list ul li p.left{float:left;}
.subscribe-list ul li p.left a img{margin-right:20px;}
.subscribe-list ul li p.right{float:right;margin-top: 16px;}
.subscribe-list ul li p.right span.sp1{margin-right:20px;}
.subscribe-list ul li p.right .gudok{color:#878787;width:66px;height:27px;line-height:27px;text-align:center;background:#156ade;color:#fff;border-radius:25px;overflow:hidden;vertical-align: middle;}
.subscribe-list ul li p.right .gudok .icon{display: inline-block;font-size:15px;vertical-align:middle;margin-right:5px;}

.myhome{overflow:hidden;margin-bottom:40px;}
.myhome > div{height:120px;}
.myhome > div .tit{font-size:20px;color:#3e3e3e;}
.myhome > div .date{margin:12px 0;font-size:16px;}
.myhome > div .btn a{width:128px;height:33px;line-height:33px;text-align:center;background:#249eff;font-size:16px;color:#fff;border-radius:6px;}

.myvip{overflow:hidden;margin-bottom:10px; width: 900px;}
.myvip > div{height:80px;}
.myvip > div .tit{font-size:20px;color:#3e3e3e;}
.myvip > div .date{margin:12px 0;font-size:16px;}
.myvip > div .btn a{width:128px;height:33px;line-height:33px;text-align:center;background:#249eff;font-size:16px;color:#fff;border-radius:6px;}

.left{float:left;}
.right{float:right;}
.sevice-box{width:267px;padding-left:153px;padding-top:20px;background:#ecf7ff url(../images/sub/myhome_05.png) no-repeat 43px center;}
.sevice-box .tit{color:#3e3e3e;}
.sevice-box .date{color:#7c7c7c;}
.sevice-box.on{width:241px;padding-left:179px;background:#f4f4f4 url(../images/sub/myhome_03.png) no-repeat 39px center;}
.sevice-box.on .tit{color:#249eff;}
.sevice-box.on .date{color:#4d4c4c;}

.info-box{position:relative;padding:40px 0 25px;border-top:1px solid #ededed;}
.info-box ul{margin-top:15px;}
.info-box ul li{height:30px;line-height:30px}
.info-box ul li p{float:left;font-size:15px;}
.info-box ul li .tit{width:88px;color:#919191;}
.info-box ul li .cont{color:#363636;}
.modify-btn{position:absolute;top:98px;right:0;}
.modify-btn a{width:104px;height:36px;line-height:36px;text-align:center;font-size:15px;color:#919191;border:1px solid #e0e0e0;border-radius:20px;}
.modify-btn a:hover{color:#249eff;}

.sbg{display:none;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.pop-box{display:none;position:absolute;left:50%;top:40%;z-index:3;margin-left:-250px;padding:60px 50px 65px;width:400px;min-height:301px;background:#fff;border-radius:15px;}
.pop-tit span{display:inline-block;font-size:34px;font-weight:900;color:#249eff;padding-bottom:10px;border-bottom:4px solid #249eff;}
.pop-cont input[type="password"],
.pop-cont input[type="text"]{width:calc(100% - 40px);height:48px;padding:0 20px;border:0;outline:none;font-size:15px;color:#666;background:transparent;}
.pop-btn{position:absolute;bottom:0;left:0;width:100%;height:65px;line-height:65px;text-align:center;background:#249eff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.pop-btn a{font-size:24px;font-weight:900;color:#fff;}
.pop-close{position:absolute;top:0;right:-60px;}
.pop-close a{width:60px;height:43px;line-height:43px;text-align:center;font-size:30px;color:#fff;}
.pwd-modify-box .pop-cont p{overflow:hidden;border-radius:6px;border:1px solid #e5e5e5;}
.pwd-modify-box .pop-cont p:first-child{margin-top:40px;margin-bottom:10px;}
.pwd-modify-box .pop-cont p.last input:first-child{border-bottom:1px solid #e5e5e5;}

.info-modify-box .pop-cont p{overflow:hidden;position:relative;border-radius:6px;border:1px solid #e5e5e5;margin-top:10px;}
.info-modify-box .pop-cont p:first-child{position:relative;margin-top:27px;margin-bottom:15px;border:0;}
.info-modify-box .pop-cont p:first-child input{position:absolute;opacity:0;}
.info-modify-box .pop-cont p:first-child input:checked + label{background:#249eff;color:#fff;}
.info-modify-box .pop-cont p:first-child input:checked + label[for="women"]{background:#ef5bdc;}
.info-modify-box .pop-cont p:first-child input:checked + label i.icon{color:#fff;}
.info-modify-box .pop-cont p:first-child label{position:relative;display:inline-block;width:46px;height:44px;line-height:44px;padding-left:60px;margin-right:10px;border:1px solid #e5e5e5;border-radius:25px;font-size:24px;color:#9d9d9d;transition:all 0.2s ease-in-out;}
.info-modify-box .pop-cont p:first-child label i.icon{position:absolute;top:0;left:22px;font-size:30px;color:#9d9d9d;transition:all 0.2s ease-in-out;}
.info-modify-box .pop-cont p select{width:100%;height:48px;padding-left:20px;border:0;outline:none;background:transparent;font-size:15px;}
.info-modify-box .pop-cont p .sele-icon{position:absolute;top:13px;right:22px;z-index:-1;font-size:20px;color:#9d9d9d;}
.info-modify-box .pop-cont p select {
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none; 
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.info-modify-box .pop-cont p select::-ms-expand { 
  display: none;
}

.bor-box{position:relative;padding:40px 0 25px;margin-top: 40px; border-top:1px solid #ededed;overflow: hidden;}
.bor-box .sub-tit-lf .h4-tit{float:left;}
.bor-box .sub-tit-lf p{margin-top:14px;}


.table{margin-top:15px;}
.table table th{background:#f6f6f6;padding:14px 0 14px 10px;font-size:15px;font-weight:900;color:#333333;text-align:left;}
.table table td{padding:14px 0 14px 10px;font-size:15px;border-top:1px solid #ededed;}
.table table tr td:first-child{border-left:0;}
.table table .center{text-align:center;padding:14px 0;}

.table.row tbody th{border-bottom: 1px solid #ededed;text-align:left;padding-left:0;background:none;font-size:24px;}
.table.row tbody td{font-size:14px;text-align:left;padding-left:0;border-left:0;}



.notice-wrap.myinfo{padding-top: 15px;}
.notice-wrap .myinfo-lf{margin-top:0;}
.notice-wrap .myinfo-lnb > li:first-child > a span.icon{margin-left: 7px;margin-right: 8px;font-size: 20px;}
.notice-wrap .myinfo-rt{margin-top:25px;}




.notice ul li{overflow:hidden;border:1px solid #ededed;border-radius:6px;margin-top:10px;}
.notice ul li:first-child{margin-top:0;}
.notice ul li > a{position:relative;display:block;padding:28px 30px;}
.notice ul li .tit{font-size:20px;color:#333333;margin-bottom:15px;}
.notice ul li .cont{}
.notice ul li .date{position:absolute;bottom:5px;right:30px;}

.notice ul li > a:hover{background:#f7f7f7;}
.notice ul li > a:hover .tit{color:#156ade;}

.notice-view{padding:20px 30px;border:1px solid #ededed;border-radius:6px;;}
.notice-view table{}
.txt-cnt{text-align:center;margin-top:30px;}
.list-btn{width:120px;height:40px;line-height:40px;border:1px solid #e2e2e2;text-align:center;font-size:16px;border-radius:20px;}
.notice-view-cont{color:#333;padding-top:10px;min-height:300px;}

.hit-date{color:#999;}
.hit-date svg{margin-left:20px;margin-right:3px;width: 16px;height: 12px;vertical-align:middle;fill: #999;}
.hit-date svg:first-child{margin-left:0;font-size:17px;}

.search-page{position:relative;float:left;overflow: hidden;border-radius: 3px;}
.search-page .view-floor2-lf-img{float:none; height: 300px;}
.search-page .view-floor2-lf-img img{width:188px;height:272px;transform:scale(1);transition:all 0.4s ease-in-out;}
.all-search .view-floor2-lf > ul > li:hover .search-page .view-floor2-lf-img img{transform:scale(1.1);}
.search-page .view-floor2-lf-img::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/main/mod_bg1.png) no-repeat;}
.search-page .view-floor2-lf-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;}
.search-page .date{position:absolute;bottom:10px;left:0;width:100%;text-align:center;color:#fff;}
.search-page .new{position:absolute;top:3px;left:3px;width:49px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#fff;background:#156ade;border-radius:3px;}

.all-search{overflow:hidden;background: #fff url(../images/sub/lf_bg.gif) repeat-y calc(100% - 250px) 0;}
.all-search .view-floor2-lf{border:0;width: 960px;padding: 30px 0px 100px;}
.all-search .view-floor2-lf > ul > li{overflow:hidden;padding:30px 0;border-bottom:1px solid #e5e5e5;}
.all-search .view-floor2-lf > ul > li:first-child{padding-top:0;}
.all-search .view-floor2-lf .myinfo-rt-floor1 .h4-tit{font-size:24px;}
.all-search .view-floor2-lf .myinfo-rt-floor1 .h4-tit span.grey{color:#999;}
.all-search .view-floor2-lf .myinfo-rt-floor1 .myinfo-tab{margin-top:1px;}
.all-search .view-floor2-lf .myinfo-rt-floor1 .myinfo-tab > li{margin-left:24px;}
.result{text-align:center;font-size:22px;color:#000000;margin-bottom:20px;}
.result strong{color:#156ade;}

.all-search .view-floor2-rt{width:250px;height:auto;border:0;margin-top:18px;}
.all-search .view-floor2-rt div.tit{font-size:18px;border-bottom:0;}
.all-search .view-floor2-rt ul > li a{width:180px;}

/* 20240501 */
.playbg {
    display: flex;
    /*background-image: linear-gradient(137deg, rgb(0 0 0) 30%, rgb(59 59 59) 55.7%, rgb(0 0 0) 81.8%); */
    background:url(/images/player_bg2.jpg) no-repeat;
    background-size: contain;
    background-color: #060c19;
    width: 903px;
    height: 525px;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: antiquewhite;
}
.vip_tit {
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #7f00d4;
}  

.balance-box *{box-sizing:border-box;}
.balance-area1{}
.balance-area1 > ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.balance-area1 > ul > li{position: relative;width: calc(100% / 4);padding: 10px 10px 30px;text-align: center;}
.balance-area1 > ul > li::before{content:"";position:absolute;top: 50%;left:0;transform: translateY(-60%);width:1px;height:108px;background:#ededed;}
.balance-area1 > ul > li:first-child::before{display:none;}
.balance-area1 > ul > li .iconfont{width: 59px;height: 59px;border-radius: 50%;background: linear-gradient(#156ade, #587cfb);display: flex;justify-content: center;align-items: center;color: #fff;font-size: 30px;margin: 0 auto;}
.balance-area1 > ul > li .tit{font-size: 18px;font-weight: 700;color: #333;margin: 15px 0 12px;}
.balance-area1 > ul > li .txt{font-size: 13px;color: #999;line-height: 1.6;letter-spacing: -0.5px;}

.balance-area2{}
.balance-area2 > .tit{height: 43px;line-height: 43px;text-align: center;background: #f7f7f7;border-radius: 5px;font-size: 17px;font-weight: 700;color: #000;}
.balance-area2 > .tit::before{font-weight:normal;color: #55b4fe;font-size: 27px;vertical-align: -4px;}
.balance-area2 > .package{margin-top: 30px;}
.balance-area2 > .package > ul{display: flex;justify-content: space-between;}
.balance-area2 > .package > ul > li{position: relative;width: calc((100% - 60px) / 4);}
.balance-area2 > .package > ul > li input{position: absolute;left: -9999px;opacity: 0;}
.balance-area2 > .package > ul > li label{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;height: 190px;border: 2px solid #ebebeb;border-radius: 5px;cursor: pointer;}
.balance-area2 > .package > ul > li label .cont{} 
.balance-area2 > .package > ul > li label .cont .day{font-size: 18px;font-weight: 700;color: #000;} 
.balance-area2 > .package > ul > li label .cont .money{font-size: 40px;font-weight: 700;color: #156ade;line-height: 1;margin: 10px 0 14px;} 
.balance-area2 > .package > ul > li label .cont .money > span{font-size:18px;margin-right: 5px;}
.balance-area2 > .package > ul > li label .cont .price{font-size: 13px;font-weight: 700;color: #999;} 
.balance-area2 > .package > ul > li input:checked ~ label{background:#f7fafc;border: 2px solid #156ade;}
.balance-area2 > .package > ul > li input:checked ~ label::before{content:"";position:absolute;right: -50px;bottom: -50px;width: 100px;height: 100px;transform: rotate(45deg);background: #156ade;font-family: 'iconfont';font-size: 25px;color: #fff;}
.balance-area2 > .package > ul > li input:checked ~ label::after{content:"\e734";position:absolute;right: 10px;bottom: 10px;font-family: 'iconfont';font-size: 25px;color: #fff;}
.balance-area2 > .package > ul > li .tip{position: absolute;top: -12px;left: 0;z-index: 1;font-size: 12px;font-weight: 700;color: #156ade;padding: 0 15px;height: 25px;line-height: 25px;background: #e1eaf0;border-radius: 10px 5px 10px 5px;} 
.balance-area2 > .package > ul > li input:checked ~ .tip{background:#094d71;color:#fff;}
.balance-area2 > .payment{margin: 35px 0 20px;text-align: center;display: flex;justify-content: center;}
.balance-area2 > .payment > span{position: relative;margin: 0 10px;}
.balance-area2 > .payment > span input{position: absolute;left: -9999px;}
.balance-area2 > .payment > span label{display: block;font-size: 18px;font-weight: 700;color: #000;width: 241px;height: 67px;line-height: 61px;border: 2px solid #ebebeb;border-radius: 35px;cursor: pointer;}
.balance-area2 > .payment > span label::before{font-weight:normal;font-size: 38px;vertical-align: middle;margin-right: 5px;}
.balance-area2 > .payment > span label.icon-weixin::before{color:#009fe8;font-size: 45px;background-image: linear-gradient(#2be685, #04d669, #07c562);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.balance-area2 > .payment > span label.icon-alipay::before{color:#009fe8;}
.balance-area2 > .payment > span input:checked + label{background: #06ca64;color: #fff;}
.balance-area2 > .payment > span input:checked + label::before{color:#fff;background-image: none;background-clip: inherit;-webkit-text-fill-color: inherit;}
.balance-area2 > .payment > span input:checked + label.icon-weixin{background: #06ca64;}
.balance-area2 > .payment > span input:checked + label.icon-alipay{background: #009fe8;}
.balance-area2 > .txt{text-align: center;font-size: 14px;font-weight: 700;color: #f12e2e;}
.balance-area2 > .btn{text-align: center;margin-top: 15px;}
.balance-area2 > .btn a{display: inline-block;width: 181px;height: 50px;line-height: 50px;background: linear-gradient(#156ade, #587cfb);border-radius: 25px;font-size: 20px;font-weight: 700;color: #fff;transition: 0.3s;cursor: pointer;}
.balance-area2 > .btn a:hover{background: linear-gradient(#156ade, #4f59e0);}

.balance-area3{border-top: 2px solid #000000;margin-top: 30px;}
.balance-area3 > ul{}
.balance-area3 > ul > li{border-bottom: 1px solid #ededed;}
.balance-area3 > ul > li > a{display:block;}
.balance-area3 > ul > li > a.on .que::after{transform: rotate(180deg) translateY(10px);}
.balance-area3 > ul > li .cont{position: relative;/* min-height: 80px; */padding: 28px 50px 28px 80px;line-height: 1.5;overflow: hidden;}
.balance-area3 > ul > li .cont > span{position: absolute;left: 20px;top: 20px;width: 40px;40px:;height: 40px;background: #156ade;margin-right: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 800;color: #ffffff;}
.balance-area3 > ul > li .que > .txt{font-size: 16px;font-weight:700;color: #000;}
.balance-area3 > ul > li .que::after{content:"\e741";position:absolute;top: 50%;right: 15px;transform: translateY(-50%);transform-origin: center;font-family: 'iconfont';font-size: 20px;color: #b7b7b7;transition: 0.3s;line-height: 1;}
.balance-area3 > ul > li .que > span{background: #156ade;}
.balance-area3 > ul > li .ans{display: none;font-size: 14px;color: #666666;background: #fafafa;}
.balance-area3 > ul > li .ans > span{background: #333333;}
.balance-area3 > ul > li .ans > .txt{font-size: 13px;color: #666;}
/* 20240501 */

.vip_tit{background-color: #156ade;font-weight: bold;color: #fff;}
.notice{color: #c07300;}
#scrollDiv{height:25px;line-height:25px;background-color: #fdf6ec; color: #c07300;margin-bottom: 10px;padding: 5px 0px;border-radius: 6px;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}