@import url(//tlhj.changyou.com/logo/logo.css);
* { box-sizing: border-box; }

@font-face { font-family: 'song'; src: url(song.woff2); }

@font-face { font-family: 'hyxr'; src: url(hyxr.ttf); }

html { max-width: 1920px; font-size: 1px; margin: 0 auto; }

@media (max-width: 1920px) { html { font-size: calc(100vw / 1920); } }

::-webkit-scrollbar { width: 5rem; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { background-color: #272a8b; }

body { width: 100%; right: 0; margin: 0 auto !important; }

.wrap { display: flex; flex-direction: column; width: 100%; font-family: 'song'; }

.wrap-btn { display: flex; }

.wrap-btn li { width: 251px; height: 220px; font-size: 0; color: transparent; background: url(../img/wrap-btn.png) no-repeat 0 0/502px 880px; cursor: pointer; }

.wrap-btn li:nth-child(1) { background-position-y: 0; }

.wrap-btn li:nth-child(2) { background-position-y: -220px; }

.wrap-btn li:nth-child(3) { background-position-y: -440px; }

.wrap-btn li:nth-child(4) { background-position-y: -660px; }

.wrap-btn li.active, .wrap-btn li:hover { background-position-x: -251px; }

.page { display: flex; flex-direction: column; align-items: center; position: relative; max-height: 0; padding: 0 !important; background-repeat: no-repeat; background-position: top center; background-size: 1920rem auto; overflow: hidden; }

.page.active { max-height: 10000rem; /*transition: all 0.5s ease-in-out;*/ }

.page-head { display: flex; justify-content: center; height: 370rem; padding-top: 15rem; }

.page-head li { width: 251rem; height: 220rem; font-size: 0; color: transparent; background: url(../img/wrap-btn.png) no-repeat 0 0/502rem 880rem; cursor: pointer; transform: scale(0.8); transform-origin: top center; }

.page-head li:nth-child(1) { background-position-y: 0; }

.page-head li:nth-child(2) { background-position-y: -220rem; }

.page-head li:nth-child(3) { background-position-y: -440rem; }

.page-head li:nth-child(4) { background-position-y: -660rem; }

.page-head li.active, .page-head li:hover { background-position-x: -251rem; }

.page-box { display: flex; flex-direction: column; align-items: center; }

.page-title { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }

.page-title img { width: auto; height: 90rem; }

.page .swiper-pagination { position: static; }

.page .swiper-pagination span { width: 21rem; height: 21rem; border-radius: 0; background: url(../img/swiper-pagination.png) no-repeat 0 0/21rem 42rem; opacity: 1; margin: 0 50rem !important; }

.page .swiper-pagination span.swiper-pagination-bullet-active { background-position-y: -21rem; }

.page .swiper-prev, .page .swiper-next { width: 148rem; height: 109rem; background: url(../img/swiper-prev.png) no-repeat center/cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; }

.page .swiper-next { left: auto; right: 0; background-image: url(../img/swiper-next.png); }

.home { justify-content: flex-end; height: 1080px; background-image: url(../img/home.jpg); background-size: cover; position: relative; z-index: 1; }

.home-video { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

.home-video video { width: 100%; height: 100%; object-fit: cover; }

.home.active { padding-bottom: 10px !important; }

.home-logo { width: 179px; height: 83px; font-size: 0; color: transparent; background: url(../img/home-logo.png) no-repeat center/cover; position: absolute; top: 55px; left: 90px; }

.oath { height: 5643rem; background-image: url(../img/oath.jpg); }

.oath-fashion { display: flex; flex-direction: column; align-items: center; height: 1038rem; }

.oath-fashion-swiper { display: flex; flex-direction: column; align-items: center; background: url(../img/oath-fashion-swiper.png) no-repeat 38% top/630rem 727rem; position: relative; }

.oath-fashion-swiper .swiper { width: 1361rem; }

.oath-fashion-swiper .swiper-slide { display: flex; justify-content: center; padding-top: 30rem; }

.oath-fashion-swiper .swiper-slide img { width: auto; height: 794rem; }

.oath-fashion-swiper .swiper-slide a { width: 102rem; height: 99rem; background: url(../img/oath-fashion-play.png) no-repeat center/cover; position: absolute; left: 50rem; top: 400rem; }

.oath-fashion .swiper-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1222rem; margin-top: -50rem; }

.oath-fashion .swiper-pagination span { display: flex; justify-content: center; align-items: center; width: 234rem; height: 85rem; font-size: 24rem; color: #fff; font-family: 'hyxr'; background: url(../img/oath-fashion-pagination.png) no-repeat 0 0/100% 170rem; margin: 0 !important; }

.oath-fashion .swiper-pagination span.swiper-pagination-bullet-active { background-position-y: -85rem; color: #bb1d91; }

.oath-weapon { display: flex; flex-direction: column; align-items: center; height: 1180rem; }

.oath-weapon-swiper { display: flex; flex-direction: column; align-items: center; padding-top: 30rem; position: relative; }

.oath-weapon-swiper .swiper { width: 1320rem; margin-bottom: 20rem; }

.oath-weapon-swiper .swiper-slide { display: flex; justify-content: center; opacity: 0; }

.oath-weapon-swiper .swiper-slide.swiper-slide-active, .oath-weapon-swiper .swiper-slide.swiper-slide-prev, .oath-weapon-swiper .swiper-slide.swiper-slide-next { opacity: 1; }

.oath-weapon-swiper .swiper-slide img { width: auto; height: 817rem; }

.oath-weapon-swiper .swiper-prev, .oath-weapon-swiper .swiper-next { left: -40rem; }

.oath-weapon-swiper .swiper-next { left: auto; right: -40rem; }

.oath-mount { display: flex; flex-direction: column; align-items: center; height: 794rem; }

.oath-mount-swiper { display: flex; flex-direction: column; align-items: center; position: relative; }

.oath-mount-swiper .swiper { width: 1920rem; }

.oath-mount-swiper .swiper-slide { display: flex; justify-content: center; }

.oath-mount-swiper .swiper-slide img { width: auto; height: 610rem; }

.oath-mount-swiper .swiper-prev, .oath-mount-swiper .swiper-next { width: 128rem; height: 95rem; left: 342rem; top: 65%; }

.oath-mount-swiper .swiper-next { left: auto; right: 342rem; }

.oath-mount-swiper .swiper-pagination { margin-top: 30rem; }

.oath-beast { display: flex; flex-direction: column; align-items: center; height: 1089rem; }

.oath-beast-swiper { display: flex; flex-direction: column; align-items: center; background: url(../img/oath-beast-swiper.png) no-repeat center 120rem/619rem 619rem; position: relative; margin-top: -90rem; }

.oath-beast-swiper .swiper { width: 1372rem; height: 815rem; margin-top: -90rem; }

.oath-beast-swiper .swiper-slide { display: flex; justify-content: center; }

.oath-beast-swiper .swiper-slide img { width: auto; height: 100%; }

.oath-beast-swiper .swiper-prev, .oath-beast-swiper .swiper-next { width: 128rem; height: 95rem; left: 342rem; top: 54%; }

.oath-beast-swiper .swiper-next { left: auto; right: 342rem; }

.oath-beast-swiper .swiper-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1250rem; margin-top: 65rem; }

.oath-beast-swiper .swiper-pagination span { display: flex; flex-direction: column; align-items: center; width: 100rem; height: auto; font-size: 20rem; color: #fff; margin: 0 10rem !important; background: none; transform-origin: center; }

.oath-beast-swiper .swiper-pagination span img { width: 100%; height: auto; margin-bottom: 5rem; transition: all .6s; }

.oath-beast-swiper .swiper-pagination span.swiper-pagination-bullet-active img { width: 130rem; }

.oath-jewelry { display: flex; flex-direction: column; align-items: center; height: 1172rem; }

.oath-jewelry-images { display: flex; align-items: center; padding-top: 28rem; }

.oath-jewelry-images img { width: 553rem; height: auto; margin: 0 30rem; }

.oath-aslide { display: none; flex-direction: column; position: fixed; top: 50%; left: 50%; transform: translate(-936rem, -50%); z-index: 11; }

.oath-aslide:before { content: ''; width: 12rem; height: 422rem; background: url(../img/oath-aslide.png) no-repeat center/cover; position: absolute; top: 50%; left: 26rem; transform: translate(0, -50%); }

.oath-aslide li { display: flex; justify-content: center; align-items: center; width: 214rem; height: 63rem; font-size: 37rem; color: #ddefff; font-family: 'hyxr'; padding: 3rem 0 0 45rem; margin-bottom: 26rem; position: relative; z-index: 3; cursor: pointer; }

.oath-aslide li:last-child { margin-bottom: 0; }

.oath-aslide li.active { background: url(../img/oath-aslide-item.png) no-repeat center/cover; }

.oath-aslide li:before { content: ''; width: 48rem; height: 44rem; background: url(../img/oath-aslide-before.png) no-repeat center/cover; position: absolute; top: 50%; left: 8rem; transform: translate(0, -50%); }

.oath.active .oath-aslide { display: flex; }

.rank { height: 3684rem; background-image: url(../img/rank.jpg); }

.rank-box { display: flex; flex-direction: column; align-items: center; height: 2568rem; }

.rank-date { display: flex; justify-content: center; align-items: center; width: 654rem; height: 37rem; font-size: 24rem; color: #fff; background: url(../img/rank-date.png) no-repeat center/cover; margin: 20rem 0; }

.rank-item { display: flex; width: 1304rem; height: 743rem; padding: 80rem 60rem 0 50rem; background: url(../img/rank-item.png) no-repeat center/100% 100%; margin-bottom: 20rem; }

.rank-big { height: 1050rem; background-image: url(../img/rank-item2.png); }

.rank-info { display: flex; flex-direction: column; width: 100%; }

.rank-header { display: flex; flex-direction: column; font-family: 'hyxr'; }

.rank-header strong { font-size: 40rem; background: linear-gradient(180deg, #1e4f9c 0%, #6f57ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #2b50ad; }

.rank-header span { font-size: 24rem; background: linear-gradient(180deg, #1e4f9c 0%, #6f57ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #2b50ad; }

.rank-intro { font-size: 20rem; color: #183868; text-indent: 2em; padding: 10rem 0 15rem; }

.rank-pox { display: flex; justify-content: space-between; align-items: center; width: 104%; }

.rank-table { display: flex; flex-direction: column; width: 870rem; }

.rank-table-head { display: flex; height: 47rem; background: url(../img/rank-table-head.jpg) no-repeat center/cover; }

.rank-table-head span { display: flex; justify-content: center; align-items: center; font-size: 24rem; color: #fff; font-family: 'hyxr'; border-right: 1rem solid #97c2ff; }

.rank-table-head span:last-child { border: none; }

.rank-table-head span:nth-child(1) { width: 140rem; }

.rank-table-head span:nth-child(2), .rank-table-head span:nth-child(3) { width: 160rem; }

.rank-table-head span:nth-child(4) { width: 410rem; }

.rank-table-list { display: flex; flex-direction: column; }

.rank-table-list li { display: flex; height: auto; border-bottom: 1rem solid #97c2ff; }

.rank-table-list span { display: flex; justify-content: center; align-items: center; min-height: 50rem; font-size: 18rem; color: #4570af; text-align: center; border-left: 1rem solid #97c2ff; padding: 5rem 0; background-color: #fff; }

.rank-table-list span:last-child { border-right: 1rem solid #97c2ff; }

.rank-table-list span:nth-child(1) { width: 140rem; }

.rank-table-list span:nth-child(2), .rank-table-list span:nth-child(3) { width: 160rem; }

.rank-table-list span:nth-child(4) { width: 410rem; padding: 5rem 10rem; }

.rank-table2 { width: 100%; }

.rank-table2-head span { width: 20% !important; }

.rank-table2-list { display: flex; flex-direction: column; }

.rank-table2-list span { width: 20% !important; }

.rank-tips { font-size: 20rem; color: #183868; text-indent: 2em; padding: 10rem 0 15rem; }

.rank-images { flex: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.rank-images li { display: flex; flex-direction: column; align-items: center; margin-top: 0; }

.rank-images div { display: flex; justify-content: center; align-items: center; width: 247rem; height: 248rem; background: url(../img/rank-images.png) no-repeat center/cover; position: relative; }

.rank-images img { width: 610rem; height: 300rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.rank-images p { display: flex; flex-direction: column; align-items: center; font-size: 18rem; color: #183868; }

.rank-images p span { display: flex; justify-content: center; align-items: center; width: auto; height: 24rem; font-size: 18rem; color: #2973d7; font-family: 'hyxr'; padding: 0 20rem; background: url(../img/rank-images-name.png) no-repeat center/100% 100%; position: relative; margin-top: -10rem; }

.rank-images p span:before, .rank-images p span:after { content: ''; width: 10rem; height: 10rem; background: url(../img/rank-images-name-before.png) no-repeat center/cover; position: absolute; left: 0; transform: translate(-100%, 0); }

.rank-images p span:after { left: auto; right: 0; transform: translate(100%, 0); }

.rank-more { display: flex; flex-direction: column; align-items: center; height: 746rem; }

.rank-list { display: flex; padding-top: 30rem; }

.rank-list li { display: flex; flex-direction: column; align-items: center; margin: 0 20rem; }

.rank-list div { display: flex; justify-content: center; align-items: center; position: relative; }

.rank-list div:after { content: ''; width: 62rem; height: 64rem; background: url(../img/rank-list-after.png) no-repeat center/cover; position: absolute; top: 10rem; right: -5rem; }

.rank-list img { width: 252ren; height: auto; }

.rank-list a { display: flex; justify-content: center; align-items: center; width: 212rem; height: 49rem; font-size: 24rem; color: #fff; font-family: 'hyxr'; background: url(../img/rank-list-btn.png) no-repeat center/cover; margin-top: 10rem; }

.time { height: 3203rem; background-image: url(../img/time.jpg); }

.time-box { display: flex; flex-direction: column; align-items: center; height: 2830rem; }

.time-list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1280rem; }

.time-list > li { display: flex; flex-direction: column; align-items: center; width: 589rem; height: 863rem; padding: 66rem 22rem 0; background: url(../img/time-list.png) no-repeat center/cover; position: relative; margin-bottom: 20rem; }

.time-list > li:before, .time-list > li:after { content: ''; width: 25rem; height: 27rem; background: url(../img/time-list-before.png) no-repeat center/cover; position: absolute; top: 94rem; left: -20rem; }

.time-list > li:after { width: 47rem; height: 62rem; background-image: url(../img/time-list-after.png); top: auto; right: -10rem; bottom: 10rem; left: auto; }

.time-list > li:nth-child(2) .time-title:after { display: none; }

.time-list > li:nth-child(2) .time-title p { width: 422rem; background-image: url(../img/time-list-title2.png); }

.time-list > li:nth-child(3), .time-list > li:nth-child(4) { height: 683rem; background-image: url(../img/time-list2.png); }

.time-list > li:nth-child(5) { width: 1289rem; height: 743rem; padding: 66rem 70rem 0; background-image: url(../img/time-list3.png); }

.time-list > li:nth-child(5) .time-title { width: 1289rem; }

.time-list > li:nth-child(5) .time-title p { width: 382rem; background-image: url(../img/time-list-title3.png); }

.time-list > li:nth-child(5) .time-intro p { font-size: 20rem; text-indent: 2em; }

.time-title { display: flex; justify-content: center; width: 589rem; position: relative; }

.time-title:after { content: ''; width: 90rem; height: 94rem; background: url(../img/time-title-after.png) no-repeat center/cover; position: absolute; top: 50%; right: 4rem; transform: translate(0, -56%); }

.time-title p { display: flex; justify-content: center; align-items: center; width: 302rem; height: 57rem; background: url(../img/time-list-title.png) no-repeat center/cover; }

.time-title span { font-size: 30rem; color: #bfe1ff; font-family: 'hyxr'; background: linear-gradient(180deg, #b9daff 0%, #f3f9ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.time-date { font-size: 20rem; color: #1d4f9b; font-family: 'hyxr'; padding: 4rem 0; background: linear-gradient(180deg, #204f9f 0%, #5955e4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.time-image { width: 100%; height: auto; }

.time-intro { display: flex; flex-direction: column; text-align: justify; padding-top: 7rem; }

.time-intro p { font-size: 17rem; color: #1d4f9b; padding-bottom: 5rem; }

.time-intro span { color: #ff1ca7; }

.time-con { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }

.time-con .time-image { width: 390rem; }

.time-table { display: flex; flex-direction: column; width: 100%; }

.time-table-head { display: flex; height: 50rem; background: url(../img/rank-table-head.jpg) no-repeat center/cover; }

.time-table-head span { display: flex; justify-content: center; align-items: center; font-size: 24rem; color: #fff; font-family: 'hyxr'; border-right: 1rem solid #97c2ff; }

.time-table-head span:last-child { border: none; }

.time-table-head span:nth-child(1) { width: 15%; }

.time-table-head span:nth-child(2) { width: 15%; }

.time-table-head span:nth-child(3) { width: 35%; }

.time-table-head span:nth-child(4) { width: 35%; }

.time-table-list { display: flex; flex-direction: column; }

.time-table-list li { display: flex; height: auto; border-bottom: 1rem solid #97c2ff; }

.time-table-list span { display: flex; justify-content: center; align-items: center; min-height: 90rem; font-size: 18rem; color: #4570af; text-align: center; border-left: 1rem solid #97c2ff; padding: 5rem 5rem; background-color: #fff; }

.time-table-list span:last-child { border-right: 1rem solid #97c2ff; }

.time-table-list span:nth-child(1) { width: 15%; }

.time-table-list span:nth-child(2) { width: 15%; }

.time-table-list span:nth-child(3) { width: 35%; }

.time-table-list span:nth-child(4) { width: 35%; }

.pop { display: none; width: 100%; height: 100%; }

.pop-box { display: flex; flex-direction: column; align-items: center; padding: 80rem 60rem 0; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop-705-563 { width: 705rem; height: 563rem; background-image: url(../img/pop-705-563.png); }

.pop-1289-743 { width: 1289rem; height: 783rem; background-image: url(../img/pop-1289-743.png); }

.pop-1289-783 { width: 1289rem; height: 783rem; background-image: url(../img/pop-1289-783.png); }

.pop-close { width: 54rem; height: 53rem; font-size: 0; color: transparent; background: url(../img/pop-close.png) no-repeat center/cover; position: absolute; top: 70rem; right: 35rem; }

.pop-title { display: flex; align-items: center; font-size: 36rem; color: #1d4f9b; font-family: 'hyxr'; background: linear-gradient(180deg, #1e4f9d 0%, #7271f3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop-title:before, .pop-title:after { content: ''; width: 48rem; height: 24rem; background: url(../img/pop-title.png) no-repeat center/cover; }

.pop-title:after { transform: rotate(180deg); }

.pop-time { font-size: 24rem; color: #1d4f9b; font-family: 'hyxr'; background: linear-gradient(180deg, #1e4f9d 0%, #7271f3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.pop-intro { display: flex; flex-direction: column; padding: 20rem 0; }

.pop-intro p { font-size: 20rem; color: #183868; }

.pop-content { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; }

.pop-table { display: flex; flex-direction: column; width: 858rem; }

.pop-table li { display: flex; border-bottom: 1rem solid #97c2ff; background-color: #fff; }

.pop-table li:first-child { background: url(../img/rank-table-head.jpg) no-repeat center/cover; }

.pop-table li:first-child span { color: #fff; font-size: 20rem; }

.pop-table span { display: flex; justify-content: center; align-items: center; min-height: 50rem; font-size: 16rem; color: #4570af; text-align: center; border-left: 1rem solid #97c2ff; padding: 10rem 10rem; }

.pop-table span:last-child { border-right: 1rem solid #97c2ff; }

.pop-table span:nth-child(1) { width: 232rem; }

.pop-table span:nth-child(2) { width: 236rem; }

.pop-table span:nth-child(3) { width: 400rem; padding: 10rem 10rem; text-align: center; }

.pop-img0 { width: 300rem; height: auto; }

.pop-img1 { width: 548rem; height: auto; margin-top: -15rem; }

.pop-images { display: flex; justify-content: space-between; align-items: center; margin-left: 10rem; }

.pop-images li { display: flex; flex-direction: column; align-items: center; }

.pop-images div { display: flex; justify-content: center; align-items: center; width: 300rem; height: 300rem; background: url(../img/rank-images.png) no-repeat center/cover; position: relative; }

.pop-images p { display: flex; flex-direction: column; align-items: center; font-size: 18rem; color: #183868; }

.pop-images p span { display: flex; justify-content: center; align-items: center; width: auto; height: 24rem; font-size: 18rem; color: #2973d7; font-family: 'hyxr'; padding: 0 15rem; background: url(../img/rank-images-name.png) no-repeat center/100% 100%; position: relative; margin-top: 0rem; }

.pop-images p span:before, .pop-images p span:after { content: ''; width: 10rem; height: 10rem; background: url(../img/rank-images-name-before.png) no-repeat center/cover; position: absolute; left: 0; transform: translate(-100%, 0); }

.pop-images p span:after { left: auto; right: 0; transform: translate(100%, 0); }

.pop-tips { width: 100%; font-size: 16rem; color: #4570af; padding-top: 10rem; }

.pop-video { width: 1200rem; height: 680rem; padding: 0; background-color: #000; }

.pop-video .pop-close { top: 0; right: 0; transform: translate(150%, 0); }

.pop-video-box { width: 100%; height: 100%; }

.pop#pop2 .pop-intro { padding: 5rem 0; }

.pop#pop2 .pop-table { width: 600rem; }

.pop#pop2 .pop-table li span { min-height: 22rem; padding: 7rem 5rem; }

.pop#pop2 .pop-table li span:nth-child(1) { width: 193rem; }

.pop#pop2 .pop-table li span:nth-child(2) { width: 407rem; }

.pop#pop3 .pop-content { align-items: flex-start; }

.pop#pop3 .pop-table1 { width: 600rem; }

.pop#pop3 .pop-table1 li:first-child span { min-height: 66rem; }

.pop#pop3 .pop-table1 li span { min-height: 73rem; padding: 7rem 10rem; }

.pop#pop3 .pop-table1 li span:nth-child(1) { width: 162rem; }

.pop#pop3 .pop-table1 li span:nth-child(2) { width: 230rem; }

.pop#pop3 .pop-table1 li span:nth-child(3) { width: 208rem; }

.pop#pop3 .pop-table2 { width: 540rem; }

.pop#pop3 .pop-table2 li:first-child span { min-height: 66rem; }

.pop#pop3 .pop-table2 li span { flex-direction: column; min-height: 42rem; padding: 0 0rem; }

.pop#pop3 .pop-table2 li span:nth-child(1) { width: 133rem; }

.pop#pop3 .pop-table2 li span:nth-child(2) { width: 407rem; }

.pop#pop3 .pop-table2 li i { display: flex; justify-content: center; align-items: center; width: 100%; height: 42rem; font-style: normal; border-bottom: 1rem solid #97c2ff; }

.pop#pop3 .pop-table2 li i:last-child { border-bottom: none; }

.pop#pop4 .pop-intro { text-align: center; }

.pop#pop4 .pop-content { justify-content: center; }

.pop#pop4 .pop-table { width: 540rem; }

.pop#pop4 .pop-table li span { min-height: 40rem; padding: 7rem 10rem; }

.pop#pop4 .pop-table li span:nth-child(1) { width: 150rem; }

.pop#pop4 .pop-table li span:nth-child(2) { width: 390rem; }

#cyou_bottom { height: auto !important; }