@charset "UTF-8";
/*版心*/
.comment{min-height: calc(100vh - 518px);}
.comment .img { display: block; overflow: hidden; position: relative; }
.comment .img img { width: 100%; height: 100%; /*-o-object-fit: cover; object-fit: cover; */-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
/*轮播*/
.lunbox { position: relative; overflow: hidden; }
.lunbox:hover .btnbox { display: block; }
.lunbox .btnbox { position: absolute; top: 50%; height: 80px; width: 40px; margin-top: -40px; cursor: pointer; display: none; }
.lunbox .btnbox:hover { opacity: 0.9; }
.lunbox .prev { left: 20px; background-position: 0 -85px; }
.lunbox .next { right: 20px; background-position: -59px -86px; }
/*首页板块*/
.indexbox {background: #fff; }
.indexbox .titlebt { height: 50px; line-height: 50px; overflow: hidden; width: 100%; }
.indexbox .titlebt .bt { font-size: 24px; float: left; color: #333; }
.indexbox .titlebt .ullab { float: left; margin: 0 30px; overflow: hidden; }
.indexbox .titlebt .ullab li { float: left; font-size: 18px; margin: 0 8px; cursor: pointer; position: relative; }
.indexbox .titlebt .ullab li::after { position: absolute; left: 50%; margin-left: -17px; bottom: 0; content: ''; display: none; width: 34px; height: 6px; background-color: #ff6630; border-radius: 4px 4px 2px 2px; }
.indexbox .titlebt .ullab li a { color: #959595; padding: 0 7px; }
.indexbox .titlebt .ullab li:hover { color: #333; }
.indexbox .titlebt .ullab li:hover a { color: #333; }
.indexbox .titlebt .ullab li:hover::after { display: block; }
.indexbox .titlebt .ullab .on { color: #333; }
.indexbox .titlebt .ullab .on a { color: #333; }
.indexbox .titlebt .ullab .on::after { display: block; }
.indexbox .titlebt .more { float: right; font-size: 14px; color: #8b8b8b; }
.indexbox .titlebt .more:hover { color: #ff6630; }
/*首页板心px*/
.Iindexbox { padding: 33px 0 50px 0;z-index:2;position:relative; }
/*分类首页标题*/
.tile_bt { text-align: center; padding-bottom: 50px; }
.tile_bt .bt { height: 56px; line-height: 56px; font-size: 32px; color: #333333; }
.tile_bt .more { height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; color: #333; }
.tile_bt .more ul li { display: inline-block; vertical-align: middle; }
.tile_bt .more ul li::after { margin: -2px  10px 0; width: 2px; height: 15px; display: inline-block; vertical-align: middle; background: #333; opacity: 0.7; content: ''; }
.tile_bt .more ul li:last-child::after { display: none; }
.tile_bt .more ul .on a { color: #ff6630; }
.tile_bt .more span { margin: -2px  10px 0; width: 2px; height: 15px; display: inline-block; vertical-align: middle; background: #333; opacity: 0.7; }
.tile_bt .more a { color: #333; }
.tile_bt .more a:hover { color: #ff6630; }
.tab_switch { height: 135px; width: 100%; margin: 38px 0; }
.tab_switch ul { width: 105%; }
.tab_switch li { float: left; width: 273px; height: 135px; background-color: #f0eff1; border-radius: 12px; margin-right: 37px; text-align: center; color: #5f5f68; font-size: 24px; overflow: hidden; position: relative; cursor: pointer; }
.tab_switch li a { color: #5f5f68; display: block; width: 100%; height: 100%; }
.tab_switch li .ico { position: relative; height: 100%; width: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.tab_switch li .ico i { background: url("../images/icozjtab.png") no-repeat center; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tab_switch li p { height: 25px; line-height: 25px; width: 100%; position: absolute; color: #fff; bottom: 0; font-size: 16px; opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.tab_switch li:nth-child(1) .ico i { height: 88px; width: 115px; background-position: 0 -110px; }
.tab_switch li:nth-child(1):hover { background-color: #0068f6; }
.tab_switch li:nth-child(2) .ico i { height: 87px; width: 87px; background-position: -148px -110px; }
.tab_switch li:nth-child(2):hover { background-color: #80ba03; }
.tab_switch li:nth-child(3) .ico i { height: 91px; width: 91px; background-position: -288px -110px; }
.tab_switch li:nth-child(3):hover { background-color: #fa2929; }
.tab_switch li:hover .ico { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); height: 107px; }
.tab_switch li:hover .ico i { background-position-y: 0; }
.tab_switch li:hover p { opacity: 1; -webkit-transform: translateY(-13px); -ms-transform: translateY(-13px); transform: translateY(-13px); }
.tab_switch li .link { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 135px; }
.tab_switch li .link:hover { color: #fff; background: #ff6630; }
.tab_switch li:nth-child(1).on { background-color: #0068f6; }
.tab_switch li:nth-child(2).on { background-color: #80ba03; }
.tab_switch li:nth-child(3).on { background-color: #fa2929; }
.tab_switch .on .ico { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); height: 107px; }
.tab_switch .on .ico i { background-position-y: 0 !important; }
.tab_switch .on p { opacity: 1; -webkit-transform: translateY(-13px); -ms-transform: translateY(-13px); transform: translateY(-13px); }
/*首页板块1*/
.Inbox1 { padding-bottom: 25px; height: 350px; background:none; }
.Inbox1 .Inbox1-1 { width: 900px; height: 350px; }
.Inbox1 .Inbox1-1 .lunbox { width: 100%; height: 100%; border-radius: 8px; }
.Inbox1 .Inbox1-1 .lunbox .bd li { width: 900px; height: 350px; }
.Inbox1 .Inbox1-1 .lunbox .bd li .img { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.Inbox1 .Inbox1-1 .lunbox .hd { position: absolute; width: 100%; text-align: center; height: 9px; font-size: 0px; left: 0; bottom: 18px; }
.Inbox1 .Inbox1-1 .lunbox .hd li { text-indent: 100em; display: inline-block; vertical-align: middle; margin: 0 5px; width: 20px; height: 9px; background-color: #ffffff; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox1 .Inbox1-1 .lunbox .hd .on { width: 34px; background-color: #ff6630; }
.Inbox1 .Inbox1-2 { width: 280px; }
.Inbox1 .Inbox1-2 .Inbox1-2-1 { width: 100%; height: 165px; display: block; overflow: hidden; }
.Inbox1 .Inbox1-2 .Inbox1-2-1 .img { width: 100%; display: block; height: 100%; border-radius: 5px; }
.Inbox1 .Inbox1-2 .Inbox1-2-1 .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.Inbox1 .Inbox1-2 .Inbox1-2-2 { width: 100%; height: 165px; padding-top: 19px; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox { width: 100%; height: 100%; border-radius: 5px; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .bd li { width: 280px; height: 165px; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .bd li .img { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 5px; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .hd { position: absolute; width: 100%; text-align: center; height: 9px; font-size: 0px; left: 0; bottom: 12px; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .hd li { text-indent: 100em; display: inline-block; vertical-align: middle; margin: 0 3px; width: 9px; height: 9px; background-color: #ffffff; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .hd .on { background-color: #ff6630; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .btnbox { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .prev { left: 0; -webkit-transform-origin: 10 top; -ms-transform-origin: 10 top; transform-origin: 10 top; }
.Inbox1 .Inbox1-2 .Inbox1-2-2 .lunbox .next { right: 0; -webkit-transform-origin: 10 top; -ms-transform-origin: 10 top; transform-origin: 10 top; }
/*首页板块1 最新活动*/
.Inbox2 { padding-bottom: 30px; background:none; }
.Inbox2 .titlebt{width:auto; padding:0 20px; background:#fff; border-radius:8px;}
.Inbox2 .Inbox2-1 { width: 900px; overflow: hidden; }
.Inbox2 .Inbox2-1 .list { width: 110%; overflow: hidden; }
.Inbox2 .Inbox2-1 .list .ul1 { width: 423px; }
.Inbox2 .Inbox2-1 .list .ul1 ul { width: 110%; }
.Inbox2 .Inbox2-1 .list .ul1 li { float: left; width: 200px; height: 282px; border-radius: 8px; overflow: hidden; position: relative; margin: 16px  23px 0 0; }
.Inbox2 .Inbox2-1 .list .ul1 li .img { width: 100%; height: 100%; display: block; position: relative; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai { position: absolute; width: 100%; height: 100%; background: rgba(42, 17, 9, 0.8); left: 0; top: 189px; text-align: center; color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .bt { font-size: 24px; height: 38px; line-height: 38px; overflow: hidden; padding-top: 20px; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .time { height: 27px; line-height: 27px; font-size: 14px; overflow: hidden; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .mtex { padding-top: 60px; display: block; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .mtex .m { height: 61px; line-height: 61px; font-size: 68px; display: inline-block; vertical-align: middle; position: relative; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .mtex span { display: block; height: 26px; line-height: 26px; overflow: hidden; font-size: 18px; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .htex { height: 33px; padding-top: 17px; overflow: hidden; font-size: 12px; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .htex .h { font-size: 18px; padding-right: 6px; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .ts { font-size: 28px; height: 48px; line-height: 48px; overflow: hidden; color: #15d1df; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .motai .endtime { height: 26px; line-height: 26px; overflow: hidden; width: 100%; }
.Inbox2 .Inbox2-1 .list .ul1 li .img:hover .motai { top: 0; }
.Inbox2 .Inbox2-1 .list .ul1 li .img:hover .motai .hhide { display: none; }
.Inbox2 .Inbox2-1 .list .ul1 li .img .lab { padding: 0 15px; height: 32px; background-color: #de4815; border-radius: 0px 0px 8px 0px; font-size: 17px; line-height: 32px; position: absolute; top: 0; left: 0; color: #fff; }
.Inbox2 .Inbox2-1 .list .ul2 { width: 477px; padding: 0 0 0 1px; }
.Inbox2 .Inbox2-1 .list .ul2 ul { width: 105%; }
.Inbox2 .Inbox2-1 .list .ul2 li { float: left; width: 219px; height: 132px; margin: 17px 0 0 19px; overflow: hidden; position: relative; border-radius: 8px; }
.Inbox2 .Inbox2-1 .list .ul2 li .img { display: block; width: 100%; height: 100%; }
.Inbox2 .Inbox2-1 .list .ul2 li .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }
.Inbox2 .Inbox2-1 .list .ul2 li .lab { position: absolute; top: 0; left: 0; height: 25px; background-color: #ffb400; border-radius: 8px 13px 13px 0px; padding: 0 6px 0 8px; line-height: 25px; color: #6f4e00; max-width: 100px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai { position: absolute; top: 132px; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: rgba(42, 17, 9, 0.8); }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .lab2 { width: 110px; position: absolute; top: 0; left: 18px; height: 64px; line-height: 64px; font-size: 32px; color: #ffb400; font-weight: bold; overflow: hidden; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .tex { position: absolute; left: 18px; top: 69px; color: #fff; width: 134px; height: 54px; line-height: 27px; overflow: hidden; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .tex a[href]:hover { color: #ff6630; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .tex .name { display: inline-block; vertical-align: middle; max-width: 100%; color: #fff; height: 27px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .tex p { font-size: 12px; height: 27px; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .number { position: absolute; top: 24px; right: 12px; width: 83px; text-align: right; height: 58px; font-size: 16px; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .number .p1 { height: 25px; line-height: 25px; overflow: hidden; color: #fff; text-decoration: line-through; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .number .p2 { height: 33px; line-height: 33px; overflow: hidden; color: #ff6630; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .number .p2 span { font-size: 24px; padding-left: 2px; font-family: "PingFang SC Heavy"; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .btn { width: 50px; height: 23px; background-color: #de4815; border-radius: 12px; position: absolute; bottom: 12px; right: 10px; color: #fff; display: block; text-align: center; line-height: 24px; font-size: 14px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox2 .Inbox2-1 .list .ul2 li .motai .btn:hover { opacity: 0.9; }
.Inbox2 .Inbox2-1 .list .ul2 li:hover .lab { left: -50%; }
.Inbox2 .Inbox2-1 .list .ul2 li:hover .motai { top: 0; }
.Inbox2 .Inbox2-2 { width: 252px; padding: 0 13px 0 15px; background: url("../images/gamebj.png") no-repeat center; height: 347px; }
.Inbox2 .Inbox2-2 .titlebt { line-height: 70px; margin-bottom: 14px; }
.Inbox2 .Inbox2-2 .titlebt .bt { font-size: 20px; }
.Inbox2 .Inbox2-2 .saobox { width: 100%; height: 123px; display: block; padding-bottom: 15px; }
.Inbox2 .Inbox2-2 .saobox .img { width: 123px; height: 123px; display: block; float: left; }
.Inbox2 .Inbox2-2 .saobox .tex { float: left; width: 114px; padding-left: 15px; overflow: hidden; line-height: 26px; }
.Inbox2 .Inbox2-2 .saobox .tex .p1 { font-size: 18px; }
.Inbox2 .Inbox2-2 .saobox .tex .p2 { font-size: 14px; padding-top: 15px; }
.Inbox2 .Inbox2-2 .btnbox { height: 47px; line-height: 47px; background-color: #252525; width: 100%; text-align: center; border-radius: 8px; }
.Inbox2 .Inbox2-2 .btnbox p { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }
.Inbox2 .Inbox2-2 .btnbox p a { color: #989898; }
.Inbox2 .Inbox2-2 .btnbox p a:hover { color: #ff6630; }
.Inbox2 .Inbox2-2 .btnbox p:first-child { border-right: 1px solid #464646; }
.Inbox2 .Inbox2-2 .addimg { width: 100%; height: 79px; display: block; margin-top: 19px; }
.Inbox2 .Inbox2-2 .addimg .img { width: 100%; height: 79px; border-radius: 8px; overflow: hidden; display: block; }
/*首页板块3 热门推荐*/
.Inbox3 { padding: 20px 15px 0; background: #fff; margin-bottom: 30px; border-radius: 8px; }
.Inbox3 .list { width: 100%; }
.Inbox3 .list ul { width: 102%; }
.Inbox3 .list li { float: left; width: 276px; margin: 20px 21px 27px 0; }
.Inbox3 .list li:hover .img { -webkit-box-shadow: 0px 9px 21px 0px rgba(235, 78, 24, 0.24); box-shadow: 0px 9px 21px 0px rgba(235, 78, 24, 0.24); }
.Inbox3 .list li:hover .bt .lab_ { float: left; display: block; margin-top: 7px; }
.Inbox3 .list li:hover .bt .name { color: #ff6630; width: 208px; max-width: 208px; }
.Inbox3 .list li:hover .bt .number { display: none; }
.Inbox3 .list li .img { width: 100%; display: block; position: relative; border-radius: 8px; overflow: hidden; height:162px; }
.Inbox3 .list li .img .num { padding: 0 15px; height: 32px; background-color: #de4815; border-radius: 0px 0px 8px 0px; font-size: 17px; line-height: 32px; position: absolute; top: 0; left: 0; color: #fff; }
.Inbox3 .list li .img .bj1 { background-color: #0d9eff; }
.Inbox3 .list li .img .bj2 { background-color: #ff0a00; }
.Inbox3 .list li .bt { height: 40px; line-height: 40px; padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.Inbox3 .list li .bt .flex1 { width: 200px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; float: left; }
.Inbox3 .list li .bt .name { float: left; font-size: 18px; color: #333; font-weight: bold; max-width: 176px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.Inbox3 .list li .bt .lab_ { display: block; float: left; height: 25px; line-height: 25px; padding: 0 6px 0 8px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; font-size: 14px; margin: 7px 0  0 5px; font-family: "PingFang SC Heavy"; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.Inbox3 .list li .bt .number { color: #a7a7a7; font-size: 16px; text-decoration: line-through; }
.Inbox3 .list li .tex { height: 30px; line-height: 30px; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.Inbox3 .list li .tex .img_lab { float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #888888; font-size: 14px; padding-top: 2px; }
.Inbox3 .list li .tex .img_lab span { float: left; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 140px; overflow: hidden; }
.Inbox3 .list li .tex .img_lab img { max-height: 25px; }
.Inbox3 .list li .tex .number { color: #ff6630; float: right; font-size: 16px; }
.Inbox3 .list li .tex .number span { font-size: 24px; padding-left: 3px; font-weight: bold; font-family: "PingFang SC Heavy"; }
/*首页板块4 主机游戏推荐*/
.Inbox4 { background: #f3f6fa; padding: 20px 15px; margin-bottom: 20px; border-radius: 8px; }
.Inbox4 .switch_box { height: 250px; padding-top: 20px; }
.Inbox4 .switch_box ul { width: 105%; }
.Inbox4 .switch_box li { float: left; width: 125px; height: 250px; border-radius: 8px; margin-right: 18px; position: relative; }
.Inbox4 .switch_box li .box-a { width: 125px; display: block; border-radius: 8px; height: 250px; background: no-repeat center top; position: relative; }
.Inbox4 .switch_box li .box-a .img_ { position: absolute; width: 100%; }
.Inbox4 .switch_box li .box-a .img_ img { width: 100%; display: block; }
.Inbox4 .switch_box li .box-b { position: absolute; left: 0; top: 0; width: 880px; display: none; border-radius: 8px; }
.Inbox4 .switch_box li .box-b .img_ { position: absolute; z-index: 1; }
.Inbox4 .switch_box li .box-b .img_ img { display: block; width: 100%; }
.Inbox4 .switch_box li .box-b .imgbox { width: 450px; height: 220px; padding: 30px 0 0 20px; background: #006afb; border-radius: 8px 0 0 8px; color: #fff; position: relative; -webkit-clip-path: polygon(100% 0%, 75% 100%, 0% 100%, 0% 0%); clip-path: polygon(100% 0%, 75% 100%, 0% 100%, 0% 0%); }
.Inbox4 .switch_box li .box-b .imgbox .tex { position: absolute; top: 48px; left: 145px; width: 270px; }
.Inbox4 .switch_box li .box-b .imgbox .tex .bt { height: 43px; line-height: 43px; overflow: hidden; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 24px; font-family: "PingFang SC Heavy"; }
.Inbox4 .switch_box li .box-b .imgbox .tex p { height: 36px; line-height: 36px; overflow: hidden; font-size: 16px; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Inbox4 .switch_box li .box-b .imgbox .btn { width: 142px; height: 35px; background-color: #ffffff; border-radius: 18px; line-height: 35px; text-align: center; display: block; font-size: 16px; color: #0068f6; position: absolute; top: 146px; left: 212px; }
.Inbox4 .switch_box li .box-b .ul_img { width: 445px; position: absolute; top: 30px; left: 435px; }
.Inbox4 .switch_box li .box-b .ul_img .liimg { width: 116px; height: 190px; display: block; float: left; margin-right: 31px; border-radius: 8px; background: #006bff; overflow: hidden; color: #fff; }
.Inbox4 .switch_box li .box-b .ul_img .liimg .img { width: 100%; height: 146px; display: block; overflow: hidden; }
.Inbox4 .switch_box li .box-b .ul_img .liimg p { height: 44px; line-height: 44px; text-align: center; display: block; width: 100%; overflow: hidden; }
.Inbox4 .switch_box .noshadow { -webkit-box-shadow: none !important; box-shadow: none !important; }
.Inbox4 .switch_box .li1 { background: #c2daf9; -webkit-box-shadow: 0px 4px 24px 0px #006cff; box-shadow: 0px 4px 24px 0px #006cff; }
.Inbox4 .switch_box .li1 .box-a { background-image: url("../images/lab1.jpg"); }
.Inbox4 .switch_box .li1 .box-b .img_ { width: 184px; height: 172px; top: 32px; left: 15px; }
.Inbox4 .switch_box .li1 .box-b .imgbox { background: -webkit-gradient(linear, left top, left bottom, from(#0054c3), to(#006bfe)); background: -o-linear-gradient(top, #0054c3 0%, #006bfe 100%); background: linear-gradient(to bottom, #0054c3 0%, #006bfe 100%); }
.Inbox4 .switch_box .li1 .box-b .ul_img .liimg { background: #006afb; }
.Inbox4 .switch_box .li1.on { -webkit-box-shadow: 0px 4px 24px 0px #c2daf9; box-shadow: 0px 4px 24px 0px #c2daf9; }
.Inbox4 .switch_box .li2 { background: #dbecf1; -webkit-box-shadow: 0px 4px 24px 0px #dbecf1; box-shadow: 0px 4px 24px 0px #dbecf1; }
.Inbox4 .switch_box .li2 .box-a { background-image: url("../images/lab2.jpg"); }
.Inbox4 .switch_box .li2 .box-b .img_ { width: 157px; height: 159px; top: 101px; left: -4px; }
.Inbox4 .switch_box .li2 .box-b .imgbox { background: url("../images/labj2.png") no-repeat center; }
.Inbox4 .switch_box .li2 .box-b .imgbox .tex { left: 20px; top: 16px; width: 397px; }
.Inbox4 .switch_box .li2 .box-b .imgbox .btn { top: 190px; left: 202px; }
.Inbox4 .switch_box .li2 .box-b .ul_img .liimg { background: #a5c546; }
.Inbox4 .switch_box .li3 { background: #f5e0e3; -webkit-box-shadow: 0px 4px 24px 0px #f5e0e3; box-shadow: 0px 4px 24px 0px #f5e0e3; }
.Inbox4 .switch_box .li3 .box-a { background-image: url("../images/lab3.jpg"); }
.Inbox4 .switch_box .li3 .box-a .img_ { width: 148px; height: 112px; left: -4px; top: 125px; }
.Inbox4 .switch_box .li3 .box-b .img_ { width: 219px; height: 166px; left: 22px; top: 103px; position: absolute; }
.Inbox4 .switch_box .li3 .box-b .img_ img { width: 100%; max-width: 100%; }
.Inbox4 .switch_box .li3 .box-b .imgbox { background: -webkit-gradient(linear, left top, left bottom, from(#fa0000), color-stop(73%, #fb4646), to(#fb8c8c)); background: -o-linear-gradient(top, #fa0000 0%, #fb4646 73%, #fb8c8c 100%); background: linear-gradient(to bottom, #fa0000 0%, #fb4646 73%, #fb8c8c 100%); }
.Inbox4 .switch_box .li3 .box-b .imgbox .tex { left: 20px; top: 16px; width: 397px; }
.Inbox4 .switch_box .li3 .box-b .imgbox .btn { top: 114px; left: 214px; }
.Inbox4 .switch_box .li3 .box-b .ul_img .liimg { background: #fa2929; }
.Inbox4 .switch_box .on { width: 880px; }
.Inbox4 .switch_box .on .box-a { display: none; }
.Inbox4 .switch_box .on .box-b { display: block; }
/*首页板块5 新游预购*/
.Inbox5 { padding: 0 15px; padding-bottom: 20px;margin-bottom:20px;}
.Inbox5 .list { width: 100%; }
.Inbox5 .list ul { width: 102%; padding-top: 20px; }
.Inbox5 .list li { width: 276px; float: left; margin: 0 21px 30px 0; }
.Inbox5 .list li .img { height: 162px; display: block; position: relative; overflow: hidden; border-radius: 8px; }
.Inbox5 .list li .img .motai { position: absolute; width: 100%; height: 100%; background: rgba(108, 27, 0, 0.7); left: 0; top: 162px; text-align: center; color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox5 .list li .img .motai .name { height: 20px; line-height: 20px; padding-top: 20px; font-size: 16px; overflow: hidden; }
.Inbox5 .list li .img .motai p { height: 20px; line-height: 20px; margin-top: 10px; overflow: hidden; font-size: 16px; font-family: "PingFang SC Heavy"; }
.Inbox5 .list li .img .motai .btn { width: 74px; height: 26px; display: block; background-color: #de4815; border-radius: 13px; position: absolute; top: 119px; left: 50%; margin-left: -37px; line-height: 26px; color: #fff; text-align: center; font-size: 12px; }
.Inbox5 .list li .img .motai .btn:hover { opacity: 0.9; }
.Inbox5 .list li .img:hover .motai { top: 0; }
.Inbox5 .list li .bt { padding-top: 9px; height: 40px; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.Inbox5 .list li .bt a[href]:hover { color: #ff6630; }
.Inbox5 .list li .bt .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-family: "PingFang SC Heavy"; display: block; font-size: 18px; color: #333; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Inbox5 .list li .bt .p { font-size: 14px; color: #333; }
.Inbox5 .list li .tex { padding-top: 7px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; line-height: 28px; }
.Inbox5 .list li .tex .img_lab { float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #333; font-size: 14px; }
.Inbox5 .list li .tex .img_lab span { float: left; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 140px; overflow: hidden; margin-right: 6px; }
.Inbox5 .list li .tex .img_lab img { max-height: 25px; }
.Inbox5 .list li .tex .btn { width: 74px; height: 28px; background-color: #51cb4b; border-radius: 14px; text-align: center; display: block; color: #ffffff; font-size: 12px; overflow: hidden; }
.Inbox5 .list li .tex .btn:hover { opacity: 0.9; }
/*首页板块6 硬件产品*/
.Inbox6 { border-radius: 8px; background: #fff; padding: 20px 15px 15px; border-radius: 8px; margin-bottom: 23px; }
.Inbox6 .list { width: 100%; padding: 30px 0 0 8px; }
.Inbox6 .list ul { width: 105%; }
.Inbox6 .list li { float: left; width: 221px; position: relative; text-align: center; color: #333; margin: 0 77px 10px 0; }
.Inbox6 .list li .img_ { width: 221px; height: 221px; border-radius: 12px; position: relative; display: block; }
.Inbox6 .list li .img_ img { display: block; position: absolute; max-width: 90%; max-height: 90%; -o-object-fit: cover; object-fit: cover; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.Inbox6 .list li .lab { position: absolute; padding: 0 6px 0 8px; height: 25px; line-height: 25px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; top: 0; right: 0; font-family: "PingFang SC Heavy"; }
.Inbox6 .list li .name { display: block; height: 42px; line-height: 42px; padding-top: 11px; font-size: 18px; color: #333; font-family: "PingFang SC Heavy"; font-weight: bold; overflow: hidden; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Inbox6 .list li a[href]:hover { color: #ff6630; }
.Inbox6 .list li .text { line-height: 26px; text-align: left; height: 52px; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.Inbox6 .list li .number { padding-top: 3px; height: 30px; line-height: 30px; overflow: hidden; position: relative; }
.Inbox6 .list li .number .text_ { display: inline-block; vertical-align: middle; position: relative; }
.Inbox6 .list li .number .price_abs { color: #a7a7a7; font-size: 16px; position: absolute; text-decoration: line-through; width: 80px; text-align: right; left: -82px; }
.Inbox6 .list li .number .price { color: #ff6630; font-size: 16px; }
.Inbox6 .list li .number .price span { font-size: 24px; font-family: "PingFang SC Heavy"; font-weight: bold; display: inline-block; vertical-align: middle; max-width: 74px; overflow: hidden; margin: -5px 1px 0; }
.Inbox6 .list li .btnbox { height: 34px; width: 100%; padding-top: 10px; }
.Inbox6 .list li .btnbox .btn { width: 98px; height: 32px; background-color: #fff3ef; border-radius: 4px; border: solid 1px #de4815; color: #de4815; display: block; float: left; line-height: 32px; margin: 0 4px; }
.Inbox6 .list li .btnbox .btn:last-child { float: right; }
.Inbox6 .list li .btnbox .btn:hover { background: #feded3; }
.Inbox6 .list li .btnbox .on { background-color: #de4815; color: #fff; }
.Inbox6 .list li .btnbox .on:hover { background-color: #de4815; color: #fff; -webkit-box-shadow: 0px 4px 10px 0px rgba(255, 102, 48, 0.56); box-shadow: 0px 4px 10px 0px rgba(255, 102, 48, 0.56); }
/*首页板块7 厂商游戏*/
.Inbox7 { background: #fff; padding: 20px 0 0; border-radius: 20px; margin-bottom: 23px; }
.Inbox7 .titlebt { margin: 0 15px; width: auto; }
.Inbox7 .list { width: 100%; margin-top: 20px; }
.Inbox7 .list table { border: solid 1px #e5e5e5; border-collapse: separate; width: 100%; overflow: hidden; border-radius: 0 0 20px 20px; }
.Inbox7 .list table tr:last-child td { border-bottom: none; }
.Inbox7 .list .lis { position: relative; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; height: 174px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.Inbox7 .list .lis:last-child { border-right: none; }
.Inbox7 .list .lis:hover .trf_box { -webkit-transform: scale(0.85) translateY(-30px); -ms-transform: scale(0.85) translateY(-30px); transform: scale(0.85) translateY(-30px); padding-top: 0px; color: #8b8b8b; }
.Inbox7 .list .lis:hover .btn { opacity: 1; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.Inbox7 .list .lis .trf_box { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color: #333333; width: 200px; margin: 0 auto; }
.Inbox7 .list .lis .trf_box .img { height: 85px; width: 100%; display: block; }
.Inbox7 .list .lis .trf_box .img img { display: block; max-width: 90%; max-height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; }
.Inbox7 .list .lis .trf_box p { height: 20px; line-height: 20px; text-align: center; font-size: 18px; font-weight: bold; }
.Inbox7 .list .lis .btn { position: absolute; left: 50%; margin-left: -50px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 130px; width: 100px; height: 32px; line-height: 32px; background-color: #ffffff; border-radius: 16px; border: solid 1px #ff6630; color: #ff6630; font-size: 14px; opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align: center; }
.Inbox7 .list .lis .btn:hover { background: #ff6630; color: #fff; }
/*首页板块8 排行*/
.Inbox8 { padding-top: 20px; }
.Inbox8 .item_ { width: 370px; background-color: #ffffff; border-radius: 8px; padding: 12px 0; float: left; }
.Inbox8 .item_ .tile { height: 60px; line-height: 60px; overflow: hidden; padding: 0 0 0 20px; display: block; }
.Inbox8 .item_ .tile .bt { float: left; font-size: 24px; color: #333333; }
.Inbox8 .item_ .tile .more { float: right; height: 40px; width: 20px; position: relative; display: block; color: #3d3d3d; line-height: 40px; font-weight: bold; opacity: 0.5; font-family: serif; font-size: 20px; text-align: right; margin-top: 10px; padding-right: 20px; }
.Inbox8 .item_ .tile .more:hover { color: #ff6630; opacity: 1; }
.Inbox8 .item_ ul li { padding: 12px 0 12px 20px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; }
.Inbox8 .item_ ul li:hover { background: #f8f8f8; }
.Inbox8 .item_ ul li .img { width: 119px; height: 70px; overflow: hidden; display: block;border-radius: 8px;}
.Inbox8 .item_ ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding-left: 15px; overflow: hidden; }
.Inbox8 .item_ ul li .infor .name { height: 20px; display: block; line-height: 20px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; color: #333; padding-bottom: 3px; }
.Inbox8 .item_ ul li .infor .name:hover { color: #ff6630; }
.Inbox8 .item_ ul li .infor .name2 { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; color: #a7a7a7; }
.Inbox8 .item_ ul li .infor .numbe { height: 15px; line-height: 15px; font-size: 14px; padding-top: 5px; color: #a7a7a7; }
.Inbox8 .item_ ul li .infor .numbe span { padding-right: 5px; }
.Inbox8 .item_ ul li .infor .numbe .sp2 { text-decoration: line-through; }
.Inbox8 .item_ ul li .infor .numbe .sp1 { color: #ff6630; }
.Inbox8 .item_ ul li .btn { position: absolute; top: 0px; right: 4px; background-color: #f2f2f2; border-radius: 4px; height: 22px; line-height: 22px; font-size: 12px; color: #656565; padding: 0 9px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 0; }
.Inbox8 .item_ ul li .btn.on { opacity: 1; top: 10px; }
.Inbox8 .item_ ul li .coll { display: block; position: absolute; right: 15px; top: 41px; cursor: pointer; height: 15px; width: 18px; background-position: -466px -48px; overflow: hidden; text-indent: 100em; }
.Inbox8 .item_ ul li .coll:hover { background-position: -499px -48px; }
.Inbox8 .item_ ul li .coll.on { background-position: -499px -48px; }
.Inbox8 .item_:nth-child(2) { margin: 0 45px; }
/*轮播  图文和主机的*/
.Inbox9 { width: 100%; height: 350px; padding-bottom: 50px; }
.Inbox9 .lunbox { width: 100%; height: 100%; border-radius: 8px; }
.Inbox9 .lunbox .bd li { width: 1200px; height: 350px; }
.Inbox9 .lunbox .bd li .img { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.Inbox9 .lunbox .hd { position: absolute; width: 100%; text-align: center; height: 9px; font-size: 0px; left: 0; bottom: 18px; }
.Inbox9 .lunbox .hd li { text-indent: 100em; display: inline-block; vertical-align: middle; margin: 0 5px; width: 20px; height: 9px; background-color: #ffffff; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox9 .lunbox .hd .on { width: 34px; background-color: #ff6630; }
.Inbox9 + div > .tab_switch { margin-top: -10px; }
/*热门推荐*/
.Inbox10 { padding-bottom: 50px; }
.Inbox10 .Inbox10-1 { width: 948px; overflow: hidden; }
.Inbox10 .Inbox10-1 ul { width: 105%; }
.Inbox10 .Inbox10-1 ul li { float: left; width: 430px; height: 580px; background: #fff; border-radius: 20px; position: relative; font-size: 24px; margin-right: 60px; }
.Inbox10 .Inbox10-1 ul li .bigimg { width: 100%; height: 430px; display: block; margin: 0 auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox10 .Inbox10-1 ul li .lis { display: none; padding: 0 20px; height: 80px; overflow: hidden; }
.Inbox10 .Inbox10-1 ul li .lis .li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 9px; position: relative; }
.Inbox10 .Inbox10-1 ul li .lis .img { height: 80px; position: relative; width: 80px; margin: 0 auto; }
.Inbox10 .Inbox10-1 ul li .lis .img img { z-index: 1; position: relative; width: 80px; margin: 0 auto; }
.Inbox10 .Inbox10-1 ul li .lis .img:hover { opacity: 0.8; }
.Inbox10 .Inbox10-1 ul li .tex_ { padding: 0 20px; }
.Inbox10 .Inbox10-1 ul li .name { text-align: center; height: 46px; line-height: 46px; overflow: hidden; width: 100%; color: #202020; display: block; }
.Inbox10 .Inbox10-1 ul li .name:hover { color: #ff6630; }
.Inbox10 .Inbox10-1 ul li .p { text-align: center; height: 25px; line-height: 25px; overflow: hidden; width: 100%; font-size: 14px; color: #808080; text-decoration: line-through; }
.Inbox10 .Inbox10-1 ul li .p2 { text-align: center; height: 40px; line-height: 40px; overflow: hidden; width: 100%; color: #ff6630; }
.Inbox10 .Inbox10-1 ul li .p2 span { font-weight: bold; }
.Inbox10 .Inbox10-1 ul li:hover .bigimg { width: 335px; height: 335px; }
.Inbox10 .Inbox10-1 ul li:hover .lis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.Inbox10 .Inbox10-1 ul .on .bigimg { width: 335px; height: 335px; }
.Inbox10 .Inbox10-1 ul .on .lis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.Inbox10 .Inbox10-2 { width: 252px; height: 580px; border-radius: 20px; overflow: hidden; }
.Inbox10 .Inbox10-2 .lunbox { width: 100%; height: 100%; border-radius: 8px; }
.Inbox10 .Inbox10-2 .lunbox .bd li { width: 252px; height: 580px; }
.Inbox10 .Inbox10-2 .lunbox .bd li .img { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; }
.Inbox10 .Inbox10-2 .lunbox .hd { position: absolute; width: 100%; text-align: center; height: 9px; font-size: 0px; left: 0; bottom: 18px; }
.Inbox10 .Inbox10-2 .lunbox .hd li { text-indent: 100em; display: inline-block; vertical-align: middle; margin: 0 5px; width: 20px; height: 9px; background-color: #ffffff; border-radius: 5px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox10 .Inbox10-2 .lunbox .hd .on { width: 34px; background-color: #ff6630; }
/*热门图书*/
.Inbox11 { width: 100%; }
.Inbox11 .list ul li { float: left; width: 250px; height: 390px; background-color: #ffffff; border-radius: 20px; position: relative; overflow: hidden; margin: 0 66px 65px 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox11 .list ul li:nth-child(4n) { margin-right: 0px; }
.Inbox11 .list ul li:hover { -webkit-box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); }
.Inbox11 .list ul li .img { width: 250px; height: 250px; display: block; margin: 0 auto; }
.Inbox11 .list ul li .numtex { height: 40px; line-height: 40px; overflow: hidden; padding: 0 12px; padding-top: 5px; }
.Inbox11 .list ul li .numtex .sp1 { font-size: 24px; color: #ff6630; padding-right: 10px; }
.Inbox11 .list ul li .numtex .sp1 i { font-weight: bold; }
.Inbox11 .list ul li .numtex .sp2 { font-size: 14px; color: #808080; text-decoration: line-through; }
.Inbox11 .list ul li .name { display: block; height: 40px; line-height: 40px; overflow: hidden; margin: 0 12px; font-size: 16px; color: #202020; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Inbox11 .list ul li .name:hover { color: #ff6630; }
.Inbox11 .list ul li .btn_bot { position: absolute; width: 100%; height: 42px; line-height: 42px; left: 0; bottom: 0; background: #f0eff1; display: -webkit-box; display: -ms-flexbox; display: flex; }
.Inbox11 .list ul li .btn_bot .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; width: 50%; color: #4c4c4c; }
.Inbox11 .list ul li .btn_bot .btn:hover { color: #ff6630; }
.Inbox11 .list ul li .btn_bot .btn1 { background-color: #e5e5e8; }
.Inbox11 .list ul li .btn_bot .btn1:hover { color: #fff; background-color: #2a2a2a; }
.Inbox11 .list ul li .btn_bot .btn2 { background: #ff6630; color: #fff; }
.Inbox11 .list ul li .btn_bot .btn2:hover { color: #fff; opacity: 0.9; }
/*游戏主机*/
.Inbox12 .list { padding-bottom: 50px; }
.Inbox12 .list ul { border-radius: 20px; overflow: hidden; }
.Inbox12 .list ul li { float: left; width: 50%; height: 300px; overflow: hidden; position: relative; background-color: #e6e6e6; }
.Inbox12 .list ul li .img_ { position: absolute; width: 330px; height: 300px; top: 0; left: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: block; }
.Inbox12 .list ul li .img_ img { width: auto; height: auto; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 100%; max-height: 100%; left: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Inbox12 .list ul li .text { color: #000000; width: 350px; position: absolute; top: 25px; right: 35px; text-align: right; }
.Inbox12 .list ul li .text a { color: #000; }
.Inbox12 .list ul li .text .name { font-size: 24px; display: block; line-height: 30px; margin-bottom: 15px; }
.Inbox12 .list ul li .text .name span { text-align: left; display: inline-block; }
.Inbox12 .list ul li .text p { line-height: 28px; }
.Inbox12 .list ul li .btn { position: absolute; width: 181px; height: 50px; background-color: #cccccc; line-height: 50px; font-size: 18px; color: #fff; text-align: center; display: block; bottom: 35px; right: 29px; }
.Inbox12 .list ul li .btn:hover { opacity: 0.9; }
.Inbox12 .list ul li:nth-child(2n) .img_ { left: initial; right: 0; }
.Inbox12 .list ul li:nth-child(2n) .btn { right: initial; left: 28px; }
.Inbox12 .list ul li:nth-child(2n) .text { right: initial; left: 35px; text-align: left; }
.Inbox12 .list ul li:first-child { background-color: #2b75fa; }
.Inbox12 .list ul li:first-child .btn { background-color: #6a9efb; }
.Inbox12 .list ul li:first-child .text, .Inbox12 .list ul li:last-child .text { color: #fff; }
.Inbox12 .list ul li:first-child .text a, .Inbox12 .list ul li:last-child .text a { color: #fff; }
.Inbox12 .list ul li:last-child { background-color: #fa3445; }
.Inbox12 .list ul li:last-child .img_ img { left: 20px; }
.Inbox12 .list ul li:last-child .btn { background-color: #ff616f; }
.Inbox12 .list ul li:hover .img_ { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
/*广告90*/
.add90 { height: 90px; margin: 20px auto; width: 100%; position: relative; }
.add90 a { width: 100%; height: 100%; display: block; }
.add90 a img { width: 100%; height: 100%; display: block; border-radius: 8px; }
/*广告268*/
.add268 { margin: 10px auto; width: 100%; height: 158px; position: relative; }
.add268 a { width: 100%; height: 100%; display: block; }
.add268 a img { width: 100%; height: 100%; display: block; border-radius: 8px; }
/*左侧的板块*/
.ContL { width: 920px; margin-right: 12px; }
/*右侧侧的板块*/
.ContR { width: 268px; }
/*列表版心中间内容*/
.listclear_ { margin: 15px 0 50px; }
/*列表的切换*/
.SWtitle { height: 60px; line-height: 60px; border-radius: 8px; background: #fff; padding: 0 20px; margin-bottom: 15px; }
.SWtitle .bt { float: left; font-size: 18px; }
.SWtitle .bt u { display: inline-block; vertical-align: middle; width: 7px; height: 18px; background-color: #ccc; border-radius: 4px; margin: -2px 10px 0 0; }
.SWtitle .lis .a { float: left; color: #777777; display: block; font-size: 16px; position: relative; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-left: 20px; padding-left: 10px; }
.SWtitle .lis .a:hover { color: #333333; }
.SWtitle .lis .a:hover .cur { opacity: 1; }
.SWtitle .lis .a .p { display: inline-block; vertical-align: middle; padding-left: 8px; }
.SWtitle .lis .a .p i { height: 6px; width: 10px; background-position: -165px -75px; display: block; margin: 3px 0; }
.SWtitle .lis .a .p .botico { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.SWtitle .lis .a .p .on_ { background-position: -165px -89px; }
.SWtitle .lis .a .span { display: block; float: left; position: relative; }
.SWtitle .lis .a .cur { position: absolute; left: 50%; bottom: 10px; margin-left: -11px; height: 7px; width: 22px; background-position: -127px -104px; opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.SWtitle .lis .on { color: #333333; }
.SWtitle .lis .on .cur { opacity: 1; }
/*右侧的内容*/
.MinR { background: #fff; border-radius: 8px; padding: 10px 12px; }
.MinR .bt_r { height: 50px; line-height: 50px; overflow: hidden; }
.MinR .bt_r .bt { color: #787878; font-size: 14px; float: left; }
.MinR .bt_r .bt u { display: inline-block; vertical-align: middle; width: 7px; height: 18px; background-color: #ccc; border-radius: 4px; margin: -2px 10px 0 0; }
.MinR .list1 ul li { float: left; overflow: hidden; margin: 0 0 10px 0; width: 50%; }
.MinR .list1 ul li .item_img { width: 106px; height: 31px; line-height: 31px; padding: 0 0 0 5px; display: block; overflow: hidden; display: block; color: #333333; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
.MinR .list1 ul li .item_img img { max-height: 100%; margin-right: 5px; }
.MinR .list1 ul li .item_img:hover { color: #ff6630; }
.MinR .list1 ul li .item_ { width: 106px; height: 31px; line-height: 29px; background-color: #ffffff; border-radius: 4px; border: solid 1px #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: block; overflow: hidden; padding: 0 5px; margin: 0 auto; }
.MinR .list1 ul li .item_:hover { background: #323232; border-color: #323232; color: #fff; }
.MinR .list1 ul .on .item_ { background: #323232; border-color: #323232; color: #fff; }
.MinR .list1 ul .on .item_img { color: #ff6630; }
.MinR2 { background: #fff; margin-bottom: 20px; padding: 15px; border-radius: 8px; }
.MinR2 .bt { height: 30px; background-color: #f5f5f5; border-radius: 8px; line-height: 30px; color: #515151; font-size: 13px; text-align: center; overflow: hidden; }
.MinR2 .bt2 { height: 20px; line-height: 20px; font-size: 14px; color: #393939; font-weight: bold; text-align: center; }
.MinR2 .lis_p { padding: 10px 0 0; }
.MinR2 .lis_p .p { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; line-height: 20px; padding: 6px 0; }
.MinR2 .lis_p .p span { display: block; width: 70px; text-align: right; color: #8e8e8e; padding-right: 10px; }
.MinR2 .lis_p .p p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #515151; }
.MinR2 .lis_p .p p a { color: #515151; }
.MinR2 .lis_p .p p a[href]:hover { color: #ff6630; }
.MinR2 ul { width: 110%; padding: 5px 0 15px; }
.MinR2 ul li { float: left; margin: 10px 10px 0 0; width: 116px; height: 69px; }
.MinR2 ul li .img { width: 100%; height: 100%; display: block; position: relative; border-radius: 5px; }
.MinR2 ul li .img .motai { position: absolute; top: 70px; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(0, 0, 0, 0.6); color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.MinR2 ul li .img .motai p { padding: 0 10px; line-height: 25px; max-height: 50px; overflow: hidden; text-align: justify; }
.MinR2 ul li .img:hover .motai { top: 0; }
.MinR2 .more { height: 20px; line-height: 20px; overflow: hidden; text-align: center; }
.MinR2 .more a { color: #909090; font-size: 12px; }
.MinR2 .more a:hover { color: #ff6630; }
/*列表*/
.Minlist ul li { margin-bottom: 15px; height: 124px; padding: 15px 30px 15px 15px; border-radius: 8px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }
.Minlist ul li:hover { -webkit-box-shadow: 0px 7px 10px 0px rgba(235, 78, 24, 0.04); box-shadow: 0px 7px 10px 0px rgba(235, 78, 24, 0.04); }
.Minlist ul li:hover .infor .namebox .name { color: #ff6630; }
.Minlist ul li .img { width: 265px; height: 124px; border-radius: 9px; overflow: hidden; position: relative; display: block; float: left; }
.Minlist ul li .img .num { padding: 0 10px; height: 25px; background-color: #de4815; border-radius: 0px 0px 8px 0px; font-size: 15px; line-height: 25px; position: absolute; top: 0; left: 0; color: #fff; }
.Minlist ul li .img .bj1 { background-color: #0d9eff; }
.Minlist ul li .img .bj2 { background-color: #ff0a00; }
.Minlist ul li .img .yg { width: 42px; height: 22px; border-radius: 11px; color: #fff; line-height: 22px; text-align: center; font-size: 14px; background: #fa3445; position: absolute; top: 8px; right: 12px; }
.Minlist ul li .img2 { width: 124px; }
.Minlist ul li .infor { -webkit-box-flex: left; -ms-flex: left; flex: left; width: 640px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 25px; }
.Minlist ul li .infor .namebox { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding-right: 20px; overflow: hidden; }
.Minlist ul li .infor .namebox .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 40px; line-height: 40px; font-size: 18px; color: #323232; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 50px; }
.Minlist ul li .infor .namebox .namebt { height: 30px; line-height: 30px; color: #787878; }
.Minlist ul li .infor .namebox .namebt img { max-height: 100%; display: inline-block; vertical-align: middle; margin-right: 5px; }
.Minlist ul li .infor .centtex { height: 44px; line-height: 44px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.Minlist ul li .infor .centtex .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: 41px; height: 44px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; color: #979797; }
.Minlist ul li .infor .centtex .lab { display: inline-block; vertical-align: middle; margin: -2px 5px 0; padding: 0 6px 0 8px; height: 25px; line-height: 25px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; font-family: "PingFang SC Heavy"; }
.Minlist ul li .infor .centtex .bePrice { padding: 0 5px; font-size: 16px; color: #a7a7a7; text-decoration: line-through;  overflow: hidden; text-align: right; }
.Minlist ul li .infor .centtex .Price { font-weight: bold; padding-left: 20px; font-size: 32px; color: #323232; /* width: 97px; */ }
.Minlist ul li .infor .centtex .Price u { font-size: 31px; text-decoration: none; }
.Minlist ul li .infor .bottex { color: #979797; height: 32px; line-height: 32px; padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.Minlist ul li .infor .bottex .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.Minlist ul li .infor .bottex .p span { display: block; float: left; margin-right: 30px; }
.Minlist ul li .infor .bottex .p span i { padding: 0 12px; }
.Minlist ul li .infor .bottex .shop { color: #979797; padding-left: 10px; }
.Minlist ul li .infor .bottex .shop i { height: 12px; width: 8px; background-position: -128px -77px; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }
.Minlist ul li .infor .bottex .shop:hover { color: #ff6630; }
.Minlist ul li .infor .bottex .shop:hover i { background-position: -145px -76px; }
/*模玩列表*/
.Minlist2 { width: 100%; }
.Minlist2 ul { width: 105%; }
.Minlist2 ul li { float: left; width: 285px; height: 430px; background: #fff; border-radius: 20px; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 27px 26px 0; }
.Minlist2 ul li:hover { -webkit-box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); }
.Minlist2 ul li .img { width: 255px; height: 255px; display: block; margin: 15px; border-radius: 18px; }
.Minlist2 ul li .bt_number { padding: 16px 15px 0; height: 60px; line-height: 60px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.Minlist2 ul li .bt_number .number { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #ff6630; font-size: 24px; font-weight: bold; }
.Minlist2 ul li .bt_number .lab { width: 53px; height: 24px; background-color: #f6f6f6; border-radius: 4px; text-align: center; line-height: 24px; color: #000000; font-size: 12px; }
.Minlist2 ul li .bt_number .lab2 { width: 42px; height: 22px; border-radius: 11px; color: #fff; line-height: 22px; text-align: center; font-size: 12px; background: #fa3445; }
.Minlist2 ul li .tex { height: 52px; padding: 0 15px; word-break: break-all; line-height: 26px; overflow: hidden; color: #323232; font-size: 14px; }
.Minlist2 ul li .tex p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
/*图文列表*/
.Minlist3 ul { width: 105%; }
.Minlist3 ul li { float: left; width: 285px; height: 410px; background: #fff; border-radius: 20px; overflow: hidden; margin: 0 19px 23px 0; }
.Minlist3 ul li .box_ { display: block; width: 224px; padding: 25px 0 0 0; margin: 0 auto; text-align: center; }
.Minlist3 ul li .box_ .img { width: 100%; height: 224px; overflow: hidden; position: relative; border-radius: 20px; }
.Minlist3 ul li .box_ .name { display: block; font-size: 18px; font-weight: bold; color: #323232; height: 50px; line-height: 50px; overflow: hidden; }
.Minlist3 ul li .box_ .lab span { display: inline-block; vertical-align: middle; margin: -2px 5px 0; padding: 0 6px 0 8px; height: 25px; line-height: 25px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; font-family: "PingFang SC Heavy"; }
.Minlist3 ul li .box_ .p { height: 20px; line-height: 20px; padding-top: 10px; font-size: 16px; color: #a7a7a7; overflow: hidden; text-decoration: line-through; }
.Minlist3 ul li .box_ .p2 { height: 48px; line-height: 48px; overflow: hidden; color: #ff6630; font-size: 31px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Minlist3 ul li .box_ .p2 u { font-size: 32px; font-weight: bold; text-decoration: none; }
.Minlist3 ul li .box_ .btn_ { position: relative; z-index: 0; opacity: 0; height: 50px; line-height: 50px; color: #a7a7a7; font-size: 16px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Minlist3 ul li .box_ .btn_ i { height: 12px; width: 8px; background-position: -128px -77px; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }
.Minlist3 ul li .box_ .btn_:hover { color: #ff6630; }
.Minlist3 ul li .box_ .btn_:hover i { background-position: -145px -76px; }
.Minlist3 ul li:hover .btn_ { opacity: 1; z-index: 1; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.Minlist3 ul li:hover .p2 { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.Minlist3 ul li:hover .lab { display: none; }
.Minlist3 ul li:hover .p { height: 0px; }
/*硬件列表*/
.Minlist4{width: 100%; }
.Minlist4 .list{width: 105%; }
.Minlist4 .list li{width: 255px; height: 485px; border-radius: 20px; background: #fff; float: left; padding: 25px 15px 0; margin: 0 30px 30px 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.Minlist4 .list li:hover { -webkit-box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); box-shadow: 0px 0px 32px 0px rgba(235, 78, 24, 0.14); }
.Minlist4 .list li .img{width: 235px; height: 235px; margin: 0 auto; display: block; overflow: hidden; margin-bottom: 26px;}
.Minlist4 .list li .img img{display: block;}
.Minlist4 .list li .name{line-height: 24px; font-weight: bold; display: block; color: #323232; margin-bottom: 5px;word-break: break-all; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.Minlist4 .list li .name:hover{color: #ff6630;}
.Minlist4 .list li .tex{line-height: 22px;color: #323232; height: 44px; overflow: hidden; margin-bottom: 5px; word-break: break-all; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.Minlist4 .list li .number_{height: 40px; line-height: 40px; overflow: hidden;display: flex;align-items: center;}
.Minlist4 .list li .number_ .price{flex: 1; overflow: hidden;color: #ff6630; font-weight: bold; font-size: 24px;}
.Minlist4 .list li .number_ .price u{text-decoration: none; font-size: 14px;}
.Minlist4 .list li .number_ .lab_{float: right;}
.Minlist4 .list li .number_ .lab_ .lab{color: #8c8c8c; height: 18px; line-height: 18px;margin-right: 5px; border:1px solid #8c8c8c; border-radius: 5px; padding: 0 5px; font-size: 12px; display: block; float: left;}
.Minlist4 .list li .number_ .lab_ .lab.on{color: #57b939; border-color: #57b939;}
.Minlist4 .list li .btnbox{height: 32px; padding-top: 5px;}
.Minlist4 .list li .btnbox .btn{width: 100px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #de4815; display: block; float: right; border-radius: 5px;}
.Minlist4 .list li .btnbox .btn:hover{opacity: 0.9;}
/*购物车*/
.shopcart { padding: 20px 0 35px; }
.shopcart .catrbt { padding: 0 30px; height: 66px; line-height: 66px; color: #333333; font-size: 32px; font-family: "PingFang SC Heavy"; margin-bottom: 20px; position: relative;}
.shopcart .cartlist { padding: 0px 15px 15px 15px; background-color: #fff; border-radius: 8px; margin-bottom: 25px; border:1px solid transparent; }
.shopcart .cartlist .tile { height: 70px; text-align: center; line-height: 70px; overflow: hidden; position: relative; }
.shopcart .cartlist .tile .link_a {  height: 100%; font-size: 16px; color: #9b9b9b; float: left; }
.shopcart .cartlist .tile .link_a a { display: inline-block; vertical-align: middle; padding: 0 5px; margin: 0 3px; color: #9b9b9b; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  }
.shopcart .cartlist .tile  a:hover { color: #333333;font-weight: bold; }
.shopcart .cartlist .tile .link_a .on { color: #333333;font-weight: bold;font-size: 24px; }
.shopcart .cartlist .tile .rit{float: right;color: #9b9b9b; position: relative; display: block; margin-top: 20px; font-size: 20px; height: 30px; line-height: 30px; padding: 0 10px;}
.shopcart .cartlist .tile .rit .spot{position: absolute; top: 0; right: 0px; background: #ee2626; width: 8px; height: 8px; border-radius: 50%;}
.shopcart .cartlist .tile .tishi{background: #f8f8f8; height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; border-radius: 5px; padding: 0 10px; color: #797979; font-size: 12px;}
.shopcart .cartlist .tile.tishitile{text-align: left;}
.shopcart .cartlist div + ul{padding-top: 0px;}
.shopcart .cartlist.active{border-color: #efeded;}
.shopcart .cartlist  ul{padding-top: 20px;}
.shopcart .cartlist li { background: #fcfcfc; height: 83px; padding: 15px 30px 15px 15px; border-radius: 8px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.shopcart .cartlist li .ckbox { height: 16px; width: 16px; background-position: -212px -62px; cursor: pointer; }
.shopcart .cartlist li .ckbox input { width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer; }
.shopcart .cartlist li .ckbox.on { background-position: -186px -61px; }
.shopcart .cartlist li .img { width: 140px; height: 83px; border-radius: 5px; margin-left: 15px; display: block; overflow: hidden; }
.shopcart .cartlist li .img1{width: 83px;}
.shopcart .cartlist li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; height: 100%; }
.shopcart .cartlist li .infor .name { height: 31px; line-height: 31px; overflow: hidden; display: block; font-size: 16px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 26px; }
.shopcart .cartlist li .infor .name:hover { color: #ff6630; }
.shopcart .cartlist li .infor p { height: 23px; padding-top: 3px; width: 100%; line-height: 23px; overflow: hidden; color: #8e8e8e; font-size: 13px; }
.shopcart .cartlist li .prize_{color: #afafaf; padding: 0 10px; height: 28px; line-height: 28px; border-radius: 15px; border:1px solid #afafaf; margin: 0 10px;}
.shopcart .cartlist li .prize_.on,.shopcart .cartlist li .prize_:hover{color: #ff6630; border-color: #ff6630;}
.shopcart .cartlist li .lablx { color: #979797; min-width: 130px; }
.shopcart .cartlist li .lablx p { float: left; margin: 0 10px; }
.shopcart .cartlist li .Pricelis { width: 100px; font-weight: bold; font-size: 18px; font-family: "PingFang SC Heavy"; padding: 0 10px; text-align: center; }
.shopcart .cartlist li .Price { color: #ff6630; }
.shopcart .cartlist li .close { color: #5b5b5b; padding: 0 10px; cursor: pointer; }
.shopcart .cartlist li .input { height: 37px; display: block; line-height: 37px; padding-left: 30px; }
.shopcart .cartlist li .input .btn { width: 35px; line-height: 35px; height: 35px; background-color: #ffffff; border-radius: 4px; border: solid 1px #cccccc; display: block; float: left; text-align: center; font-family: serif; color: #c0c0c0; font-size: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.shopcart .cartlist li .input .btn:hover { background: #f3f3f3; }
.shopcart .cartlist li .input .btn:active { background: #e6e6e6; }
.shopcart .cartlist li .input .buynums { border: none; text-align: center; background: none; float: left; width: 34px; padding: 0 2px; height: 37px; line-height: 37px; display: block; color: #434343; letter-spacing: 1px; }
.shopcart .cartlist .selectallbox { height: 50px; padding: 5px 15px 0; line-height: 50px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.shopcart .cartlist .selectallbox .select_all { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; cursor: pointer; font-size: 16px; }
.shopcart .cartlist .selectallbox .select_all .ck { height: 16px; width: 16px; background-position: -212px -62px; cursor: pointer; display: inline-block; vertical-align: middle; margin: -2px 7px 0 0; }
.shopcart .cartlist .selectallbox .select_all .ck input { width: 100%; height: 100%; display: block; opacity: 0; cursor: pointer; }
.shopcart .cartlist .selectallbox .select_all.on { color: #ff6630; }
.shopcart .cartlist .selectallbox .select_all.on .ck { background-position: -186px -61px; }
.shopcart .cartlist .selectallbox .removelis { float: right; color: #ff6630; cursor: pointer; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: none; }
.shopcart .cartlist .selectallbox{overflow: visible;}
.shopcart .cartlist .selectallbox .Coupontab{float: right; height: 25px; margin-top: 15px; margin-right: 20px; line-height: 25px;display: none; }
.shopcart .cartlist .selectallbox .Coupontab .ico{float: left; width: 20px; height: 20px; margin-top: 3px; color: #fff; border-radius: 50%; background: #ff0000; line-height: 20px; font-size: 12px; text-align: center;}
.shopcart .cartlist .selectallbox .Coupontab .select{float: left;width: 180px; margin-left: 8px;background: #fff; border-radius: 12px; border:1px solid #cfcfcf; padding: 0 30px 0 10px; line-height: 23px; position: relative;}
.shopcart .cartlist .selectallbox .Coupontab .select .bt{height: 23px; font-size: 14px; color: #303030; height: 23px; overflow: hidden;}
.shopcart .cartlist .selectallbox .Coupontab .select  u{text-decoration: none;font-family: serif; font-size: 18px; position: absolute; right: 8px; top: 0px; transform: rotate(270deg);}
.shopcart .cartlist .selectallbox .Coupontab .select .lis{height: 0px; overflow: hidden; transition: all 0.2s linear;position:relative; z-index:10;}
.shopcart .cartlist .selectallbox .Coupontab .select .lis a{display: block; color: #303030; width: 100%; height: 23px; overflow: hidden;}
.shopcart .cartlist.active .selectallbox .Coupontab .select:hover .lis{height: auto;}
.shopcart .cartlist.active .selectallbox .Coupontab {display: block;}
.shopcart .cartlist .selectallbox .Coupontab .select .lis a.on{color: #ff0000;}
.shopcart .cartpayment { background-color: #ffffff; border-radius: 20px; padding: 20px 45px 20px 25px; }
.shopcart .cartpayment .cartform { float: left; width: 500px; padding-top: 15px; }
.shopcart .cartpayment .cartform .inputlis { height: 50px; line-height: 50px; overflow: hidden; padding-bottom: 10px; }
.shopcart .cartpayment .cartform .inputlis .bt { float: left; width: 95px; font-size: 16px; color: #5d5d5d; overflow: hidden; }
.shopcart .cartpayment .cartform .inputlis .bt i { color: #f04029; padding-right: 5px; font-size: 20px; vertical-align: middle; display: inline-block; }
.shopcart .cartpayment .cartform .inputlis .input { width: 400px; height: 50px; float: left; }
.shopcart .cartpayment .cartform .inputlis .input input { padding: 0 10px; display: block; border: none; height: 100%; line-height: 50px; font-size: 16px; width: 100%; border: solid 1px #ebebeb; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #5d5d5d; }
.shopcart .cartpayment .cartform .inputlis .input2 { width: 400px; float: left; }
.shopcart .cartpayment .cartform .inputlis .input2 .areapick { width: 200%; }
.shopcart .cartpayment .cartform .inputlis .input2 .areapick select { padding: 6px 10px; height: 48px; line-height: 30px; display: inline-block; border-color: #ebebeb; border-radius: 8px; font-size: 15px; width: 16.3%; color: #5d5d5d; }
.shopcart .cartpayment .cartform .inputlis .border { border-color: #ff6630 !important; }
.shopcart .cartpayment .payment { float: right; width: 360px; }
.shopcart .cartpayment .payment .p { height: 35px; line-height: 35px; color: #939393; padding-left: 150px; overflow: hidden; }
.shopcart .cartpayment .payment .p span { font-size: 16px; letter-spacing: 1px; }
.shopcart .cartpayment .payment .paymenttotal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; line-height: 38px; padding-left: 60px; }
.shopcart .cartpayment .payment .paymenttotal .bt { width: 90px; overflow: hidden; font-size: 16px; color: #909090; }
.shopcart .cartpayment .payment .paymenttotal .number { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.shopcart .cartpayment .payment .paymenttotal .lis { height: 38px; width: 100%; overflow: hidden; font-weight: bold; }
.shopcart .cartpayment .payment .paymenttotal .lis1 { font-size: 32px; color: #ff6630; }
.shopcart .cartpayment .payment .paymenttotal .lis2 { color: #000000; font-size: 26px; }
.shopcart .cartpayment .payment .botpaylab { padding-top: 35px; }
.shopcart .cartpayment .botpayment { padding: 40px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.shopcart .cartpayment .botpayment .texflex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 20px; line-height: 20px; color: #8f8f8f; overflow: hidden; }
.shopcart .cartpayment .botpayment .texflex a { color: #ff6630; }
.shopcart .cartpayment .botpayment .texflex a:hover { text-decoration: underline; }
.shopcart .cartpayment .botpaylab { height: 50px; }
.shopcart .cartpayment .botpaylab .mode { float: left; height: 50px; padding-right: 20px; }
.shopcart .cartpayment .botpaylab .mode p { display: block; float: left; cursor: pointer; position: relative; height: 50px; width: 50px; margin: 0 8px; }
.shopcart .cartpayment .botpaylab .mode p i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; }
.shopcart .cartpayment .botpaylab .mode p:hover i { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.shopcart .cartpayment .botpaylab .mode .al i { height: 43px; width: 43px; background-position: -117px -127px; }
.shopcart .cartpayment .botpaylab .mode .wx i { height: 34px; width: 43px; background-position: -179px -135px; }
.shopcart .cartpayment .botpaylab .mode .on i { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.shopcart .cartpayment .botpaylab .btn { width: 200px; height: 50px; background-color: #ebebeb; border-radius: 8px; border: solid 1px #ebebeb; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 48px; font-size: 24px; display: block; float: left; color: #ffffff; text-align: center; }
.shopcart .cartpayment .botpaylab .btn.on { background-color: #ff6630; }
/*支付弹框*/
.layercartalter { border-radius: 20px !important; }
.layercartalter .layui-layer-setwin .layui-layer-close2 { background: url("../images/icoimg_h.png") no-repeat center; position: absolute; top: 16px; cursor: pointer; right: 20px; display: block; height: 28px; width: 29px; background-position: -194px -91px; }
.layercartalter .layui-layer-setwin .layui-layer-close2:hover { opacity: 0.8; background-position: -194px -91px; }
.cartalter { display: none; width: 800px; height: 600px; border-radius: 20px; background: #fff; padding: 16px 20px 80px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 16px; }
.cartalter .icolab { display: inline-block; vertical-align: middle; position: relative; }
.cartalter .icolab i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cartalter .texlef { float: left; width: 400px; padding-top: 25px; display: block; }
.cartalter .texlef .bt { height: 50px; line-height: 50px; overflow: hidden; width: 100%; font-size: 32px; color: #333; font-weight: bold; letter-spacing: 1px; margin-bottom: 36px; }
.cartalter .texlef .bt .icolab { width: 50px; height: 50px; margin-top: -5px; margin-right: 10px; }
.cartalter .texlef .bt .icolab i { height: 43px; width: 43px; background-position: -117px -127px; }
.cartalter .texlef .bt .icolab.wx i { height: 34px; width: 43px; background-position: -179px -135px; }
.cartalter .texlef .lis { color: #5d5d5d; }
.cartalter .texlef .lis .p { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; line-height: 25px; padding: 10px 0; }
.cartalter .texlef .lis .p p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.cartalter .texrit { float: right; width: 200px; margin-right: 100px; padding-top: 25px; text-align: center; }
.cartalter .texrit .bt_ { height: 50px; line-height: 50px; color: #6c6c6c; }
.cartalter .texrit .Pricetyble { height: 72px; font-weight: bold; line-height: 72px; font-size: 48px; font-family: "PingFang-SC-Heavy"; }
.cartalter .texrit .number1 { color: #ff6630; }
.cartalter .texrit .number2 { color: #000000; display: none; }
.cartalter .texrit .imgsao { padding: 20px 0; }
.cartalter .texrit .imgsao img { display: block; max-width: 100%; display: block; margin: 0 auto; }
.cartalter .texrit .tex { padding-top: 10px; }
.cartalter .texrit .tex .p { height: 27px; line-height: 27px; width: 100%; color: #5d5d5d; }
.cartalter .texrit .tex .p .icolab { width: 20px; height: 20px; margin: -4px 5px 0; }
.cartalter .texrit .tex .p .icolab i { height: 18px; width: 18px; background-position: -240px 0; }
.cartalter .texrit .tex .p .icolab.wx i { background-position: -270px 0; }
.cartalter .tishitext { padding: 0 20px; height: 40px; line-height: 40px; text-align: center; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; color: #8f8f8f; width: 100%; left: 0; bottom: 40px; }
.cartalter .tishitext a { color: #ff6630; padding: 0 2px; }
.cartalter .tishitext a:hover { text-decoration: underline; }

/*  layerproduct   产品详情弹框*/
.layerproduct { border-radius: 20px !important; }
.layerproduct .layui-layer-setwin .layui-layer-close2 { background: url("../images/icoimg_h.png") no-repeat center; position: absolute; top: 16px; cursor: pointer; right: 20px; display: block; height: 28px; width: 29px; background-position: -194px -91px; }
.layerproduct .layui-layer-setwin .layui-layer-close2:hover { opacity: 0.8; background-position: -194px -91px; }
.product { display: none; width: 800px; height: 600px; border-radius: 20px; background: #fff; padding: 16px 20px 80px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 16px; }
.product .tile{ height: 50px; line-height: 50px; overflow: hidden; width: 100%; font-size: 32px; color: #333; font-weight: bold; letter-spacing: 1px; padding: 25px 0 40px; }
.product  .scroll{overflow-y: auto; overflow-x: hidden; height: 370px;}
.product  .scroll li{float: left; display: block; width: 48%; padding-right: 2%; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 26px; color: #5d5d5d; font-size: 16px;}
.product  .scroll li a{color: #5d5d5d;}
.product  .scroll :nth-child(even){padding-right: 0; padding-left: 2%;}
.product  .btnclose{margin: 25px auto 0; width: 300px; height: 40px; line-height: 40px; text-align: center; color: #9f9f9f; background: #f5f5f5; border-radius: 8px; cursor: pointer;}
.product  .btnclose:hover{background: #ffefea; color: #ff6630;}

/*未付款订单*/
.Unpaidorder { padding: 20px 0 50px; }
.Unpaidorder .Unpaidbt { height: 115px; line-height: 115px; margin-bottom: 30px; position: relative; text-align: center; font-size: 32px; color: #333; }
.Unpaidorder .Unpaidbt .more { position: absolute; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; right: 0; font-size: 18px; color: #333; }
.Unpaidorder .Unpaidbt .more:hover { color: #ff6630; }
.Unpaidorder .Unpaidbox { border-radius: 20px; background-color: #ffffff; padding: 20px 25px 20px 15px; }
.Unpaidorder .Unpaidbox .tile { height: 61px; text-align: center; line-height: 61px; overflow: hidden; position: relative; }
.Unpaidorder .Unpaidbox .tile .link_a { width: 100%; height: 100%; font-size: 18px; }
.Unpaidorder .Unpaidbox .tile .link_a a { display: inline-block; vertical-align: middle; padding: 0 10px; margin: 0 3px; color: #5b5b5b; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-weight: bold; }
.Unpaidorder .Unpaidbox .tile .link_a a:hover { color: #ff6630; }
.Unpaidorder .Unpaidbox .tile .link_a .on { color: #ff6630; }
.Unpaidorder .Unpaidbox .tile .timelis { position: absolute; top: 0; right: 20px; height: 34px; line-height: 34px; color: #979797; }
.Unpaidorder .Unpaidbox .tile .timelis .time { color: #de4815; }
.Unpaidorder .Unpaidbox .th { height: 72px; line-height: 72px; color: #979797; padding-bottom: 10px; }
.Unpaidorder .Unpaidbox .tr { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.Unpaidorder .Unpaidbox .tr .td { margin-right: 15px; overflow: hidden; }
.Unpaidorder .Unpaidbox .tr .tdname { width: 340px; margin-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.Unpaidorder .Unpaidbox .tr .tdname .name_p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 24px; max-height: 52px; line-height: 52px; line-height: 26px; color: #2b2b2b; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.Unpaidorder .Unpaidbox .tr .tdname .name_p:hover { color: #ff6630; }
.Unpaidorder .Unpaidbox .tr .stname { width: 283px; margin-right: 97px; }
.Unpaidorder .Unpaidbox .tr .stname .img { width: 83px; height: 83px; }
.Unpaidorder .Unpaidbox .tr .tdorder { width: 155px; }
.Unpaidorder .Unpaidbox .tr .tdtime { width: 275px; }
.Unpaidorder .Unpaidbox .tr .tdcount { width: 110px; }
.Unpaidorder .Unpaidbox .tr .tdtotal { width: 85px; }
.Unpaidorder .Unpaidbox .tr .tdstate { width: 60px; text-align: center; }
.Unpaidorder .Unpaidbox ul li { padding: 15px !important; background: #f8f8f8; border-radius: 20px; height: 83px; color: #2b2b2b; margin-bottom: 13px; }
.Unpaidorder .Unpaidbox ul li .tdname .img { width: 140px; height: 83px; line-height: 83px; border-radius: 5px; }
.Unpaidorder .Unpaidbox ul li .tdname .name { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; overflow: hidden; }
.Unpaidorder .Unpaidbox ul li .tdname .name span { line-height: 20px; padding: 0 5px; }
.Unpaidorder .Unpaidbox ul li .tdtime, .Unpaidorder .Unpaidbox ul li .tdcount { color: #505050; }
.Unpaidorder .Unpaidbox ul li .tdtotal { font-size: 18px; font-weight: bold; }
.Unpaidorder .Unpaidbox ul li .tdstate { color: #979797; }
.Unpaidorder .Unpaidbox .totallis { padding: 27px 20px 47px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 52px; line-height: 52px; }
.Unpaidorder .Unpaidbox .totallis .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 20px; }
.Unpaidorder .Unpaidbox .totallis .flex1 .text_ { float: right; padding-top:10px;}
.Unpaidorder .Unpaidbox .totallis .flex1 .text_ .p { float: left; font-size: 16px; color: #727272; margin-right: 35px; }
.Unpaidorder .Unpaidbox .totallis .flex1 .text_ .ptotal { font-weight: bold; font-size: 30px; color: #2b2b2b; }
.Unpaidorder .Unpaidbox .totallis .btnbox { text-align: center; position: relative; }
.Unpaidorder .Unpaidbox .totallis .btnbox .btn { display: block; text-align: center; color: #ff6630; font-size: 24px; width: 240px; height: 50px; background-color: #ffefea; border-radius: 26px; border: solid 1px #ff6630; }
.Unpaidorder .Unpaidbox .totallis .btnbox .cancel { display: block; color: #787878; height: 32px; line-height: 32px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -47px; }
.Unpaidorder .Unpaidbox .totallis .btnbox .cancel:hover { color: #ff6630; }
/*订单*/
.mywarporder { padding: 20px 0 30px; }
.mywarporder .title_ { height: 90px; padding: 0 15px; position: relative; }
.mywarporder .title_ .bt { float: left; font-size: 32px; color: #000000; line-height: 74px; height: 74px; }
.mywarporder .title_ .search { float: right; height: 42px; padding-top: 45px; display: block; font-size: 16px; color: #747474; line-height: 42px; }
.mywarporder .title_ .search span { display: block; float: left; }
.mywarporder .title_ .search .input { display: block; float: left; width: 185px; height: 42px; background-color: #f0f0f0; border-radius: 21px; padding: 0 5px 0 10px; margin: 0 8px; }
.mywarporder .title_ .search .input input { width: 145px; height: 100%; display: block; border: none; background: none; color: #333; float: left; }
.mywarporder .title_ .search .input input{-webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset !important;background-image: none;}
.mywarporder .title_ .search .but { display: block; float: right; padding: 9px 5px; background: none; border: none; outline: none; cursor: pointer; }
.mywarporder .title_ .search .but i { height: 24px; width: 24px; background-position: -100px -33px; display: block; }
.mywarporder .title_ .link_a { position: absolute; width: 40%; height: 42px; top: 45px; left: 50%; margin-left: -20%; line-height: 42px; font-size: 16px; text-align: center; }
.mywarporder .title_ .link_a a { color: #5b5b5b; padding: 0 10px; margin: 0 3px; margin-top: -2px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.mywarporder .title_ .link_a a:hover { color: #ff6630; }
.mywarporder .title_ .link_a .on { color: #ff6630; }
.mywarporder .title_ + .myorderlis .tile_2 { padding-top: 0; }
.mywarporder .tile_2 { height: 42px; display: block; line-height: 42px; padding-top: 20px; }
.mywarporder .tile_2 .labli { float: left; border-radius: 21px; position: relative; background-color: #f7eeeb; padding: 0 12px; overflow: hidden; margin-right: 22px; }
.mywarporder .tile_2 .labli .list { position: relative; z-index: 1; }
.mywarporder .tile_2 .labli .cur { position: absolute; width: 114px; left: 0; height: 100%; background: #ff6630; border-radius: 21px; }
.mywarporder .tile_2 .labli .lis { float: left; display: block; width: 90px; text-align: center; color: #464646; font-size: 16px; }
.mywarporder .tile_2 .labli .lis:hover { font-weight: bold; }
.mywarporder .tile_2 .labli .on { color: #fff; }
.mywarporder .tile_2 .labli .on:hover { font-weight: normal; }
.mywarporder .tile_2 .bj1 { background: #dbdbdb; }
.mywarporder .tile_2 .bj1 .cur { background: #383838; }
.mywarporder .tile_2 .tishi { color: #5b5b5b; float: left; font-size: 16px; }
.mywarporder .tile_2 .tishi a { color: #ff6630; }
.mywarporder .tile_2 .tishi a:hover { text-decoration: underline; }
.mywarporder .myorder { width: 100%; overflow: hidden; }
.mywarporder .myorder ul { padding-top: 45px; width: 104%; }
.mywarporder .myorder ul li { width: 268px; height: 400px; border-radius: 20px; background: #fff; overflow: hidden; position: relative; margin: 0 42px 25px 0; float: left; }
.mywarporder .myorder ul li:hover .tex_ .abtex { opacity: 1; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); z-index: 1; }
.mywarporder .myorder ul li:hover .tex_ .abtex .numbertex { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.mywarporder .myorder ul li .img_ { position: relative; }
.mywarporder .myorder ul li .img_ .zan { position: absolute; width: 25px; height: 25px; background-position: -255px -57px; display: block; top: 10px; right: 10px; cursor: pointer; }
.mywarporder .myorder ul li .img_ .zan:hover { background-position: -254px -90px; }
.mywarporder .myorder ul li .img_ .zan.on { background-position: -254px -90px; }
.mywarporder .myorder ul li .yg { position: absolute; height: 22px; line-height: 22px; color: #fff; background-color: #fa3445; border-radius: 11px; padding: 0 8px; top: 17px; right: 19px; font-size: 12px; }
.mywarporder .myorder ul li .img { height: 146px; width: 100%; display: block; position: relative; overflow: hidden; border-radius: 20px 20px 0 0; }
.mywarporder .myorder ul li .img .motai { font-size: 16px; position: absolute; width: 100%; height: 100%; top: 146px; left: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(217, 73, 25, 0.5); text-align: justify; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.mywarporder .myorder ul li .img .motai span { padding: 0 10px; line-height: 25px; }
.mywarporder .myorder ul li .img .motai2 { font-size: 16px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.6); text-align: justify; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mywarporder .myorder ul li .img .motai2 p { display: inline-block; text-align: center; line-height: 36px; padding: 0 10px; }
.mywarporder .myorder ul li .img .motai2 span { height: 36px; overflow: hidden; display: block; width: 100%; font-size: 18px; font-weight: bold; }
.mywarporder .myorder ul li .img .motai2 i { height: 36px; overflow: hidden; display: block; width: 100%; }
.mywarporder .myorder ul li .img .justimg { width: auto; height: 100%; margin: 0 auto; display: block; }
.mywarporder .myorder ul li .img:hover .motai { top: 0; }
.mywarporder .myorder ul li .tex_ { padding: 13px 15px 46px; text-align: center; min-height: 190px; }
.mywarporder .myorder ul li .tex_ .name { height: 52px; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; color: #464646; font-weight: bold; overflow: hidden; }
.mywarporder .myorder ul li .tex_ .name:hover { color: #ff6630; }
.mywarporder .myorder ul li .tex_ .name2 { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 87px; }
.mywarporder .myorder ul li .tex_ .name2 p { height: 35px; line-height: 35px; overflow: hidden; width: 100%; }
.mywarporder .myorder ul li .tex_ .name2 span { font-size: 15px; }
.mywarporder .myorder ul li .tex_ .classlis { padding: 4px 0; height: 27px; line-height: 27px; position: relative; overflow: hidden; }
.mywarporder .myorder ul li .tex_ .classlis .complete { color: #979797; }
.mywarporder .myorder ul li .tex_ .classlis .cortex { text-align: center; font-size: 14px; color: #28b625; }
.mywarporder .myorder ul li .tex_ .classlis .cortex i { display: inline-block; vertical-align: middle; height: 11px; width: 11px; background-position: -221px -33px; margin: -2px 5px 0; }
.mywarporder .myorder ul li .tex_ .classlis .cortex.cor2 { color: #e1720f; }
.mywarporder .myorder ul li .tex_ .classlis .cortex.cor2 i { background-position: -302px -18px; }
.mywarporder .myorder ul li .tex_ .classlis .cortex.cor1 { color: #787878; }
.mywarporder .myorder ul li .tex_ .classlis .cortex.cor1 i { background-position: -246px -33px; }
.mywarporder .myorder ul li .tex_ .classlis .leftex { float: left; }
.mywarporder .myorder ul li .tex_ .classlis .kdbtn { float: right; cursor: pointer; color: #383838; }
.mywarporder .myorder ul li .tex_ .classlis .sp { position: absolute; top: 4px; height: 100%; width: auto; color: #464646; font-size: 14px; height: 27px; line-height: 27px; }
.mywarporder .myorder ul li .tex_ .classlis .sp1 { left: 0; }
.mywarporder .myorder ul li .tex_ .classlis .sp2 { right: 0; }
.mywarporder .myorder ul li .tex_ .classlis .kdline { position: absolute; width: 100%; height: 27px; white-space: nowrap; overflow: hidden; top: 35px; background-color: #f7f7f7; line-height: 27px; padding: 0 5px; font-size: 12px; color: #5b5b5b; }
.mywarporder .myorder ul li .tex_ .numbertex { height: 52px; line-height: 52px; font-size: 34px; color: #464646; font-weight: bold; }
.mywarporder .myorder ul li .tex_ .orderli { height: 31px; line-height: 31px; overflow: hidden; width: 100%; font-size: 12px; color: #4c4c4c; font-family: "PingFang-SC-Heavy"; font-weight: bold; }
.mywarporder .myorder ul li .tex_ .lis_ { width: 100%; line-height: 25px; height: 50px; overflow: hidden; font-size: 12px; padding-top: 12px; position: relative; z-index: 1; background: #fff; }
.mywarporder .myorder ul li .tex_ .lis_ p { height: 25px; overflow: hidden; color: #5b5b5b; }
.mywarporder .myorder ul li .tex_ .lis_ p span { display: inline-block; vertical-align: middle; padding: 0 10px; background-color: #464646; border-radius: 10px; height: 20px; line-height: 20px; color: #fff; margin: -2px 0 0 2px; }
.mywarporder .myorder ul li .tex_ .butlis { position: absolute; left: 0; bottom: 20px; height: 26px; line-height: 26px; width: 100%;  }
.mywarporder .myorder ul li .tex_ .butlis .time { padding-left: 15px; float: left; color: #5b5b5b; }
.mywarporder .myorder ul li .tex_ .butlis .lab { position: absolute; width: 86px; height: 26px; display: block; left: 50%; top: 0; margin-left: -43px; border-radius: 20px; background: #eeeeee; font-size: 12px; color: #383838; }
.mywarporder .myorder ul li .tex_ .butlis .lab2 { background: #ffefea; color: #ff6630; }
.mywarporder .myorder ul li .tex_ .butlis .lab2:hover { background: #ff6630; color: #fff; }
.mywarporder .myorder ul li .tex_ .butlis .onlab { background: #ff6630; color: #fff; }
.mywarporder .myorder ul li .tex_ .butlis .onlab:hover { opacity: 0.9; }
.mywarporder .myorder ul li .tex_ .butlis .rittex { float: right; padding-right: 15px; color: #787878; }
.mywarporder .myorder ul li .tex_ .butlis .rittex span { cursor: pointer; }
.mywarporder .myorder ul li .tex_ .butlis .rittex .ts { display: inline-block; vertical-align: middle; margin: -2px 4px 0; height: 11px; width: 11px; background-position: -246px -33px; }
.mywarporder .myorder ul li .tex_ .butlis .rittex a { color: #787878; }
.mywarporder .myorder ul li .tex_ .butlis .rittex a:hover { color: #ff6630; }
.mywarporder .myorder ul li .tex_ .butlis .rittex a:hover .ts { background-position: -270px -32px; }
.mywarporder .myorder ul li .tex_ .butlis .rittex .on { color: #ff6630; }
.mywarporder .myorder ul li .tex_ .butlis .rittex .on .ts { background-position: -270px -32px; }
.mywarporder .myorder ul li .tex_ .butlis .rittex .jp{position: relative;display:block;}
.mywarporder .myorder ul li .tex_ .butlis .rittex .jp span{position: absolute;opacity: 0;transition: all 0.2s linear;  top: -28px; left: 50%; margin-left: -22px;z-index: 1; width: 41px; height: 20px; border-radius: 5px; line-height: 20px; border:1px solid #afafaf; color: #535353;}
.mywarporder .myorder ul li .tex_ .butlis .rittex .jp i{display: block; height:20px;width:17px;background-position: -99px -178px;}
.mywarporder .myorder ul li .tex_ .butlis .rittex .jp:hover span{opacity: 1;}
.mywarporder .myorder ul li .tex_ .texpl { margin: 10px 3px 0; padding: 5px; text-align: center; font-size: 14px; color: #a6a6a6; border-radius: 8px; border: solid 1px #ededed; height: 38px; line-height: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; background: #fff; position: relative; }
.mywarporder .myorder ul li .tex_ .texpl + .abtex { padding-bottom: 10px; }
.mywarporder .myorder ul li .tex_ p { line-height: 19px; max-height: 38px; overflow: hidden; width: 100%; }
.mywarporder .myorder ul li .tex_ .abtex { position: absolute; width: 100%; left: 0; margin-top: 146px; top: 107px; background: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 0; opacity: 0; }
.mywarporder .myorder ul li .tex_ .abtex .numbertex { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.mywarporder .myorder ul .cdkey .tex_ { padding-top: 10px; }
.mywarporder .myorder ul .cdkey .tex_ .name2 + .classlis { margin-top: 4px; }
.mywarporder .myorder ul .cdkey .tex_ .lis_ { height: 75px; padding-top: 23px; }
.mywarporder .myorder ul .SFcard .tex_ { padding-top: 10px; }
.mywarporder .myorder ul .SFcard .tex_ .name2 { margin-bottom: 4px; }
.mywarporder .myorder ul .SFcard .tex_ .lis_ { height: 50px; padding-top: 10px; }
.mywarporder .shoppages { margin: 0; }
/*收藏*/
.Collection { background: #fff; margin: 30px 0; padding: 15px 60px 10px; }
.Collection .colltile { height: 60px; line-height: 60px; padding: 22px 15px 0; overflow: hidden; color: #151515; }
.Collection .colltile .bt { font-size: 32px; float: left; }
.Collection .colltile ul { float: right; }
.Collection .colltile ul li { float: left; font-size: 16px; margin-left: 20px; }
.Collection .colltile ul li a { padding-left: 10px; color: #464646; }
.Collection .colltile ul li a:hover { color: #ff6630; }
.Collection .colltile ul .on a { font-weight: bold; color: #ff6630; }
.Collection .list { padding: 10px 0 10px; }
.Collection .list ul { width: 105%; }
.Collection .list ul li { float: left; width: 240px; background-color: #fbfbfb; border-radius: 20px; height: 280px; margin: 12px 40px 0 0; border: solid 1px #f4f4f4; -webkit-box-sizing: border-box; box-sizing: border-box; }
.Collection .list ul li .img { background: #fff; display: block; width: 100%; height: 140px; border-radius: 20px 20px 0 0; margin-bottom: 9px; }
.Collection .list ul li .img .yg { position: absolute; height: 22px; line-height: 22px; color: #fff; background-color: #fa3445; border-radius: 11px; padding: 0 8px; top: 13px; right: 12px; font-size: 12px; }
.Collection .list ul li .name { height: 26px; line-height: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; font-weight: bold; color: #3d3d3d; padding: 0 15px; }
.Collection .list ul li .name:hover { color: #ff6630; }
.Collection .list ul li .p_lis { padding: 0 15px; line-height: 27px; }
.Collection .list ul li .p_lis p { float: left; width: 60%; height: 27px; font-size: 14px; color: #878787; overflow: hidden; margin-bottom: 5px; }
.Collection .list ul li .p_lis .number { height: 27px; float: right; width: 40%; text-align: right; font-size: 18px; color: #323232; }
.Collection .list ul li .bot { padding: 0 15px; padding-top: 6px; height: 25px; line-height: 25px; color: #787878; }
.Collection .list ul li .bot .close { float: left; cursor: pointer; }
.Collection .list ul li .bot .close:hover { color: #ff6630; }
.Collection .list ul li .bot .join { float: right; height: 25px; display: block; text-align: right; color: #df4815; border-radius: 13px; width: 81px; }
.Collection .list ul li .bot .join:hover { text-align: center; background-color: #ff6630; color: #fff; }
.Collection .list ul li .box2 .img img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.Collection .list ul li .box2 .name { height: 52px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.Collection .list ul li .box2 .p_lis { padding: 5px 15px 5px; }
.Collection .list ul li .box2 .p_lis p { margin: 0; }
.Collection .shoppages { margin: 0; }
/*收藏弹框*/
.layerCollection { width: 300px; min-height: 200px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px #dedede !important; box-shadow: 0px 4px 24px 0px #dedede !important; border-radius: 20px !important; overflow: hidden; }
.layerCollection .layui-layer-title { padding: 0; text-align: center; height: 60px; line-height: 60px; font-size: 18px; color: #3d3d3d; background: none; border: none; font-weight: bold; }
.layerCollection .layui-layer-content { text-align: center; line-height: 35px; font-size: 16px; color: #474747; padding: 0 10px; min-height: 70px; overflow: hidden; }
.layerCollection .layui-layer-content p { width: 100%; overflow: hidden; }
.layerCollection .layui-layer-btn { padding: 0 !important; margin-top: 19px !important; border-top: solid 1px #cccccc; height: 50px; line-height: 50px; }
.layerCollection .layui-layer-btn a { display: block; float: left; width: 50%; height: 50px; line-height: 50px; margin: 0; padding: 0; text-align: center; font-size: 18px; color: #3d3d3d; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; }
.layerCollection .layui-layer-btn a:hover { background: #ff6630; color: #fff; border-color: #ff6630; }
.layerCollection .layui-layer-btn .layui-layer-btn0 { background: none; border-right: solid 1px #cccccc; }
/*订单详情*/
.orderinfor { background-color: #ffffff; border-radius: 20px; margin: 55px 0; overflow: hidden; padding-bottom: 23px; }
.orderinfor .ordtile { border-radius: 20px 20px 0px 0px; background-color: #2b2b2b; padding: 30px 40px; color: #fff; line-height: 40px; font-size: 24px; }
.orderinfor .orditem { width: 346px; margin: 0 auto; margin-top: 22px; border-radius: 44px; background-color: #f7f7f7; padding: 20px; text-align: center; }
.orderinfor .orditem .name { font-size: 19px; color: #333; display: block; height: 46px; line-height: 46px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.orderinfor .orditem .namebox .tilename { display: -webkit-box; display: -ms-flexbox; display: flex; }
.orderinfor .orditem .namebox .tilename .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.orderinfor .orditem .namebox .tilename span { color: #464646; font-size: 18px; height: 46px; line-height: 46px; display: block; }
.orderinfor .orditem .namebox .nam2 { padding: 8px 0 16px 0; }
.orderinfor .orditem .namebox .nam2 .name { display: -webkit-box; line-height: 38px; height: 76px; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; white-space: normal; }
.orderinfor .orditem .namebox .nam2 span { height: 38px; line-height: 38px; }
.orderinfor .orditem .namebox .nam3 { height: 40px; line-height: 40px; padding-bottom: 60px; }
.orderinfor .orditem .namebox .nam3 .name { text-align: left; }
.orderinfor .orditem .namebox .nam3 span { height: 40px; line-height: 40px; }
.orderinfor .orditem .name_p { color: #888888; color: #333; display: block; height: 39px; line-height: 39px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 15px; }
.orderinfor .orditem .img { width: 276px; height: 162px; margin: 0 auto; margin-bottom: 33px; border-radius: 5px; }
.orderinfor .orditem .img2 { width: 160px; height: 160px; border-radius: 20px; overflow: hidden; background: #fff; display: block; position: relative; margin: 0 auto; margin-bottom: 10px; border: 1px solid #cfcfcf; }
.orderinfor .orditem .img2 img { position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.orderinfor .orditem .texld { padding: 27px 0; width: 300px; margin: 0 auto; }
.orderinfor .orditem .texld .p { width: 100%; height: 34px; line-height: 34px; border-radius: 17px; text-align: center; background-color: #e3e3e3; font-size: 12px; color: #5b5b5b; }
.orderinfor .orditem .btn { margin: 0 auto; margin-bottom: 10px; height: 52px; line-height: 52px; display: block; width: 180px; border-radius: 26px; text-align: center; background-color: #292929; color: #fff; font-size: 18px; cursor: pointer; }
.orderinfor .orditem .btn:hover { opacity: 0.9; }
.orderinfor .orditem .lis_p { line-height: 32px; }
.orderinfor .orditem .lis_p p { height: 32px; overflow: hidden; width: 100%; font-size: 15px; color: #2b2b2b; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: "PingFang-SC-Medium"; }
.orderinfor .order4infor { background: none; padding-bottom: 30px; }
.orderinfor .order4infor .img { margin-bottom: 42px; }
.orderinfor .order4infor .btn { background: #e9e9e9; color: #383838; cursor: default; margin-bottom: 32px; }
.orderinfor .order4infor .btn:hover { opacity: 1; }
.orderinfor .remarks{width: 386px;  margin: 0 auto; color: #979797; line-height: 26px; padding-top: 30px;}
.orderinfor .evaluate { position: relative; padding: 30px 15px 0; }
.orderinfor .evaluate .bt_ { height: 43px; line-height: 43px; position: absolute; left: 15px; top: -20px; color: #484848; }
.orderinfor .evaluate .textarea { background: #f8f8f8; border-radius: 20px; padding: 15px 30px; line-height: 30px; height: 150px; margin-bottom: 18px; }
.orderinfor .evaluate .textarea textarea { width: 100%; border: none; background: none; outline: none; resize: none; font-family: "PingFang-SC-Medium"; color: #333; font-size: 15px; height: 100%; line-height: 30px; }
.orderinfor .evaluate .evaluate_btn { height: 38px; width: 100%; }
.orderinfor .evaluate .evaluate_btn .btn { margin: 0 auto; width: 100px; height: 38px; line-height: 38px; background-color: #292929; border-radius: 8px; color: #fff; border: none; cursor: pointer; display: block; text-align: center; }
/*订单详情弹出激活码*/
.layerActivation { border-radius: 20px !important; overflow: hidden; }
.layerActivation .layui-layer-setwin { right: initial; left: 50%; margin-left: 15px; bottom: 56px; top: initial; }
.layerActivation .layui-layer-setwin .layui-layer-close2 { background: url("../images/icoimg_h.png") no-repeat center; position: absolute; top: 16px; cursor: pointer; right: 0; display: block; height: 28px; width: 29px; top: 0; background-position: -194px -91px; }
.layerActivation .layui-layer-setwin .layui-layer-close2:hover { background-position: -194px -91px; opacity: 0.9; }
.Activation { background: #fff; width: 590px; padding: 27px 24px 16px 23px; text-align: center; display: none; }
.Activation .bt_h { display: block; width: 100%; height: 39px; line-height: 39px; font-size: 20px; overflow: hidden; color: #464646; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Activation .inputlis { padding: 29px 15px 18px; }
.Activation .inputlis .input_ { height: 70px; margin-bottom: 15px; overflow: hidden; background: url("../images/activationkey.png") repeat-x left top; }
.Activation .inputlis .input_ input { width: 100%; height: 100%; line-height: 70px; display: block; background: none; border: none; text-align: center; font-size: 32px; font-weight: bold; cursor: pointer; color: #000000; }
.Activation .inputlis .input_ input:active { opacity: 0.8; }
.Activation .lis_ { min-height: 90px; padding-bottom: 27px; }
.Activation .lis_ p { height: 30px; line-height: 30px; font-size: 16px; color: #5b5b5b; }
.Activation .lis_ p span { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; border-radius: 12px; background-color: #000000; color: #fff; margin: -2px 5px 0 0; font-size: 14px; padding: 0 12px; }
.Activation .bot_ { height: 30px; line-height: 30px; color: #5b5b5b; font-size: 16px; }
.Activation .bot_ a { color: #5b5b5b; }
.Activation .bot_ a[href]:hover { color: #ff6630; }
.Activation .bot_ .lef { float: left; display: block;cursor: pointer;  }
.Activation .bot_ .rit { float: right; display: block; cursor: pointer; }
/*退款订单申请*/
.applyrefund { padding: 40px 0; }
.applyrefund .refundtile { height: 76px; line-height: 76px; overflow: hidden; text-align: center; position: relative; margin-bottom: 50px; }
.applyrefund .refundtile .bt { display: block; font-size: 32px; color: #333; }
.applyrefund .refundtile .more { position: absolute; right: 0; top: 25px; height: 26px; line-height: 26px; font-size: 18px; color: #333; }
.applyrefund .refundtile .more:hover { color: #ff6630; }
.applyrefund .refundlist { background: #fff; padding: 20px 15px 30px; border-radius: 20px; margin-bottom: 20px; }
.applyrefund .refundlist .list li { padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; font-family: 'PingFang-SC-Medium'; font-size: 15px; color: #2b2b2b; }
.applyrefund .refundlist .list li .img { width: 276px; height: 162px; border-radius: 5px; display: block; overflow: hidden; }
.applyrefund .refundlist .list li .justimg { width: 162px; }
.applyrefund .refundlist .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 90px 0 25px; overflow: hidden; }
.applyrefund .refundlist .list li .infor .name { padding: 3px 0; line-height: 36px; overflow: hidden; font-size: 28px; color: #333; display: block; margin-top: -4px; }
.applyrefund .refundlist .list li .infor .name:hover { color: #ff6630; }
.applyrefund .refundlist .list li .infor p { height: 37px; line-height: 37px; width: 100%; overflow: hidden; display: block; font-size: 18px; color: #888888; }
.applyrefund .refundlist .list li .infor .p { width: 100%; line-height: 32px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.applyrefund .refundlist .list li .text_p { width: 300px; overflow: hidden; }
.applyrefund .refundlist .list li .text_p p { width: 100%; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.applyrefund .refundlist .list li .text_p span { display: inline-block; height: 22px; line-height: 22px; background-color: #f0f0f0; border-radius: 11px; padding: 0 8px; margin: 0 5px; }
.applyrefund .refundlist .list li .text_p .bg1 { background-color: #5a9ede; color: #fff; }
.applyrefund .refundlist .list li .text_p .bg2 { background-color: #ff6630; color: #fff; }
.applyrefund .textareabox { padding-bottom: 20px; }
.applyrefund .textareabox .bt { height: 60px; line-height: 60px; overflow: hidden; color: #484848; }
.applyrefund .textareabox .textarea { background: #f8f8f8; border-radius: 20px; padding: 15px 30px; line-height: 30px; height: 150px; margin-bottom: 37px; }
.applyrefund .textareabox .textarea textarea { width: 100%; border: none; background: none; outline: none; resize: none; font-family: "PingFang-SC-Medium"; color: #333; font-size: 15px; height: 100%; line-height: 30px; }
.applyrefund .textareabox .btn_but { height: 52px; width: 100%; }
.applyrefund .textareabox .btn_but .btn { margin: 0 auto; width: 180px; height: 52px; line-height: 52px; background-color: #292929; border-radius: 26px; font-size: 18px; color: #fff; border: none; cursor: pointer; display: block; text-align: center; }
/*详情*/
.gameinfor { position: relative; width: 100%; padding-bottom: 30px; }
.gameinfor .bj { position: absolute; /* max-height: 650px;*/ overflow: hidden; top: 0; left: 50%; width: 1920px; height: 100%; z-index: 0; margin-left: -960px;}
.gameinfor .bj img { width: 100%; height: auto; display: block; }
.gameinfor .bj .motai { width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    /* background: -webkit-gradient(linear, left top, right top, color-stop(16%, snow), color-stop(21%, rgba(255, 250, 250, 0.95)), color-stop(25%, rgba(255, 250, 250, 0.85)),color-stop(75%, rgba(255, 250, 250, 0.85)), color-stop(79%, rgba(255, 250, 250, 0.95)), color-stop(84%, snow)); background: -o-linear-gradient(left, snow 16%, rgba(255, 250, 250, 0.95) 21%,   rgba(255, 250, 250, 0.85) 25%, rgba(255, 250, 250, 0.85) 75%, rgba(255, 250, 250, 0.95) 79%, snow 84%); background: linear-gradient(to right, snow 16%, rgba(255, 250, 250, 0.95) 21%, rgba(255, 250, 250, 0.85) 25%, rgba(255, 250, 250, 0.85) 75%, rgba(255, 250, 250, 0.95) 79%, snow 84%);  */
}
.gameinfor .centerbox { z-index: 1; position: relative; padding-top: 60px; }
.gameinfor .gametop { padding-top: 90px; position: relative; margin-bottom: 24px; }
.gameinfor .gametop .gamename { border-radius: 30px 30px 0px 0px; position: absolute; height: 100px; background: #fff; top: 0; left: 0; padding: 0 20px; }
.gameinfor .gametop .gamename .back { height: 37px; width: 37px; background-position: -501px 0; display: block; float: left; margin: 20px 15px 0 0; }
.gameinfor .gametop .gamename .name { float: left; padding-top: 11px; max-width: 970px; overflow: hidden; }
.gameinfor .gametop .gamename .name .p_name { height: 50px; line-height: 50px; }
.gameinfor .gametop .gamename .name .p_name .h1 { display: block; float: left; font-weight: normal; font-family: 'PingFang-SC-Bold'; font-size: 32px; color: #000; max-width: 800px; overflow: hidden; height: 50px; }
.gameinfor .gametop .gamename .name .p_name .lab { display: inline-block; vertical-align: middle; margin: -2px 5px 0 12px; padding: 0 6px 0 8px; height: 25px; line-height: 25px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; font-family: "PingFang SC Heavy"; }
.gameinfor .gametop .gamename .name p { color: #838383; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; }
.gameinfor .gametop .gamename .cum_ { position: absolute; height: 41px; width: 44px; background-position: -344px -37px; bottom: 0; right: -31px; }
.gameinfor .gametop .gamebox_ { background: #fff; border-radius: 0 20px 20px 20px; padding: 20px; }
.gameinfor .gametop .gamebox_ .lunbox_ { width: 710px; height: 380px; position: relative; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img { width: 600px; overflow: hidden; position: relative; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-container { margin-bottom: 43px; height: 337px; border-radius: 20px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .img { width: 100%; height: 100%; display: block; height: 337px;border-radius: 20px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .video { width: 100%; height: 100%; background: #000; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img video { width: 100%; height: 100%; display: block; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img iframe { width: 100%; height: 100%; display: block; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-next, .gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-prev { background: url("../images/icoimg_h.png") no-repeat center; cursor: pointer; height: 52px; width: 52px; display: none; top: 45%; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-next::after, .gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-prev::after { display: none; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-next { background-position: -364px -100px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-next:hover { background-position: -296px -100px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-prev { background-position: -428px -100px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-button-prev:hover { background-position: -493px  -101px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img:hover .swiper-button-next, .gameinfor .gametop .gamebox_ .lunbox_ .swiper-img:hover .swiper-button-prev { display: block; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-scrollbar-drag { width: 100px; height: 20px; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; background-color: #f0b6a2; border-radius: 10px; border: solid 1px #e29e86; border-radius: 20px !important; cursor: move; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-scrollbar-drag::after { background: url("../images/icoimg_h.png") no-repeat center; display: block; position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 8px; width: 10px; background-position: -302px 0; cursor: pointer; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-scrollbar-drag { background-color: #f0b6a2; border-radius: 2px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-img .swiper-scrollbar { height: 20px; background-color: #fcf7f7; border-radius: 10px; bottom: 0; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small { position: absolute; width: 93px; top: 10px; right: 0; height: 253px; overflow: hidden; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container { padding-right: 13px; width: 80px; height: 100%; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container .swiper-slide { height: 45px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 7px; overflow: hidden; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container .swiper-slide .img { width: 100%; height: 100%; display: block; position: relative; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container .swiper-slide .img .vid { position: absolute; bottom: 0px; right: 0px; height: 18px; width: 18px; background-position: -426px -43px; display: block; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container .swiper-slide-thumb-active { border: solid 2px #ff6630; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container .swiper-scrollbar-drag { background-color: #f3dfd7; border-radius: 2px; }
.gameinfor .gametop .gamebox_ .lunbox_ .swiper-small .swiper-container-vertical > .swiper-scrollbar { width: 4px; background-color: #f5f5f5; }
.gameinfor .gametop .gamebox_ .shoplab { float: right; width: 420px; padding-top: 5px; font-family: 'PingFang-SC-Medium'; position: relative; }
.gameinfor .gametop .gamebox_ .shoplab .lis_p { line-height: 30px; overflow: hidden; padding-bottom: 15px; }
.gameinfor .gametop .gamebox_ .shoplab .lis_p p { float: left; height: 30px; color: #3f3f3f; margin-right: 20px; }
.gameinfor .gametop .gamebox_ .shoplab .lis_img { padding-bottom: 25px; }
.gameinfor .gametop .gamebox_ .shoplab .lis_img .lis_ { float: left; height: 30px; line-height: 30px; margin-right: 15px; color: #454545; cursor: pointer; padding: 0 10px; border-radius: 8px; }
.gameinfor .gametop .gamebox_ .shoplab .lis_img .lis_ img { max-height: 25px; margin-right: 8px; }
.gameinfor .gametop .gamebox_ .shoplab .lis_img .lis_:hover { background-color: #ededed; }
.gameinfor .gametop .gamebox_ .shoplab .lis_img .on { background-color: #ededed; }
.gameinfor .gametop .gamebox_ .shoplab .lis_lab .lab { height: 32px; line-height: 32px; background-color: #f5f5f5; border-radius: 4px; padding: 0 15px; display: block; float: left; margin-right: 12px; cursor: pointer; font-size: 12px; margin-bottom: 18px; min-width: 60px; text-align: center; }
.gameinfor .gametop .gamebox_ .shoplab .lis_lab .lab:hover { color: #fff; background-color: #454545; }
.gameinfor .gametop .gamebox_ .shoplab .lis_lab .on { color: #fff; background-color: #454545; }
.gameinfor .gametop .gamebox_ .shoplab .lis_lab + .lis_lab .lab { min-width: auto; }
.gameinfor .gametop .gamebox_ .shoplab .tishi_ { height: 24px; background-color: #fcf7f7; border-radius: 8px; line-height: 24px; text-align: center; font-size: 12px; color: #504740;  }
.gameinfor .gametop .gamebox_ .shoplab .tishi_ a { color: #ff0000; }
.gameinfor .gametop .gamebox_ .shoplab .ygtishi { position: absolute; top: 5px; right: 0; height: 30px; line-height: 30px; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox { height: 75px; padding: 25px 0; line-height: 75px; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .p { float: right; width: auto; padding-right: 10px; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .number1 { font-size: 50px; font-weight: bold; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .number2 { font-size: 16px; color: #8e8e8e; text-decoration: line-through; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .number3{font-size: 18px; font-weight: bold;}
.gameinfor .gametop .gamebox_ .shoplab .numberbox .inputcar { padding-top: 19px; color: #8f8f8f; height: 38px; line-height: 38px; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .inputcar .btn { display: inline-block; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .inputcar .input { display: inline-block; border: 1px solid #d9d9d9; border-radius: 5px; overflow: hidden; width: 144px; vertical-align: middle; margin: -4px 5px 0; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .inputcar .input .btn { float: left; width: 35px; text-align: center; font-size: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.gameinfor .gametop .gamebox_ .shoplab .numberbox .inputcar .buynums { color: #8e8e8e; display: block; float: left; width: 70px; height: 36px; text-align: center; border: none; background: none; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ { height: 60px; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn { float: left; height: 60px; display: block; width: 204px; text-align: center; line-height: 60px; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; cursor: pointer; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn:hover { opacity: 0.9; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn1 { background: #fdf2e5; border: solid 1px #fdf2e5; color: #ed7b00; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn2 { margin-left: 10px; color: #fff; background-color: #ff6630; border: solid 1px #ee5119; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn3{background: #3a3a3a; width: 400px; opacity: 1 !important; color: #cb836a; float: right;}
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn3 span{ background: linear-gradient(to bottom, #ffc5b0, #cb836a);-webkit-text-fill-color:transparent;-webkit-background-clip: text; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox { position: absolute; width: 218px; padding: 20px 10px; border: 1px solid #f3dfd7; border-radius: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; text-align: center; display: none; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox .close { height: 21px; width: 22px; background-position: -465px 0; position: absolute; top: 15px; right: 15px; display: block; cursor: pointer; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox .close:hover { opacity: 0.9; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox .ico { height: 28px; width: 28px; background-position: -297px -41px; margin: 0 auto; display: block; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox p { line-height: 30px; padding: 10px 0; color: #676767; padding-top: 15px; }
.gameinfor .gametop .gamebox_ .shoplab .cartbox .link { color: #ff6630; text-decoration: underline; height: 20px; line-height: 20px; display: block; margin: 0 auto; }
.gameinfor .gametop .gamebox_ .botlis { height: 30px; line-height: 30px; width: 100%; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; }
.gameinfor .gametop .gamebox_ .botlis .zanbox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #adadad; overflow: hidden; height: 30px; line-height: 30px; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zanlis { display: inline-block; vertical-align: middle; height: 30px; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zanlis .img { width: 30px; height: 30px; line-height: 30px; display: block; float: left; overflow: hidden; margin: 0 5px; border-radius: 50%; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zanlis .img img { width: 100%; height: 100%; display: block; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .more { color: #838383; font-size: 30px; display: inline-block; vertical-align: middle; line-height: 16px; height: 30px; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zan_ { display: inline-block; vertical-align: middle; color: #8f8f8f; font-size: 14px; cursor: pointer; padding: 0 5px; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zan_ .ico { width: 25px; height: 25px; background-position: -255px -57px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zan_:hover { color: #ffb400; }
.gameinfor .gametop .gamebox_ .botlis .zanbox .zan_:hover i { background-position: -254px -90px; }
.gameinfor .gametop .gamebox_ .botlis .language { display: inline-block; vertical-align: middle; padding: 0 110px 0 0; font-size: 12px; color: #8f8f8f; }
.gameinfor .gametop .gamebox_ .botlis .language img { width: 29px; display: inline-block; vertical-align: middle; margin: 0 1px; }
.gameinfor .gametop .gamebox_ .botlis  .btncoupon{height: 20px; line-height: 20px;padding: 0 10px;font-size: 12px; color: #504740; float: left; margin: 5px 0 0; background: #f3f3f3; border-radius: 10px;}
.gameinfor .gametop .gamebox_ .botlis  .btncoupon:hover{background: #ff6630; color: #fff;}
.gameinfor .gametop .gamebox_ .botlis .labright p { float: left; cursor: pointer; font-size: 16px; color: #8e8e8e; margin-left: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.gameinfor .gametop .gamebox_ .botlis .labright p i { display: inline-block; vertical-align: middle; margin: -2px 6px 0 0; }
.gameinfor .gametop .gamebox_ .botlis .labright p .ico1 { height: 21px; width: 21px; background-position: -327px 0; }
.gameinfor .gametop .gamebox_ .botlis .labright p .ico2 { height: 18px; width: 21px; background-position: -428px 0; }
.gameinfor .gametop .gamebox_ .botlis .labright p:hover { color: #ff6630; }
.gameinfor .gametop .gamebox_ .botlis .labright p:hover .ico1 { background-position: -395px 0; }
.gameinfor .gametop .gamebox_ .botlis .labright p:hover .ico2 { background-position: -361px 0; }
.gameinfor .gametop .gamebox_ .botlis .labright .on { color: #ff6630; }
.gameinfor .gametop .gamebox_ .botlis .labright .on .ico1 { background-position: -395px 0; }
.gameinfor .gametop .gamebox_ .botlis .labright .on .ico2 { background-position: -361px 0; }
.gameinfor .gametop .gamebox_style .lunbox_ { width: 420px; padding-left: 7px; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-img { width: 100%; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-img .swiper-container { width: 337px; margin: 0; padding: 0; margin-bottom: 20px; overflow: hidden; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-img .swiper-container .swiper-button-prev, .gameinfor .gametop .gamebox_style .lunbox_ .swiper-img .swiper-container .swiper-button-next { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-img .swiper-container .swiper-button-next { right: 90px; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-small { width: 65px; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-small .swiper-container { width: 45px; }
.gameinfor .gametop .gamebox_style .lunbox_ .swiper-small .swiper-container-vertical > .swiper-scrollbar { right: 0; }
.gameinfor .gametop .gamebox_style .shoplab { width: 710px; }
.gameinfor .gametop .gamebox_style .shoplab .lis_lab { padding-right: 20px; }
.gameinfor .gametop .gamebox_style .shoplab .lis_lab .lab { font-size: 14px; }
.gameinfor .gametop .gamebox_style .shoplab .tishi_ { width: auto; max-width: 524px; padding: 0 30px; display: inline-block; }
/*详情正文*/
.gameinforlab { background: #fff; border-radius: 20px; padding: 15px; margin-bottom: 20px; }
.gameinforlab .tilebt { height: 60px; line-height: 60px; font-size: 18px; color: #393939; font-weight: bold; }
.gameinforlab .tilebt::before { width: 7px; height: 18px; background-color: #393939; border-radius: 4px; display: inline-block; vertical-align: middle; content: ''; margin: -2px 10px 0 0; }
.gameinforlab .newsinfor_ { line-height: 27px; color: #636363; font-size: 14px; word-break: break-all; }
.gameinforlab .newsinfor_ p {/* padding-bottom: 20px; */}
.gameinforlab .newsinfor_ p > img { max-width: 100%; cursor: pointer; }
.gameinforlab .table_ul { position: relative; width: 100%; }
.gameinforlab .table_ul .table { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; line-height: 32px; color: #393939; position: relative; }
.gameinforlab .table_ul .table:nth-child(2) { padding-left: 40px; }
.gameinforlab .table_ul .table:nth-child(2)::before { position: absolute; width: 1px; height: 80%; content: ''; background-color: #ededed; top: 50%; margin-top: -20%; left: 0; }
.gameinforlab .table_ul .table .bt_ { font-size: 16px; height: 32px; font-weight: bold; }
.gameinforlab .table_ul .table p { font-size: 15px; width: 330px; font-family: 'PingFang-SC-Medium'; }
/*分享*/
.layersharebox { border-radius: 20px !important; overflow: hidden; }
.layersharebox .layui-layer-setwin { right: initial; left: 50%; margin-left: 15px; bottom: 56px; top: initial; }
.layersharebox .layui-layer-setwin .layui-layer-close2 { background: url("../images/icoimg_h.png") no-repeat center; position: absolute; top: 16px; cursor: pointer; right: 0; display: block; height: 28px; width: 29px; top: 0; background-position: -194px -91px; }
.layersharebox .layui-layer-setwin .layui-layer-close2:hover { background-position: -194px -91px; opacity: 0.9; }
.layershare { width: 600px; padding: 14px 48px 87px  57px; background-color: #ffffff; border-radius: 20px; display: none; }
.layershare .bt { height: 102px; line-height: 102px; font-size: 32px; color: #000000; text-align: center; }
.layershare .input { height: 60px; text-align: center; background: #f0f0f0; border-radius: 20px; line-height: 60px; padding: 0 10px; }
.layershare .input input { letter-spacing: 1px; width: 100%; height: 100%; display: block; line-height: 60px; font-size: 18px; border: none; background: none; text-align: center; }
.layershare .btn { width: 120px; height: 50px; background-color: #ff6630; border-radius: 25px; margin: 0 auto; margin-top: 30px; line-height: 50px; color: #fff; text-align: center; font-size: 18px; cursor: pointer; }
.layershare .btn:hover { opacity: 0.9; }
/*暂无内容*/
.nocontent { text-align: center; padding: 100px 0; }
.nocontent p { line-height: 30px; padding: 20px 0; color: #787878; }
.nocontent p a { color: #ff6630; text-decoration: underline; }
/*活动中心*/
.news_message { padding: 36px 0; }
.hdzxbox { background: #fff; border-radius: 20px; padding: 20px 28px; }
.hdzxbox .tile_ { height: 60px; line-height: 60px; overflow: hidden; font-size: 18px; color: #676767; }
.hdzxbox .tile_ .bt { float: left; }
.hdzxbox .tile_ .mre_rit { float: right; }
.hdzxbox .tile_ .mre_rit a { display: block; float: left; color: #676767; margin-left: 20px; }
.hdzxbox .tile_ .mre_rit a:hover { color: #303030; font-weight: bold; }
.hdzxbox .tile_ .mre_rit .on { color: #303030; font-weight: bold; }
.hdzxbox .list_ { display: block; }
.hdzxbox .list_ li { width: 100%; height: 111px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 20px 0 4px 0; }
.hdzxbox .list_ li .img { position: relative; width: 190px; height: 111px; border-radius: 10px; background-color: #ff6630; }
.hdzxbox .list_ li .img .lab { position: absolute; top: 0; left: 0; height: 24px; line-height: 24px; border-radius: 0px 0px 6px 0px; overflow: hidden; font-size: 12px; }
.hdzxbox .list_ li .img .lab::before { width: 100%; height: 100%; opacity: 0.8; content: ''; display: block; background-color: #000000; position: absolute; top: 0; left: 0; }
.hdzxbox .list_ li .img .lab span { display: block; text-align: center; min-width: 30px; z-index: 1; position: relative; padding: 0 10px; color: #fff; }
.hdzxbox .list_ li .img .now::before { background-color: #de4815; }
.hdzxbox .list_ li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fbfbfb; border-radius: 20px; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px 0 20px; font-size: 14px; }
.hdzxbox .list_ li .infor .tex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 100%; }
.hdzxbox .list_ li .infor .tex .name { display: block; padding-top: 10px; white-space: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; color: #302f2f; height: 38px; line-height: 38px; }
.hdzxbox .list_ li .infor .tex .name:hover { color: #ff6630; }
.hdzxbox .list_ li .infor .tex .p { height: 34px; line-height: 34px; overflow: hidden; font-size: 12px; color: #676767; }
.hdzxbox .list_ li .infor .tex .p span { padding-right: 20px; }
.hdzxbox .list_ li .infor .btn { color: #ff6630; }
.hdzxbox .list_ li .infor .btn:hover { text-decoration: underline; }
/*搜索*/
.searchlist { padding: 15px; background: #fff; border-radius: 20px; }
.searchlist .tile_ { height: 50px; line-height: 50px; overflow: hidden; font-size: 15px; }
.searchlist .tile_ .bt { float: left; color: #303030; }
.searchlist .tile_ .bt span { color: #9d9d9d; }
.searchlist .list_ { padding-top: 8px; }
.searchlist .list_ li { margin-top: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 62px; padding: 14px 25px 14px 15px; background-color: #fafafa; border-radius: 8px; }
.searchlist .list_ li .img { width: 105px; height: 62px; border-radius: 3px; }
.searchlist .list_ li .img2 { width: 62px; }
.searchlist .list_ li .namebox { width: 320px; padding-left: 20px; }
.searchlist .list_ li .namebox .name { display: block; width: 100%; overflow: hidden; font-size: 18px; color: #323232; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.searchlist .list_ li .namebox .name:hover { color: #ff6630; }
.searchlist .list_ li .namebox p { font-size: 14px; color: #979797; height: 30px; line-height: 30px; overflow: hidden; }
.searchlist .list_ li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.searchlist .list_ li .infor p { float: left; height: 30px; line-height: 30px; padding-right: 30px; color: #979797; }
.searchlist .list_ li .infor p a { color: #979797; }
.searchlist .list_ li .infor p img { max-width: 30px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
.searchlist .list_ li .lab { display: inline-block; vertical-align: middle; margin: -2px 5px 0; padding: 0 6px 0 8px; height: 25px; line-height: 25px; background-color: #ffefea; border-radius: 13px 13px 13px 0px; color: #ff6630; font-family: "PingFang SC Heavy"; margin-right: 23px; }
.searchlist .list_ li .number1 { font-size: 16px; color: #a7a7a7; padding-right: 23px; text-decoration: line-through; }
.searchlist .list_ li .number2 { font-size: 16px; color: #323232; font-weight: bold; }
.searchlist .list_ .li2 .img { width: 62px; }
.searchlist .list_ .li2 .namebox { width: 363px; }
/*消息中心*/
.newsmessage { padding: 15px 60px; background: #fff; border-radius: 20px; }
.newsmessage .tile_ { height: 60px; line-height: 60px; overflow: hidden; font-size: 15px; }
.newsmessage .tile_ .bt { float: left; color: #303030; }
.newsmessage .tile_ .bt span { color: #9d9d9d; }
.newsmessage .list_ { padding-top: 5px; }
.newsmessage .list_ li { display: block; padding: 10px 20px; border-radius: 20px; background-color: #fbfbfb; margin-top: 10px; }
.newsmessage .list_ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; line-height: 40px; }
.newsmessage .list_ .flex .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.newsmessage .list_ .flex .infor a { float: left; display: block; max-width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; color: #302f2f; }
.newsmessage .list_ .flex .infor a:hover { color: #ff6630; }
.newsmessage .list_ .flex .btn { font-size: 14px; color: #ff6630; }
.newsmessage .list_ .flex .btn:hover { text-decoration: underline; }
.newsmessage .list_ .lis p { float: left; width: 33.3333%; height: 26px; line-height: 26px; overflow: hidden; font-size: 12px; color: #676767; font-family: 'PingFang-SC-Medium'; }
.newsmessage .list_ .lis p:nth-child(2) { width: 50%; }

/* 实体运费结算表 */
.addresswarp {padding:30px 0;}
.addresslist {background:#fff;border-radius:20px;padding:0 30px;}
.addresslist .tilebt {height:97px;line-height:97px;overflow:hidden;color:#060606;display:flex;padding-left:20px;}
.addresslist .tilebt .bt {float:left;font-size:18px;font-weight:bold;}
.addresslist .tilebt p {flex:1;float:left;text-align:right;color:#53ac4a;font-size:12px;}
.addresslist .list li {display:flex;align-items:center;padding:0 20px;align-items:center;overflow:hidden;border-radius:8px;color:#302f2f;font-size:16px;}
.addresslist .list li.th {height:60px;background:#fbfbfb;border-radius:20px;font-weight:bold;margin-bottom:35px;}
.addresslist .list li:nth-child(odd) {background:#fbfbfb;}
.addresslist .list li span {display:block;overflow:hidden;flex:1;text-align:center;height:32px;line-height:32px;}
.addresslist .list li span:first-child {flex:none;text-align:left;width:130px;}
.addresslist .list li span:last-child {flex:none;width:150px;}
.addresslist .list li .line {border-top:1px solid #f4f4f4;margin:15px 0;flex:1;}

/* 优惠卷 */
.ordertime{padding: 100px 0 200px; text-align: center;}
.ordertime .bt{height: 80px; line-height: 80px; font-size: 32px; font-weight: none;}
.ordertime .tex{line-height: 50px; font-size: 15px;}
.ordertime .tex a{color: #ff6630; text-decoration: underline; padding: 0 5px;}
.coupouwarp{padding:35px 0;}
.coupouwarp .coupoubox{background: #fff; border-radius: 20px; padding: 20px 40px;}
.coupouwarp .coupoubox .tile_{height: 65px; line-height: 65px; width: 100%;}
.coupouwarp .coupoubox .tile_ .bt{float: left; font-size: 26px; color: #252525;}
.coupouwarp .coupoubox .list{width: 100%; overflow: hidden;}
.coupouwarp .coupoubox .list ul{width: 105%;}
.coupouwarp .coupoubox .list ul li{ float: left; width: 238px; margin: 19px 55px 20px 0;}
.coupouwarp .coupoubox .list ul li .img_{display: block; width: 100%; height: 300px; position: relative; border-radius: 20px; background: #df4815; color: #ffcf5d; text-align: center;}
.coupouwarp .coupoubox .list ul li .img_ img{display: block; width: 100%; height: 100%; object-fit: cover;}
.coupouwarp .coupoubox .list ul li .motai{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 18px; letter-spacing: 1px;}
.coupouwarp .coupoubox .list ul li .motai .bt{height: 40px; line-height: 40px; padding-top: 8px; font-size: 14px;letter-spacing: 2px;}
.coupouwarp .coupoubox .list ul li .motai div{overflow: hidden;}
.coupouwarp .coupoubox .list ul li .motai .num{height: 67px;line-height: 67px; padding-top:22px; font-size: 14px;}
.coupouwarp .coupoubox .list ul li .motai .num span{font-size: 50px; font-weight: bold;}
.coupouwarp .coupoubox .list ul li .motai .p{height: 40px; line-height: 40px;}
.coupouwarp .coupoubox .list ul li .motai .p2{height: 56px; line-height: 56px; padding-top: 18px;}
.coupouwarp .coupoubox .list ul li .motai p{height: 30px; line-height: 30px; font-size: 13px;}
.coupouwarp .coupoubox .list ul li .btn {width: 93px; height: 26px; display: block; text-align: center; margin: 22px auto 0; line-height: 26px;color: #de4815;font-size: 14px; border-radius: 4px;border: solid 1px #ff6630; transition: all 0.2s linear;}
.coupouwarp .coupoubox .list ul li .btn:hover{background: #ff6630; color: #fff;}

/*报告问题*/
.layerProblem { border-radius: 20px !important; overflow: hidden; }
.layerProblem .layui-layer-setwin .layui-layer-close2 { background: url("../images/icoimg_h.png") no-repeat center; position: absolute; top: 16px; cursor: pointer; right: 20px; display: block; height: 28px; width: 29px; background-position: -194px -91px; }
.layerProblem .layui-layer-setwin .layui-layer-close2:hover { opacity: 0.8; background-position: -194px -91px; }
.Problem { background: #fff; width: 600px; padding: 20px 15px 15px 15px; display: none; }
.Problem .bt_h{display: block; overflow: hidden;max-width: 85%; white-space: nowrap; text-overflow: ellipsis; color: #464646;}
.Problem .bt_h span{font-weight: bold;}
.Problem .name{font-size: 20px;font-weight: bold; line-height: 40px; height: 40px;}
.Problem .h_name{font-size: 16px;color: #000;line-height: 35px; height: 35px;}
.Problem .filebox{height: 100px; padding-top: 20px; line-height: 98px;}
.Problem .filebox .input{height: 98px; position: relative; border:1px dashed #a7a7a7; text-align: center; font-size: 16px;}
.Problem .filebox .input span{font-size: 12px; padding-left: 10px;}
.Problem .filebox .input input{position: absolute; width: 100%; height: 100%; top: 0; left: 0; border:none; background: none; opacity: 0; cursor: pointer;}
.Problem .filebox ul {float: left;}
.Problem .filebox ul li{float: left; margin-right: 18px; width: 98px;border:1px dashed #a7a7a7;}
.Problem .filebox.moreimg li{height: 98px;position: relative; }
.Problem .filebox.moreimg li img{width: 100%; height: 100%; display: block; object-fit: cover;}
.Problem .filebox.moreimg li .close{position: absolute; top: -10px; right: -10px; width: 20px; border:1px solid #333; height: 20px; background: #f4f4f4; border-radius: 50%; color: #000; font-size: 20px;cursor: pointer; font-weight: bold; line-height: 20px; text-align: center;transition: all 0.2s linear;}
.Problem .filebox.moreimg li .close:hover{background: #ff6630;color: #fff; font-size: 16px; border-color: #ff6630;}
.Problem .filebox.moreimg .input{width: 98px; float: left;}
.Problem .filebox.moreimg .input p{display: none;}
.Problem .filebox.moreimg .input .tis{background: url("../images/filemore.png") no-repeat center; width: 64px; height: 64px;position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px;}
.Problem .textarea{height: 210px; margin-top: 25px; padding: 15px; line-height: 30px; background: #f4f4f4; border-radius: 15px;}
.Problem .textarea textarea{width: 100%; border:none; resize: none; outline: none; background: none; font-size: 14px; height: 100%; line-height: 30px; font-family: '微软雅黑';}
.Problem .btn{height: 50px;cursor: pointer; line-height: 50px;color: #000; display: block; width: 100%; text-align: center; background: #f4f4f4; margin: 20px auto; font-size: 14px; border-radius: 20px;}
.Problem .btn:hover{background: #ff6630;color: #fff;}

/*激活码步骤和联系客服*/
.steps_customer{background: #fff; margin: 52px 0;padding: 30px 0; border-radius: 20px; display: flex;}
.steps_customer .steps_nav{ width: 200px; text-align: right; padding-right: 30px;  }
.steps_customer .steps_nav li{padding-top: 10px; font-size: 16px;color: #626262; padding-left: 20px;}
.steps_customer .steps_nav li a{color: #626262;transition: all 0.2s linear; }
.steps_customer .steps_nav li.on a ,.steps_customer .steps_nav li:hover a{color: #303030;font-size: 24px;}
.steps_customer .steps_curbox{flex: 1;border-left: 1px solid #f1f1f1; padding-left: 35px; min-height: 200px;}
.steps_customer .steps_curbox .text{line-height: 60px; color: #000; font-size: 16px; margin-top: -10px; padding-right: 50px;}
.steps_customer .steps_curbox .text a{color: #000;}
.steps_customer .steps_curbox .text a[href]:hover{text-decoration: underline;}
.steps_customer .steps_curbox .text p{padding: 5px 0 5px 40px; position: relative;}
.steps_customer .steps_curbox .text p span{position: absolute; left: 0px; top: 20px; width: 30px; height: 30px;background: #ff6630; color: #fff; line-height: 30px; text-align: center; border-radius: 50%;}
.steps_customer .steps_curbox .text p i{font-size: 24px; display: inline-block; vertical-align: middle; margin-top: -12px;}
.steps_customer .steps_curbox .customer .item{border:1px solid #ededed; width: 307px; height: 350px;color: #303030; padding: 70px 25px 0;float: left; margin: 55px 50px 0 45px; text-align: center; border-radius: 20px; position: relative;}
.steps_customer .steps_curbox .customer .item .logo_{width: 111px; height: 111px; position: absolute; top: -55px; left: 50%; margin-left: -55px;border-radius: 50%;}
.steps_customer .steps_curbox .customer .item .bt{height: 55px; line-height: 55px; width: 100%; overflow: hidden;  font-size: 28px; font-weight: bold; text-transform: uppercase;}
.steps_customer .steps_curbox .customer .item .qq{height: 42px; line-height: 42px; width: 100%; overflow: hidden; color: #9596a0; font-size: 18px; }
.steps_customer .steps_curbox .customer .item .sao{width: 200px; height: 200px; display: block; margin: 0 auto;}
.steps_customer .steps_curbox .customer .item .sao img{width: 100%; height: 100%; display: block; overflow: hidden;}
.steps_customer .steps_curbox .customer .item .p{height: 42px; line-height: 42px; width: 100%; overflow: hidden; font-size: 15px;}

/*背头*/
#index_bg_box {height:4000px;width:100%;min-width:1200px;position:fixed;margin:auto;top:0;top:0;left:0;right:0;z-index:1;}
#index_bg_box a {display:block;height:100%;text-indent:-9999px;width:100%;}
#index_bg_box .close_btn {position:absolute;right:0;top:0;width:66px;height:18px;cursor:pointer;z-index:2;background:url(https://www.3dmgame.com/attach/images/closebt.png) no-repeat;}
#index_bg_box .close_btn:hover {opacity:0.8;}
#index_bg_box a{display: block;}

/*单独的支付页面*/
.paymenthtml{padding: 30px 0;}
.paymenthtml .title{height: 100px; line-height: 100px; text-align: center; color: #333333; font-size: 32px; overflow: hidden; margin-bottom: 30px;}
.paymenthtml .paybox{background: #fff; border-radius: 20px; padding: 20px; text-align: center; line-height: 26px; color: #505050; font-size: 14px;}
.paymenthtml .paybox .number{height: 50px; line-height: 50px; color: #ff6630; font-size: 30px; font-weight: bold;}
.paymenthtml .paybox .imgbox{width: 170px;padding: 15px;border:1px solid #f3f3f3;display: block;margin: 0 auto;}
.paymenthtml .paybox .imgbox img , .paymenthtml .paybox .imgbox iframe{width: 140px; height: 140px; border:none; display: block; margin: 0 auto;}
.paymenthtml .paybox .imgbox .tab{height: 40px;line-height: 20px;text-align: center;padding: 5px 10px 0 10px;}
.paymenthtml .paybox .imgbox .tab .ico{width: 31px; height: 31px; display: inline-block; vertical-align: middle; background: url("../images/icosao.png") no-repeat center;}
.paymenthtml .paybox .imgbox .tab span{display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
.paymenthtml .paybox .text{padding: 15px 0;}

/* 迭代4-15 */
.shopcart .cartlist2 { padding: 0px 15px 15px 15px; background-color: #fff; border-radius: 8px; margin-bottom: 25px; border:1px solid transparent; }
.shopcart .cartlist2 .tile { height: 70px; text-align: center; line-height: 70px; overflow: hidden; position: relative; }
.shopcart .cartlist2 .tile .link_a {  height: 100%; font-size: 16px; color: #9b9b9b; float: left; }
.shopcart .cartlist2 .tile .link_a a { display: inline-block; vertical-align: middle; padding: 0 5px; margin: 0 3px; color: #9b9b9b; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;  }
.shopcart .cartlist2 .tile  a:hover { color: #333333;font-weight: bold; }
.shopcart .cartlist2 .tile .link_a .on { color: #333333;font-weight: bold;font-size: 24px; }
.shopcart .cartlist2 .tile .rit{float: right;color: #9b9b9b; position: relative; display: block; margin-top: 20px; font-size: 20px; height: 30px; line-height: 30px; padding: 0 10px;}
.shopcart .cartlist2 .tile .rit .spot{position: absolute; top: 0; right: 0px; background: #ee2626; width: 8px; height: 8px; border-radius: 50%;}
.shopcart .cartlist2 .tile .tishi{background: #f8f8f8; height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; border-radius: 5px; padding: 0 10px; color: #797979; font-size: 12px;}
.shopcart .cartlist2 .tile.tishitile{text-align: left;}
.shopcart .cartlist2 div + ul{padding-top: 0px;}
.shopcart .cartlist2  ul{padding-top: 20px;}
.shopcart .cartlist2 li { background: #fcfcfc; height: 83px; padding: 15px 222px 15px 15px; border-radius: 8px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.shopcart .cartlist2 li .img { width: 140px; height: 83px; border-radius: 5px; margin-left: 0; display: block; overflow: hidden; }
.shopcart .cartlist2 li .img1{width: 83px;}
.shopcart .cartlist2 li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; height: 100%; }
.shopcart .cartlist2 li .infor .name { height: 31px; line-height: 31px; overflow: hidden; display: block; font-size: 16px; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 26px; }
.shopcart .cartlist2 li .infor .name:hover { color: #ff6630; }
.shopcart .cartlist2 li .infor p { height: 23px; padding-top: 3px; width: 100%; line-height: 23px; overflow: hidden; color: #8e8e8e; font-size: 13px; }
.shopcart .cartlist2 li .prize_{color: #afafaf; padding: 0 10px; height: 28px; line-height: 28px; border-radius: 15px; border:1px solid #afafaf; margin: 0 10px;}
.shopcart .cartlist2 li .prize_.on,.shopcart .cartlist2 li .prize_:hover{color: #ff6630; border-color: #ff6630;}
.shopcart .cartlist2 li .lablx { color: #979797; min-width: 130px; }
.shopcart .cartlist2 li .lablx p { float: left; margin: 0 10px; }
.shopcart .cartlist2 li .Pricelis { width: 100px; font-weight: bold; font-size: 18px; font-family: "PingFang SC Heavy"; padding: 0 10px; text-align: center; }
.shopcart .cartlist2 li .Price { color: #ff6630; }
.gameinfor .gametop .gamebox_ .shoplab .btnbox_ .btn4 { color: #fff !important;  background: #a2a0a0;width: 200px; }
.Activation .downurl {width: 300px; height: 60px;display: block; background: cornflowerblue; border-radius: 4px; line-height: 60px; text-align: center;margin: 20px auto;color: #fff; font-size: 18px;}
.Activation .downurl:hover { color: #fff; opacity: 0.9;}