@charset "utf-8";
*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#333}
input,textarea,select{*font-size:100%;font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {margin: 0px;padding:0px;}
body{font:14px/24px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif; font-family:"microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif !important; background:#fff; color:#323232}
em,i{ font-style:normal;}
a{outline: none;text-decoration:none; color:#323232}
a:hover{color:#FF9201;}
img{border:0 none;max-width:100%;}


.fl{float:left}.fr{float:right;}
.wrapper{width: 1280px;margin:auto;}
.mt60{margin-top: 60px}.mt32{margin-top:32px;}
.flex{display: flex}
.bg{background:#F7F7F7;overflow: hidden;}
.bg1{background:url(../WebImages/member-bg.png) no-repeat top center #F7F7F7;background-size: 100% auto;overflow: hidden;}
.btn-orgn{background:#FF9201;color:#FFF;border:solid 1px #FF9201;}
.btn-lorgn{background:#FFF;color:#FF9201;border:solid 1px #FF9201;}
.btn-lgray{background:#FFF;color:#5f5f5f;border:solid 1px #DDDDDD;}
.f-green{color:#26c823;}
.f-blue{color:#528fff;}
.f-gray{color:#a4a4a4;}
.f-orgn{color:#ff9201;}
.f-red{color:#ff5314;}
.header-login{padding:26px 0;overflow: hidden}
.header-login .logo{display: flex}
.header-login .logo img{height: 60px;}
.header-login .logo span{margin-left: 30px;padding-left: 32px;position: relative;line-height:60px;border-left:solid 1px #E9E0D6;font-weight: 600;font-size: 24px;white-space: nowrap;}
.header-login .h-href{line-height: 60px;font-size:14px;color:#323232;}
.header-login .h-href a{margin-right: 20px;}
.header-login .h-href i{display: inline-block;vertical-align: middle;background-position: center;background-size: contain;background-repeat: no-repeat;width:14px;height: 14px;margin-right: 5px;}
.header-login .h-href i.ico-go{background-image: url(../WebImages/login-ico-1.png)}
.header-login .h-href i.ico-online{background-image: url(../WebImages/login-ico-2.png)}
.header-top{height: 44px;line-height: 44px;overflow: hidden;font-size: 13px;color:#929292;}
.header-top .h-href a{margin-left:14px;padding-left: 14px;color:#929292;position: relative;display: inline-block;height: 18px;line-height: 18px;}
.header-top .h-href a:before{content:"";position: absolute;top:2px;bottom:2px;left:0;width: 1px;background: #E6E6E6}
.header-top .h-href a:first-child:before{display: none}
.header-top .h-href a:hover{color:#FF9201;}
.header-box{padding:38px 15px 20px;display: flex}
.header-box .logo{display: flex}
.header-box .logo img{height: 59px;margin-top:1px;}
.header-box .logo span{margin-left: 22px;padding-top: 4px;padding-left:20px;position: relative;line-height:24px;border-left:solid 1px #E9E0D6;font-weight: 600;font-size:18px;white-space: nowrap;height: 62px;}
.header-box .online-serve{width: 136px;height: 65px;background:url(../WebImages/online-service.png) no-repeat center;background-size: cover}
.header-box .search-wrap{flex:1;margin:0 68px;}
.header-box .search-wrap .search-box{display: flex;width: 100%;border:solid 2px #FF9201;height: 52px;padding:2px 2px 2px 22px;border-radius: 52px;background:#FFF;}
.header-box .search-wrap .search-box:before{content:"";width: 20px;height: 100%;background:url(../WebImages/icon-search.png) no-repeat center / contain;}
.header-box .search-wrap .search-box .t{flex:1;height: 100%;border:none;outline: none;padding:0 10px;}
.header-box .search-wrap .search-box .b{width: 105px;background:#FF9201;font-size: 16px;line-height: 44px;height: 100%;color:#FFF;border-radius: 44px;border:none;font-weight: 600}
.header-box .search-wrap .hot-keys{padding: 8px 0px 0 30px;color:#686868;white-space: nowrap;overflow: hidden;width: 500px;font-weight: 600}
.header-box .search-wrap .hot-keys a{color:#686868;margin-right: 12px;}
.menu-box{height: 58px;border-radius: 8px;background:#FF9201;color:#FFF;font-size: 17px;font-weight: 600;display: flex;line-height: 58px;padding:0 40px;}
.menu-box .item{color:#FFF;flex:1;text-align: center;}
.menu-box .item:hover,.menu-box .item.on{background:#ED8700;}

.trust-section {margin: 50px auto;}
.trust-section .trust-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 0;overflow: hidden;}
.trust-item {display: flex;align-items: center;padding: 0 38px;gap: 14px;position: relative;}
.trust-item:before{content: "";position: absolute;top:2px;bottom:2px;background:#eee;width: 1px;right: 0}
.trust-section .trust-item:last-child:before {display: none}
.trust-section .trust-item .trust-icon{width:40px;height: 40px;background-size:contain; }
.trust-section .trust-item .trust-icon.icon1 {background-image: url(../WebImages/i-icon-1.png)}
.trust-section .trust-item .trust-icon.icon2{background-image: url(../WebImages/i-icon-2.png)}
.trust-section .trust-item .trust-icon.icon3{background-image: url(../WebImages/i-icon-3.png)}
.trust-section .trust-item .trust-icon.icon4{background-image: url(../WebImages/i-icon-4.png)}
.trust-section .trust-item .trust-text{line-height: 20px;}
.trust-section .trust-item .trust-text .t1 { font-size: 15px; font-weight: bold; color: #1f1f1f; }
.trust-section .trust-item .trust-text .t2 { font-size: 13px; color: #aeaeae;}
.footer-nav{text-align: center;margin-bottom:30px}
.footer-nav a{padding:0 35px;font-size: 16px;font-weight: 600;color:#1e1e1e;display: inline-block;position: relative;line-height: 20px}
.footer-nav a:first-child{border-left: none}
.footer-nav a:before{content: "";position: absolute;top:2px;bottom:2px;background:#eee;width: 1px;right: 0}
.footer-nav a:last-child:before {display: none}
.footer-nav a:hover{color:#FF9201;}
.copyright{font-size: 13px;color:#bcbcbc;font-weight: 600;line-height: 24px;padding:0 0 40px;text-align: center}
.copyright img{vertical-align: sub}
.copyright .c-img{margin-bottom: 22px}

.box-style{background:#FFF;margin-top:15px;border-radius: 8px;overflow: hidden;padding:0 48px;}
.box-style .box-header{margin-top: 32px;line-height: 36px;display: flex}
.box-style .box-header .title{flex:1;font-size: 18px;color:#242424;font-weight: 600}
.box-style .box-header .more{color:#757575;}
.box-style .box-header .b-search{width: 232px;height: 36px;border-radius: 4px;background:#F3F3F3;padding:0 14px;display: flex}
.box-style .box-header .b-search .t{flex:1;background:none;border:none;height: 100%;outline: none;font-size: 14px}
.box-style .box-header .b-search .b{border:none;background:url(../WebImages/icon-search1.png) no-repeat center / contain; width: 18px;height: 100%}
.box-style.trust-section{padding:30px 20px;margin:32px 0;}

.tabs-box{margin-top: 5px;border-bottom: solid 1px #EFEFEF;}
.tabs-box .item{padding:15px 0;display: inline-block;margin-right: 48px;position: relative;font-size: 16px;color:#5f5f5f;cursor: pointer;}
.tabs-box .item.on{color:#272727;font-weight: 600}
.tabs-box .item.on:before{content: "";position: absolute;bottom:-1px;left:0;right: 0;background:#FF9201;height: 2px}
.tabs-box .item:hover{color:#ff9201;}

.cat-tags{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px;}
.cat-tag{padding:0 14px;border-radius:6px;font-size:16px;color:#7a7a7a;cursor:pointer;transition:all .15s;background:#F5F5F5;height: 30px;line-height: 30px;font-weight: 600}
.cat-tag:hover,.cat-tag.on{background:#FFF4E7;color:#ff9201;border-color:#FFF4E7;}

.pagination{display:flex;justify-content:center;align-items:center;gap:10px;color:#bbb;text-align: center;margin:34px 0 54px;}
.pagination a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;border:solid 1px #dbdbdb;border-radius: 40px;line-height: 38px;color:#949494;font-size: 16px}
.pagination a.prev,.pagination a.next{background:url(../WebImages/ico-arrow-1.png) no-repeat center / 8px;}
.pagination a.next{transform: rotate(180deg);}
.pagination a.next:hover,.pagination a.prev:hover{background:url(../WebImages/ico-arrow-2.png) no-repeat center / 8px;}
.pagination a:hover{color:#FF9201;border-color:#FF9201;}
.pagination a.on{background:#FF9201;color:#FFF;border-color:#FF9201;}
.pagination a.on:hover{color:#fff;}
.pagination .page-dots{width: 40px;display: inline-block;}

.breadcrumb{padding:0 15px;font-size:14px;color:#9d9d9d;}
.breadcrumb a{color:#9d9d9d;}
.breadcrumb a:hover{color:#FF9201;}
.breadcrumb span{margin:0 4px;}

/*login*/
.login-box{box-shadow: 0 0 10px rgba(0,0,0,0.08);display: flex;background:#FFF;margin:32px auto;padding:40px 0;}
.login-box .l-banner{flex: 1;height: 423px;text-align:center;}
.login-box .l-banner img{height: 100%}
.login-box .l-right{width: 45%;border-left:solid 1px #F1F1F1;padding:0 108px;}
.login-box .l-nav{text-align: center;font-size: 18px;}
.login-box .l-nav .item{color:#999999;padding:42px 0 13px;margin:0 30px;display: inline-block;cursor: pointer;}
.login-box .l-nav .item.on{color:#ff9201;border-bottom:solid 2px #ff9201;}
.login-box .l-form{margin-top: 32px;}
.login-box .l-form .item{padding: 0 19px 0 52px;height: 46px;margin-bottom: 22px;border:solid 1px #EBEBEB;position: relative;}
.login-box .l-form .item i{width: 16px;height: 44px;background:no-repeat center;background-size: 100% auto;position: absolute;left: 18px;}
.login-box .l-form .item i.ico-psw{background-image: url(../WebImages/login-psw.png)}
.login-box .l-form .item i.ico-user{background-image: url(../WebImages/login-phone.png)}
.login-box .l-form .item .t{flex:1;border:none;outline: none;height: 44px;font-size: 14px}
.login-box .l-form .item .send-code{color:#1c90e9;padding:0 20px;line-height: 20px;border-left:solid 1px #E1E1E1;top: 12px;position: absolute;right: 0;}
.login-box .l-form .btn{height: 46px;font-size: 18px;font-weight: 600;width: 100%;cursor: pointer;}
.login-box .l-form .btns{margin:20px -6px 0;display: flex}
.login-box .l-form .btns a{height:46px;margin:0 6px;display: inline-block;font-size: 16px;font-weight: 600;line-height: 44px;text-align: center;flex:1;}


/*member*/
.sidebar{width:213px;overflow:hidden;margin:20px 0 30px;}
.sidebar > div{background:#fff;border-radius:8px;padding: 34px 14px 24px;}
.main-content{flex:1;margin: 20px 0 30px 20px;}

.menu-group{color:#222222;margin-bottom:10px}
.menu-group .menu-group-title{display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 23px;font-size:17px;font-weight:bold;cursor:pointer;height: 50px;line-height: 50px;}
.menu-group .menu-group-title .arr{width: 10px;height: 100%;background:url(../WebImages/ico-arrow.png) no-repeat center;}
.menu-group .menu-item{display:block;padding:0 0 0 23px;font-size:15px;color:#222;cursor:pointer;transition:background .15s;height: 42px;line-height: 42px;border-radius: 8px;margin-bottom: 4px;display: none}
.menu-group .menu-item.on{background:#FFF4E7;color:#ff9201;}
.menu-group .menu-item:hover{color:#ff9201;}
.menu-group.show .menu-item{display: block}
.menu-group.show .menu-group-title .arr{transform: rotate(180deg);}

.user-card{background:#fff;border-radius:8px;padding:52px 48px;display:flex;align-items:center;gap:29px;}
.user-card .user-header{width: 68px;height: 68px;border-radius: 50%;overflow:hidden;}
.user-card .user-header .img{width: 100%;height: 100%}
.user-card .user-info .name{font-size:18px;font-weight:bold;color:#222;display:flex;align-items:center;gap:16px;}
.user-card .user-info .badge-unauth{font-size:14px;background:#F0F0F0;color:#7d7d7d;border-radius:3px;padding:0 12px;height: 24px;line-height: 24px;border-radius: 24px;font-weight: 400;cursor: pointer;}
.user-card .user-info .uid{font-size:15px;color:#666666;margin-top:4px;}
.user-card .logout-btn{margin-left:auto;height:34px;padding:0 18px;border:1px solid #D8D8D8;border-radius:32px;background:#fff;color:#595959;font-size:15px;cursor:pointer;transition:all .2s;line-height: 32px;font-weight: 600}
.user-card .logout-btn:hover{border-color:#FF9201;color:#FF9201;}

.goods-list{display:flex;flex-direction:column;}
.goods-list .goods-item{display:flex;align-items:flex-start;gap:24px;border-bottom:1px solid #EFEFEF;padding:29px 0;position: relative}
.goods-list .goods-item:last-child{border-bottom:none;}
.goods-list .goods-item .goods-img{width: 158px;height: 102px; }
.goods-list .goods-item .goods-name{font-size: 15px;font-weight: 600;color:#212121;padding-right: 213px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-list .goods-item .goods-status{position: absolute;right: 0;top: 30px;font-size: 15px;}
.goods-list .goods-item .goods-price{font-size: 20px;color:#ff5314;margin-top: 18px;line-height: 28px;float: left;font-weight: 600}
.goods-list .goods-item .goods-price em{font-size: 14px}
.goods-list .goods-item .goods-btns{margin-top:18px;float: right;gap:10px;display: flex}
.goods-list .goods-item .goods-btns .btn{height: 28px;line-height: 26px;padding:0 15px;display: inline-block;border-radius: 28px;}

.pop-wrap{display: none}
.pop-wrap.show{display: block}
.pop-wrap:before{content: "";position: fixed;top:0;left:0;right: 0;bottom:0;background:rgba(0,0,0,0.2);}
.pop-wrap .pop-box{position: fixed;top:50%;left:50%;background:#FFF;border-radius: 8px;}
.pop-wrap .pop-box .p-close{position: absolute;right: 20px;top:15px;background:url(../WebImages/ico-close.png) no-repeat center /cover;width: 16px;height: 16px;}
.auth-box{padding:35px 36px 45px;margin-top: -207px;margin-left: -231px}
.auth-box .t1{text-align: center;font-size: 18px;color:#232323;font-weight: 600}
.auth-box .t2{font-size: 15px;color:#ff9910;padding-top:5px;text-align: center;font-weight: 600}
.auth-box .form{margin-top: 35px;}
.auth-box .form dl{display: flex;margin-bottom: 17px;line-height: 48px;}
.auth-box .form dt{margin-right: 12px;font-weight: 600}
.auth-box .form dt em{color:#ff0000;vertical-align: middle;}
.auth-box .form .t{width: 259px;height: 48px;border-radius: 6px;padding:0 16px;background:#F7F7F7;font-size: 14px;border:none;}
.auth-box .tips{font-size: 12px;font-weight: 600;line-height: 24px;color:#696969;}
.auth-box .btns{margin-top: 25px;text-align: center}
.auth-box .btns .btn{margin:0 14px;width: 128px;height: 41px;border-radius: 6px;font-size: 15px;font-weight: 600;cursor: pointer;}


/*list*/
.type-tabs{display:flex;gap:45px;margin-top:45px;}
.type-tabs .item{font-size: 18px;color:#747474;position: relative;display: inline-block;padding-bottom: 14px}
.type-tabs .item.on{color:#1e1e1e;font-size: 20px;font-weight:600}
.type-tabs .item.on:before{content: "";width: 42px;height: 5px;background:#FF9201;display: inline-block;position: absolute;bottom:0;left:50%;margin-left: -21px;border-radius: 5px}
.alpha-bar{display:flex;align-items:center;background:#F9F9F9;border-radius: 4px;height: 46px;line-height: 46px;padding:0 14px;font-size: 16px;margin-top: 23px;}
.alpha-item{flex:1;color:#a6a6a6;padding:0 14px;white-space: nowrap;}
.alpha-item:hover,.alpha-item.on{color:#ff8401;}
.games-section{overflow:hidden;margin: 28px -20px 0;}
.games-section .item{text-align: center;display: inline-block;font-size: 14px;margin: 0 20px 22px;float: left;font-weight: 600}
.games-section .item .img{width: 82px;height: 82px;border-radius: 12px;overflow: hidden;margin-bottom:4px;}
.games-section .item .img img{width: 100%;height: 100%}
.filter-section{padding: 30px 62px;font-weight: 600}
.filter-section dl{align-items:flex-start;gap:10px;margin-bottom: 2px;font-size: 16px;display: flex}
.filter-section dl:last-child{margin-bottom:0;}
.filter-section dl dt{flex-shrink:0;color:#1e1e1e;line-height: 30px;margin-right: 30px;width: 68px;margin-top: 8px;}
.filter-section dl dd{display:flex;flex-wrap:wrap;gap:10px;}
.filter-section .filter-opt{padding:0 15px;border:1px solid #FFF;border-radius:5px;color:#7a7a7a;cursor:pointer;background:#fff;height:30px;line-height:28px;transition:all .15s;display: inline-block;margin:8px 0;}
.filter-section .filter-opt.on,.filter-section .filter-opt:hover{color:#ff9201;border-color:#ff9201;}
.sort-tabs{display:flex;align-items:center;gap:0;margin-top:46px;font-size: 16px;font-weight: 600}
.sort-tabs .sort-label{color:#1e1e1e;margin-right:58px;}
.sort-tabs .sort-tab{color:#a4a4a4;cursor:pointer;transition:all .15s;margin-right: 58px;}
.sort-tab.active,.sort-tab:hover{color:#ff9201;}
.game-list{margin:0 -28px;}
.game-list:after{content: "";display: block;clear: both;}
.game-list .item{padding:10px;width: 296px;margin: 35px 7px 0;overflow: hidden;display: inline-block;float: left;border-radius: 12px}
.game-list .item:hover{box-shadow: 0 5px 21px rgba(0,0,0,0.08)}
.game-list .item .img{height:147px;width: 100%;border-radius: 12px;overflow:hidden;}
.game-list .item .img img{width: 100%;height: 100%}
.game-list .item .name{line-height: 28px;padding:0 5px;font-size: 15px;color:#333333;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;font-weight: 600}
.game-list .item .uid{font-size: 14px;color:#a4a4a4;padding:0 5px;margin-bottom: 5px;line-height: 28px}
.game-list .item .price{font-size: 20px;font-weight:700;color:#ff5314;padding-left: 5px;}
.game-list .item .price em{font-size: 14px}
.game-list .item .time{padding-right: 5px;color:#a4a4a4;font-size: 14px;}

/*detail*/
.detail-info{padding:40px 35px;}
.detail-info .top{position: relative;padding-left: 653px}
.detail-info .top .img{width: 634px;height: 351px;border-radius: 8px;position: absolute;left:0px;top:0;}
.detail-info .top .img img{width: 100%;height: 100%;}
.detail-info .top .name{font-weight: 600;font-size: 16px;line-height: 26px;color:#232323;}
.detail-info .top .guarantee-bar{ background-image: linear-gradient(90deg,#FFDCA1 0%, #E59F26 100%);color:#FFF;border-radius: 8px;margin-top: 14px;padding:0 10px 12px;}
.detail-info .top .guarantee-bar .g-head{width: 100%;background:url(../WebImages/ico-guarantee.png) no-repeat 24px center;height: 47px;line-height: 47px;text-align:right;font-size: 14px;font-weight: 600}
.detail-info .top .guarantee-bar .price-area{height: 62px;line-height: 62px;background:#FFF;border-radius: 8px;color:#999999;font-size: 14px;display: flex;padding:0 26px;}
.detail-info .top .guarantee-bar .price-area .big-price{font-size: 30px;color:#ff5314;flex:1;font-weight: 600;}
.detail-info .top .guarantee-bar .price-area .big-price em{font-size: 16px;}
.detail-info .top .tags-row{margin-top:12px;padding:10px 12px 10px 95px;border-radius: 8px;gap:30px;background:url(../WebImages/ico-server.png) no-repeat 22px center #FFF8EC;display: flex}
.detail-info .top .tags-row .tag-badge{display: inline-block;background:url(../WebImages/ico-1.png) no-repeat left center;padding-left: 16px;}
.detail-info .top .meta-row{overflow: hidden;margin-top: 12px;}
.detail-info .top .meta-row .item{padding:0 8px;display: inline-block;width: 50%;float: left;color:#737373;font-weight: 600}
.detail-info .bottom{border-top:dashed 1px #E1E1E1;margin-top:32px;overflow: hidden;padding-top:32px;}
.detail-info .bottom .like-share{display: flex;gap:35px;}
.detail-info .bottom .ls-item{display: inline-block;font-size: 14px;font-weight: 600;color:#a4a4a4;line-height:46px}
.detail-info .bottom .ls-item i{width: 18px;height: 15px;background:no-repeat center / contain;display: inline-block;margin-right: 3px;vertical-align: middle}
.detail-info .bottom .ls-item i.ico-see{background-image: url(../WebImages/ico-see.png)}
.detail-info .bottom .ls-item i.ico-share{background-image: url(../WebImages/ico-share.png)}
.detail-info .bottom .detail-btns{display: flex;gap:18px;}
.detail-info .bottom .detail-btns .btn{width: 272px;height: 46px;line-height: 44px;text-align:center;border-radius: 6px;font-weight: 600}
.detail-info .bottom .detail-btns .btn i.ico-ask{width: 17px;height: 17px;background:url(../WebImages/ico-ask.png) no-repeat center / cover;margin-right: 10px;display: inline-block;vertical-align: middle}
.detail-info .bottom .detail-btns .btn span{vertical-align: middle}
.detail-info2{padding:42px 54px;}
.detail-info2 .detail-text{font-size: 16px;color:#252525;font-weight: 600}
.detail-info2 .detail-text p{margin:20px 0;}
.detail-info2 .detail-text img{width: 100%}
.detail-info2 .attr-table{width:100%;border-collapse:collapse;margin-top:36px;}
.detail-info2 .attr-table td,.detail-info2 .attr-table th{padding:20px 42px;font-size:16px;color:#929292;border:1px solid #E9E9E9;font-weight: 600;width:400px}
.detail-info2 .attr-table th{color:#222222;background:#FBFBFB;width:200px}
.detail-info2 .detail-tabs{display:flex;border-bottom:2px solid #f0f0f0;gap:87px;}
.detail-info2 .item{padding:14px 0;font-size:17px;cursor:pointer;color:#8d8d8d;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;font-weight: 600}
.detail-info2 .item.on{color:#ff9201;border-bottom-color:#ff9201;font-weight:bold;}
.detail-info2 .item:hover{color:#ff9201;}

/*index*/
.h-notice{margin-top: 13px;overflow: hidden;position: relative;background:#FFFFFF;padding:18px 22px;line-height:24px;border-radius: 8px;display: flex}
.h-notice:before{content: "";height: 24px;background:url(../WebImages/ico-notice.png) no-repeat center;background-size: contain;width: 54px;display: inline-block;margin-right: 17px}
.h-notice marquee{flex:1;}
.hot-games{width: 266px;background:#FFF;padding:0 24px 5px;background:#FFF;border-radius: 8px;margin-top: 15px;margin-right: 13px}
.hot-games .title{padding:17px 0;font-size: 16px;line-height: 22px;font-weight:600;margin-top: 8px;}
.hot-games .title:before{content: "";width: 18px;height:21px;background:url(../WebImages/ico-hot.png) no-repeat center /contain;display: inline-block;vertical-align:middle;margin-right: 6px;}
.hot-games .title span{vertical-align: middle}
.hot-games .item{margin-bottom: 22px;display: flex;gap:14px;cursor: pointer;}
.hot-games .item .img{width: 43px;height: 42px;border-radius: 6px;overflow: hidden;}
.hot-games .item .game-info {font-size: 13px;color:#b5b5b5;font-weight: 600;line-height: 22px;flex:1;}
.hot-games .item .game-info .game-name {font-size: 15px;color:#272727;}
.hot-games .item .arrow{height:44px;width:7px;background:url(../WebImages/ico-arrow-3.png) no-repeat center / 6px;}
.h-banner{overflow: hidden;position: relative;margin-top: 15px;border-radius: 8px;width: 721px;height:399px;margin-right:12px;}
.h-banner .swiper-slide img{width: 721px;height:400px;}
.h-banner.swiper-container-horizontal>.swiper-pagination{bottom:23px;}
.h-banner.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{background:none;border:solid 2px #FFF;opacity: 1;margin:0 4px !important;width: 14px;height: 14px}
.h-banner.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active{background:#FFF;}
.side-panel{margin-top:15px;flex:1;background:#FFF;border-radius:8px;padding:25px 25px 0;}
.side-panel .welcome-box .info{display: flex}
.side-panel .welcome-box .info .img{width: 48px;height: 48px;border-radius: 50%;margin-right: 12px}
.side-panel .welcome-box .info .wt{color:#c4c4c4;line-height: 24px;}
.side-panel .welcome-box .info .wt .t1{color:#272727;font-weight: 600}
.side-panel .welcome-box .info .wt a{color:#ff9201;}
.side-panel .welcome-box .btn-group{margin-top: 19px;display:flex;gap:16px;}
.side-panel .welcome-box .btn-group a{height: 38px;flex:1;text-align: center;color:#FFF;border-radius: 38px;font-weight: 600;line-height: 38px;font-size: 16px;}
.side-panel .welcome-box .btn-group a.btn-buy{ background-image: linear-gradient(90deg, #FF9101 0%,#FFCE30 100%);}
.side-panel .welcome-box .btn-group a.btn-sell{ background-image: linear-gradient(90deg, #06B3FF 0%,#93DEFF 100%);}
.side-panel .stat-box{margin-top: 16px;display:flex;background-image: linear-gradient(90deg, #FFF 0%,#F6F6F6 50%,#FFF 100%);padding:20px 0;}
.side-panel .stat-box .item{flex:1;text-align: center;color:#4f4f4f;font-weight: 600;position: relative;}
.side-panel .stat-box .item:before{content: "";position: absolute;top:3px;bottom:3px;left:0;width: 1px;background:#E7E7E7;}
.side-panel .stat-box .item:first-child:before{display: none}
.side-panel .stat-box .item .num{font-size: 18px;}
.notice-tabs {margin-top: 5px;border-bottom: 1px solid #EFEFEF;display: flex}
.notice-tabs span {font-size: 15px; color: #262626;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;position: relative;cursor: pointer}
.notice-tabs span b{display: inline-block;position: relative;padding: 10px 0;}
.notice-tabs span.active b:before{content:"";position: absolute;bottom:-1px;left:0;right: 0;background:#ff9201;height: 2px}
.notice-list {padding:5px 0;}
.notice-list .item {font-size: 13px;color: #5b5b5b;padding: 4px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.notice-list .item:hover { color: #ff9201; cursor: pointer; }
.notice-list .item:before{content: "";width: 3px;height: 3px;margin-right: 10px;vertical-align: middle;background:#C9C9C9;display:inline-block;}
.hot-chart,.new-deal{border:solid 3px #FFF;background:#FFF;border-radius: 8px;margin-right: 15px;width: 903px;overflow: hidden;margin-top: 15px;}
.hot-chart .section-header,.new-deal .section-header{padding:22px  28px; background-image: linear-gradient(180deg, #FFECEC 0%, #FFF 100%);display: flex}
.hot-chart .section-title,.new-deal .section-title{font-size: 18px;font-weight: 600;line-height: 44px;}
.hot-chart .section-title .icon,.new-deal .section-title .icon{margin-right: 8px;width: 44px;height: 40px;background:url(../WebImages/ico-hot1.png) no-repeat center;display: inline-block;float: left}
.hot-chart .chart-tabs{flex:1;text-align: center;}
.hot-chart .chart-tabs span{width: 74px;height: 24px;line-height: 24px;border-radius: 24px;color:#262626;font-weight: 600;display: inline-block;cursor: pointer;    margin: 10px 6px}
.hot-chart .chart-tabs span.active{color:#FFF; background-image: linear-gradient(90deg, #FF4444 0%,#FFADAD 100%);}
.hot-chart .section-more,.new-deal .section-more{color:#757575;line-height: 44px;}
.hot-chart .game-grid{overflow: hidden;display: grid;grid-template-columns: repeat(8, 1fr);gap:10px;padding:0 28px;text-align: center;}
.hot-chart .game-grid .game-card .img-wrap{width: 77px;height: 77px;overflow: hidden;border-radius: 8px}
.hot-chart .game-grid .game-card .img-wrap img{width: 100%;height: 100%}
.hot-chart .game-grid .game-card .name{padding:10px 0;color:#262626;font-weight: 600}
.new-deal{width: 362px}
.new-deal .section-header{background-image: linear-gradient(180deg, #FFE2BC 0%, #FFF 100%);}
.new-deal .section-title{flex:1;}
.new-deal .section-title .icon{background-image: url(../WebImages/ico-hot2.png)}
.new-deal .deal-list{padding:0 27px;display: none}
.new-deal .deal-list .deal-item{display: flex;gap:16px;margin-bottom:20px}
.new-deal .deal-list .deal-item .img{width: 62px;height: 62px;border-radius: 8px;overflow: hidden}
.new-deal .deal-item .d-info{flex:1;line-height: 20px;font-weight: 600;}
.new-deal .deal-item .d-info .d-title{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;margin-bottom: 4px}
.new-deal .deal-item .d-info .d-footer{overflow: hidden}
.new-deal .deal-item .d-info .d-footer .d-price{font-size: 15px;color:#ff5314;float: left}
.new-deal .deal-item .d-info .d-footer .d-price em{font-size: 12px}
.new-deal .deal-item .d-info .d-footer .d-time{font-size: 12px;float: right;color:#bdbdbd;}

/**********************************************************************/

.Font-Red{color:#ff0000;}
.game-list .item .ImgClass{height:147px;width: 276px;border-radius: 12px;overflow:hidden;}
.goods-list .goods-chat{display:flex;align-items:flex-start;gap:24px;border-bottom:1px solid #EFEFEF;padding:29px 0;position: relative}
.goods-list .goods-chat:last-child{border-bottom:none;}
.goods-list .goods-chat .goods-img{width: 80px;height: 60px; }
.goods-list .goods-chat .goods-name{font-size: 15px;font-weight: 600;color:#212121;padding-right: 213px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-list .goods-chat .goods-status{position: absolute;right: 0;top: 30px;font-size: 15px;}
.goods-list .goods-chat .goods-price{font-size: 20px;color:#ff5314;margin-top: 18px;line-height: 28px;float: left;font-weight: 600}
.goods-list .goods-chat .goods-price em{font-size: 14px}
.goods-list .goods-chat .goods-btns{margin-top:18px;float: right;gap:10px;display: flex}
.goods-list .goods-chat .goods-btns .btn{height: 28px;line-height: 26px;padding:0 15px;display: inline-block;border-radius: 28px;}

.detail-info .bottom .detail-btns .btn i.ico-fenxiang{width: 17px;height: 17px;background:url(../WebImages/fenxiang.png) no-repeat center / cover;margin-right: 10px;display: inline-block;vertical-align: middle}