@charset "utf-8";
body{background:#F8F8F8;}
.ui-topbar-home{padding:5px 10px;}
.ui-topbar-logo img{max-height:50px;}
.ui-btn-lt{padding:3px 5px;border-radius:4px;font-size:15px;line-height:20px;}

.ui-cate{padding:10px 0;background:#F0F4FB;}
.ui-cate-wrap{overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.ui-cate-wrap{scrollbar-width:none;-ms-overflow-style:none;}
.ui-cate-wrap::-webkit-scrollbar{display:none;}
.ui-cate ul{margin:10px 0;}
.ui-cate ul li{display:inline-block;position:relative;}
.ui-cate ul li a{padding:0 15px 10px 15px;border:0;text-align:center;color:#949494;display:block;}
.ui-cate ul li.active a{color:#2E95FF;font-weight:bold;}
.ui-cate ul li.active:after{position:absolute;content:"";width:50%;left:50%;height:4px;border-radius:4px;bottom:0;transform:translateX(-50%);bottom:-2px;background:#2E95FF;display:block;}

.ui-goods{padding:15px 10px;}
.ui-goods-item{display:flex;border:1px solid #ededed;/*min-height:160px;*/border-radius:10px;background:#fff;margin-top:15px;position:relative;}
.ui-goods-item .image{width:40%;position:relative;overflow:hidden;padding-bottom:19.67%;}
.ui-goods-item .image img{width:100%;min-height:100%;/*object-fit:cover;*/border-radius:10px 0 0 10px;position:absolute;}
.ui-goods-item .body{padding:10px 15px;width:60%;flex:1;position:relative;}
.ui-goods-item .body .name{font-weight:bold;font-size:14px;word-break:break-all;}
.ui-goods-item .body .desc{color:#999;line-height:20px;font-size:12px;margin:5px 0;}
.ui-goods-item .body .foot{display:flex;justify-content:space-between;align-items:center;}
.ui-goods-item .body .foot .price{color:#f30;font-size:15px;}
.ui-goods-item .body .foot .price del{color:#777;font-size:12px;display:block;}
.ui-goods-item .body .foot .user{vertical-align:middle;font-size:12px;}
.ui-goods-item .body .foot .user a{color:#b5b5b5;}
.ui-goods-item .body .foot .user a:hover{color:#FF6000;}
.ui-goods-item .body .foot .user img{width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle;}
.ui-goods-item .body .foot .info{text-align:right;font-size:12px;}
.ui-goods-item .body .foot .info em{border:1px solid #ED4014;color:#ed4014;padding:2px;font-size:12px;border-radius:4px;background:#fff;}
.ui-goods-item:first-child{margin-top:0;}

.temp-list{margin:0;min-height:300px;}
.temp-list-wrap{margin:0 -5px;display:flex;flex-wrap:wrap;padding:5px 0;}
.temp-list-item{width:50%;padding:0 5px;margin-bottom:10px;position:relative;}
.temp-list-item .ui-ring{right:2px;}
.temp-list-item .ui-ring.left{left:-1px;}
.temp-list-box{background:#fff;border-radius:8px;border:0.8px solid transparent;}
.temp-list-box:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#e1e6f0;}
.temp-list-box .item-image{position:relative;overflow:hidden;padding-bottom:56.2%;background:#F8FBFF;border-radius:8px 8px 0 0;}
.temp-list-box .item-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;/*object-fit:cover;*/border-radius:8px 8px 0 0;}
.temp-list-box .item-image svg{width:100%;height:100%;text-anchor:middle;border-radius:8px 8px 0 0;font-size:20px;position:absolute;}
.temp-list-box .item-text{padding:10px;}
.temp-list-box .item-text a{font-size:14px;font-weight:bold;line-height:40px;height:40px;display:block;}
.temp-list-box .item-text p{color:#a1abc2;line-height:20px;height:40px;font-size:12px;overflow:hidden;}
.temp-list-box .item-footer{padding:0 10px 10px 10px;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 8px 8px;min-height:50px;}
.temp-list-box .item-footer .user{vertical-align:middle;font-size:12px;}
.temp-list-box .item-footer .user a{color:#b5b5b5;}
.temp-list-box .item-footer .user a:hover{color:#FF6000;}
.temp-list-box .item-footer .user img{width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle;}
.temp-list-box .item-footer .info{text-align:right;font-size:12px;}
.temp-list-box .item-footer .info em{border:1px solid #ED4014;color:#ed4014;padding:2px;font-size:12px;border-radius:4px;background:#fff;}
.temp-list-box .item-footer .price{color:#f30;font-size:16px;}
.temp-list-box .item-footer .price del{color:#999;font-size:12px;margin-left:5px;}
.temp-list-box .item-footer .price span{color:#999;font-size:15px;margin-left:5px;}

.pro-list .temp-list-box .item-image{padding-bottom:100%;}

.flash .ui-carousel-page{bottom:25px;}
.flash .ui-carousel-page li{height:12px;width:12px;border-radius:12px;transition:all 1s}
.flash .ui-carousel-page li.active{width:50px;}

.ui-goods-header{padding:20px;background:#fff;}
.ui-goods-header .title{font-size:20px;font-weight:bold;}
.ui-goods-header .desc{color:#999;line-height:24px;font-size:15px;margin:10px 0;}
.ui-goods-header .foot{display:flex;align-items:center;justify-content:space-between;}
.ui-goods-header .foot .price{color:#f30;font-size:24px;}
.ui-goods-header .foot .price del{color:#777;font-size:15px;margin-left:10px;}
.ui-goods-header .foot em{border:1px solid #2E95FF;color:#2E95FF;padding:4px;border-radius:4px;}

.ui-goods-body{padding:15px;background:#fff;}
.ui-goods-body .title{margin:0;}
.ui-goods-body .title h1{font-size:20px;word-break:break-all;}
.art-info{color:#9199a1;line-height:24px;font-size:15px;padding:20px 0;display:flex;align-items:center;justfily-content:space-between;border-bottom:1px solid #f3f3f3;}
.art-info .user{vertical-align:middle;}
.art-info .user img{width:48px;height:48px;border-radius:50%;margin-right:10px;vertical-align:middle;}
.art-info .info{}
.art-info .info a{color:#333;font-size:14px;}
.art-info .info a:hover{color:#f30;}
.art-info .info span{display:block;font-size:12px;}

.ui-goods-body .content{margin-top:20px;}
.ui-goods-body .content *{max-width:100%;}
.ui-goods-body .content p{margin-bottom:20px;}
.ui-goods-body .content p:last-child{margin-bottom:0;}

.ui-goods-foot{padding:20px;background:#fff;}
.ui-goods-foot .content{padding:10px 0;}
.ui-goods-foot .action{list-style:none;padding:0 10px;clear:both;}
.ui-goods-foot .action li{display:flex;padding:10px 0;align-items:center;}
.ui-goods-foot .action li em{color:#999;width:56px;display:block;font-size:16px;}

.video-nicemb{height:100%;aspect-ratio:16/9}
.videoshow{background:#151625;overflow:hidden;}
.videoshow-list{padding:1px 15px;background:#151625;}
.videoshow-list .ui-menu{border-bottom:1px solid #2D2E3B;margin-top:20px;color:#ff6022;}
.videoshow-list .playlist{overflow:auto;min-height:60px;max-height:180px;margin-top:18px;}
.videoshow-list ul{list-style:none;padding:0;margin:0;}
.videoshow-list ul li{line-height:30px;position:relative;margin-bottom:3px;}
.videoshow-list ul li a{color:#999;padding:5px 10px;display:block;background:#1B1D30;font-size:14px;}
.videoshow-list ul li a:hover{color:#fff;}
.videoshow-list ul li.active a{color:#fff;}
.videoshow-list ul li em{background:linear-gradient(-135deg, #FEE7AE 0%, #F3D16A 15%, #E2C078 100%);color:#5A3C00;font-size:12px;padding:1px 2px;border-radius:4px;margin-left:8px;}
.videoshow-list ul li em i{font-size:12px;vertical-align:baseline}
.videoshow-list ul.box{display:flex;flex-wrap:wrap;padding-right:5px;}
.videoshow-list ul.box li{width:16.2%;padding:5px;}
.videoshow-list ul.box li span{display:none;}
.videoshow-list ul.box li a{background:#1B1C2F;width:100%;display:inline-block;text-align:center;border-radius:4px;line-height:24px;}
.videoshow-list ul.box li a:hover{background:#30313D;}
.videoshow-list ul.box li.active a{background:#30313D;}
.videoshow-list ul.box li em{position:absolute;width:22x;height:22px;line-height:22px;top:-2px;right:-4px;padding:0 2px;font-size:12px;transform:scale(0.8);}

.video_buy{background:#151625;border-radius:6px;height:250px;display:flex;align-items:center;justify-content:center;color:#efd696;position:relative;text-align:center;}
.video_buy p{font-size:14px;color:#999;line-height:24px;}
.video_buy p span{color:#ff6022;}
.video_buy a{display:block;margin:15px auto;color:#663D00;background-image:linear-gradient(-135deg, #FFDF89 0%, #F2CA5B 15%, #E2C078 100%);border-radius:20px;font-size:14px;line-height:30px;font-weight:400;width:60px;}
.video_buy a.upgrade{width:150px;}
.video_buy .group-wrap{display:flex;flex-wrap:wrap;width:80%;margin:10px auto}
.video_buy .group{font-size:12px;color:#ccc;line-height:24px;text-align:left;width:50%;}
.video_buy .group span{color:#fff;margin-right:5px;}
.video_buy .group em{color:#333;margin:0 5px 0 10px;background:linear-gradient(-135deg, #FEE7AE 0%, #F3D16A 15%, #E2C078 100%);color:#5A3C00;font-size:12px;padding:1px 2px;border-radius:4px;}
.video_buy .bottom{position:absolute;left:20px;right:20px;bottom:0;line-height:40px;border-top:1px solid #1E1F35;text-align:left;color:#cfcfcf;cursor:not-allowed;display:flex;justify-content:space-between}
.video_buy .bottom .play{}
.video_buy .bottom .play span{font-size:12px;margin-left:10px;color:#999;}
.video_buy .bottom .icon i{margin-left:10px;}

.art_buy{padding:30px 30px 0 30px;}
.art_buy .group-wrap{display:flex;flex-wrap:wrap;width:90%;margin:10px auto}
.art_buy .group{font-size:14px;color:#555;line-height:26px;text-align:center;width:50%;}
.art_buy .group span{color:#06f;margin-right:5px;}
.art_buy .group em{color:#333;margin:0 5px 0 10px;border:1px solid #FFEFE7;background:#FFFDFC;color:#FF6F27;font-size:12px;padding:1px 2px;border-radius:4px;}


.ui-payway{display:flex;flex-wrap:wrap;}
.ui-payway-item{flex:0 0 48.5%;max-width:48.5%;display:flex;align-items:center;justify-content:center;margin:8px 0;padding:10px 0;border:1px solid #eaeaea;border-radius:4px;text-align:center;position:relative;cursor:pointer;color:#666;font-size:16px;}
.ui-payway-item:nth-child(odd){margin-right:1.5%;}
.ui-payway-item:nth-child(even){margin-left:1.5%;}
.ui-payway-item img{height:40px;}
.ui-payway-item i{font-size:24px;margin-right:10px;color:#fff;background:#999;display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;}
.ui-payway-item span{position:absolute;right:1px;bottom:0px;color:#fff;z-index:20;font-size:12px;display:none;}
.ui-payway-item.blue i{background:#1890FF}
.ui-payway-item.green i{background:#19BE6B}
.ui-payway-item.red i{background:#ED4014}
.ui-payway-item.active{border-color:#1890FF;}
.ui-payway-item.active:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.ui-payway-item.active span{display:block;}

.ui-payway.one .ui-payway-item{flex:0 0 100%;max-width:100%;margin:0;margin-bottom:15px;}
.ui-payway.one .ui-payway-item:last-child{margin-bottom:0;}

.ui-pre{display:flex;margin-top:20px;align-items:center;font-size:12px;}
.ui-pre span{display:block;background:#2E95FF;color:#fff;padding:6px;width:50px;text-align:center;font-size:12px;border-radius:4px;}
.ui-pre a{display:block;margin-left:15px;flex:1;}
.ui-pre div{margin-left:15px;color:#999;}

.ui-next{display:flex;margin-top:10px;align-items:center;font-size:12px;}
.ui-next span{display:block;background:#2E95FF;color:#fff;padding:6px;width:50px;text-align:center;font-size:12px;border-radius:4px;}
.ui-next a{display:block;margin-left:15px;flex:1;}
.ui-next div{margin-left:15px;color:#999;}

.quicklogin{text-align:center;color:#999;}
.quicklogin a{margin:5px;color:#666;}
.quicklogin a:hover{color:#f30;}

.ui-foot-comment{display:flex;flex-wrap:wrap;border-top:1px solid #EFEFEF;padding:8px 15px;align-items:center;background:#fff;}
.ui-foot-comment-left{background:#F5F5F5;flex:1;display:flex;align-items:center;padding:8px 30px;border-radius:30px;margin-right:10px;color:#666;cursor:pointer;}
.ui-foot-comment-left i{vertical-align:middle;}
.ui-foot-comment-left.disabled{cursor:not-allowed;}

.ui-foot-comment-right{min-width:20%;}
.ui-foot-comment-right i{font-size:24px;margin-left:10px;vertical-align:middle;}
.ui-foot-comment-right a{color:#999;position:relative;}
.ui-foot-comment-right a.active{color:#f30;}
.ui-foot-comment-right a span{position:absolute;top:-12px;right:-12px;color:#f30;font-size:12px;}

.offside-comment{padding:10px;}
.ui-comment-emoji{display:flex;flex-wrap:wrap;width:100%;max-width:100%;max-height:200px;overflow-x:hidden;overflow-y:auto;padding:10px;}
.ui-comment-emoji div{width:40px;height:40px;line-height:40px;font-size:24px;border:1px solid #fff;display:block;text-align:center;border-radius:4px;cursor:pointer;font-family:'Segoe UI Emoji';}
.ui-comment-emoji div:hover{border-color:#eaeaea;}

/*VIP类型*/
.vip-list{}
.vip-list-item{margin-bottom:20px;padding:10px 15px;background:#fff;border-radius:6px;border:.8px solid #e1e6f0;color:#a1abc2;position:relative;overflow:hidden;cursor:pointer;}
.vip-list-item:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}
.vip-list-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.vip-list-item .left{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;}
.vip-list-item .icon{background:#a1abc2;width:50px;height:50px;line-height:48px;border-radius:50%;text-align:center;margin-right:10px;}
.vip-list-item .icon i{font-size:26px;color:#fff;}
.vip-list-item h3{color:#333;font-size:16px;font-weight:bold;color:#262d3d;}
.vip-list-item .price{font-size:15px;color:#f30;}
.vip-list-item .price span{font-size:14px;color:#999;margin-left:5px;}
.vip-list-item .ischeck{position:absolute;right:0px;bottom:0px;color:#fff;z-index:20;font-size:16px;display:block;}
.vip-list-item.active{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#ddd}
.vip-list-item.active:after{position:absolute;content:"";right:0;bottom:0;color:#FF525F;width:0;height:0;border-bottom:30px solid #FF525F;border-left:30px solid transparent;z-index:10;}
.vip-list-item.active .ischeck{display:block;}
.vip-list-item.active .icon{background:#FF525F;}
.vip-list-item.disabled{cursor:not-allowed;opacity:0.4}
.vip-list-item.disabled:after{position:absolute;content:"";right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.vip-list-item.disabled .ischeck{display:none;}
.vip-list-item.disabled:hover{box-shadow:none;}

.page_contact{font-family:verdana;color:#666;}
.page_contact h1{color:#262d3d;margin:30px 0 -10px 0;font-size:26px;}
.contact{margin-top:30px;display:flex;flex-wrap:wrap;padding:5px 0;}
.contact-item{width:100%;margin-bottom:20px;}
.contact-item .wrap{padding:25px 30px;background:#fff;border-radius:6px;border:.8px solid #e1e6f0;color:#a1abc2;}
.contact-item .wrap:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);}
.contact-item em{font-size:30px;margin:0 30px 20px 0;float:left;background:#FF525F;color:#fff;width:55px;height:55px;line-height:52px;border-radius:50%;text-align:center;}
.contact-item h3{font-family:microsoft yahei;color:#333;font-size:18px;font-weight:600;color:#262d3d;}

.page-bind{background:#fff;padding:50px 0px;margin-bottom:30px;}
.bind-list{}
.bind-list a{display:block;border:1px solid #eee;margin-bottom:20px;padding:15px 20px;color:#333;font-weight:bold;font-size:16px;}
.bind-list a p{color:#999;font-weight:normal;font-size:14px;margin-top:10px;}
.bind-list a:hover{color:#ff4837;background:#FFF6F6;border-color:#FFD1D0;}
.bind-list a:hover p{color:#555;}