body,html { min-width: 1180px; overflow-x: hidden;} body { position: relative;} a,a:hover,.vidoplay,.vidoplay:hover,.newlist li,.newlist li:hover { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .productHeader { background: #f5f5f5 !important;} .w980 { width: 980px; margin: 0 auto;} /*右侧导航*/ .rightNav { width: 124px; height: 326px; position: fixed; right: 0; top: 50%; margin-top: -200px; background: url(http://www.lieyanmir3.com/Core/images/rightNav.png) no-repeat top center; z-index: 6;} .rightNav a.rightNav-1 { display: block; width: 100px; height: 36px; margin: 160px auto 0;} .rightNav a.rightNav-2 { display: block; width: 100px; height: 65px; margin: 0 auto;} .rightNav > div { cursor: pointer; width: 100px; height: 41px; margin: 0 auto;} /*导航*/ .Header { position: relative; z-index: 20; display: none;} .wxNav { height: 74px; width: 100%; background: rgba(0,0,0,.8); position: relative; z-index: 10;} .wxlogo { width: 168px; height: 168px; position: absolute; left: 50%; margin-left: -86px; top: 10px; background: url(../images/logo.png) no-repeat top center;} .navBj { position: absolute; left: 50%; margin-left: -101px; width: 202px; height: 35px; opacity: .9; background: url(http://www.lieyanmir3.com/Core/images/logobj.png) no-repeat bottom center;} /*.wxNavlist { margin-left: 25px;}*/ .wxNavlist li { float: left; width: 105px; height: 74px; display: table; text-align: center;} .wxNavlist li a { display: table-cell; vertical-align: middle; font-size: 16px; color: #939393;} .wxNavlist li a.wxnavSelect,.wxNavlist li a:hover { color: #fbbe01;} .wxNavlist li span { display: block; font-size: 12px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); *font-size: 10px; padding-top: 2px;} .wxdivision { margin-right: 195px;} .wxdivision2 { margin-left: 65px;} .wxFAQ { margin-top: 10px;} .wxFAQ a { display: block;font-size: 12px;line-height: 24px;color: #666;} .wxFAQ a:hover { color: #fbbe01;} .banner {width: 100%;height: 525px;position: relative;} .bannerbj {/* background: url(http://www.lieyanmir3.com/Core/images/bannerbg.png) repeat; background: rgba(0,0,0,.3);*/ position: absolute;bottom: -170px;left: 50%;margin-left: -960px;width: 1920px; height: 1080px;} .wxvido {position: absolute;bottom: -170px;left: 50%;margin-left: -960px; background: url(http://www.lieyanmir3.com/Core/images/vidobj.jpg) no-repeat center 280px; width: 1920px; height: 1080px;} .wxvido video { margin: 123px 0 0;} .wxslogan {margin: 0 auto;position: relative;z-index: 3;padding-top: 150px;} .wxslogan img { display: block; margin: 0 auto;} .vidoplay { width: 73px; height: 73px; background: url(http://www.lieyanmir3.com/Core/images/vidoPlay.png) no-repeat center center; margin: 0 auto; position: relative; z-index: 3; cursor: pointer; margin-top: 25px;} .vidoplay:hover { background: url(http://www.lieyanmir3.com/Core/images/vidoPlayHover.png) no-repeat center center;} .remainer { position: absolute; top: -33px; width: 980px;} .remainerBtn { display: block; width: 100px; height: 24px; float: left; margin-right: 10px;} .remainer-1 { background: url(http://www.lieyanmir3.com/Core/images/remainer-1.png) no-repeat top center;} .remainer-2 { background: url(http://www.lieyanmir3.com/Core/images/remainer-2.png) no-repeat top center;} .remainer-3 { background: url(http://www.lieyanmir3.com/Core/images/remainer-3.png) no-repeat top center;} .remainerBtn:hover { opacity: .8; fliter: alpha(opacity: .8);} .testList { margin-bottom: 24px;} .testBtn { display: block; float: left; height: 96px;} .testBtn-1 {width: 246px;background: url(../images/testBtn-1.GIF) no-repeat top center;} .testBtn-2 {width: 244px;background: url(../images/testBtn-2.png) no-repeat top center;} .testBtn-3 {width: 245px;background: url(../images/testBtn-3.png) no-repeat top center;} .testBtn-4 {width: 245px;background: url(../images/testBtn-4.png) no-repeat top center;} .testBtn-1:hover {width: 246px;background: url(../images/testBtn-1Hover.png) no-repeat top center;} .testBtn-2:hover {width: 244px;background: url(../images/testBtn-2Hover.png) no-repeat top center;} .testBtn-3:hover {width: 245px;background: url(../images/testBtn-3Hover.png) no-repeat top center;} .testBtn-4:hover {width: 245px;background: url(../images/testBtn-4Hover.png) no-repeat top center;} .testBtn-5 {width: 96px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center; } .testBtn-5:hover {width: 96px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center;} .testBtn-6 {width: 300px;background: url(../images/testBtn-6.GIF) no-repeat top center; } .testBtn-6:hover {width: 300px;background: url(../images/testBtn-6Hover.png) no-repeat top center;} .testBtn-7 {width: 71px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center; } .testBtn-7:hover {width: 71px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center;} .testBtn-8 {width: 300px;background: url(../images/testBtn-6.GIF) no-repeat top center; } .testBtn-8:hover {width: 300px;background: url(../images/testBtn-8Hover.png) no-repeat top center;} .testBtn-9 {width: 60px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center; } .testBtn-9:hover {width: 60px;background: url(http://www.lieyanmir3.com/Core/) no-repeat top center;} .wxMain-1 .w980 { position: relative;} .wxMain-1 { width: 100%; height: 594px; background: url(../images/bj2.png) no-repeat top center; position: relative; z-index: 5;} .wxMain1-1 { width: 460px; height: 280px; position: relative;} #divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;} #playBox{ position:relative; overflow:hidden; width: 460px; height: 280px; } #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;} #playBox .oUlplay li{ float:left;} #playBox .oUlplay li a { display: block; position: relative; width: 460px; height: 280px;} #playBox .oUlplay li a > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(58,73,59,.3); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} #playBox .oUlplay li a:hover > div { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity: 0);-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} #playBox .smalltitle {width: 460px;height: 13px;position: absolute;bottom: 15px;z-index: 10;} #playBox .smalltitle ul{ float: right; margin-right: 12px;} #playBox .smalltitle ul li{ float: left; width: 8px; height: 8px; margin: 0 6px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); cursor: pointer; border: 1px solid #02050d; background: #313238;} #playBox .smalltitle ul li.thistitle{ background: #690a00; border: 1px solid #fbbe01;} .wxMain1-2 { width: 490px; background: #1f1f1f; padding: 10px 15px; height: 260px;} .wxMain1-2 .titleH3 {height: 60px;line-height: 60px;font-size: 24px;color: #dddddd;border-bottom: 1px solid rgba(158,158,158,.2);padding: 0 5px;} .wxMain1-2 .titleH3 span {color: rgba(255,255,255,.1);font-family: Arial;padding-left: 10px;font-weight: normal;font-size: 24px;} .wxMain1-2 .titleH3 a {float: right;color: rgba(255,255,255,.4);font-size: 14px;} .newlist { padding-top: 15px;} .newlist li { font-size: 15px; color: rgba(255,255,255,.6); height: 30px;} .newlist li:hover,.newlist li a:hover { color: #fbbe01;} .newlist li a { display: block; float: left; width: 420px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgba(255,255,255,.6); font-size: 14px;} .newlist li span { float: right; margin-right: 5px;} .wxrow-2 {} .wxrow-2 a { display: block; position: relative;} .wxrow-2 a > div { position: absolute; left: 0; top: 0; width: 214px; height: 126px; border: 3px solid transparent;} .wxrow-2 a:hover > div { border-color: #fbbe01;} .wxpz { width: 220px; height: 108px; background: url(../images/pz.png) no-repeat top center; padding: 12px 20px;} .wxpz .tabTitle span { float: left; display: block; width: 64px; height: 24px; font-size: 16px; margin-right: 12px; text-align: center; border-bottom: 2px solid transparent; line-height: 24px; cursor: pointer;} .wxpz .tabTitle span.tabselect { color: #fbbe01 !important; border-color: #fbbe01;} .wxpz .wxpzInfo { margin-top: 18px;} .wxpzInfo > div { height: 22px;} .wxpzInfo p { font-size: 12px; color: #202020; width: 50%;} .title-1,.title-2,.title-3,.title-4 { width: 100%; height: 89px;} .title-1 { background: url(../images/title-1.png) no-repeat top center;} .title-2 { background: url(http://www.lieyanmir3.com/Core/images/title-2.png) no-repeat top center;} .title-3 { background: url(../images/title-3.png) no-repeat top center;} .title-4 { background: url(../images/title-4.png) no-repeat top center;} .wxAudition .tabTitle span,.wxData .tabTitle span,.eMainRight .tabTitle a { float: left; display: block; min-width: 20px; width: auto !important; width: 20px; padding: 0 10px; height: 34px; font-size: 22px; margin-right: 12px; text-align: center; border-bottom: 2px solid transparent; line-height: 34px; cursor: pointer; color: #939393;} .wxAudition .tabTitle span:hover,.wxData .tabTitle span:hover,.eMainRight .tabTitle a:hover { color: #fbbe01;} .wxAudition .tabTitle span.tabselect,.wxData .tabTitle span.tabselect,.eMainRight .tabTitle a.tabselect { color: #fbbe01; border-color: #fbbe01;} .wxAudition .tabMain > div,.wxData .tabMain > div { margin-top: 25px;} .wxMain-2 { width: 100%; height: 581px; background: url(../images/bj3.jpg) no-repeat top center; padding: 37px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .thisMore { position: absolute; font-size: 16px; color: rgba(255,255,255,.4); right: 0; top: -50px;} .recommendList { display: block; position: relative; width: 189px; height: 148px; margin-right: 20px; margin-bottom: 20px;} .recommendList > img { width: 189px; height: 148px;} .recommendInfo { position: absolute; left: 0; bottom: 0; width: 189px; height: 80px; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000', GradientType=0);background: -webkit-linear-gradient(top,transparent 10%,rgba(0,0,0,.9) 60%); background: -moz-linear-gradient(bottom,transparent 10%,rgba(0,0,0,.9) 60%); background: -o-linear-gradient(bottom,transparent 10%,rgba(0,0,0,.9) 60%); background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.9) 60%); text-align: center;} .recommendInfo > div { font-size: 12px; color: #fefefe; padding-top: 50px;} .recommendList:hover .vHover,.recommendList:hover .pHover { display: block;} .vHover,.pHover { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3;} .vHover { background: url(../images/audio.GIF) no-repeat center center;} .pHover { background: url(../images/audiopic.png) no-repeat center center;} .wxVideoLeft { width: 560px; height: 315px;} .wxVideoLeft > img { width: 560px; height: 315px;} .wxVideoLeft .recommendInfo { width: 540px; text-align: left; padding-left: 20px;} .wxVideoLeft .recommendInfo > img { margin-top: -20px;} .wxVideoLeft .recommendInfo > div { font-size: 16px; padding-top: 10px;} .wxVideoRight { width: 400px;} /*+++*/ .AxVideo > img { width: 700px; height: 525px;} .dataConten .tabTitle { position: absolute; bottom: 35px; left: 30px;} .dataConten .tabTitle span { float: left; display: block; text-align: center; cursor: pointer; width: 42px !important; height: 42px; line-height: 42px; font-size: 12px; color: #fff; border: 1px solid rgba(190,20,20,.5); padding: 0;} .dataConten .tabTitle span:hover { color: #dc0000;} .dataConten .tabTitle span.tabselect { color: #dc0000; background: rgba(190,20,20,.2);} .dataConten .tabMain > div { margin-top: 25px;} .wxMain-3 { width: 100%; height: 557px; background: url(../images/bj4.jpg) no-repeat top center; padding: 37px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .wxData {} .dataList1 {} .dataMain {} .dataTitle { position: relative; width: 77px; height: 349px; border: 1px solid transparent; cursor: pointer;} .thidShow .dataTitle { border: 1px solid rgba(220,0,0,.6);} /*.dataTitle > div { position: absolute; width: 75px; height: 347px; border: 1px solid }*/ .dataConten { width: 486px; height: 332px; padding: 10px; background: url(http://img.2fff.com/Core/images/data/Indexbj.jpg) no-repeat top center; position: relative;} .dataLeft { width: 285px; padding-left: 20px;} .dataLeft h3 { font-size: 28px; color: #fff;} .dataLeft ul { margin-top: 25px;} .dataLeft ul li { height: 25px; color: #fff; font-size: 14px;} .dataright { margin-left: 10px; margin-top: 3px;} .dataLeft p { color: #fff; font-size: 12px; margin-top: 20px; line-height: 22px;} .wxReferral { position: relative; margin-top: 50px;} .wxReferral > img { position: absolute;left: -159px;top: -175px;} .wxReferral-l { width: 720px; height: 307px; background: #121214;} .wxReferral-2 { width: 260px; height: 307px; background: #15181a;} .wxReferral-lMain { width: 480px; float: right; margin-right: 35px;} .wxReferral-lMain .tabTitle { padding-top: 30px;} .wxReferral-lMain .tabTitle > span { font-size: 18px; color: #939393; display: block; width: 121px; text-align: center; border-bottom: 2px solid transparent; height: 30px; float: left; cursor: pointer;} .wxReferral-lMain .tabTitle > span:hover { color: #fbbe01;} .wxReferral-lMain .tabTitle > span.tabselect { color: #fbbe01; border-bottom: 2px solid #fbbe01;} .wxReferral-lMain .tabMain {} .wxReferral-lMain .tabMain > div { margin-top: 15px;} .wxReferral-lMain .tabMain > div p { font-size: 14px; color: #8c949c; line-height: 22px; letter-spacing: 1.5px;} .thislist { margin-top: 30px;} .thislist a { font-size: 14px; color: #8c949c; display: block; width: 86px; height: 40px; line-height: 40px; text-align: center; background: url(../images/listbj.png) no-repeat top center; float: left; margin-right: 10px;} .thislist a:hover { color: #fbbe01;} .wxReferral-2 > h5 { font-size: 18px; color: #c2ccd6; font-weight: normal; padding: 30px 0 10px 20px;} .releaseList { } .releaseList a { display: block; padding: 7px 0; width: 260px;} .releaseList a:hover { background: #1c1d1f;} .releaseList a > img { margin-right: 10px; padding-left: 20px;} .releaseList a > div { } .releaseList a > div h6 { font-size: 16px; color: #c2ccd6; font-weight: normal;} .releaseList a > div p { font-size: 12px; color: #8c949c; padding-top: 3px;} .wxMain-4 { width: 100%; height: 688px; background: url(../images/bj5.jpg) no-repeat top center; padding: 37px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .wxMain-4 .wxbox{width:100%;height:460px;position:relative} .wxMain-4 .list{width:1200px;height:460px;overflow:hidden;position:absolute;left:50%;margin-left:-600px} .wxMain-4 .btn{position:absolute;top:50%;margin-top:-50px; width: 48px; height: 80px; cursor:pointer; z-index: 10; transition: all 0.5s;} .wxMain-4 .wxprev { background: url(../images/l.png) no-repeat left center; left: -137px;} .wxMain-4 .wxprev:hover { background: url(http://img.2fff.com/Core/images/l_h.png) no-repeat left center;} .wxMain-4 .wxnext{ background: url(../images/r.png) no-repeat right center; right: -104px;} .wxMain-4 .wxnext:hover { background: url(../images/r_h.png) no-repeat right center;} .wxMain-4 li{position:absolute;top:0;left:0;list-style:none;opacity:0;transition:all .3s ease-out} .wxMain-4 img{width:720px;height:460px;border:none;float:left} .wxMain-4 .p1{transform:translate3d(-224px,0,0) scale(.81)} .wxMain-4 .p2{transform:translate3d(0,0,0) scale(.81);transform-origin:0 50%;opacity:.8;z-index:2} .wxMain-4 .p3{transform:translate3d(224px,0,0) scale(1);z-index:3;opacity:1} .wxMain-4 .p4{transform:translate3d(449px,0,0) scale(.81);transform-origin:100% 50%;opacity:.8;z-index:2} .wxMain-4 .p5{transform:translate3d(672px,0,0) scale(.81)} .wxMain-4 .p6{transform:translate3d(896px,0,0) scale(.81)} .wxMain-4 .p7{transform:translate3d(1120px,0,0) scale(.81)} .wxMain-4 .buttons{position:absolute;width:1200px;height:30px;bottom:-20px;left:50%;margin-left:-600px;text-align:center;padding-top:10px} .wxMain-4 .buttons a{display:inline-block;padding-top:4px;cursor:pointer} .wxMain-4 span{ display:block; width: 8px; height: 8px; margin: 0 6px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg); cursor: pointer; border: 1px solid #000; background: #fff;} .wxMain-4 .blue{ background: #000; border: 1px solid #fbbe01;} /*二级页面*/ .bjImg1 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg2 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg3 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg4 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg5 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg6 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .bjImg7 { background: #1b1b1b url(../images/rbj3.GIF) no-repeat top center;} .ebanner { height: 450px; background: url(../images/rslogan.png) no-repeat 160px;} .ebanner1 { height: 450px; background: url(../images/rslogan1.png) no-repeat 160px;} .ebanner2 { height: 450px; background: url(http://www.lieyanmir3.com/Core/images/rslogan2.png) no-repeat 160px;} .ebanner3 { height: 450px; background: url(../images/rslogan3.png) no-repeat 160px;} .ebanner5 { height: 450px; background: url(../images/rslogan5.png) no-repeat 140px;} .ebanner6 { height: 450px; background: url(../newimg/11老kIcon.jpg) no-repeat 0px;} .eNav .w980 { width: 1180px;} .eNav .wxNavlist { margin-left: 0;} .eNav .wxNavlist li { width: 158px;} .eNav .wxdivision2 { margin-left: 35px;} .eMain-1 { min-height: 500px;} .putIn,.buyIn,.dlIn { display: block; width: 260px; height: 85px;} .putIn { background: url(../images/rtest-1.png) no-repeat top center;} .putIn:hover { background: url(../images/rtest-1Hover.png) no-repeat top center;} .buyIn { background: url(http://www.lieyanmir3.com/Core/images/rtest-2.png) no-repeat top center;} .buyIn:hover { background: url(http://www.lieyanmir3.com/Core/images/rtest-2Hover.png) no-repeat top center;} .dlIn { background: url(../images/rtest-3.png) no-repeat top center;} .dlIn:hover { background: url(../images/rtest-3Hover.png) no-repeat top center;} .eInfo { background: url(../images/ibj.png) no-repeat top center; width: 260px; height: 260px;} .eInfo a { display: block; width: 130px; height: 50px; float: left; text-align: center; font-size: 14px; color: #898989; padding-top: 80px;} .ei-1 { background: url(../images/icon1.png) no-repeat center 40%;} .ei-2 { background: url(../images/icon2.png) no-repeat center 40%;} .ei-3 { background: url(../images/icon3.png) no-repeat center 40%;} .ei-4 { background: url(../images/icon4.png) no-repeat center 40%;} .ei-5 { background: url(../images/icon5.png) no-repeat center 40%;} .eInfo a:hover,.eInfo.eiselect { color: #dbbc40;} .ei-1:hover,.ei-1.eiselect { background: url(../images/icon1Hover.png) no-repeat center 40%; color: #dbbc40;} .ei-2:hover,.ei-2.eiselect { background: url(../images/icon2Hover.png) no-repeat center 40%; color: #dbbc40;} .ei-3:hover,.ei-3.eiselect { background: url(../images/icon3Hover.png) no-repeat center 40%; color: #dbbc40;} .ei-4:hover,.ei-4.eiselect { background: url(../images/icon4Hover.png) no-repeat center 40%; color: #dbbc40;} .ei-5:hover,.ei-5.eiselect { background: url(../images/icon5Hover.png) no-repeat center 40%; color: #dbbc40;} .eMain-1 .wxpz { background: url(../images/lbj.png) no-repeat top center;} .eMain-1 .wxpz .tabTitle span { color: #898989;} .eMain-1 .wxpzInfo p { color: #666;} .media { width: 260px; background: #2b1b1b; padding-bottom: 15px;} .wxwx:hover .ActiveRulePopup { display: block;} .ActiveRulePopup {width: 160px;background: #303030;position: absolute;left: 50%;top: -185px;z-index: 100;padding: 10px 10px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; display: none; margin-left: -80px;border-radius: 5px;} .ActiveRulePopup p { font-size: 12px; color: #fff; line-height: 20px; width: 140px; overflow: hidden; text-align: center;} .ActiveRulePopup .triangle {display: block;width: 0;height: 0;border-width: 6px 6px 0;border-style: solid;border-color: #303030 transparent transparent;position: absolute;top: 175px;left: 50%;margin-left: -6px;} .AweixinPic img { display: block; width: 140px; height: 140px;} .gz { padding: 0 10px; padding-top: 25px;} .gz a > p { text-align: center; font-size: 14px; color: #666;} .gz a:hover > p { color: #dbbc40;} .wxwx,.wxsain,.wxbaidu { display: block; width: 33.333333%; padding-top: 40px; float: left; } .wxwx { background: url(../images/s1.GIF) no-repeat top center; position: relative;} .wxsain { background: url(../images/s2.png) no-repeat top center;} .wxbaidu { background: url(../images/s3.png) no-repeat top center;} .wxwx:hover { background: url(../images/s1Hover.png) no-repeat top center;} .wxsain:hover { background: url(../images/s2Hover.png) no-repeat top center;} .wxbaidu:hover { background: url(../images/s3Hover.png) no-repeat top center;} .wxQQ { text-align: center; font-size: 16px; color: #666; padding-top: 10px;} .wxQQ a { color: #ccc; padding-left: 15px;} .eMainRight { width: 860px; min-height: 630px; height: auto !important; height: 630px; background: rgba(0,0,0,.8); padding: 20px;} .eMainRight .titleH3 { height: 40px; font-size: 24px; color: #fbbe01;} .eMainRight .titleH3 span { color: rgba(255,255,255,.1); font-family: Arial; padding-left: 10px; font-weight: normal;} .wxcrumbs,.wxcrumbs a { font-size: 14px; color: #666;} .wxcrumbs a:hover { color: #8d0101;} .wxNews {} .wxNewsList { display: block; padding: 20px; margin-bottom: 1px; background: #131313;} .wxlabel { float: left; display: block; width: 42px; height: 24px; line-height: 24px; text-align: center; border-radius: 3px; font-size: 14px; margin: 0 20px 0 0;} .wxlabel1 { background: #002d50; color: #90adc4;} .wxlabel2 { background: #7e5f01; color: #fbbe01;} .wxNewsTitle { float: left; width: 755px;} .wxNewsTitle > div { display: block; width: 755px; font-size: 16px; color: rgba(255,255,255,.6); margin-bottom: 10px;} .wxNewsTitle > div span { float: right;} .wxNewsTitle p { font-size: 14px; color: #666; line-height: 20px;} /*分区 红、绿灯*/ .wylabel { float: left; display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 3px; font-size: 14px; margin: 0 20px 0 0;} .wylabel1 { background: #00ff00; color: #00ff00;;} .wylabel2 { background: #ff0000; color: #ff0000;} .Newstitle { padding: 20px 0; margin-top: 10px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);} .Newstitle h2 { text-align: center; font-size: 26px; color: #ccc; padding-bottom: 5px;} .Newstitle p { text-align: center; font-size: 14px; color: #666;} .newsMain { padding-top: 20px;} .newsMain p { font-size: 16px; color: #999; line-height: 28px; margin-bottom: 10px; text-indent: 2em;} .newsMain > div { font-size: 16px; color: #999; line-height: 28px;} .newsMain img {display: block; max-width: 660px; margin: 0 auto 10px;} .newsMain .team-wrap .team-list .team-left{ width: 118px; height: 50px; background: #20262F; border: 1px solid #000; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;} .newsMain .team-list{ overflow: hidden;} .newsMain .team-list p{ line-height: 50px; font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: #86929E;} .newsMain .team-left p{ text-align: right; padding-right: 15px;} .newsMain .team-wrap .team-list .team-right{ width: 739px; height: 50px; background: #11161C; border: 1px solid #000; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;} .newsMain .team-right p{ text-align: left; } /*副标题*/ .newsMain p span a { text-align: center; font-size: 18px; color: white; } .newsMain p span1 a { text-align: center; font-size: 18px; color: greenyellow; } .newsMain p span2 a { text-align: center; font-size: 18px; color: cyan; } .newsMain p span3 a { text-align: center; font-size: 18px; color: #fbbe01; } .newsMain p span5 a { text-align: center; font-size: 18px; color: #FFCC00; } .newsMain p span a:hover { color: #FFCC00; font-size: 19px; } .newsMain p span1 a:hover { color: #FFCC00; font-size: 19px; } .newsMain p span2 a:hover { color: #FFCC00; font-size: 19px; } .newsMain p span3 a:hover { color: #FFCC00; font-size: 19px; } .newsMain p span5 a:hover { color: #FFCC00; font-size: 18px; } .newsMain p h { color: #FFCC00;; font-size: 18px; } .newsMain h span7 a { text-align: center; font-size: 18px; color: greenyellow; } .newsMain h span8 a { text-align: center; font-size: 18px; color: cyan; } .newsMain h span9 a { text-align: center; font-size: 18px; color: #fbbe01; } .newsMain h span7 a:hover { color: #FFCC00; font-size: 19px; } .newsMain h span8 a:hover { color: #FFCC00; font-size: 19px; } .newsMain h span9 a:hover { color: #FFCC00; font-size: 19px; } /*了解详情*/ .newsMain li { text-align: right; } .newsMain li a { color: #fbbe01; font-size: 16px; } .newsMain li a:hover { color: #FFCC00; font-size: 17px; } /*下载*/ .newsMain h a { color: #7e7b7b; font-size: 20px; } .newsMain h a:hover { color: #FFCC00; } .ewxvido .recommendList { width: 420px; height: 236px;} .ewxvido .recommendList > img { width: 420px; height: 236px;} .ewxvido .recommendInfo { width: 420px;} .ewxvido .wxAudition { border-top: 1px solid rgba(255,255,255,.1); padding-top: 15px;} .ewxvido .tabTitle { padding-left: 50%; margin-left: 235px;} .commonFooter{background:#09101f} .commonFooterLeft a{display:block;margin-right:30px} .commonFooterRight p{line-height:30px} /*弹层*/ .tanPopup {z-index: 9999; position: fixed; left: 50%; top: 50%; margin-top: -225px; margin-left: -400px; width: 800px; height: 450px;} .tContent { width: 800px; height: 450px; position: relative;} .hidevido { width: 48px; height: 48px; position: absolute; top: 0; right: -68px; background: url(http://sinner.cubejoy.com/img/tHide.jpg) no-repeat; cursor: pointer;} .falshcontent { background: #08232c; padding: 10px; width: 800px; height: 450px;} .w760 { width: 760px; margin: 0 auto;} .wxbddl,.wxfkdl,.httpdl { display: block; width: 366px; height: 106px;} .wxfkdl { background: url(http://img.2fff.com/Core/images/dlfk.png) no-repeat top center;} .wxbddl { background: url(http://img.2fff.com/Core/images/dlbd.png) no-repeat top center;} .httpdl { background: url(http://img.2fff.com/Core/images/http.png) no-repeat top center;} .wxfkdl:hover { background: url(http://img.2fff.com/Core/images/dlfkHover.png) no-repeat top center;} .wxbddl:hover { background: url(http://img.2fff.com/Core/images/dlbdHover.png) no-repeat top center;} .httpdl:hover { background: url(http://img.2fff.com/Core/images/httpHover.png) no-repeat top center;} .wxversions { font-size: 14px; color: #a9cedc; text-align: left; padding-top: 10px;} .wxdlline { margin-top: 30px; background: url(http://img.2fff.com/Core/images/line.png) no-repeat center center; text-align: center; font-size: 20px; color: #c7c7c7; font-weight: normal;} .installation { padding-top: 20px;} .installation h5 { font-size: 16px; color: #fff; font-weight: normal; line-height: 30px;} .installation p { font-size: 14px; color: #8c949c;} .installation img { display: block; padding: 15px 0;} .ewxvido .wxIntro-lMain .tabTitle { padding-left: 0; margin-left: 0;} .wxAudition .wxIntro-lMain .tabTitle span { font-size: 16px;} .wxIntroMain > p { font-size: 14px; color: #999; line-height: 24px; margin-bottom: 20px;} .wxIntroMain > h4 { font-size: 20px; color: #c2ccd6; font-weight: normal; padding-bottom: 5px;} .introList { width: 280px; height: 70px; background: #1d2d3e; margin-right: 10px; margin-bottom: 10px; float: left;} .introList > img { float: left; margin-right: 10px;} .introList > div { float: left; padding-top: 5px; width: 192px;} .introList > div > h5 { font-size: 16px; color: #c2ccd6; font-weight: normal;} .introList > div > p { font-size: 12px; color: #8c949c; line-height: 16px;} /*分区*/ .button1 { display:inline-block; font-size:18px; color:#000; text-transform:uppercase; text-decoration:none; background:#fff; line-height:33px; position:relative} .button1 span { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=39); -moz-opacity:0.39; background-color:rgba(0, 0, 0, 0.4);} .button1 strong { position:relative; font-weight:400; display:block; padding:0 14px; letter-spacing:-1px} .button1:hover { color:#FFD026} /*注册*/ .rg_layout{ margin: 0px;/*所有的外边距为0*/ padding: 0px;/*所有的内边距为0*/ box-sizing: border-box;/*规定两个并排的带边框的框*/ } .rg_layout{ width: 806px; height: 500px; border: 8px solid #0000000;/*solid 定义实线*/ background-color: #0000000; margin: auto; } .rg_layout p { text-align: left; font-size: 18px; color: #666;} .rg_left{ float: left; margin: 15px; } .rg_left>p:first-child{ color: #FFD026; font-size: 20px; } .rg_left>p:last-child{ color: #A6A6A6; font-size: 20px; } .rg_center{ float: left; } .rg_center font { color: #FF0000; font-size: 18px; text-align:center; } .rg_right{ float: right; margin: 18px; padding-left: 50px; } .rg_right p{ font-size: 15px; } .rg_right p a{ color: coral; } .td_left{ width: 100px; text-align: right; height: 41px; } .td_left label { font-size: 16px; } .td_right{ padding-left: 50px; } #username,#password,#repassword,#email,#name,#oldpassword,#newpassword,#newpassword2,#tel,#birthday,#checkcode{ width: 251px; height: 32px; border: 1px solid #A6A6A6; /*设置边框圆角*/ border-radius: 5px; padding-left: 10px; font-size: 16px;} #checkcode{ width: 110px; } #img_check{ height: 32px; vertical-align: middle;/*设置图片的位置垂直居中*/ } #btn_sub{width: 100px; height: 40px; background-color: #FFD026; border: 1px solid #FFD026; padding-left: 10px; font-size: 15px; } /*技能*/ .SkillList { display: none; color: #fff;} .GameskillTitle { width: 100px;} .GameskillTitle span { display: block; width: 94px; height: 34px; line-height: 34px; color: #c2ccd6; font-size: 16px; text-align: center; border: 3px solid #222f41; margin-bottom: 1px; cursor: pointer;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .GameskillTitle span:hover { border: 3px solid #425b7a;} .GameskillTitle span.skillActive { border: 3px solid #69aaff; color: #69aaff;} .SkillMian { width: 760px;} .SkillList_element { width: 370px; height: 160px; margin: 0 0 10px 10px; background:#1d2d3e ;} .SkillList_eleLeft { width: 120px; height: 100%;} .SkillList_eleRight { width: 250px; height: 100%;} .SkillPic { width: 120px; height: 120px;display: flex;align-items: center} .SkillPic img { display: block; margin: 0 auto;align-items: center;} .SkillTitle { height: 40px; line-height: 40px;width: 120px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #707880; background: #122130; text-align: center;} .Skill_details { height:120px ; background:#2f4055 ; padding: 20px 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .Skillde_text { overflow: hidden; margin-bottom: 20px;} .Skillde_text span { font-size: 14px; color: #8c949c; display: block; width: 60px; text-align: right; line-height: 16px;} .Skillde_text div.skillBjs { width: 120px; height: 14px; border-radius: 3px; background: #1d2d3e; margin: 0 10px; position: relative;} .Skillde_text div.skillBjs i { display: block;border-radius: 3px; height: 100%; position: absolute; left: 0; top: 0;z-index: 20; background: #69aaff;} .Skillde_text b {font-size: 14px; color: #69aaff; font-family: arial; float: left;} .Skill_tips { padding: 0 15px; height: 40px; position: relative;} .Skill_tips span { font-size: 14px; color: #8c949c; line-height: 40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 10px 0 0;} .Skill_tips span.tip2 { color: #bbc5cf;} .Skill_Icon { width: 12px;height: 12px; float: left; margin: 15px 0 0 0;} .Skill_Icon b { display: block; width: 35px; height: 25px;cursor: pointer;} .Skill_Icon p{font-size: 14px;padding: 5px 10px;color: #bbc5cf;background: #000000;border-radius: 3px;position: absolute;left: 106px;top: 35px;z-index: 50;width: 250px;height: auto;line-height: 20px; display: none;} .XinfaMain { padding: 0 0 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .SkillList_eleRight h6.Xinfa { color: #8c949c; font-size: 14px; margin: 13px 0 5px 0; font-weight: normal; line-height: 12px;} .SkillList_eleRight p.Xinfa_text { font-size: 14px; color: #bbc5cf; } .SkillList_XinfaRight { background: #2f4055;} .figure { width: 100%; height: 700px; margin: 0 auto; right: 0; left: 0; top: -75px;} .flash_pic { width: 100%; height: 700px;} .flash_pic a { width: 100%; height: 700px; position: absolute; left: 0; right: 0; margin: auto;} .flash_pic a,.flash_pic a:hover,.shortcutNav a,.shortcutNav a:hover { -webkit-transition: normal; -moz-transition:normal; -o-transition:normal; -ms-transition:normal; transition:normal;} .figureR { width: 100%; height: 700px;} .figureR ul { top: auto; bottom: 110px; z-index: 55;} .directionLeft {background-position: 0 0; left: 40px;} .directionRight {background-position: -32px 0; right: 40px;} .wxlive {position: absolute;left: 50%;margin-left: -650px;background: url(http://img.2fff.com/Core/images/live.png) no-repeat top center;width: 139px;height: 345px;top: 110px;z-index: 6;padding-top: 65px;padding-left: 40px;} .wxlive a { display: block; width: 100px; height: 100px;} /*live*/ .livebj { background: url(http://img.2fff.com/Core/images/live/bj.jpg) no-repeat top center; width: 1920px; height: 1160px; margin: 0 auto; position: relative;} .livelogo { position: absolute; width: 190px; height: 110px; left: 50%; margin-left: -120px; top: 83px;} .w1221 { position: absolute; top: 440px; left: 50%; margin-left: -610px; width: 1221px; height: 597px; background: url(http://img.2fff.com/Core/images/live/2bj.png) no-repeat top center;} .w1221 a { display: block; float: left; width: 570px; height: 250px; position: absolute; background: url(http://img.2fff.com/Core/images/live/z.png) no-repeat 270px 70px;} .w1221 a:hover { background: url(http://img.2fff.com/Core/images/live/zhover.png) no-repeat 270px 70px;} .l1 { left: 60px; top: 70px;} .l2 { left: 630px; top: 30px;} .l3 { left: 10px; top: 320px;} .l4 { left: 580px; top: 280px;} /*下载页*/ .wxbddlnew { background: url(http://img.2fff.com/Core/images/down.png) no-repeat top center; transition: all 0.5s;} .wxbddlnew:hover { background: url(http://img.2fff.com/Core/images/downHover.png) no-repeat top center;} /***联系我们***/ .contactusdiyou {position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #272727; z-index: 99999999999; _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; filter:alpha(opacity=37);-moz-opacity:0.2;background-color:rgba(0, 0, 0, 0.2);} .contactusdiyou .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:45%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#4c4c4c; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;} .contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;} .hoverimg2{background:url(http://www.lieyanmir3.com/Core/images/hoverbtnbg1.png) no-repeat; } .contactusdiyou .conter{width:186px; height:560px; margin-left:22px; position:absolute; top:52%;*margin-top:-140px;margin-top:-280px;} .contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;} .contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left; position: relative; top: 32px;} .contactusdiyou dl .f1 {width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;} .contactusdiyou dl .f1 a {width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;} .contactusdiyou dl .f2{ width:142px; float:right; font-size:12px; color:#fff; height:20px;line-height: 20px; float:right;} .kefuQQ a{ background:url(../images/button-custom-qq.gif) no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;} .kefuQQ a:hover{ background:url(../images/button-custom-qq-h.gif) no-repeat;} .contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;} .contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;} .contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative; top: 32px;} .contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;} .contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative; top: 32px;} .contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;} .contactusdiyou .weixincall .f3 img{width: 73px;height: auto;} .contactusdiyou .dytimer{ float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .contactusdiyou .dytimer a { font-size:14px; color:#fff; } /*** 输入框***/ .newsMain R { text-align: center; font-size: 12px; } .newsMain t { text-align: center; font-size: 15px; color:#FFCC00;} .message1{ display: inline-block; color: #ccc; font-size: 12px; background: url(http://www.lieyanmir3.com/Core/css/images/mess.png) no-repeat left center; padding-left: 60px } .wrong1{ color: red; background-image: url(http://www.lieyanmir3.com/Core/css/images/wrong.png) } .right1{ color: #00ff00; background-image:url(http://www.lieyanmir3.com/Core/css/images/right.png); } .message2{ display: inline-block; color: #ccc; font-size: 12px; background: url(http://www.lieyanmir3.com/Core/css/images/mess.png) no-repeat left center; padding-left: 60px } .wrong2{ color: red; background-image: url(http://www.lieyanmir3.com/Core/css/images/wrong.png) } .right2{ color: #00ff00; background-image:url(http://www.lieyanmir3.com/Core/css/images/right.png); } .message3{ display: inline-block; color: #ccc; font-size: 12px; background: url(http://www.lieyanmir3.com/Core/css/images/mess.png) no-repeat left center; padding-left: 60px } .wrong3{ color: red; background-image: url(http://www.lieyanmir3.com/Core/css/images/wrong.png) } .right3{ color: #00ff00; background-image:url(http://www.lieyanmir3.com/Core/css/images/right.png); } /*** #fbbe01 暗金色***/ /*** #009aff 亮蓝色***/ /*** #FFCC00 亮金色***/ /** *#fbbe01 金黄色***/ /*** #7e7b7b 浅黑色***/