*{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
input,textarea {
    -webkit-user-select:auto;
    margin: 0px;
    padding: 0px;
    outline: none;
}

.sub-content{margin:0 auto;}
.all-contener{padding-top: 10px; }
.sub-tit{position:relative;border-bottom:1px solid #e6e6e6;}
.sub-tit .h2-tit{position:relative;font-size:16px;font-weight:900;color:#156ade;height:30px;text-align:center;}
.sub-tit .h2-tit i{position:absolute;top:0;right:15px;font-size: 25px;transition:all 0.3s ease-in-out;}
.sub-tit .h2-tit.on i{transform:rotate(180deg);}
.sub-tit .indexCatNav{position:absolute;left:0;z-index: 2;width:calc(100% - 30px);display:none;background: #fff;border-bottom: 1px solid #e5e5e5;}
.sub-tit .indexCatNav dd ul{display: table;position: absolute;white-space: nowrap;z-index: 1;}
.sub-tit .indexCatNav dd ul li{display: table-cell;} 
.sub-tit .indexCatNav dl dt{position:relative;}
.sub-tit .indexCatNav dl dd{position:relative;height: 30px;line-height: 26px;-webkit-box-flex: 1;}

.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: 0;}
.sub-tit-lf p strong{color:#dcdcdc;font-size: 13px;letter-spacing: -1px;}



.indexCatNav{padding: 20px 15px;border-top: 1px solid #e5e5e5;}
.indexCatNav dl{margin-top:15px;}
.indexCatNav dl:first-child{margin-top:0px;}
.indexCatNav dl dt{float:left;color:#333333;line-height:26px;width:68px;margin: 2px 0;}
.indexCatNav dl dd{position:relative;margin-left:68px;-webkit-box-flex: 1;overflow: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;white-space: nowrap;}
.indexCatNav dl dd a{color:#1d1d21;height:26px;line-height:26px;border-radius:12px;padding:0 10px;margin: 2px 0;}
.indexCatNav dl dd a.on,
.indexCatNav dl dd a:hover{background:#156ade;font-weight:900;color:#fff;}

.itemLish{overflow:hidden;padding-bottom:15px; padding-top: 15px; padding-left: 5px; padding-right: 5px; border-bottom:1px solid #e5e5e5;}
.itemLish-cont{overflow:hidden;margin-left:-1px;margin-top: -20px;}
.itemLish-cont dl{float:left;position:relative;width: calc(100% / 6 - 1px);overflow:hidden;margin-left:1px;margin-top:20px;}
.itemLish-cont dl dt{}
.itemLish-cont dl dt a{position:relative;display:block;width:100%;overflow:hidden;border-radius: 3px;padding-top: 145%;}
.itemLish-cont 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;background-size: cover;}
.itemLish-cont dl dt a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/main/mod_bg2.png) no-repeat;background-size: cover;}
.itemLish-cont dl dt img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;transform:scale(1);transition:all 0.4s ease-in-out;}
.itemLish-cont dl:hover img{transform:scale(1.1);}
.itemLish-cont dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px 0 8px;}
.itemLish-cont dl dd .btn{color:#878787;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;}
.itemLish-cont dl dd .btn .icon{display: inline-block;font-size:15px;vertical-align:middle;margin-right:5px;}
.itemLish-cont dl dd .date{position:absolute;bottom:80px;left:0;width:100%;text-align:center;color:#fff;}
.itemLish-cont 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-cont dl dd .channel{position:absolute;top:3px;right:3px;padding: 2px; text-align:center;font-size:10px;color:#fff;font-weight: bold; background:#156ade;border-radius:3px;}
.itemLish-cont dl:hover dd .btn{background:#f0f0f0;}
.itemLish-cont dl.on dd .btn{background:#156ade;border:1px solid #156ade;color:#fff;}

.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 2px;}
.paging a.icon{transform:rotate(-90deg);}
.paging a:hover:not(.icon),
.paging a.on:not(.icon){background:#156ade;color:#fff;}

.view-floor1{overflow:hidden;}
.view-floor1-lf{overflow:hidden;}
.view-floor1-lf img{width:100%;}

.view-floor2{overflow:hidden;}
.view-floor2-lf{display: block;position:relative;overflow: hidden;padding:20px 15px;background:#f7f7f7;border-bottom:1px solid #dddddd;}
.view-floor2-lf-img{float:left;position:relative;margin-right:32px;}
.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: calc(100% - 233px);}
.view-floor2-lf-cont .tit{font-size:18px;font-weight:900;color:#333333;height:52px;line-height: 52px;}
.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;background-size: 112px;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;background-size: 112px;}
.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 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;height: 63px;line-height:21px;overflow: hidden;}
.view-floor2-lf-cont .more{margin-top:10px;}
.view-floor2-lf-cont .more a span{display:inline-block;font-size:13px;}
.view-floor2-lf-cont .more a i{display:inline-block;font-size: 18px;vertical-align: middle;}

.view-floor2-tit{position:relative;height:50px;line-height:50px;padding:0 10px;border-bottom:1px solid #ebebeb;font-size:14px;font-weight:900;color:#23212a;}
.view-floor2-tit i{position:absolute;top:0;right:15px;font-size:25px;transition:all 0.3s ease-in-out;}
.view-floor2-tit.on i{transform:rotate(180deg);}


.view-floor2-lf-cont2{display:inline-block;width:60px;vertical-align:middle;margin-left:10px;}
.view-floor2-lf-cont2 a{display:block;height:23px;line-height:23px;text-align:center;border:1px solid #dddddd;background:#fff;border-radius:25px;overflow:hidden;transition:all 0.4s ease-in-out;font-size:13px;color:#878787;}
.view-floor2-lf-cont2 a .icon{display: inline-block;font-size:16px;vertical-align:middle;margin-right:5px;}
.view-floor2-lf-cont2 a:hover,
.view-floor2-lf-cont2 a.on{background:#156ade;border:1px solid #156ade;color:#fff;}

.view-floor1-rt{width:100%;border-radius:6px;}
.view-floor1-rt-tit{height:53px;line-height:53px;background:#fff;padding:0 15px;}
.view-floor1-rt-tit .tit{float:left;font-size:14px;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{padding: 0 15px 20px;width:calc(100% - 30px);overflow:hidden;}
.view-floor1-rt-cont ul{margin-top:-4px;}
.view-floor1-rt-cont ul > li{overflow:hidden;width: calc(100% - 40px);height:40px;line-height:40px;padding: 0 20px;margin-top:4px;background:#f5f5f5;border-radius:6px;}
.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:13px;text-align:center;margin-left:4px;}
.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{}
.view-floor1-rt-cont ul > li:hover p.left a{font-weight:900;color:#222123}
.view-floor1-rt-cont ul > li.play{background:#156ade;}
.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-floor1-rt-cont .more{text-align:center;border:1px solid #dcdcdc;margin-top:4px;border-radius:6px;}
.view-floor1-rt-cont .more a{display:block;height:38px;line-height:38px;}
.view-floor1-rt-cont .more a i{display:inline-block;font-size:20px;vertical-align:middle;margin-right:5px;}

.view-floor3{position: relative;overflow:hidden;border-top:1px solid #e5e5e5;}
.view-floor3-cont{overflow:hidden;padding: 0 15px;}
.view-floor3 h3{font-size:18px;font-weight:900;color:#1d1d21;height:63px;line-height:63px;padding: 0 15px;}
.view-floor3 dl{float:left;position:relative;width:100%;overflow:hidden;}



.view-floor3 dl dt{}
.view-floor3 dl dt a{position:relative;display:block;width:100%;overflow:hidden;border-radius: 3px;padding-top: 145%;}
.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;background-size: cover;}
.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;background-size: cover;}
.view-floor3 dl dt img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;transform:scale(1);transition:all 0.4s ease-in-out;}
.view-floor3 dl:hover img{transform:scale(1.1);transition:all 0.4s ease-in-out;}
.view-floor3 dl dd p.tit{font-size:17px;color:#000000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px 0 8px;}
.view-floor3 dl dd .btn{color:#878787;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;}

.owl-demo .item{display:block;}
.owl-demo .item a{display:block;}
.owl-theme .owl-controls{display:none;}
.owl-carousel .owl-item img{transition: all 0.3s ease-in-out;}






.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-logo span img {width: 142px;}

.apply-cont{}
.apply-cont input[type="text"],
.apply-cont input[type="password"]{border:1px solid #dad1f8;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.png) no-repeat;background-size:10px;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.f{color:#4162a8;text-indent: -5px;line-height: 65px;}
.share a span.t{color:#1da1f3;}
.share a span.font{color:#1d1d21;letter-spacing:-1px;margin-top:10px;line-height:20px;}


.sub-content2{}
.sub-banner{background:#9da6ad;padding: 0 15px 0 35px;}
.sub-banner-cont{height:115px;margin:0 auto;padding-top:35px;background: url(../images/sub/m_sub_banner1.png) no-repeat right bottom;background-size: 188px;}
.sub-banner-cont p.tit{font-size:40px;font-weight:900;color:#fff;}
.sub-banner-cont p.cont{font-size: 16px;color:#dde9f2;}
.sub-banner-cont p.cont span{display:block;margin-top: 5px;font-size:  14px;}

#header.m-my{height:auto;}
#header.m-my .header-cont-tp{height:30px;}
#header.m-my .header-cont-bt{display: block;}
#content.m-my{padding-top:50px;}


.myinfo{}
.myinfo-lf{margin-top: -50px;padding: 0 15px;}
.myinfo-lf .photo{display:table;width: 62px;height: 62px;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: 38px;color:#9da6ad;text-align:center;}
.myinfo-lf-cont{padding-top: 15px;}
.petname{font-size:18px;font-weight:900;color:#333333;line-height: 32px;}
.personal{margin: 10px 0 20px;}
.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-v{overflow:hidden;padding: 0 15px;border-bottom: 1px solid #e5e5e5;}
.myinfo-lnb{display: table;white-space: nowrap;border-spacing: 10px 0;margin-left: -15px;}
.myinfo-lnb > li{display: table-cell;}
.myinfo-lnb > li > a{display:block;height:30px;line-height:30px;;font-size:16px;color:#1d1d21;}
.myinfo-lnb > li > a.on{border-bottom: 3px solid #156ade;color:#156ade; font-weight: bold;}




.myinfo-rt{margin-top: 25px;padding: 0 15px 100px;}
.h4-tit{font-size: 16px;font-weight:900;color:#333333;}
.myinfo-rt-floor1{overflow:hidden;margin-bottom: 15px;}
.myinfo-rt-floor1 .h4-tit{float:left;font-size: 16px;}
.myinfo-rt-floor1 .myinfo-tab{display: table;white-space: nowrap;}
.myinfo-rt-floor1 .myinfo-tab > li{display: table-cell;}
.myinfo-rt-floor1 .myinfo-tab > li > a{position:relative;font-size: 15px;padding-left: 20px;}
.myinfo-rt-floor1 .myinfo-tab > li > a i{font-size:15px;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{background: url(../images/sub/true.png) no-repeat left center;background-size: 16px;}

.noList{background:#f4f4f4;padding: 20px 18px;text-align:center;color:#7f7f7f;letter-spacing: -1px;}
.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;width: calc(100% - 170px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.subscribe-list ul li p.left a img{margin-right:15px;width: 58px;height: 58px;border-radius: 10px;}
.subscribe-list ul li p.right{float:right;margin-top: 16px;}
.subscribe-list ul li p.right span.sp1{margin-right:12px;}
.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: 20px;}
.myhome > div{}
.myhome > div .tit{font-size: 16px;color:#3e3e3e;}
.myhome > div .date{margin: 6px 0;font-size: 14px;letter-spacing: -1px;}
.myhome > div .btn a{width: 118px;height:33px;line-height:33px;text-align:center;background:#156ade;color: #fff;border-radius:6px;}
.myhome .sevice-box:first-child{margin-top:0;}
.sevice-box{padding: 20px 15px 20px 115px;background: #f4f4f4 url(../images/sub/myhome_05.png) no-repeat 20px center;background-size: 65px;border-radius: 10px;margin-top: 10px;}
.sevice-box .tit{color:#3e3e3e;}
.sevice-box .date{color:#7c7c7c;}
.sevice-box.on{padding-left: 115px;background: #ecf7ff url(../images/sub/myhome_03.png) no-repeat 20px center;background-size: 65px;}
.sevice-box.on .tit{color:#156ade;}
.sevice-box.on .date{color:#4d4c4c;font-size:  16px;letter-spacing: 0;}

.info-box{position:relative;padding: 20px 0 15px;border-top: 1px solid #f7f7f7;}
.info-box ul{margin-top: 10px;}
.info-box ul li{height: 35px;line-height: 35px;}
.info-box ul li p{float:left;}
.info-box ul li .tit{width: 75px;color:#919191;}
.info-box ul li .cont{color:#363636;}
.modify-btn{position:absolute;top: 85px;right:0;}
.modify-btn a{width: 74px;height: 26px;line-height: 26px;text-align:center;color:#919191;border:1px solid #e0e0e0;border-radius: 5px;}
.modify-btn a:hover{color:#156ade;}

.sbg{display:none;position:fixed;top:0;left:0;z-index:5;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.sbg2{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: fixed;left:50%;top: 60px;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:#156ade;padding-bottom:10px;border-bottom:4px solid #156ade;}
.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:#156ade;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;bottom: -43px;right: 50%;margin-right: -30px;}
.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:#156ade;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: 18px 0 15px;border-top:1px solid #ededed;overflow: hidden;}
.bor-box .sub-tit-lf .h4-tit{float:left;margin-right: 8px;}
.bor-box .sub-tit-lf p{margin-top: 1px;}


.table{}
.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: 12px 0 12px 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: 16px;}
.table.row tbody td{font-size:14px;text-align:left;padding-left:0;border-left:0;}

.table-list{border-top:1px solid #ededed;}
.table-list dl dt{height:50px;line-height:50px;font-size:0;border-bottom:1px solid #ededed;}
.table-list dl dt a{position:relative;display:block;padding-right: 40px;}
.table-list dl dt i{position:absolute;top:0;right: 15px;font-size:20px;transition: all 0.3s ease-in-out;}
.table-list dl span{display:inline-block;font-size:14px;}
.table-list dl span.num{width:45px;font-weight:900;color:#333;text-align:center;}
.table-list dl span.tit{width:74px;padding-left:4px;font-weight:900;color:#333;}
.table-list dl span.cont{}
.table-list dl dd{display:none;border-bottom:1px solid #ededed;padding: 3px 10px 9px 45px;}
.table-list dl dd p{font-size:0;line-height:26px;}
.table-list dl.on{background:#f6f6f6;}
.table-list dl.on dt i{transform:rotate(180deg);}
.table-list dl:first-child dd{display:block;}

.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: 20px 20px 42px;}
.notice ul li .tit{font-size: 15px;color:#333333;margin-bottom: 10px;}
.notice ul li .cont{}
.notice ul li .date{position:absolute;bottom: 20px;left: 20px;font-size:  13px;color:#999999;}

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

.notice-view{padding: 7px 20px;border:1px solid #ededed;border-radius:6px;}
.notice-view table{}
.txt-cnt{text-align:center;margin-top:20px;}
.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:6px;min-height:300px;font-size:  16px;}

.hit-date{color:#999;}
.hit-date i{display:inline-block;vertical-align:middle;font-size:14px;color:#a0a0a0;margin-right:5px;margin-left:25px;}
.hit-date i:first-child{margin-left:0;}

.search-page{position:relative;float:left;overflow: hidden;border-radius: 3px;width: 188px;margin-right: 32px;}
.search-page .view-floor2-lf-img{float:none;}
.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;}
.all-search .view-floor2-lf{display:  block;border:0;padding: 20px 15px 100px;background:  #fff;}
.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;}

.all-search .h4-tit{height:30px;padding:50px 15px 0;color:#1d1d21;}
.all-search .h4-tit span.grey{color:#999999;}
.all-search .myinfo-rt-floor1{padding:0 15px;border-bottom:1px solid #e6e6e6;}
.all-search .myinfo-rt-floor1 .myinfo-tab{border-spacing: 20px 0;margin-left: -20px;}
.all-search .myinfo-rt-floor1 .myinfo-tab > li > a{display:block;height:30px;line-height:30px;;font-size:16px;color:#1d1d21;padding-left:0;}
.all-search .myinfo-rt-floor1 .myinfo-tab > li > a.on{border-bottom: 3px solid #156ade;background:none;}


/* 20240501 */
.balance-box *{box-sizing:border-box;}
.balance-box {margin: 4px;margin-top: 10px;}
.balance-area1{}
.balance-area1 > ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.balance-area1 > ul > li{position: relative;width: calc(100% / 2);padding: 15px 2px 5px;text-align: center;}
.balance-area1 > ul > li:nth-child(even)::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: 15px;font-weight: 700;color: #333;margin: 10px 0 5px;}
.balance-area1 > ul > li .txt{font-size: 12px;color: #999;line-height: 1.6;letter-spacing: -1px;word-break: keep-all;}
.balance-area1 > ul > li .txt br{display:none;}

.balance-area2{padding-top: 10px; padding-bottom: 40px;}
.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{padding-top: 25px;overflow-x: auto;}
.balance-area2 > .package > ul{display: flex;margin-left: -10px;}
.balance-area2 > .package > ul > li{flex: 0 0 auto;position: relative;width: 125px;margin-left: 10px;}
.balance-area2 > .package > ul > li input{position: absolute;opacity: 0;}
.balance-area2 > .package > ul > li label{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;height: 125px;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: 16px;font-weight: 700;color: #000;} 
.balance-area2 > .package > ul > li label .cont .money{font-size: 28px;font-weight: 700;color: #156ade;line-height: 1;margin: 5px 0 8px;} 
.balance-area2 > .package > ul > li label .cont .money > span{font-size: 16px;margin-right: 5px;}
.balance-area2 > .package > ul > li label .cont .price{font-size: 12px;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: -30px;bottom: -30px;width: 60px;height: 60px;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: 4px;bottom: 4px;font-family: 'iconfont';font-size: 18px;color: #fff;}
.balance-area2 > .package > ul > li .tip{position: absolute;top: -11px;left: 0;z-index: 1;font-size: 12px;color: #156ade;padding: 0 5px;height: 25px;line-height: 25px;background: #e1eaf0;border-radius: 10px 5px 10px 5px;letter-spacing: -1px;} 
.balance-area2 > .package > ul > li input:checked ~ .tip{background:#094d71;color:#fff;}
.balance-area2 > .payment{margin: 30px 0 20px;text-align: center;display: flex;justify-content: center;}
.balance-area2 > .payment > span{position: relative;margin: 0 5px;}
.balance-area2 > .payment > span input{position: absolute;left: -9999px;}
.balance-area2 > .payment > span label{display: block;font-size: 15px;font-weight: 700;color: #000;width: 148px;height: 50px;line-height: 46px;border: 2px solid #ebebeb;border-radius: 35px;cursor: pointer;}
.balance-area2 > .payment > span label::before{font-weight:normal;font-size: 34px;vertical-align: middle;margin-right: 5px;}
.balance-area2 > .payment > span label.icon-weixin::before{color:#009fe8;font-size: 40px;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: 10px;}
.balance-area2 > .btn a{display: inline-block;width: 150px;height: 50px;line-height: 50px;background: linear-gradient(#156ade, #587cfb);border-radius: 25px;font-size: 18px;font-weight: 700;color: #fff;transition: 0.3s;}
.balance-area2 > .btn a:hover{background: linear-gradient(#156ade, #4f59e0);}

.balance-area3{border-top: 2px solid #000000;margin-top: 20px;}
.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(5px);}
.balance-area3 > ul > li .cont{position: relative;/* min-height: 80px; */padding: 24px 35px 24px 50px;line-height: 1.5;overflow: hidden;}
.balance-area3 > ul > li .cont > span{position: absolute;left: 10px;top: 20px;width: 30px;40px:;height: 30px;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: 14px;font-weight:700;color: #000;letter-spacing: -1px;}
.balance-area3 > ul > li .que::after{content:"\e741";position:absolute;top: 50%;right: 10px;transform: translateY(-50%);transform-origin: center;font-family: 'iconfont';font-size: 15px;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;letter-spacing: -1px;word-break: keep-all;}

.m-ft-nav{f;position: fixed;left: 0;right: 0;bottom: 0;height: 50px;padding-bottom: calc(20px + env(safe-area-inset-bottom));z-index: 50; box-shadow: 0px 2px 5px 4px rgb(0 0 0 / 20%);background: #f7f7f7;}
.m-ft-nav *{box-sizing:border-box;}
.m-ft-nav > ul{f;display: flex;justify-content: space-around;height: 70px;}
.m-ft-nav > ul > li{f;width: calc(100% / 5);}
.m-ft-nav > ul > li > a{f;display: block;height: 100%;font-size: 11px;color: #666;padding: 5px 0 10px;text-align: center;}
.m-ft-nav > ul > li > a::before{display: inline-block;font-size: 25px;width: 30px;height: 27px;line-height: 28px;color: #666;overflow: hidden;}
.m-ft-nav > ul > li > a > span{display:block;}
.m-ft-nav > ul > li > a.on::before{color: #156ade;}
.m-ft-nav > ul > li > a.on2::before{color: #e15149;}
.m-ft-nav > ul > li > a.on3::before{color: #156ade;}
.m-ft-nav > ul > li > a.icon-yule5::before{font-size: 27px;}
.m-ft-nav > ul > li > a.icon-dianying1::before{font-size: 27px;}
.m-ft-nav > ul > li > a.icon-aixin--kuai::before{font-size: 24px;}
.m-ft-nav > ul > li > a.icon-denglu-mima::before{font-size: 24px;}
.m-ft-nav > ul > li > a.icon-weidenglutouxiang2::before{font-size: 25px;}
.m-ft-nav > ul > li > a.icon-vip1::before{font-size: 28px;background-image: linear-gradient(#54c5ff, #56a5fd, #5880fb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* //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: #081122;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: antiquewhite;
}
.vip_tit {
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 5px;
    font-size: 16px;
    color: #7f00d4;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}  

@media screen and (max-width: 1024px){
	.itemLish-cont dl{width: calc(100% / 4 - 1px);}
}

@media screen and (max-width: 768px){
	.itemLish-cont dl dd p.tit{font-size:16px;}
	.itemLish-cont dl dd .date{bottom: 70px;}


	.view-floor3 dl dd p.tit{font-size:16px;}
	.view-floor3 dl dd .date{bottom: 70px;}

}

@media screen and (max-width: 480px){
	.itemLish-cont dl{width: calc(100% / 3 - 1px);}
	.itemLish-cont dl dd .date{font-size:12px;bottom: 70px;}
	.itemLish-cont dl dd .new{width:40px;height:20px;line-height:21px;font-size:12px;}
	.itemLish-cont dl dd .btn{width:60px;height:23px;line-height:23px;font-size: 13px;}

	.view-floor3 dl dd .date{font-size:12px;bottom: 70px;}
	.view-floor3 dl dd .new{width:40px;height:20px;line-height:21px;font-size:12px;}
	.view-floor3 dl dd .btn{width:60px;height:23px;line-height:23px;font-size: 13px;}

	.apply-box{left:0;top:0;margin-left:0;width:auto;min-height:auto;padding:50px 30px 40px;}
	.apply-logo span img{width:103px;}
	.apply-logo i{left:110px;}
	
	.login-check{padding:0;}
	.login-check p{margin-right:0;margin-left:20px;}
	.share a{margin:0;width:calc(100% / 3);}
	.share a span.bor{display:block;margin:0 auto;}

	.apply-cont input[type="text"],
	.apply-cont input[type="password"]{letter-spacing:-1px;}
	
	.sub-banner{}
	.noList span.icon{display:block;margin-right:0;}

	.pop-box{padding: 20px 20px 75px;left: 30px;margin-left: 0;width: calc(100% - 100px);min-height:  auto;}
	.pop-tit span{font-size:18px;}
	.pwd-modify-box .pop-cont p:first-child{margin-top:20px;}
	.pop-cont input[type="password"], 
	.pop-cont input[type="text"]{width: calc(100% - 10px);padding: 0 0 0 10px;letter-spacing:-1px;}
	.pop-btn{height:55px;line-height:55px;}
	.pop-btn a{font-size:18px;}
	
	.info-modify-box .pop-cont p:first-child{font-size:0;}
	.info-modify-box .pop-cont p:first-child label{font-size:20px;padding-left:54px;margin-right:6px;}
	.info-modify-box .pop-cont p:first-child label i.icon{left:18px;}
	.info-modify-box .pop-cont p .sele-icon{right:12px;}

	.table-list dl span.tit{padding-left:0;}
	.table-list dl span.cont{letter-spacing:-1px;}

	.myinfo-rt .paging a.icon{width:20px;}
	
	.view-floor2-lf-img{margin-right:10px;}
	.view-floor2-lf-img img{width:123px;height:178px;}
	.view-floor2-lf-cont{width: calc(100% - 133px);}

	.view-floor2-lf-cont .tit{height:30px;line-height:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.view-floor2-lf-cont ul.list{margin-top:10px;}
	.view-floor2-lf-cont ul.list > li{height:21px;line-height:21px;}
	.view-floor2-lf-cont .cont{margin-top:10px;}
	
	.result{font-size:18px;}
	.search-page .view-floor2-lf-img img{width:123px;height:178px;}
	.search-page .view-floor2-lf-img::before{background-size: cover;}
	.search-page .view-floor2-lf-img::after{background-size:cover;}

	.all-search .paging a.icon{width:20px;}

	.search-page{width: 123px;margin-right: 10px;}

}

.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;}