.no-bar::-webkit-scrollbar{display:none!important}*{margin:0;padding:0}a{text-decoration:none}li{list-style:none}body{max-width:500px;min-width:320px;margin:0 auto;position:relative}.hdk-Player{position:relative;box-sizing:border-box;padding-left:29%;margin-top:5px;width:96%;background:#fff!important;border-radius:5px;display:inline-block}.hdk-active span{color:#fff}.hdk-index-Player{padding:0 1%}.swiper-slide>img{width:100%}.hdk-skin1{max-width:500px;min-height:320px;margin:0 auto;position:relative}.hdk-click{width:48px;position:absolute;top:88%;left:50%;margin-left:-24px}.hdk-click>li{width:8px;height:8px;background:#fff;border-radius:50%;display:block;float:left;margin:2px}.hdk-Total{display:-webkit-flex;-webkit-justify-content:space-around}.hdk-Total>li>span{font-size:14px;display:block;text-align:center;color:#fff}.hdk-search{max-width:500px;width:100%;height:30px;display:inline-block;margin:6px auto}.hdk-search>button{outline:0;margin:5px;border-style:none;background:0 0}.hdk-search>button>img{width:20px;vertical-align:bottom}.hdk-introduces{background:#f0f0f0;width:25%;height:100%;max-width:500px;float:left;text-align:center}.hdk-introduces>img{margin-top:10px;width:35px}.hdk-introduces>p{font-size:14px}.hdk-detail__shell{margin-top:1em;width:100%;z-index:0;position:relative;text-align:center;margin-bottom:0!important}.hdk_explain{display:inline-block;background-color:rgba(255,255,255,.2);padding:2px 20px;font-weight:600;border-radius:25px;color:#fff}.hdk_explain_box{margin:-14px 10px 10px;line-height:24px;padding:1em;text-align:left;border:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:14px;color:#fff}.rule{border-radius:5px;margin:10px auto;padding:4%;border:1px solid #fff;width:92%;background:#fff;text-align:left;}.rule>p{line-height:25px}.copyright{background:#1593ff;margin:50px auto 10px;border-radius:50px;text-align:center;line-height:26px;width:150px;color:#fff;font-size:12px}.hdk-list span{color:#fff}.list{display:none}.hdk-picture>a{display:-webkit-flex;-webkit-flex-direction:column;-webkit-align-items:center;-webkit-justify-content:center}.hdk-picture>a>img{width:auto;height:auto;max-width:90%;max-height:90%}.hdk-information>.box{max-width:500px;display:inline-block;margin-top:5px}.hdk-orders{margin:2px 4px;padding:0 10px;float:left;display:inline-block;height:15px;border:1px solid #888;border-radius:25px 25px 25px 25px;box-sizing:border-box}.hdk-orders>p{font-size:12px;text-align:center;color:#888;line-height:15px}.hdk-information>.box>p{float:right;font-size:14px;color:#888;line-height:25px}.hdk-information>.box>h5{float:left;display:inline-block;margin:2px auto;color:#888}.hdk-information{position:relative;padding:0 5%}.hdk-information>a{font-size:14px;width:100%;height:32px;line-height:32px;background:linear-gradient(to right,rgba(247,71,109,0.9),rgba(254,89,95,1));border:0;border-radius:4px;color:#fff;margin-bottom:10px;margin:10px auto;display:block}.hdk-information>img{width:25px;position:absolute;top:40px;left:20%}.enrollment{width:96%;margin:0 auto;background:#fff;border-radius:5px;margin:10px auto}.enrollment>p:nth-child(1){padding:15px 12px;line-height: 26px;}.enrollment>p{border-bottom:.5px solid #e5e5e5;color:#888;padding:10px}.grouping{display:flex;height:60px;line-height:60px;border-bottom:.5px solid #e5e5e5;color:#888}.grouping>p{display:inline-block;font-size:14px;margin:0 10px;white-space:nowrap}input{width:100%;border:0;outline:0}.grouping>span{display:none;width:40%;position:fixed;top:40%;left:50%;margin-left:-20%;background:#000;opacity:.8;z-index:100;color:#fff;border-radius:5px;text-align:center;font-size:14px}.upload{height:50px;line-height:50px;position:relative}.Voice{width:25%;height:36px;line-height:36px;background:#f3f3f3;color:#666;border:0;border-radius:5px;position:absolute;top:50%;margin-top:-15px;right:10px;text-align:center;font-size:14px}.figure{width:80px;height:80px;border:1px solid #ccc;position:relative;float:left;margin:5px 0 5px 10px}.figure>input{width:100%;height:100%;opacity:0}.figure>img{width:50%;position:absolute;top:50%;margin-top:-25%;left:50%;margin-left:-25%}.enrollment>textarea{width:100%;height:100px;resize:none;margin-top:10px;border:.5px solid #e5e5e5;border-left:0;border-right:0;padding:10px;box-sizing:border-box;-webkit-appearance:none}.enrollment>button{width:96%;height:42px;background:#1593ff;color:#fff;font-size:16px;margin:20px 2%;border:0;outline:0;border-radius:5px}.hdk-width{width:100%;max-width:500px;height:40px}.hdk-Catalog{display:-webkit-flex;-webkit-justify-content:space-around}.wrapper01{overflow:hidden;}.wrapper01 .scroller li{line-height: 32px;font-size: 14px;text-align: center;height: 32px;display: inline-block;cursor: pointer;margin: 0 15px;width: auto !important;}.wrapper01 .scroller .hdk-active{border-bottom:1px solid #fff}.clearfix li{margin-left:0;margin-right:0}.hdk-Players{width:95%;margin:10px auto;text-align:center}.tab{display:none}.hdk-wrapper:before{content:' ';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-size:cover}.hdk-wrapper{max-width:500px;width:100%;margin:0 auto}.hdk-details{width:100%;max-width:500px;height:90px;padding-top:10px;padding-left:100px;position:relative;box-sizing:border-box}.hdk-img{position:absolute;width:80px;height:80px;left:10px;top:10px;overflow:hidden;border-radius:80px}.hdk-img>img{width:100%;height:100%;object-fit:cover}.hdk-Serial-number{height:20px;line-height:21px;margin-right:10px;border-radius:15px;text-align:center;color:#f8597b;float:left;font-size:14px;padding:0 8px;border:1px solid;box-sizing:border-box}.hdk-name{margin-top:10px;height:100%}.hdk-name>p{color:#fff;font-size:16px;font-weight:600;overflow:hidden;word-wrap:normal;line-height:22px}.span{position:relative;width:100%;float:left;overflow:hidden;margin:5px auto;color:#fff;padding-right:3%;box-sizing:border-box}.height{height:100%}.hide{width:15px;position:absolute;right:8px;bottom:-1px}.hdk-Ranking{margin-top:10px;max-width:500px;text-align:center;display:-webkit-flex;-webkit-justify-content:space-around;clear:both}.hdk-Ranking p{color:#fff;font-size:16px}.hdk-Ranking span{color:#fff;font-size:14px}.hdk-notice{height:50px;border:1px solid rgba(255,255,255,.1);display:-webkit-flex;-webkit-align-items:center;border-left:0;border-right:0}.hdk-notice>img{width:32px;height:32px;margin:0 10px}.hdk-notice>p{font-size:14px;color:#fff;-webkit-flex-grow:1}.hdk-Photo-wall{width:96%;margin:10px auto;background-color:rgba(255,255,255,.1);border-radius:5px}.hdk-Photo-wall img{width:100%;max-width:500px;border-radius:2px;display:block;margin-bottom:10px}.qr,.verify{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.8);overflow-x:hidden;overflow-y: auto;z-index:1000}.qrcode{max-width:280px;width:68%;position:fixed;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;overflow:hidden}.add_verify{width:260px;height:auto;left:50%;margin-left:-160px;background:#fff;padding:30px;border-radius:5px;position:fixed;top:50%;margin-top:-125px;overflow:hidden}.add_verify p{color:#c55678;font-size:16px;text-align:center;margin-bottom:15px}.verify_box{padding-right:120px;position:relative;margin-top:15px}.verify_box input{width:100%;border-radius:2px 0 0 2px;border:1px solid #c55678;border-right:0;height:40px;padding-left:10px;color:#c55678;box-sizing:border-box}.verify_box button{width:120px;border-radius:0;position:absolute;top:0;right:0;background-color:#c55678;text-align:center;border:0;height:100%;color:#fff}.qrcode>p{font-size:14px;margin:10px;text-align:center}.disappear{font-size:35px;line-height:35px;text-align:center;color:#fff;width:35px;height:35px;border:2px solid #ccc;border-radius:50%;position:fixed;bottom:20%;left:50%;margin-left:-21px}.info_comment_center{width:100%;height:38px;margin-top:10px}.hdk-Photo-wall>p{text-align:center;line-height:36px;color:#fff;padding-top:5px}.hdk-Ranking>li{width:100%;height:38px;margin-bottom:10px}.info_comment_cente,.info_comment_tx{float:left;margin:0 3%}.info_comment_center>p{color:#fff;font-size:14px;margin-left:5px}.info_comment_tx>img{width:36px;border-radius:5px;top:1px;margin-top:2px}.more{margin:10px;text-align:center}.more a{color:#fff;font-size:14px}.more p{font-size:14px;color:#fff}.hdk-Advertisement{margin-top:30px !important;position:relative}.hdk-Advertisement>button>img{width:15px}.hdk-Advertisement>img{width:100%;max-width:500px}.hdk-Advertisement>button{background:#666000;border-style:none;position:absolute;top:0;right:0;width:15px;height:15px;}.hdk-copyright{border:1px solid #fff;border-radius:50px;text-align:center;line-height:80px;color:#fff;font-size:12px;display:inline;padding:4px 20px}.hdk-copyright>.icon-2right{position:relative;animation:mymove 1s infinite;-moz-animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;-o-animation:mymove 1s infinite;vertical-align:inherit;font-size:12px;z-index:-1;}@keyframes mymove{from{left:0px;}to{left:8px;}}@-moz-keyframes mymove{from{left:0px;}to{left:8px;}}@-webkit-keyframes mymove{from{left:0px;}to{left:8px;}}@-o-keyframes mymove{from{left:0px;}to{left:8px;}}.hdk-emptys{height:50px}.menu{width:100%;position:fixed;bottom:0;z-index:3}.hdk-option>a:nth-child(1){margin-left:10px}.hdk-vote>img{margin-top:-4px;width:22px;vertical-align:middle;display:inline-block;margin-right:10px}.hdk-skin:before{content:' ';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-size:cover}.hdk-skin{max-width:500px;margin:0 auto;text-align:center}#select{width:96%;margin:0 auto;background-color:#fff;line-height:40px;border-radius:5px;border:1px solid #ccc;font-size:14px;position:relative;color:#666}#select i{width:0;height:0;border-top:8px solid #888;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:17px;right:10px}#select span{display:block;height:40px;cursor:pointer}#select ul{display:none}#select li{line-height:30px;color:#666;list-style-type:none;border-bottom:1px dashed #eee}.click_select_color{background:#fe5860;color:#fff!important}.hdk-skin>img{width:32%;margin-top:20px}.hdk-skin>p{width:100%;font-size:20px;line-height:50px;color:#fff}.hdk-order{position:absolute;left:2px;margin:25px 1%;width:25px;height:25px;color:#fff;border-radius:50%;background:#ccc}.hdk-order>p{line-height:25px}.hdk-chart{margin:10px 1%;width:55px;height:55px;position:absolute;top:50%;margin-top:-26px;left:10%;overflow:hidden;border-radius:50%}.hdk-chart>img{width:100%;height:100%;min-height:100%;object-fit:cover}.hdk-Player>h5{width:40%;text-align:-webkit-auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;font-size:14px;float:left;display:inline-block;line-height:70px;color:#000}.hdk-Player>p{position:absolute;top:50%;margin-top:-10px;right:5px;font-size:16px;display:inline-block;float:right;color:#888}.hdk-Player>span{font-size:12px;display:inline-block;line-height:70px;float:right;margin:0 3% 0 1%;color:#888}.hdk-clicks{height:36px;line-height:36px;color:#fff}.fullnames{max-width:200px;height:75px;display:table-cell;vertical-align:middle;text-align:left}.fullname{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;word-wrap:break-word;font-size:14px;color:#888}.hdk-Player>p>span{color:#888;font-size:14px;margin-left:5px}.group_list{width: calc(100% - 30px);margin: 0 auto;overflow: hidden}.qrcode img{width:100%!important;padding: 10px;border-bottom:.5px dashed #eee;box-sizing: border-box}.hdk-index-Player #clear_p{clear:both;display:block!important}.top_a_sty{display:block;width:32px;height:32px;border-radius:32px;background:#333!important;text-align:center;opacity:.7}.hdk-information h5{line-height:18px}.logon{width:25px;position:absolute;bottom:0;left:13%;font-size:25px!important}.logon_info{vertical-align:middle;display:inline-block;font-size:20px!important;margin-right:5px}.color_8a8a8a{color:#888!important}  .enroll{outline: 0; width: 95%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; border-radius: 20px; text-align: center; border: 1px solid rgba(255,255,255,.5); margin: 10px;}  .width_class{width:100%}.padding_left_3{padding-left:3%;box-sizing:border-box}.input_color{color:#888 !important;width:auto;}a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;text-decoration:none}.hide_num{display:none!important}.rule img{max-width:100%}.gift_img{vertical-align:text-bottom;width:20px;margin-right:5px}@keyframes tada{0%,5%{-webkit-transform:translateX(5px)}5%,10%{-webkit-transform:translateX(-5px)}10%,15%{-webkit-transform:translateX(5px)}15%,20%{-webkit-transform:translateX(-5px)}20%,30%{-webkit-transform:translateX(4px)}30%,40%{-webkit-transform:translateX(-4px)}40%,50%{-webkit-transform:translateX(3px)}50%,60%{-webkit-transform:translateX(-3px)}60%,70%{-webkit-transform:translateX(2px)}70%,80%{-webkit-transform:translateX(-2px)}80%,100%{-webkit-transform:translateX(0px)}}.animate{animation:tada 2s linear alternate infinite}@keyframes heartbeat{0%{transform:scale(1,1)}25%{transform:scale(1.2,1.2);}100%{transform:scale(1,1)}}.animation_font{animation:heartbeat 1s infinite}.wrapper01 .scroller .hdk-active{border-bottom:2px solid !important;}.grouping >input,.enrollment>textarea{background:rgb(255 255 255 / 0%);font-size:14px;}.figure>img{display:none;}#img_box>.figure::after,#img_box>.figure::before{width:40px !important;height:2px !important;content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d9d9 !important;z-index:1;}#img_box>.figure::after{width:2px !important;height:40px !important;}.hdk-introduce>div:nth-child(2)>div img{max-width:100%;}