@charset "utf-8";
/* CSS Document */
body{margin:0 auto;font-size:12px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;color:#000;text-align:left;background-color:#f9f9f8;}
img{border:0px;}
form,input,select,div,ul,li,p,h,h1,h2,h3,h4,em,i{margin:0;padding:0; list-style-type:none; font-weight:normal;font-family:"微软雅黑";font-style:normal;}
a{text-decoration:none;cursor:pointer}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.newdownloanappContainer {width: 100%;height: auto;margin: 0 auto;}

.newdownloanappOne {width: 100%;height: 908px;position: relative;overflow: hidden;}
.newdownloanappOnebgone {background: url("../images/new_icon1.jpg") no-repeat top center;width: 100%;height: 908px;margin: 0 auto;}
.newdownloanappOnebgtwo {position: absolute;top: 0;left: 0;width: 100%;height: 930px;z-index: 1;opacity: 0.15;}
.rollBgCon {width: 100%;height: 135px;position: relative;overflow: hidden;}
.oddNumber .topbgone {animation: oddNumbertopbgones 100s linear infinite;width: 100%;height: 135px;position: absolute;z-index: -1;}
.oddNumber .topbgtwo {animation: oddNumbertopbgtwos 100s linear infinite;width: 100%;height: 135px;position: absolute;z-index: -1;}
.even .topbgone {animation: eventopbgones 100s linear infinite;width: 100%;height: 135px;position: absolute;z-index: -1;}
.even .topbgtwo {animation: eventopbgtwos 100s linear infinite;width: 100%;height: 135px;position: absolute;z-index: -1;}
.rollBgOne .topbgone {background: url("../images/new_icon2.jpg") 100% no-repeat;background-size: cover;}
.rollBgOne .topbgtwo {background: url("../images/new_icon2.jpg") 0% no-repeat;background-size: cover;}
.rollBgTwo .topbgone {background: url("../images/new_icon3.jpg") 100% no-repeat;background-size: cover;}
.rollBgTwo .topbgtwo {background: url("../images/new_icon3.jpg") 0% no-repeat;background-size: cover;}
.rollBgThree .topbgone {background: url("../images/new_icon4.jpg") 100% no-repeat;background-size: cover;}
.rollBgThree .topbgtwo {background: url("../images/new_icon4.jpg") 0% no-repeat;background-size: cover;}
.rollBgFour .topbgone {background: url("../images/new_icon5.jpg") 100% no-repeat;background-size: cover;}
.rollBgFour .topbgtwo {background: url("../images/new_icon5.jpg") 0% no-repeat;background-size: cover;}
.rollBgFive .topbgone {background: url("../images/new_icon6.jpg") 100% no-repeat;background-size: cover;}
.rollBgFive .topbgtwo {background: url("../images/new_icon6.jpg") 0% no-repeat;background-size: cover;}
.rollBgSix .topbgone {background: url("../images/new_icon7.jpg") 100% no-repeat;background-size: cover;}
.rollBgSix .topbgtwo {background: url("../images/new_icon7.jpg") 0% no-repeat;background-size: cover;}
@keyframes oddNumbertopbgones{0%{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes oddNumbertopbgtwos{0%{transform:translateX(99%)}to{transform:translateX(0)}}
@keyframes eventopbgones{0%{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes eventopbgtwos{0%{transform:translateX(0)}to{transform:translateX(99%)}}
.newdownloanappOnebgthree {position: absolute;top: -70px;left: 0;width: 100%;height: 908px;z-index: 2;background: url("../images/new_icon8.png") no-repeat top center;}
.newdownloanappOnebgthreeCon {display: table;width: 640px;height: 221px;margin: 484px auto 0;}
.newdownloanappOnebgthreeConLi {float: left;width: 200px;height: 54px;background: url("../images/new_icon9.png") no-repeat;margin-left: 20px;position: relative;}
.newdownloanappOnebgthreeConLi:nth-child(1) {margin-left: 0;height: 70px;}
.newdownloanappOnebgthreeConLi a {float: left;width: 200px;height: 54px;background: url("../images/new_icon9.png") no-repeat;}
.newdownloanappOnebgthreeConLi .icon {float: left;width: auto;height: auto;}
.newdownloanappOnebgthreeConLi .icon.phone {margin: 6px 21px 0 21px;}
.newdownloanappOnebgthreeConLi .icon.box {margin: 10px 14px 0 14px;}
.newdownloanappOnebgthreeConLi .icon.jsq {margin: 9px 13px 0 17px;}
.newdownloanappOnebgthreeConLi .title {float: left;width: 130px;height: 18px;line-height: 18px;font-size: 18px;text-align: left;margin-top: 8px;color: #ffffff;}
.newdownloanappOnebgthreeConLi .txt {float: left;width: 130px;height: 14px;line-height: 14px;font-size: 14px;text-align: left;margin-top: 6px;color: #ababab;}
.newdownloanappOnebgthreeConLi .con {position: absolute;top: 70px;left: 10px;width: 300px;height: 151px;background-color: #ffffff;border-radius: 8px;display: none;}
.newdownloanappOnebgthreeConLi:hover .con {display: block;}
.newdownloanappOnebgthreeConLi .con:after {position: absolute;content: '';top: -7px;left: 61px;background: url("../images/new_icon13.png") no-repeat;width: 20px;height: 9px;}
.newdownloanappOnebgthreeConLi .con .Qcewm {float: left;width: 120px;height: 120px;margin: 14px 15px 0 15px;}
.newdownloanappOnebgthreeConLi .con .ios {float: left;background: url("../images/new_icon14.png") no-repeat;width: 136px;height: 56px;margin-top: 15px;}
.newdownloanappOnebgthreeConLi .con .android {float: left;background: url("../images/new_icon15.png") no-repeat;width: 136px;height: 56px;margin-top: 7px;}
.newdownloanappOnebgthreeConLi i {position: absolute;top: -10px;right: -34px;background: url("../images/new_icon16.png") no-repeat;width: 62px;height: 19px;}
.newdownloanappOnebgthreeDown {position: absolute;top: 720px;left: 0;right: 0;width: 135px;height: 17px;line-height: 17px;color: #999a9e;text-align: right;font-size: 18px;margin: 0 auto;}
.newdownloanappOnebgthreeDown:before {content: '';position: absolute;top: 0;left: 0;background: url("../images/new_icon17.png") no-repeat;width: 17px;height: 17px;}

.newdownloanappTwo {width: 100%;height: 720px;background: url("../images/bg2.jpg") no-repeat top center;margin-top: -70px;position: relative;}
.newdownloanappTwoCon {width: 1200px;height: 445px;margin: 0 auto;padding-top: 55px;}
.newdownloanappTwoConTopBg {width: 316px;height: 76px;background: url("../images/downapp6.png") no-repeat;margin: 0 auto;line-height: 122px;font-size: 54px;color: #353535;font-weight: bold;text-indent: 50px;letter-spacing: 5px;}
.newdownloanappTwoConUl {float: left;width: 100%;height: auto;margin-top: 68px;}
.newdownloanappTwoConLi {float: left;width: 282px;height: 133px;margin-right: 24px;margin-bottom: 32px;}
.newdownloanappTwoConLi:nth-child(4n) {margin-right: 0;}
.newdownloanappTwoConLi.Steam {background: url("../images/downapp7.png") no-repeat;}
.newdownloanappTwoConLi.Origin {background: url("../images/new_icon19.png") no-repeat;}
.newdownloanappTwoConLi.Uplay {background: url("../images/downapp9.png") no-repeat;}
.newdownloanappTwoConLi.baoxue {background: url("https://static.fhyx.com/images/application/pc/common/jsq/13.png") no-repeat;}
.newdownloanappTwoConLi.fhyx {background: url("../images/downapp11.png") no-repeat;}
.newdownloanappTwoConLi.Rockstar {background: url("../images/downapp12.png") no-repeat;}
.newdownloanappTwoConLi.EPIC {background: url("../images/downapp13.png") no-repeat;}
.newdownloanappTwoConLi.Bethesda {background: url("../images/downapp14.png") no-repeat;}
.newdownloanappTwoConLi.wegame {background: url("../images/new_icon20.png") no-repeat;}
.newdownloanappTwoConLi.lenovo {background: url("../images/new_icon21.jpg") no-repeat;}
.newdownloanappTwoConLi p {float: left;width: 100%;height: 25px;line-height: 25px;font-size: 22px;font-weight: bold;text-indent: 26px;margin-top: 20px;color: #353535;}
.newdownloanappTwoConLi span {float: left;width: 100%;height: 20px;line-height: 20px;font-size: 12px;text-indent: 26px;color: #353535;}

.newdownloanappThree {width: 100%;height: 823px;background: url("../images/bg3.jpg") no-repeat top center;overflow: hidden;}
.newdownloanappThreeCon {width: 1200px;height: auto;margin: 0 auto;position: relative;}
.newdownloanappThreeCon .tabConUl {float: left;width: 400px;height: auto;margin-top: 238px;}
.newdownloanappThreeCon .tabConUl .tabConLi {float: left;width: 100%;height: auto;display: none;}
.newdownloanappThreeCon .tabConUl .tabConLi.checked {display: block;}
.newdownloanappThreeCon .tabConUl .tabConLi p {float: left;width: 100%;height: 40px;line-height: 40px;text-align: left;font-size: 36px;font-weight: bold;color: #ffffff;}
.newdownloanappThreeCon .tabConUl .tabConLi span {float: left;width: 100%;height: auto;line-height: 28px;text-align: left;color: #ffffff;font-size: 16px;margin-top: 20px;}
.newdownloanappThreeCon .tabUl {position: absolute;top: 489px;left: 0;width: auto;height: auto;z-index: 11;}
.newdownloanappThreeCon .tabUl .tabLi {float: left;width: 80px;height: auto;margin-right: 24px;cursor: pointer;}
.newdownloanappThreeCon .tabUl .tabLi p {display: table;width: 73px;height: 73px;background-image: linear-gradient(0deg, #454545 0%, #272727 100%), linear-gradient(#272727, #272727);border-radius: 50%;margin: 0 auto;}
.newdownloanappThreeCon .tabUl .tabLi.checked p {background-image: linear-gradient(0deg, #ffa200 0%, #fa4d00 100%), linear-gradient(#272727, #272727);}
.newdownloanappThreeCon .tabUl .tabLi p img {display: table;width: auto;height: auto;margin: 21px auto 0;}
.newdownloanappThreeCon .tabUl .tabLi span {float: left;width: 100%;height: 20px;line-height: 20px;text-align: center;color: #ffffff;font-size: 16px;margin-top: 10px;}
.right_img {position: absolute;top: 0;right: -48px;}

.newdownloanappFour {width: 100%;height: 581px;background: url("../images/bg4.jpg") no-repeat top center;}
.newdownloanappFourCon {width: 1200px;height: 445px;margin: 0 auto;padding-top: 57px;}
.newdownloanappFourConTopBg {width: 327px;height: 76px;background: url("../images/downapp25.png") no-repeat;margin: 0 auto;line-height: 122px;font-size: 54px;color: #353535;font-weight: bold;text-indent: 50px;letter-spacing: 5px;}
.newdownloanappFourConUl {float: left;width: 100%;height: auto;margin-top: 68px;}
.newdownloanappFourConLi {float: left;width: 220px;height: 90px;margin-right: 24px;margin-bottom: 18px;}
.newdownloanappFourConLi:nth-child(5n) {margin-right: 0;}

.fhyxhk_foot {margin-top: 0!important;}