/* CSS Document */ [v-cloak] { display: none !important;} /*公共样式*/ * { padding: 0; margin: 0;} body { font: 12px arial,"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} ul,ol { list-style: none;} a {text-decoration: none; cursor: pointer;} a:visited,a:active,a:focus {text-decoration: none;} a:hover{text-decoration: none;} a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */   a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */   a:focus { -moz-outline-style: none; } /* IE不支持 */ img { border: none;} b,i,em { font-style: normal;font-weight: normal;} em { text-decoration: underline; font-style: normal; color: #f57c00;text-decoration: none; } input,button,select,img{margin:0;line-height:normal} select{padding:1px} select,input,button,button img,label{vertical-align:middle} input { outline: none;} .clearfix:after{content:".";font-size:0;line-height:0;display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both;} .clearfix { *zoom:1;} .fl { float: left;} .fr { float: right;} .cle{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /*滚动条 黑色*/ .gun::-webkit-scrollbar { width: 8px; height: 8px; background: #162638;} /*.gun:hover::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); }*/ .gun::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } .gun::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } .gun::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } /*滚动条 黑色小*/ .gunline::-webkit-scrollbar { width: 5px; height: 8px; background: #162638; } /*.gunline:hover::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); }*/ .gunline::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } .gunline::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } .gunline::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); } /*滚动条 白色*/ .gunW::-webkit-scrollbar { width: 8px; height: 8px; background: #162638; } /*.gunW:hover::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.1); }*/ .gunW::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.1); } .gunW::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); } .gunW::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.1); } /*页面显示区域宽度*/ .w900 { width: 900px; margin: 0 auto;} /*.w940 { width: 940px; margin: 0 auto;}*/ .w980 { width: 980px; margin: 0 auto;} .w1000 { width: 1000px; margin: 0 auto;} .w1060 { width: 1060px; margin: 0 auto;} .w1080 { width: 1080px; margin: 0 auto;} .w1180 { width: 1180px; margin: 0 auto;} .wAuto { width: auto !important;} .hAuto { height: auto !important;} /*手型*/ .cursor { cursor:pointer;} /*显示隐藏*/ .show { display: block !important;} .hide { display: none !important;} /*占位隐藏*/ .visibility { visibility: hidden;} /*定位*/ .ptre { position: relative;} .ptab { position: absolute;} .ptfi { position: fixed;} /*字体颜色*/ .cF { color: #fff;}/*白色*/ .cG2 { color: #222;} .cG3 { color: #333;} .cG6 { color: #666;} .cG9 { color: #999;} .cGc { color: #ccc;} /*行高*/ .lh-normal { line-height: normal !important;} /*字体样式*/ /*hn 标题*/ h1,.h1 { font-size: 30px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 38px;} h2,.h2 { font-size: 24px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 32px;} h3,.h3 { font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 28px;} h4,.h4 { font-size: 16px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 24px;} h5,.h5 { font-size: 14px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 24px;} h6,.h6 { font-size: 12px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; line-height: 20px;} /*字体大小*/ .f12 { font-size: 12px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f14 { font-size: 14px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .fb12 { font-size: 12px; font-weight: bold; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .fb14 { font-size: 14px; font-weight: bold; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f16 { font-size: 16px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f18 { font-size: 18px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f20 { font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f24 { font-size: 24px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f26 { font-size: 26px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f28 { font-size: 28px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} .f30 { font-size: 30px; font-weight: normal; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} /*字体*/ .song { font-family: "宋体" !important;} /*文本居中方式*/ .text-left { text-align: left;} .text-center { text-align: center;} .text-right { text-align: right;} /*字体加粗*/ .tbold { font-weight: bold;} .tNormal { font-weight: normal} /*数字字母不折行*/ .word-wrap { word-wrap: break-word; overflow: hidden;} /*文字超出点点点*/ .text-of { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} /*margin*/ .mautoA { margin: 0 auto !important;} .mauto { margin:0 auto;} .m0 { margin: 0 !important;} .ml0 { margin-left: 0 !important;} .mr0 { margin-right: 0 !important;} .mt0 { margin-top: 0 !important;} .mb0 { margin-bottom: 0 !important;} .m5 { margin: 5px !important;} .ml5 { margin-left: 5px !important;} .mr5 { margin-right: 5px !important;} .mt5 { margin-top: 5px !important;} .mb5 { margin-bottom: 5px !important;} .m10 { margin: 10px !important;} .ml10 { margin-left: 10px !important;} .mr10 { margin-right: 10px !important;} .mt10 { margin-top: 10px !important;} .mb10 { margin-bottom: 10px !important;} .m15 { margin: 15px !important;} .ml15 { margin-left: 15px !important;} .mr15 { margin-right: 15px !important;} .mt15 { margin-top: 15px !important;} .mb15 { margin-bottom: 15px !important;} .m20 { margin: 20px !important;} .ml20 { margin-left: 20px !important;} .mr20 { margin-right: 20px !important;} .mt20 { margin-top: 20px !important;} .mb20 { margin-bottom: 20px !important;} .m25 { margin: 25px !important;} .ml25 { margin-left: 25px !important;} .mr25 { margin-right: 25px !important;} .mt25 { margin-top: 25px !important;} .mb25 { margin-bottom: 25px !important;} .m30 { margin: 30px !important;} .ml30 { margin-left: 30px !important;} .mr30 { margin-right: 30px !important;} .mt30 { margin-top: 30px !important;} .mb30 { margin-bottom: 30px !important;} /*padding*/ .p0 { padding: 0 !important;} .pl0 { padding-left: 0px !important;} .pr0 { padding-right: 0px !important;} .pt0 { padding-top: 0px !important;} .pb0 { padding-bottom: 0px !important;} .p5 { padding: 5px !important;} .pl5 { padding-left: 5px !important;} .pr5 { padding-right: 5px !important;} .pt5 { padding-top: 5px !important;} .pb5 { padding-bottom: 5px !important;} .p10 { padding: 10px !important;} .pl10 { padding-left: 10px !important;} .pr10 { padding-right: 10px !important;} .pt10 { padding-top: 10px !important;} .pb10 { padding-bottom: 10px !important;} .p15 { padding: 15px !important;} .pl15 { padding-left: 15px !important;} .pr15 { padding-right: 15px !important;} .pt15 { padding-top: 15px !important;} .pb15 { padding-bottom: 15px !important;} .p20 { padding: 20px !important;} .pl20 { padding-left: 20px !important;} .pr20 { padding-right: 20px !important;} .pt20 { padding-top: 20px !important;} .pb20 { padding-bottom: 20px !important;} .p25 { padding: 25px !important;} .pl25 { padding-left: 25px !important;} .pr25 { padding-right: 25px !important;} .pt25 { padding-top: 25px !important;} .pb25 { padding-bottom: 25px !important;} .p30 { padding: 30px !important;} .pl30 { padding-left: 30px !important;} .pr30 { padding-right: 30px !important;} .pt30 { padding-top: 30px !important;} .pb30 { padding-bottom: 30px !important;} /*箭头*/ .arrows { position: absolute; height: 0; font-size: 0; border-style: solid; border-color: transparent;} /*border*/ .b-be { border-bottom: 1px solid #eee;} .border-none { border: none !important;} .border-solid { border-style: solid;}/*实线*/ .border-dotted { border-style: dotted;}/*点线*/ .border-dashed { border-style: dashed;}/*虚线*/ .border { border: 0 solid transparent;} .border-w-1,.border-w-2,.border-w-3,.border-t-w-1,.border-t-w-2,.border-t-w-3,.border-r-w-1,.border-r-w-2,.border-r-w-3,.border-b-w-1,.border-b-w-2,.border-b-w-3,.border-l-w-1,.border-l-w-2,.border-l-w-3 { border-style: solid; border-color: transparent;} .border-w-1 { border-width: 1px;} .border-w-2 { border-width: 2px;} .border-w-3 { border-width: 3px;} .border-t-w-1 { border-top-width: 1px;} .border-t-w-2 { border-top-width: 2px;} .border-t-w-3 { border-top-width: 3px;} .border-r-w-1 { border-right-width: 1px;} .border-r-w-2 { border-right-width: 2px;} .border-r-w-3 { border-right-width: 3px;} .border-b-w-1 { border-bottom-width: 1px;} .border-b-w-2 { border-bottom-width: 2px;} .border-b-w-3 { border-bottom-width: 3px;} .border-l-w-1 { border-left-width: 1px;} .border-l-w-2 { border-left-width: 2px;} .border-l-w-3 { border-left-width: 3px;} .border-color-R { border-color: #e72418;} .border-color-B { border-color: #bcd6ed;} .border-color-G { border-color: #ddd;} .border-color-Ge { border-color: #eee;} .border-color-Y { border-color: #ffa000;} /*table*/ .table { width: 100%;} /*按钮*/ .BtnB,.BtnT,.BtnJ,.BtnT1,.BtnG,.BtnGr,.BtnT2,.BtnC { display: block; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} /*确定按钮 蓝色*/ .BtnB,.BtnB:visited,.BtnB:active,.BtnB:focus { background: #039be5; border: 1px solid #039be5; color: #fff;} .BtnB:hover { background: #03a9f4; border: 1px solid #03a9d4; color: #fff;} /*取消按钮 透明*/ .BtnT,.BtnT:visited,.BtnT:active,.BtnT:focus { background: transparent; border: 1px solid #039be5; color: #039be5;} .BtnT:hover { background: rgba(3,155,229,0.1); background: #133856\9; border: 1px solid #03a9d4; color: #03a9f4;} .BtnT1,.BtnT1:visited,.BtnT1:active,.BtnT1:focus { background: transparent; border: 1px solid #516d8a; color: #8c949c;} .BtnT1:hover { background: rgba(3,155,229,0.1); background: #133856\9; border: 1px solid #03a9d4; color: #03a9f4;} .BtnT2,.BtnT2:visited,.BtnT2:active,.BtnT2:focus { background: #0e1925; border: 1px solid #192a3c; color: #a9cedc;} .BtnT2:hover { background: #10181f; border: 1px solid #0e6293; color: #039be5;} /*禁用按钮 灰色*/ .BtnJ,.BtnJ:visited,.BtnJ:active,.BtnJ:focus { background: #1c2b3a; border: 1px solid #2c3d50; color: #34506b; cursor: default;} /*确定按钮 蓝色*/ .BtnG,.BtnG:visited,.BtnG:active,.BtnG:focus { background: #4d6e7f; border: 1px solid #4d6e7f; color: #fff;} .BtnG:hover { background: #487c96; border: 1px solid #487c96; color: #fff;} /*已取消状态青灰色*/ .BtnC,.BtnC:visited,.BtnC:active,.BtnC:focus { background: #324f6d; border: 1px solid #324f6d; color: #fff;} .BtnC:hover { background: #385879; border: 1px solid #385879; color: #fff;} /*确定按钮 lv色*/ .BtnGr,.BtnGr:visited,.BtnGr:active,.BtnGr:focus { background: #2baf2b; border: 1px solid #2baf2b; color: #fff;} .BtnGr:hover { background: #259b24; border: 1px solid #259b24; color: #fff;} /*===页面基本公用样式===*/ /*Icon36*/ .icon36 { display: block; width: 36px; height: 36px; background: url(http://img.2fff.com/Core/images/icon36.png) no-repeat;} .icon36-1 { background-position: 0 0;} /*正确*/ .icon36-2 { background-position: 0 -36px;}/*错误*/ .icon36-3 { background-position: 0 -72px;}/*警告*/ .icon36-4 { background-position: 0 -108px;}/*提示*/ .icon36-5 { background-position: 0 -144px;}/*提示*/ .icon48 { display: block; width: 48px; height: 48px; background: url(http://img.2fff.com/Core/images/icon48.png) no-repeat;} .icon48-1 { background-position: 0 0;} /*正确*/ .icon48-2 { background-position: 0 -48px;}/*错误*/ .icon48-3 { background-position: 0 -96px;}/*警告*/ .icon48-4 { background-position: 0 -144px;}/*提示*/ /*Icon24*/ .icon24 { display: block; width: 24px; height: 24px; background: url(http://img.2fff.com/Core/images/icon24.png) no-repeat;} .icon24-1 { background-position: 0 0;} /*正确*/ .icon24-2 { background-position: 0 -24px;}/*错误*/ .icon24-3 { background-position: 0 -48px;}/*警告*/ .icon24-4 { background-position: 0 -72px;}/*提示*/ .icon24-5 { background-position: 0 -96px;}/*提示*/ .icon24-6 { background-position: 0 -120px;}/*提示*/ .icon24-7 { background-position: 0 -144px;}/*提示*/ /*IconA16*/ .iconA16 { display: block; width: 16px; height: 16px; background: url(http://img.2fff.com/Core/images/icon16.png) no-repeat;} .iconA16-1 { background-position: 0 0;} /*增加*/ .iconA16-2 { background-position: 0 -16px;} .iconA16-3 { background-position: 0 -32px;} .iconA16-4 { background-position: 0 -48px;} .iconA16-5 { background-position: 0 -64px;} .iconA16-6 { background-position: 0 -80px;} .iconA16-7 { background-position: 0 -96px;} .iconA16-8 { background-position: -16px -96px;} .iconA16-10 { background-position: 0 -112px;} .iconA16-9 { background-position: 0 -128px;} .iconA16-11 { background-position: 0 -144px;} a:hover .iconA16-1 { background-position: 0 0;} /*增加*/ a:hover .iconA16-2 { background-position: -16px -16px;} a:hover .iconA16-3 { background-position: -16px -32px;} a:hover .iconA16-4 { background-position: -16px -48px;} a:hover .iconA16-5 { background-position: -16px -64px;} a:hover .iconA16-6 { background-position: -16px -80px;} a:hover .iconA16-10 { background-position: -16px -112px;} a:hover .iconA16-9 { background-position: -16px -128px;} a:hover .iconA16-11 { background-position: -16px -144px;} .iconA16-3-3 { background-position: -32px -32px !important;} a:hover .iconA16-3-3 { background-position: -48px -32px !important;} .iconB14 { display: block; width: 14px; height: 12px; background: url(http://img.2fff.com/Core/images/iconB14.png) no-repeat; } .iconB14-1 {background-position: 0 0; } /*关注游戏*/ .iconB14-2 {background-position: 0 -12px; } /*已关注*/ a:hover .iconB14-1 { background-position: -14px 0;} /*关注游戏*/ .iconB13 { display: block; width: 14px; height: 14px; background: url(http://img.2fff.com/Core/images/iconB14.png) no-repeat; } .iconB13-1 {background-position: 0 -24px; } /*发表评测*/ a:hover .iconB13-1 { background-position: -14px -24px;} /*发表评测*/ .BtnA110 .iconB14,.BtnA110 .iconB13 { position: absolute; left: 15px; top: 7px; } /*Icon18*/ .icon18 { display: block; width: 18px; height: 18px; background: url(http://img.2fff.com/Core/images/icon18.png) no-repeat;} .icon18-1 { background-position: 0 0;} .icon18-2 { background-position: 0 -18px;} .icon18-3 { background-position: 0 -36px;} .icon18-4 { background-position: -18px -36px;} /* a:hover .icon18-1 { background-position: -18px 0;} a:hover .icon18-2 { background-position: -18px -18px;} */ /*Icon14*/ .icon14 { display: block; width: 14px; height: 14px; background: url(http://img.2fff.com/Core/images/icon14.png) no-repeat;} .icon14-1 { background-position: 0 0;} /*警告*/ .icon14-2 { background-position: 0 -14px;}/*正确*/ .icon14-3 { background-position: 0 -28px;}/*错误*/ /*字体颜色*/ .cB1 { color: #a9cedc !important;}/*导航字体颜色*/ .cB2 { color: #5099bd !important;}/*游戏标题、标签颜色*/ .cB3 { color: #414c58 !important;}/*其他*/ .cBG { color: #191e27 !important;}/*接近黑色*/ /*cH1-cH4 排序由深到潜*/ .cH1 { color: #9cb3cc;} .cH2 { color: #66707a;} .cH3 { color: #8c949c;} .cH4 { color: #c2ccd6;} /*其他颜色*/ /*蓝色*/ .cB { color: #039be5 !important;}/*基础蓝色*/ .cBule1 { color: #0288d1;} .cBule2 { color: #29b6f6;} .cBule3 { color: #81d4fa;} .cBule4 { color: #9bd1ff;} /*红色*/ .cR { color: #e23434;}/*df1e3f*/ .cR1 { color: #d02424;} .cR2 { color: #e8414b;} .cR3 { color: #f57575;} /*橘色*/ .cO { color: #f57c00;} .cO1 { color: #ef6c00;} .cO2 { color: #fb8c00;} .cO3 { color: #ffb74d;} /*绿色*/ .cGr { color: #2baf2b !important;} .cGr1 { color: #259b24;} .cGr2 { color: #42bd41;} .cGr3 { color: #72d572;} a.cG2:hover,a.cG3:hover,a.cG6:hover,a.cG9:hover,a.cGc:hover,a.cB1:hover,a.cB2:hover,a.cB3:hover,a.cH1:hover,a.cH2:hover,a.cH3:hover,a.cH4:hover,a.cBule1:hover,a.cBule2:hover,a.cBule3:hover,a.cR:hover,a.cR1:hover,a.cR2:hover,a.cR3:hover,a.cO:hover,a.cO1:hover,a.cO2:hover,a.cO3:hover,a.cGr:hover,a.cGr1:hover,a.cGr2:hover,a.cGr3:hover,a.cBule4:hover { color: #039be5 !important;} .bjColor { background-color: #152d46; width: 100%; overflow-x: hidden; overflow-y: auto;} .bjBackground { background-image: url(http://img.2fff.com/Core/images/web_bg.jpg); background-repeat: no-repeat; background-position: top center;} /* 标签背景色 */ .ysTag,.jjTag,.byTag,.cpTag,.jzTag,.xyTag,.rmTag,.ygTag,.zwTag,.mfTag,.jdTag,.zdTag,.jhTag,.sjTag,.DLCTag,.rxTag { display: block; font-size: 12px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; color: #fff;} /*预售*/ .ysTag { background: #437c1d;} /*减价*/ .jjTag { background: #c4930f;} /*包邮*/ .byTag { background: #ba602a;} /*库存充沛*/ .cpTag { background: #223f5e;} /*库存紧张*/ .jzTag { background: #5e2c22;} /*数字版*/ .sjTag { background: #06507a;} /*dlc*/ .DLCTag { background: #036265;} /*热销*/ .rxTag { background: #7c1313;} /*新游*/ .xyTag { background: #307800;} /*热门*/ .rmTag { background: #ca5006;} /*预告*/ .ygTag { background: #dba000;} /*中文*/ .zwTag { background: #123e6b;} /*免费*/ .mfTag { background: #7d2210;} /*经典*/ .jdTag { background: #6d4d0f;} /*置顶*/ .zdTag { background: #123e6b; } /*精华*/ .jhTag { background: #307800; } .xzkLabel,.xysLabel,.xbyLabel { display: block; font-size: 12px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; color: #fff;} /*折扣*/ .xzkLabel { background: #f99b20;} /*预售*/ .xysLabel { background: #2f9cd4;} /*包邮*/ .xbyLabel { background: #3eb100;} /*背景色*/ .bjB05 { background: rgba(0,0,0,.05) !important; background: #142b42\9 !important;} .bjB1 { background: rgba(0,0,0,.1) !important; background: #13293f\9 !important;} .bjB2 { background: rgba(0,0,0,.2) !important; background: #112438\9 !important;} .bjB4 { background: rgba(0,0,0,.4) !important; background: #0d1b2a\9 !important;} .bjW05 { background: rgba(255,255,255,.05) !important; background: #21384f\9 !important;} .bjW1 { background: rgba(255,255,255,.1) !important; background: #2d4259\9 !important;} .bjW2 { background: rgba(255,255,255,.2) !important; background: #44576b\9 !important;} /*副logo*/ .topHeader {width:100%;height:80px;background:rgba(7,10,22,.9);background:#080e1b\0;-moz-box-shadow:0 0 10px rgba(0,0,0,.6);-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6)} .topHeader .qzText,.topHeader .fLogo { position: absolute; color: #8c949c; left: 50%; top: 41px; margin-left: -435px; font-size: 16px;} .topHeader-1 .fLogo { margin-left: -307px;} .topHeader .qzslogan,.topHeader .flogo { top: -80px;} .slogan { top: 13px !important; margin-left: -443px !important;} .topHeader_hk .qzText, .topHeader_hk .fLogo { color: #5c7996; font-size: 14px; left: 49.2%;} /*排序*/ .sort { background: rgba(0,0,0,.2); background: #112438\9; height: 40px; margin-bottom: 20px;} .sort .sortStatistics { line-height: 40px; font-size: 12px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; color: #66707a !important;} .sort ul {} .sort ul li { float: left; margin-right: 15px;} .sort ul li a { position: relative; display: block; width: 60px; height: 37px; line-height: 40px; border-bottom: 2px solid transparent; text-align: center; font-size: 14px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; color: #a9cedc;} .sort ul li a.sortJ { text-align: left; padding-left: 12px; width: 48px;} .sort ul li a.sortSelect {color: #039be5; border-color: #039be5;} .sort ul li a:hover { color: #039be5;} .shopSort { } .sortTop,.sortBottom { position: absolute; right: 8px; display: block; width: 6px; height: 4px; background: url(http://img.2fff.com/Core/images/j.png) no-repeat;} .sortTop { background-position: 0 0; top: 15px;} .sortBottom { background-position: 0 -4px; top: 22px;} .sortTop:hover,.sortTopSelect { background-position: -6px 0;} .sortBottom:hover,.sortBottomSelect { background-position: -6px -4px;} /*=== 面包屑 ===*/ .crumbs { height: 56px; line-height: 56px; font-size: 14px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} /*=== 右侧快捷导航 ===*/ .shortcutNav { position: fixed; right: 0; bottom: 150px; z-index: 10; width: 48px; right: 40px;} .shortcutList { display: block; width: 40px; height: 40px; float: right; margin-bottom: 1px;} .shortautIco { width: 40px; height: 40px; background: rgba(0,0,0,.4); background: #0d1b2a\9;} .shortcutList span { display: none; min-width: 50px; width: auto !important; width: 50px; height: 40px; text-align: left; line-height: 40px; font-size: 12px; color: #fff;background: rgba(0,0,0,.2); background: #112438\9;padding: 0 0 0 10px;} .shortcutList:hover { width: 130px;} .shortcutList:hover .shortautIco { background: rgba(0,0,0,.2); background: #112438\9;} .shortcutList:hover span { display: block;} .Icon-1,.Icon-2,.Icon-3,.Icon-4,.Icon-5 { display: block; width: 40px; height: 40px;} .Icon-1 { background: url(http://img.2fff.com/Core/images/icon40-1.png) no-repeat center center;} .Icon-2 { background: url(http://img.2fff.com/Core/images/icon40-2.png) no-repeat center center;} .Icon-3 { background: url(http://img.2fff.com/Core/images/icon40-3.png) no-repeat center center; position: relative;} .Icon-4 { background: url(http://img.2fff.com/Core/images/icon40-4.png) no-repeat center center;} .Icon-5 { background: url(http://img.2fff.com/Core/images/icon40-5.png) no-repeat center center;} .Icon-3 i {display: block;background: #e23434;width: 16px;height: 16px;border-radius: 100%;position: absolute;border: 1px solid #fff;top: 2px;right: 2px;line-height: 16px;text-align: center;color: #fff;} .BoxshortcutList { width: 48px; height: 48px; border: 0;} .BoxshortautIco {width: 48px; height: 48px; border-radius: 50px;} .BoxshortcutList:hover .BoxshortautIco,.BoxshortcutList:hover .shortautIco { background: transparent !important; } .BoxshortautIco .BoxIcon-3,.BoxshortautIco .BoxIcon-4 {display: block; width: 48px; height: 48px;} .BoxshortautIco .BoxIcon-3 { background: url(http://img.2fff.com/Core/images/boxIcon48_1.png) no-repeat center center; position: relative;} .BoxshortautIco .BoxIcon-4 { background: url(http://img.2fff.com/Core/images/boxIcon48_2.png) no-repeat center center;} .BoxshortcutList:hover .BoxIcon-3 { background: url(http://img.2fff.com/Core/images/boxIcon48_1h.png) no-repeat center center; } .BoxshortcutList:hover .BoxIcon-4 { background: url(http://img.2fff.com/Core/images/boxIcon48_2h.png) no-repeat center center; } /*分页样式*/ .fenye { text-align: center;margin-bottom:20px;} .viciao{display:inline-block;} .viciao a,.viciao span{float:left;display:block;margin: 0 10px 0 0;line-height:28px;cursor:pointer;} .viciao span { color: #039be5;} .viciao a{border: 1px solid #039be5;border-radius:3px;color: #039be5;} .viciao a,.viciao a:hover{margin-right: 10px;width: 38px;height:auto!important;height: 38px;min-width: 38px;text-align:center;text-decoration:none;line-height: 38px;font-size: 14px;} .viciao a:hover{border: 1px solid #039be5;background: rgba(3, 155, 229, 0.1);color:#fff!important;} .viciao .current,.viciao:hover .current{margin-right: 10px;width: 38px;height:auto!important;height: 38px;min-width: 38px;border: 1px solid #039be5;background: #039be5;color:#fff;text-align:center;font-weight:700;font-size: 14px;line-height: 38px;} .viciao:hover .current{text-decoration:none} .viciao .disabled,.viciao:hover .disabled{margin-right: 10px;width: 68px;height: 38px;border: 1px solid #35506c;color: #35506c !important;text-align:center;font-size: 14px;line-height: 38px;background: #1c2b3a;} .viciao:hover .disabled{text-decoration:none;background: #1c2b3a;color: #35506c;border: 1px solid #35506c;} .viciao a.next{margin-right: 10px;padding:0;width: 68px;height: 38px;border: 1px solid #039be5;color: #039be5;text-align:center;font-size: 14px;line-height: 38px;} /*插件大分页*/ .paginationL .pagination > li > a,.paginationL .pagination > li > span { color: #039be5; background-color: transparent; border: 1px solid #039be5; border-radius: 3px; padding: 9px 15px; margin-left: 10px; font-size:14px; } .paginationL .pagination > li > a:hover,.paginationL .pagination > li > span:hover { border: 1px solid #039be5; background: rgba(3, 155, 229, 0.1); color: #fff!important; } .paginationL .pagination > li.disabled span,.paginationL .pagination > li.disabled span { border: 1px solid #35506c; color: #35506c !important; background: #1c2b3a; } .paginationL .pagination > .active > a,.paginationL .pagination > .active > a:hover,.paginationL .pagination > .active > span,.paginationL .pagination > .active > span:hover { color: #fff !important; background-color: #039be5 !important; border: 1px solid #039be5 !important; } /*新闻弹层列表插件小分页*/ .paginationS .pagination > li > a,.paginationS .pagination > li > span { color: #a9cedc; margin-left: 10px; font-size:14px; background: transparent; border: 0; padding: 0 !important; } .paginationS .pagination > li > a:hover,.paginationS .pagination > li > span:hover { color: #039be5!important; background: transparent; border: 0; } .paginationS .pagination > li.disabled span,.paginationS .pagination > li.disabled span { color: #34506b !important; background: transparent; border: 0; } .paginationS .pagination > .active > a,.paginationS .pagination > .active > a:hover,.paginationS .pagination > .active > span,.paginationS .pagination > .active > span:hover { color: #039be5 !important; background: transparent; border: 0; } /*插件小分页 */ .reviewSmall_pagination ul li span { display: block; margin: 5px; color: #5099bd !important; font-size: 12px; background: transparent !important; border: 0 !important; padding: 0 !important; } .reviewSmall_pagination ul li span.ng-binding { font-weight: bold; margin: 5px; color: #039be5 !important; font-size: 12px; background-color: transparent !important; border-color: 0 !important; } .reviewSmall_pagination ul li.disabled span { color: #34506b !important; } .no-items { font-size: 16px; color: #a9cedc; } /*loadding加载*/ .loaderWrap { width: 100%; height: 230px; background: #112438; display: flex; justify-content: center; align-items: center; } .loader { font-size: 10px; margin: 50px auto; text-indent: -9999em; width: 3em; height: 3em; border-radius: 50%; background: #039be5; background: -moz-linear-gradient(left, #039be5 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #039be5 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #039be5 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #039be5 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #039be5 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: load3 1.2s infinite linear; animation: load3 1.2s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader:before { width: 50%; height: 50%; background: #039be5; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .loader:after { background: #112438; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*===表单样式===*/ /*复选框 单选框*/ .checkInput,.radioInput { position: relative;} .checkInput input,.radioInput input {margin: 3px 5px 0 0; opacity: 0;position: relative;z-index: 2;width: 16px;height: 16px;cursor: pointer;} .checkInput b,.radioInput b { position: absolute; display: block; width: 16px; height: 16px; left: 0; top: 3px; z-index: 1;/* -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);*/cursor: pointer;} .checkInput:hover b,.radioInput:hover b { background-position: 0 -16px;} .checkInput b.checkboxSelect,.radioInput b.checkboxSelect { background-position: 0 -32px;} .checkInput label,.radioInput label { line-height: 16px; color: #5099bd;cursor: pointer;} .checkInput:hover label,.radioInput:hover label {color: #039be5;} .checkInput.disabled,.radioInput.disabled { cursor: auto;} .checkInput.disabled b,.radioInput.disabled b { background-position: 0 -48px;} .checkInput.disabled label,.radioInput.disabled label { color: #66707a !important;} .checkInput b { background: url(http://img.2fff.com/Core/images/check.png) no-repeat 0 0;} .radioInput b { background: url(http://img.2fff.com/Core/images/radio.png) no-repeat 0 0;} /*input*/ .input { height: 34px; line-height: 34px; border: 1px solid #5099bd; background: #191e27; color: #c2ccd6; padding-left: 10px; border-radius: 3px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑";} input::-webkit-input-placeholder { color: #66707a;} input:-moz-placeholder { color:#66707a;} input::-moz-placeholder { color:#66707a;} input:-ms-input-placeholder { color:#66707a;} /*聚焦*/ .input:focus,.inputFocus { border-color: #039be5 !important; color: #c2ccd6 !important;} /*正确*/ .inputCorrect { border-color: #32485f !important; color: #c2ccd6 !important;} /*错误*/ .inputWrong { border-color: #e23434 !important; color: #e23434 !important;} select.inputWrongS { border-color: #e23434 !important;} /*禁用*/ .inputBan { border-color: #191e27 !important; background: #2e3a47 !important;} /*选中*/ .pitchOnB { position: absolute; top: 0; left: 0; border: 2px solid #039be5; background: url(http://img.2fff.com/Core/images/pitchOn.png) no-repeat right bottom;} /*视频*/ .vidoPlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(http://img.2fff.com/Core/images/play.png) no-repeat center center; cursor: pointer; } .vidoPlay:hover { background: url(http://img.2fff.com/Core/images/playHover.png) no-repeat center center;} /*数量*/ .shopQuantity { position: relative; width: 70px;} .shopQuantity span,.shopQuantity input { display: block; background: #25374a; border-color: #5099bd;} .shopQuantity-2,.shopQuantity-3 { position: absolute; width: 19px; height: 18.5px; line-height: 18.5px; text-align: center; border: 1px solid; right: 0; cursor: pointer;} .shopQuantity-2:hover,.shopQuantity-3:hover { color: #5099bd;} .shopQuantity-1 { width: 48px; height: 38px; line-height: 38px; text-align: center; border: 1px solid;} .shopQuantity-2 { top: 0;} .shopQuantity-3 { bottom: 0;} .shopQuantity-3.disable,.shopQuantity-2.disable { color: #66707a !important;} .shopQuantity input { color: #c2ccd6;} /*收货地址*/ .siteList { height: 38px; cursor: pointer;} .siteInfo { margin-left: 5px; line-height: 22px; width: 640px; color: #a9cedc;} .siteHandle { width: 100px;} .siteState {} .siteState a { display: none;} .siteList:hover .siteInfo { color: #c2ccd6;} .siteList:hover .siteState a { display: block;} .siteInpute {} .siteInputList { margin-bottom: 15px;} .siteInputList .siteILleft b { padding-right: 3px;} .siteILleft { width: 110px; height: 36px; line-height: 36px; text-align: right; margin-right: 15px;} .siteILright {} .input80min { min-width: 44px; width: auto !important; width: 44px; padding-right: 24px;} .input260 { width: 248px;} .input380 { width: 368px;} /*文字提示*/ .correct,.wrong { line-height: 34px; padding-left: 10px;} /*select*/ .select { position: relative; border: 1px solid #5099bd; background: #191e27; color: #66707a; border-radius: 3px;} .selectTitle { position: relative; color: #c2ccd6; cursor: pointer;} .arrowsUp,.arrowsDown { border-width: 6px; right: 6px;} .arrowsUp { top: 15px; border-top-color: #5099bd;} .arrowsDown { top: 8px; border-bottom-color: #5099bd;} .optionList { position: absolute; border: 1px solid #5099bd; background: #191e27; color: #66707a; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: none; left: -1px; top: 32px;width: 78px;/*width: auto !important;width: 78px;*/ min-height: 34px; max-height: 340px; height: auto !important; height: 34px;} .optionList li {width: 70px;/*width: auto !important;width: 70px;*/height: 34px;line-height: 34px;padding-left: 3px;cursor: pointer; padding-right:5px;word-wrap: break-word; overflow: hidden;} .optionList li:hover { background: #242832; color: #c2ccd6 !important;} .shopSaveBtn { margin: 10px 0 10px 125px;} /*收货地址 end*/ /*订单详情*/ .labelTitle {/* width: 240px;*/ height: 47px; line-height: 47px; background: rgba(0,0,0,.4); background: #0d1b2a\9; padding-left: 20px; font-size: 16px; color: #ccc;} .labelMain {/* width: 220px;*/ padding: 18px 20px 0 20px; background: rgba(255,255,255,.05); background: #21384f\9;} .inventory {} .inventoryTitile { height: 30px;} .inventoryTitileTd { float: left;} .inventoryBody {} .inventoryBodyTr { padding: 10px 0; border-top: 1px solid #152d46;} .inventoryBodyTd { float: left; line-height: 56px;} .inventoryBodyTr .inventoryTd-1 img { float: left; display: block; width: 100px; height: 56px; margin-right: 15px;} .inventoryBodyTr .inventoryTd-1 h3 { float: left; /*line-height: 56px;*/ line-height: 32px; width: 290px;} .inventoryBodyTd.inventoryTd-3 .cH3 { padding-left: 10px;} .inventoryTd-1 { width: 415px;} .inventoryTd-2 { width: 125px;} .inventoryTd-3 { width: 210px;} .inventoryTd-4 { width: 110px; text-align: right;} .total-1,.total-2 { line-height: 22px;} .total-3 { /*line-height: 36px;*/ line-height: 24px; margin-top: 8px;} .total-3 .totalRight { line-height: 28px;} .totalRight { min-width: 130px; width: auto !important; width: 130px; text-align: right;} .totalLeft { padding-top: 4px;} .myConfirmDetails { margin-top: 10px; padding-top: 10px; margin-left: 113px; border-top: 1px dashed #152d46;} /*.myConfirmDetails > div > div,.myConfirmDetails > div h3 { font-size: 12px !important; color: #8c949c; line-height: 22px !important; height: 22px;} .myConfirmDetails > div > div.inventoryTd-2 { padding-left: 10px;} .myConfirmDetails > div > div.inventoryTd-3 { padding-left: 10px; width: 200px;} */ .myConfirmDetails p { position: relative; font-size: 12px; line-height: 22px; color: #8c949c; margin-left: 40px;} .myConfirmDetails p span { position: absolute; left: -40px;} /*图片列表*/ .likeFocusList {} .likeFocusList li { width: 160px; margin: 0 auto 20px;} .likeFocusList li a { display: block; position: relative; width: 160px; height: 90px;} .likeFocusList li a img { display: block; width: 160px; height: 90px;} .likeFocusborder {transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;position: absolute;top: 0;left: 0;width: 158px;height: 88px;border: 1px solid #191e27;z-index: 1;box-shadow: 0 0 10px rgba(25,30,39,.4);} .likeFocusList li a:hover .likeFocusborder { display: block; border: 1px solid #039be5;box-shadow: 0 0 10px rgba(0,63,94,.9);} .Adborder {transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease; position: absolute; top: 0; left: 0; width: 378px; height: 212px; border: 1px solid #191e27; z-index: 1;box-shadow: 0 0 10px rgba(25,30,39,.4);} .focusAdList li a:hover .Adborder { display: block;border: 1px solid #039be5;box-shadow: 0 0 10px rgba(0,63,94,.9);} .typeMainInfo .typeMainInfo-2 {transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;box-shadow: 0 0 10px rgba(25,30,39,.4);} .typeMainInfo:hover .typeMainInfo-2 {border: 1px solid #039be5;box-shadow: 0 0 6px rgba(0,0,0,.5);box-shadow: 0 0 10px rgba(0,63,94,.9);} .likeFocusTag { position: absolute; right: 0; bottom: 0; font-size: 0;} .likeFocusTag span { display: block; float: left; height: 20px; line-height: 20px; text-align: center; padding: 0 5px;} .likeFocusTag1 { } .likeFocusTag2 { background: #222; font-size: 14px; font-family: Arial;} /*btn宽度*/ .BtnA110 { position: relative; width: 68px; height: 28px; line-height: 28px; padding-left: 40px; border-color: rgba(255,255,255,0.1); color: #5099bd; text-align: left !important;} .BtnA110 .iconA16 { position: absolute; left: 15px; top: 7px;} /*星星*/ .star { position: relative;} .star img { display: block; float: left; margin-right: 2px;} .star-m {} .star-x { position: absolute; left: 0; top: 0; width: 0; overflow: hidden;} .star-1 { width: 20%;} .star-2 { width: 40%;} .star-3 { width: 60%;} .star-4 { width: 80%;} .star-5 { width: 100%;} .star-big { width: 140px; height: 26px; overflow: hidden;} .star-big img { width: 26px; height: 26px;} .star-small { width: 80px; height: 14px; overflow: hidden;} .star-small img { width: 14px; height: 14px;} /*列表*/ .gameList { position: relative; width: 900px; height: 124px; background: rgba(0,0,0,.4); background: #0d1b2a\9; margin-bottom: 20px; cursor: pointer;} .goodsPic { filter: alpha(opacity:100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: 217px; height: 122px; border: 1px solid #191e27;} .goodsInfo { width: 580px; padding-left: 20px; position: relative;} .goodsInfo p { padding-top: 3px;} .gameTitle { font-size: 18px; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; padding-top: 8px; color: #5099bd !important;} .gameActivity { margin-top: 3px;} .gameActivity span { display: block; height: 24px; line-height: 24px; padding: 0 10px; float: left; margin-right: 10px;} .gameTag { line-height: 20px; margin-top: 11px; color: #213f4b !important;/* color: #152d46;*/ font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","微软雅黑"; height: 20px; overflow: hidden;} /*.gameTag .cH2 { color: #5099bd !important;}*/ .grade {background: url(http://img.2fff.com/Core/images/fen.png) no-repeat left top;width: 56px;height: 64px;line-height: 64px;text-align: center;font-size: 28px;font-family: Arial;color: #039be5;margin-top: 30px;font-weight: bold;} .price { position: absolute; right: 20px; top: 0; height: 124px; display: table;} .priceContent { display: table-cell; vertical-align: middle; text-align: right;} .priceContent s { font-size: 14px; font-family: Arial; color: #ccc;} .priceContent span { font-size: 20px; font-family: Arial;} .goodsBuy { display: block; width: 80px; height: 124px;} .goodsBuyIcon { width: 79px; height: 39px; margin-top: 42px; background: url(http://img.2fff.com/Core/images/buy.png) no-repeat center center; border-left: 1px solid rgba(115,124,144,.1); border-left: 1px solid #172534\9;} a:hover .goodsBuyIcon { background: url(http://img.2fff.com/Core/images/buyHover.png) no-repeat center center;} .goodsBuyNo { background: url(http://img.2fff.com/Core/images/buy-f.png) no-repeat center center !important;} .gameList:hover { background: rgba(0,0,0,.2); background: #112438\9;} .gameList:hover .goodsPic { filter: alpha(opacity:100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .gameList:hover .gameTitle { color: #fff !important;} .newsList .goodsInfo { width: 640px; padding: 0 20px;} .newsList .newsMain { height: 40px; line-height: 20px; text-align: justify; letter-spacing: -0.03em; word-wrap: break-word; overflow: hidden; color: #8c949c;} .BBSlist { width: 860px; padding: 20px;} .BBSleft { padding: 0 20px 0 0; width: 100px;} .BBSleft img { margin: 0 auto;display: block; width: 55px; height: 55px; border-radius: 100%;} .BBSleft p { text-align: center;} .BBSright { width: 740px;} .BBSright-1 {} .BBSright-2 { margin-top: 5px;} .BBStext { height: 40px; line-height: 20px; overflow: hidden;} .BBSimg {} .BBSimg li { float: left; margin-right: 10px;} .BBSimg li a { display: block; width: 160px; height: 90px; overflow: hidden;} .BBSimg li a img { display: block; min-width: 10px; max-width: 160px; width: auto!important;} .BBSright-3 {} .zan { position: relative; padding-left: 23px; margin-left: 40px;} .zan b { position: absolute; left: 0;} /*商城头部*/ .commonHeader-s { width: 100%; height: 80px; background: #080d1b;} .commonHeader-s-1 { padding-top: 13px; margin-right: 80px;} .commonHeader-s-1 a { display: block;} .commonShopTitle { padding-top: 22px;} .commonProcess { position: relative; font-size: 14px; color: #8c949c; width: 120px; height: 36px; line-height: 36px; background: #212632; padding-left: 74px;} .commonProcess span { position: absolute; left: 44px; top: 50%; margin-top: -9px; display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #383c47; border-radius: 100%;} .commonProcess .arrows { border-width: 18px;} .commonProcess .commonArrows { right: -33px; border-left-color: #212632; z-index: 9;} .commonProcess .commonArrows-1 { top: -4px; right: -42px;border-left-color: #080d1b; z-index: 8; border-width: 22px;} .commonProcessS { color: #fff; background: #039be5;} .commonProcessS span { color: #039be5; background: #fff;} .commonProcessS .commonArrows { border-left-color: #039be5;} /*弹层*/ .vidoLayerShow { z-index: 9999; position: fixed; left: 50%; top: 50%; margin-top: -239px; margin-left: -364.5px; z-index: 50;} .vidoLayerHide { position: absolute; right: -48px; top: 0; width: 48px; height: 48px; background: url(http://img.2fff.com/Core/images/tHide.png) no-repeat; cursor: pointer;} .vidoLayerMain { width: 729px; height: 450px; padding: 10px; background: #18314b; box-shadow: 0 0 20px 3px rgba(0,0,0,.3);} .bjLayer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; filter: alpha(opacity:50); opacity: .5; z-index: 49;} #tyoukuplayer1 { width: 729px !important;} .selectA {appearance:none; -moz-appearance:none; -webkit-appearance:none; color: #aaa; background: #191e27 url(http://img.2fff.com/Core/images/select.png) no-repeat 90% center; border: 1px solid #32485f; border-radius: 3px; width: 90px; height: 34px; line-height: 34px; outline: none; padding: 0 5px 0 10px;} .selectA::-ms-expand { display: none;} /*关闭*/ .popupHide { display: block; width: 12px; height: 12px; background: url(http://img.2fff.com/Core/images/popupHide.png) no-repeat top center;} .popupHide:hover { background-position: bottom center;} /*焦点图*/ .directionLeft,.directionRight { position: absolute; display: block; width: 32px; height: 54px; background: url(http://img.2fff.com/Core/images/direction.png) no-repeat; z-index: 2; top: 73px; cursor: pointer;} .directionLeft { background-position: 0 0; left: -40px;} .directionRight { background-position: -32px 0; right: -40px;} .directionLeft:hover { background-position: 0 -54px;} .directionRight:hover { background-position: -32px -54px;} .figure { width: 1180px; height: 360px; margin: 15px auto 0; position: relative;} .jleft,.jright { top: 50%; margin-top: -20px;} .flash_pic { width:1180px; height:360px; overflow:hidden; } .flash_pic a { display:block; width:1180px; height:360px; overflow:hidden; /*position: static; top: 0; left: 0;*/} .figureR { position: relative; width: 1180px; height: 360px; text-align: center;} .figureR ul { position: absolute; top: 320px; display: inline-block; min-width: 16px; width: auto !important; width: 16px; padding: 8px 15px; height: 8px; background: rgba(0,0,0,.7); border-radius: 20px;} .figureR li { float: left; width: 8px; height: 8px; margin: 0 4px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); background: rgba(255,255,255,.35); cursor: pointer;} .figureR li.click_over { background: #fff; box-shadow: 0 0 7px rgba(255,255,255,0.8)} /*没有任何相关信息*/ .nullText { min-height: 450px; height: auto !important; height: 450px; line-height: 450px; text-align: center; font-size: 16px; color: #8c949c;} /*商城和游戏库猜你喜欢*/ .likeFocusList li a {overflow: hidden;transition: all 0.4s ease;cursor: pointer;} .Homepagerigname {padding: 10px 20px;width: 120px;height: 70px;text-align: center;position: absolute;left: 0;top: 0;display:table;} .Homepagerigname p { height: 48px; overflow: hidden;/* width: 80px; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -40px;*/ margin: 0 auto; vertical-align:middle; display:table-cell;} .ThemefeatureAlpha { width: 100%; height: 100%; background: rgba(20,34,50,0.9); position: absolute; left: 0; top:0 ; display: none;} @media (max-width:1179px){ .boxHpagename { width: 160px!important; height: 93px!important; } } @media (min-width: 1000px) { /*html,body { min-width: 1180px;}*/ } .gamePresent-1 img,.shopdeMain img { display: inline !important;} .topHeader { min-width: 1180px;} .footer { min-width: 1180px;} .listvidoPlay { position: absolute; width: 100%; height: 100%; background: url(http://img.2fff.com/Core/images/play.png) no-repeat center center; background-size: 30px;} /*广告位*/ .boxImgWrap,.webImgWrap { width: 390px; height: 520px; margin: 0 auto; position: fixed; left: 50%; top: 50%; margin-left: -195px; margin-top: -260px; /*-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);*/ z-index: 9999; } .boxImgWrap a.cubejoyadredirect,.webImgWrap a.cubejoyadredirect { width: 390px; height: 520px; display: block; } .boxImgWrap a.cubejoyadredirect img,.webImgWrap a.cubejoyadredirect img { display: block; width: 390px; height: 520px; border-radius: 10px; } .boxImgWrap img.cubejoyadclose,.webImgWrap img.cubejoyadclose{ display: block; width: 36px; height: 36px; position: absolute; right: -48px; top: 5px; cursor: pointer; } .boxlauncher { display: block; width: 120px; height: 140px; position: absolute; right: 20px; top: 10px; z-index: 9999; } .boxlauncher a.cubejoyadredirect { display: block; width: 120px; height: 140px; } .boxlauncher a.cubejoyadredirect img { display: block; width: 120px; height: 140px; } .boxlauncher img.cubejoyadclose { display: block; width: 16px; height: 16px; position: absolute; left: -26px; top: 5px; cursor: pointer; } .advPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; background-color: rgb(0, 0, 0); filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.5); z-index: 888; } /*盒子顶部刷新 后退按钮*/ .boxheadWrap { width: 1020px; margin: 0 auto; position: relative; } .boxheadTopbar { height: 32px; position: fixed; top: 0; left: 35px; z-index: 1000; } .boxheadBarLeft { width: 130px; height: 100%; padding: 11px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .boxheadBarLeft a.boxheadBarIco { display: block; width: 18px; height: 18px; background: url(http://img.2fff.com/Core/images/boxheadIcon1.png) no-repeat; transition: all 0.5s; float: left; margin: 0 9px 0 0; } .boxheadBarLeft a.boxheadBarBack { background-position: 0 0; } .boxheadBarLeft a.boxheadBarRefresh { background-position: -18px 0; } .boxheadBarLeft a.boxheadBarIco:hover { background: url(http://img.2fff.com/Core/images/boxheadIcon2.png) no-repeat; } .boxheadBarLeft a.boxheadBarBack:hover { background-position: 0 0; } .boxheadBarLeft a.boxheadBarRefresh:hover { background-position: -18px 0; } .boxheadTopbar_logo { left: 34px; } .boxheadBarLeft_logo { padding: 11px 0 0 0; } .boxheadBarLeft a.boxheadlogo { display: block; width: 108px; height: 20px; background: url(http://img.2fff.com/Core/images/boxheadlogo.png) no-repeat top center; }