* {margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}

@font-face {
    font-family: 'Gotham';
    src: url('gothambook.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham medium';
    src: url('gotham-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'MyCustomFont', sans-serif;
}

html {}
body {color: #000; font-size: 12px; font-family: 'Gotham';}
img,button {display: block;}
ul {padding-left: 0;}
button {cursor: pointer;}
input, textarea, select {font-family: 'Gotham'; -webkit-text-size-adjust: 100%;}
h1, h2, h3, h4, h5 {font-family: 'Gotham medium';}

.flex {display: -webkit-flex; display: flex;}

.pop-bg {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: rgba(0,0,0,.7); justify-content: center; align-items: center; display: none;}
.pop-bg.show {display: -webkit-flex; display: flex;}
.pop-bg .pop-box {position: relative; width: 1040px; height: 80vh; display: none;}
.pop-bg .pop-box.show {display: -webkit-flex; display: flex;}
.pop-bg .pop-box .pop-close-btn {position: absolute; right: 0; top: -50px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.4); background-image: url("../images/close_icon.png"); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; border-radius: 50%; cursor: pointer;}
.pop-bg .pop-box .pop-left-box {background-color: #000; width: 630px; border-radius: 30px 0 0 30px; overflow: hidden;}
.pop-bg .pop-box .pop-left-box .pop-media-box {justify-content: center; align-items: center; width: 100%; height: 100%; position: relative;}
.pop-bg .pop-box .pop-left-box .pop-media-box > video,.pop-bg .pop-box .pop-left-box .pop-media-box > img {display: block; max-width: 100%; max-height: 100%;}
.pop-bg .pop-box .pop-right-box {flex: 1; padding: 40px 25px 20px; flex-direction: column; justify-content: space-between; border-radius: 0 30px 30px 0; overflow: hidden; background-color: #fff;}
.pop-bg .pop-box .pop-left-box .pop-media-box .media-bottom-box {position: absolute; left: 0; bottom: 0; width: 100%; padding: 30px 40px; background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 12px; letter-spacing: 5%;}
.pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item {margin-bottom: 30px;}
.pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item > h1 {font-size: 28px; margin-bottom: 10px;}
.pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item > p {font-size: 18px; letter-spacing: 5%;}
.pop-bg .pop-box .pop-right-box .pop-right-btns > button {width: 100px; height: 42px; border-radius: 42px; border: 1px solid rgba(0, 0, 0, 1); font-size: 18px; margin-right: 34px; background-color: #fff; cursor: pointer;}
.pop-bg .pop-box#popShare {background-color: #fff; border-radius: 30px; height: 388px; width: 894px; padding: 40px; flex-direction: column;}
.pop-bg .pop-box .pop-title-box {text-align: center; font-family: 'Gotham medium'; font-size: 32px; margin-bottom: 44px;}
.pop-bg .pop-box .pop-links-box {margin-bottom: 35px;}
.pop-bg .pop-box .pop-links-box .pop-links-item {margin: 0 40px; color: #000; text-decoration: none;}
.pop-bg .pop-box .pop-links-box .pop-links-item > img {width: 80px; margin-bottom: 14px;}
.pop-bg .pop-box .pop-links-box .pop-links-item > p {font-size: 16px; font-family: 'Gotham medium'; text-align: center;}
.pop-bg .pop-box .pop-link-copy-box {justify-content: space-between; align-items: center;}
.pop-bg .pop-box .pop-link-copy-box .pop-link-cop-text {padding: 0 38px; height: 58px; line-height: 58px; border-radius: 58px; border: 1px solid #000; width: 630px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pop-bg .pop-box .pop-link-copy-box > button {width: 130px; height: 58px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); border: none; border-radius: 58px; color: #fff; font-size: 24px; cursor: pointer;}
.pop-bg .pop-box#popVote {background-color: #fff; border-radius: 30px; height: 388px; width: 754px; padding: 40px 0 60px; flex-direction: column;}
.pop-bg .pop-box#popVote .pop-title-box {margin-bottom: 70px;}
.pop-bg .pop-box#popVote > p {font-size: 24px; text-align: center; margin-bottom: 93px;}
.pop-bg .pop-box .pop-buttons-box {justify-content: center; align-items: center;}
.pop-bg .pop-box .pop-buttons-box > button {margin: 0 43px; width: 150px; height: 58px; border-radius: 58px; color: #fff; font-size: 24px; background: #BDBDBD; border: none; cursor: pointer;}
.pop-bg .pop-box .pop-buttons-box > button:first-child {background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%);}
.pop-bg .pop-box#popVoteTips {background-color: #fff; border-radius: 30px; height: 268px; width: 754px; padding: 40px 0 60px; flex-direction: column;}
.pop-bg .pop-box#popVoteTips > p {font-size: 24px; text-align: center; line-height: 36px;}
.pop-bg .pop-box#popEmailVer {width: 760px; background-color: #fff; border-radius: 20px; padding: 40px 40px 50px; flex-direction: column; height: auto;}
.pop-bg .pop-box#popEmailVer .pop-title-box {margin-bottom: 50px;}
.pop-bg .pop-box#loading {background-color: #fff; border-radius: 30px; height: 150px; width: 268px; padding: 40px 0 60px; flex-direction: column;}
.pop-bg .pop-box .pop-input-cont {justify-content: space-between; margin-bottom: 24px;}
.pop-bg .pop-box .pop-input-cont .pop-input-box {flex: 1;}
.pop-bg .pop-box .pop-input-cont .pop-input-box > h1 {font-size: 18px; margin-bottom: 12px;}
.pop-bg .pop-box .pop-input-cont .pop-input-box > input {height: 58px; border: 1px solid rgba(153, 153, 153, 1); border-radius: 6px; line-height: 58px; width: 100%; padding: 0 20px;}
.pop-bg .pop-box .pop-input-cont > button {width: 130px; height: 58px; border-radius: 58px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); font-size: 24px; color: #fff; border: none; margin-left: 29px; margin-top: 34px;}
.pop-bg .pop-box#popEmailVer > button {display: block; margin: 44px auto 0; width: 180px; height: 58px; border-radius: 58px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); font-size: 24px; color: #fff; border: none;}
.pop-bg .pop-box#popEmailVer > label {align-items: center;}
.pop-bg .pop-box#popEmailVer > label > input {display: none;}
.pop-bg .pop-box#popEmailVer > label > input+label {display: block; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #666; border-radius: 4px; cursor: pointer;}
.pop-bg .pop-box#popEmailVer > label > input:checked+label {background-image: url("../images/checked_icon.png"); background-size: 100%; background-repeat: no-repeat; border: none;}
.pop-bg .pop-box#popEmailVer > label > p {flex: 1; font-size: 12px; color: #666;}
.pop-bg .pop-box .pop-tips-box {text-align: center; font-size: 10px; color: #999; margin-top: 50px;}
.pop-bg .pop-box#popJudges {background-color: #fff; padding: 40px; gap: 40px; height: 500px;align-items: flex-start;}
.pop-bg .pop-box#popJudges > img {width: 368px;}
.pop-bg .pop-box#popJudges .judges-detail-info {flex: 1; overflow: auto; max-height: 420px;}
.pop-bg .pop-box#popJudges .judges-detail-info > h1 {font-size: 20px; opacity: .95;}
.pop-bg .pop-box#popJudges .judges-detail-info > h2 {font-size: 16px; margin-top: 12px; opacity: .75;}
.pop-bg .pop-box#popJudges .judges-detail-info > p {font-size: 14px; margin-top: 12px; opacity: .75; line-height: 1.57;}
.pop-bg .pop-box#popSampleVideo {max-height: 500px;}
.pop-bg .pop-box .pop-video-box {background-color: #000; justify-content: center; align-items: center; width: 100%;}
.pop-bg .pop-box .pop-video-box > video {max-width: 100%; max-height: 100%;}


#popSwiper .swiper-slide {width: 100%; height: 80vh;}
#popSwiper #popSwiperPrev {left: 20px; background-color: rgba(255, 255, 255, 0.4);}
#popSwiper #popSwiperNext {right: 20px; background-color: rgba(255, 255, 255, 0.4);}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 56px;}
.swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 5px; background-color: #D9D9D9; opacity: 1;}
.swiper-pagination-bullet-active {background-color: #FFAD41; opacity: 1;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 60px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 60px;}
.swiper-button-next {width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; background-image: url("../images/swiper_next_btn.png"); background-repeat: no-repeat;background-size: 8px 13px; background-position: center center;}
.swiper-button-prev {width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; background-image: url("../images/swiper_prev_btn.png"); background-repeat: no-repeat; background-size: 8px 13px; background-position: center center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}

.page {min-height: 100vh;}
.container {max-width: 1200px; margin: 0 auto;}
.page.upload {background-color: #F7F7F7;}

.pcpc {display: block;}
.mmmm {display: none;}

button.white-btn {height: 42px; border: #000 1px solid; border-radius: 42px; background-color: #fff; padding: 0 24px; font-size: 18px; font-family: 'Gotham medium'; display: -webkit-flex; display: flex; justify-content: center; align-items: center; cursor: pointer;}
button.white-btn:after {content: ''; display: block; width: 20px; height: 20px; background-image: url("../images/index_play_btn.png"); background-size: 100%; background-repeat: no-repeat; margin-left: 10px;}
button.orange-btn {height: 42px; border: none; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); color: #fff; border-radius: 42px; padding: 0 24px; font-size: 18px; font-family: 'Gotham medium'; display: -webkit-flex; display: flex; justify-content: center; align-items: center; cursor: pointer;}
button.orange-btn:after {content: ''; display: block; margin-left: 10px; background-image: url("../images/index_upload_btn.png"); width: 19px; height: 19px;}

.page .head {height: 44px; background-color: #fff; border-bottom: #E6E6E6 1px solid;}
.page .head .head-box {justify-content: space-between; align-items: center; height: 44px;}
.page .head .head-box .head-left-box {align-items: center;}
.page .head .head-box .head-left-box img {margin-right: 70px;}
.page .head .head-box .head-left-box .head-nav-box > a {color: #000; text-decoration: none; margin-right: 30px; text-transform: uppercase;}
.page .head .head-box .head-left-box .head-nav-box > a:hover, .page .head .head-box .head-left-box .head-nav-box > a.onthis {color: #e64c3d;}
.page .head .head-box .head-right-box {position: relative; padding-right: 60px;}
.page .head .head-box .head-right-box > button {margin-right: 20px; height: 20px; border-radius: 20px; padding: 0 10px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); color: #fff; font-size: 12px; border: none;}
.page .head .head-box .head-right-box .language-btn {align-items: center; cursor: pointer;}
.page .head .head-box .head-right-box .language-btn:after {content: ''; width: 11px; height: 6px; background-image: url("../images/lang_icon.png"); background-size: 100%; background-repeat: no-repeat; margin-left: 12px; -webkit-transition: all .5s; transition: all .5s;}
.page .head .head-box .head-right-box .language-btn.open:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.page .head .head-box .head-right-box .language-show-box {position: absolute; right: 0; top: 30px; width: 322px; padding: 14px 20px 26px; box-shadow: rgba(0,0,0,.08) 0 4px 4px; display: none; z-index: 2; background-color: #fff;}
.page .head .head-box .head-right-box .language-show-box .language-show-title {text-align: center; font-family: 'Gotham medium'; margin-bottom: 20px; font-size: 14px;}
.page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-title {font-family: 'Gotham medium'; font-size: 14px; margin-bottom: 16px;}
.page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-box {margin-bottom: 8px; flex-wrap: wrap;}
.page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-box > a {font-size: 12px; color: #999999; text-decoration: none; margin-bottom: 16px; margin-right: 16px;}

.page .index-banner {padding: 0;}
.page .index-banner .index-swiper-box {position: relative; width: 100%; height: 627px; justify-content: center; align-items: center; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.page .index-banner .index-swiper-box .banner-box {position: absolute; width: 1200px; color: #fff;}
.page .index-banner .index-swiper-box .banner-box > h1 {font-weight: bold; font-size: 53px; margin-bottom: 56px;}
.page .index-banner .index-swiper-box .banner-box > p {font-size: 24px; line-height: 36px; margin-bottom: 88px;}
.page .index-banner .index-swiper-box .banner-box > p > b {font-weight: normal; font-family: 'Gotham medium';}
.page .index-banner .index-swiper-box .banner-box > button {display: -webkit-flex; display: flex; height: 42px; border-radius: 42px; font-size: 18px; color: #000; padding: 0 24px; align-items: center; cursor: pointer; background-color: #fff; border: none; margin: 200px auto 0;}
.page .index-banner .index-swiper-box .banner-box > button:after {content: ''; width: 20px; height: 20px; background-color: #000; background-image: url("../images/play_icon.png"); background-repeat: no-repeat; background-size: 8px 10px; margin-left: 10px; border-radius: 50%; background-position: center center;}
.page .index-banner .index-swiper-box .banner-box > button:hover {opacity: .6;}
.page .index-banner .index-swiper-box > img {width: 100%; height: 100%; object-fit: cover;}
/*.page .index-banner > img {display: block; margin: 0 auto 76px;}*/
/*.page .index-banner .index-banner-btns {justify-content: center; align-items: center;}*/
/*.page .index-banner .index-banner-btns > button {margin: 0 32px;}*/

.page .float-bottom {position: fixed; background-color: #fff; width: 100%; left: 0; bottom: 0; height: 73px; box-shadow: 0 -6px 10px 0 rgba(0,0,0,.08); align-items: center; z-index: 99;}
.page .float-bottom .container {align-items: center;}
.page .float-bottom .float-bottom-left {font-size: 10px; max-width: 730px;}
.page .float-bottom .float-bottom-left > a {color: #5E76E6;}
.page .float-bottom .float-bottom-right {align-items: center; margin-left: 68px;}
.page .float-bottom .float-bottom-right > a {font-family: 'Gotham medium'; color: #000; cursor: pointer; text-decoration: underline;}
.page .float-bottom .float-bottom-right > a#floatBottom {margin-left: 25px; width: 10px; height: 10px; background-image: url("../images/close.png"); background-size: 100%; background-repeat: no-repeat; font-size: 0;}

.page .index-grey-box {background-color: #F7F7F7; padding: 108px 0 90px;}
.page .index-grey-box h1 {text-align: center; font-size: 40px; font-family: 'Gotham medium'; margin-bottom: 30px;}
.page .index-grey-box p {max-width: 503px; font-size: 14px; line-height: 32px; text-align: center; margin: 0 auto;}

.page .index-white-box {padding-top: 89px; padding-bottom: 30px;}
.page .index-white-box > h1 {text-align: center; font-size: 40px; font-family: 'Gotham medium'; margin-bottom: 60px;}
.page .index-white-box .index-how-submit-cont {justify-content: center; align-items: center;}
.page .index-white-box .index-how-submit-cont .index-how-submit-video-box {width: 548px; height: 308px; border-radius: 10px; overflow: hidden; position: relative; margin: 0 32px; cursor: pointer;}
.page .index-white-box .index-how-submit-cont .index-how-submit-video-box > img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.page .index-white-box .index-how-submit-cont .index-how-submit-video-box:before {content: ''; position: absolute; width: 35px; height: 35px; background-image: url("../images/how_play_icon.png"); background-size: 100% 100%; background-repeat: no-repeat; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; z-index: 2; opacity: .4; -webkit-transition: all .5s; transition: all .5s;}
.page .index-white-box .index-how-submit-cont .index-how-submit-video-box.onthis:before {-webkit-transform: scale(2); transform: scale(2);}
.page .index-white-box .index-how-submit-cont .index-how-submit-text-box {margin: 0 32px; max-width: 462px;}
.page .index-white-box .index-how-submit-cont .index-how-submit-text-box > p {font-size: 12px; line-height: 26px;}
.page .index-white-box .index-how-submit-cont .index-how-submit-text-box > button {margin-top: 40px;}

.page .index-white-box .index-time-line-box {justify-content: space-between; position: relative; margin-bottom: 70px;}
.page .index-white-box .index-time-line-box:before {content: ''; position: absolute; width: 100%; border-bottom: #FFDFB5 3px solid; left: 0; top: 103px;}
.page .index-white-box .index-time-line-box .index-time-line-item {position: relative; width: 290px;}
.page .index-white-box .index-time-line-box .index-time-line-item > p {font-size: 14px; margin-bottom: 83px; text-align: center;}
.page .index-white-box .index-time-line-box .index-time-line-item > span {display: block; width: 14px; height: 14px; background-color: #FF5032; border-radius: 50%; position: relative; margin: 0 auto 42px;}
.page .index-white-box .index-time-line-box .index-time-line-item > h2 {font-size: 24px; text-align: center;}
.page .index-white-box .index-time-line-box .index-time-line-item.onthis:before {content: ''; position: absolute; width: 1px; height: 35px; background-color: #FF5032; top: 28px; left: 50%;}
.page .index-white-box .index-time-line-box .index-time-line-item.onthis > span:before {content: ''; position: absolute; width: 32px; height: 32px; background-color: rgba(255, 80, 50, 0.4); border-radius: 50%; margin-top: -9px; margin-left: -9px;}
.page .index-white-box .index-time-line-box .index-time-line-item.onthis > span:after {content: ''; position: absolute; width: 54px; height: 54px; background-color: rgba(255, 80, 50, 0.15); border-radius: 50%; margin-top: -20px; margin-left: -20px;}
.page .index-white-box .index-time-line-box .index-time-line-item.onthis > h2 {background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); -webkit-background-clip: text; color: transparent; background-clip: text;}
.page .index-white-box > button {margin: 0 auto 40px;}
.page .index-white-box > p {font-size: 10px; text-align: center; max-width: 820px; margin: 0 auto; color: #666666;}

.page .index-white-box .index-prizes-box {justify-content: center;}
.page .index-white-box .index-prizes-box.my {margin-top: 54px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item {width: 526px; height: 270px; background: linear-gradient(254.23deg, rgba(206, 163, 62, 0.8) -3.22%, #EEDA9D 29.81%, #CFA54B 100%); border-radius: 20px; padding: 40px 25px; color: #fff; position: relative; margin: 0 11px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item:after {content: ''; position: absolute; width: 83px; height: 93px; background-image: url("../images/index_prizes_box_bg1.png"); background-size: 100%; background-repeat: no-repeat; right: 54px; bottom: 42px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item > h1 {font-size: 28px; margin-bottom: 14px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item > p {font-size: 20px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot {margin-top: 66px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot > h3 {font-size: 20px; margin-bottom: 6px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot > p {font-size: 14px;}
.page .index-white-box .index-prizes-box .index-prizes-box-item:nth-child(2) {background: linear-gradient(254.23deg, #DC9C63 -3.22%, #EDBF95 37.97%, #D09157 100%);}
.page .index-white-box .index-prizes-box .index-prizes-box-item:nth-child(2):after {width: 93px; height: 93px; background-image: url("../images/index_prizes_box_bg2.png"); background-size: 100%; background-repeat: no-repeat; right: 54px; bottom: 36px;}

.page .index-white-box .index-judges-box {justify-content: center; margin-bottom: 56px;}
.page .index-white-box .index-judges-box .index-judges-box-item {width: 368px; margin: 0 34px; cursor: pointer;}
.page .index-white-box .index-judges-box .index-judges-box-item > img {width: 368px; height: 368px; margin-bottom: 40px; -webkit-transition: all .5s; transition: all .5s;}
.page .index-white-box .index-judges-box .index-judges-box-item > h1 {text-align: center; font-size: 28px; margin-bottom: 30px;}
.page .index-white-box .index-judges-box .index-judges-box-item > p {font-size: 16px; text-align: center;}
.page .index-white-box .index-judges-box .index-judges-box-item.onthis > img {-webkit-transform: scale(1.1); transform: scale(1.1);}

.page .index-disc-box {padding: 170px 0; background-color: rgba(242,242,242,1);}
.page .index-disc-box p {font-size: 12px; letter-spacing: .02em; color: rgba(30,30,30,.5); margin: 0 64px; line-height: 1.67;}

.page .bottom-box {margin-top: 200px; background-color: #f9f9f9;}
.page .bottom-box .bottom-menu-box { border-bottom: 1px solid #eee;}
.page .bottom-box .bottom-menu-box .container {justify-content: space-between;}
.page .bottom-box .bottom-menu-box .bottom-menu-items {flex: 1; padding: 40px 16px 0 16px; border-right: 1px solid #eee; box-sizing: border-box;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child {border-right: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-items .bottom-menu-item {margin-bottom: 40px;}
.page .bottom-box .bottom-menu-box .bottom-menu-item > a {font-size: 16px; font-family: 'Gotham medium'; color: #111; text-decoration: none; margin-bottom: 24px; display: block;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links {flex-direction: column; align-items: flex-start;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a {position: relative; display: inline-flex; margin-bottom: 12px; font-size: 14px; line-height: 20px; color: rgba(17,17,17,0.7); text-decoration: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a:first-child {display: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a:after {display: block; content: ' '; position: absolute; bottom: 0; width: 0; height: 1px; background-color: rgba(17,17,17,0.7); left: 50%; -webkit-transition: all .5s; transition: all .5s;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a:hover:after {width: 100%; left: 0;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item {border-right: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links {margin-bottom: 16px;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links > a {position: relative; display: inline-block; margin: 0 16px 16px 0; width: 32px; height: 32px;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links > a > svg {display: flex; width: 100%; height: 100%;}
.page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links > a:after {display: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-item > a.last {display: inline-block; font-size: 14px; line-height: 20px; color: rgba(17, 17, 17, 0.7); text-decoration: underline; cursor: pointer; font-family: 'Gotham';}
.page .bottom-box .bottom-logo-box {border-bottom: 1px solid #eee;}
.page .bottom-box .bottom-logo-box .container {padding-left: 16px; min-height: 64px; justify-content: space-between; align-items: center;}
.page .bottom-box .bottom-logo-box .container > a:nth-child(2) {margin-left: 4px; margin-right: 16px; font-size: 12px; line-height: 18px; color: #000; text-decoration: none;}
.page .bottom-box .bottom-logo-box .container > a:nth-child(2):before {content: "\e844"; font-size: 24px; margin-right: 4px;}
.page .bottom-box .bottom-links-box {justify-content: space-between; padding: 23px 16px 59px 16px;}
.page .bottom-box .bottom-links-box .bottom-links-left > a {display: inline-block; margin-right: 16px; font-size: 12px; color: rgba(0, 0, 0, 0.7); line-height: 18px; margin-bottom: 4px; text-decoration: none;}
.page .bottom-box .bottom-links-box .copyright {font-size: 12px; color: rgba(0, 0, 0, 0.4); display: inline-block;margin-bottom: 4px; line-height: 18px;}

.page .moments-show-box {padding-top: 90px;}
.page .moments-show-box .moments-title-box {align-items: center; justify-content: center; position: relative; margin-bottom: 90px;}
.page .moments-show-box .moments-title-box > h1 {font-size: 40px; font-family: 'Gotham medium';}
.page .moments-show-box .moments-title-box .moments-title-input {height: 48px; border: 1px solid #D1D1D1; position: absolute; right: 0; border-radius: 48px; align-items: center;}
.page .moments-show-box .moments-title-box .moments-title-input > input {flex: 1; padding: 0 26px; font-size: 12px; border: none; background: none;}
.page .moments-show-box .moments-title-box .moments-title-input > input:focus {outline: none;}
.page .moments-show-box .moments-title-box .moments-title-input > img {width: 28px; height: 25px; margin-right: 10px; cursor: pointer;}
.page .moments-show-box .moments-list-box {margin-bottom: 30px;}
.page .moments-show-box .moments-list-box .moments-list-item {max-width: 216px; margin-bottom: 50px; cursor: pointer; position: relative;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media {position: relative;}
.page .moments-show-box .moments-list-box .moments-list-item.video:before {content: ''; position: absolute; top: 12px; right: 12px; width: 20px; height: 20px; background-image: url("../images/item_play_btn.png"); background-size: 100%; background-repeat: no-repeat; z-index: 2;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media > img {max-width: 100%; border-radius: 12px; margin-bottom: 10px;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media > span {position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg3.png"); background-size: 25%; background-repeat: no-repeat; background-position: 50% 15px; left: 0; top: 0; display: none;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media.olympic > span {display: block;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media.olympic:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg1.png"); background-size: 8%; background-position: 8px 8px; background-repeat: no-repeat; left: 0; top: 0;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media.olympic:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg2.png"); background-size: 8%; background-position: calc(100% - 8px) calc(100% - 8px); background-repeat: no-repeat; left: 0; top: 0;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media.Standard:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg1.png"); background-size: 85%; background-position: 50% 5%; background-repeat: no-repeat; left: 0; top: 0;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media.Standard:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg2.png"); background-size: 85%; background-position: 50% 98%; background-repeat: no-repeat; left: 0; top: 0;}
.page .moments-show-box .moments-list-box .moments-list-item.video .moments-list-item-media.Standard:before { background-position: 50% 12%;}
.page .moments-show-box .moments-list-box .moments-list-item.video .moments-list-item-media.Standard:after {background-position: 50% 90%;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info {padding: 0 18px;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > p {font-size: 12px; padding: 10px 0;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > p:last-child {padding: 0;}
.page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > h1 {font-size: 18px; font-family: 'Gotham medium';}
.page .moments-show-box > a {text-align: center; color: rgba(51, 51, 51, 1); font-size: 16px; display: block; cursor: pointer;}
.page .moments-show-box > p {text-align: center; color: rgba(51, 51, 51, 1); font-size: 16px;}
.page .moments-show-box .moments-choose-box {margin: 0 auto 90px; width: 620px; border: 0.5px solid rgba(255, 76, 50, 1); padding: 3px; border-radius: 60px; justify-content: space-between; align-items: center;}
.page .moments-show-box .moments-choose-box .moments-choose-item {padding: 0 34px; height: 54px; line-height: 54px; border-radius: 54px; background: #fff; color: #333; text-align: center; font-size: 20px; font-family: 'Gotham medium'; cursor: pointer;}
.page .moments-show-box .moments-choose-box .moments-choose-item.onthis {background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); color: #fff;}
.page .moments-show-box .moments-title-box .moments-choose-mobile-box {display: none;}

.page .upload-box {padding-top: 66px;}
.page .upload-box > h1 {text-align: center; font-family: 'Gotham medium'; font-size: 40px; margin-bottom: 60px;}
.page .upload-box .upload-basic-info-box {width: 1072px; height: auto; background-color: #fff; border-radius: 16px; padding: 20px 36px 0 30px; margin: 0 auto 40px; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item {margin-bottom: 20px;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item:first-child {width: 100%; margin-bottom: 0;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item:first-child > input {width: 100%;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item > h1 {font-size: 18px; margin-bottom: 12px;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item > h1:after {content: '*'; color: #f00; margin-left: 10px;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item > input {width: 478px; height: 50px; border: 1px solid #999; border-radius: 6px; font-size: 14px; padding: 0 16px;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item.select {position: relative;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item > select {position: absolute; top: 31px; left: 0; opacity: 0; width: 100%; height: 50px; padding: 10px;}
.page .upload-box .upload-basic-info-box .upload-basic-info-item > select > option {font-family: 'Gotham'; font-size: 18px;}
.page .upload-box .upload-basic-info-box > p {font-size: 14px; color: #666; padding-top: 12px; width: 100%; margin-bottom: 20px;}
.page .upload-box .upload-content-box {width: 1072px; background-color: #fff; border-radius: 16px; padding: 40px 29px 49px 36px; margin: 0 auto 80px; justify-content: space-between; flex-wrap: wrap;}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box {margin-bottom: 54px}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box:last-child {margin-bottom: 0;}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box > h1 {font-size: 24px;}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box .upload-type-choose-item {width: 222px; height: 100px; line-height: 100px; border: 1px solid #000; font-size: 18px; text-align: center; margin-top: 20px; border-radius: 10px; cursor: pointer;}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box .upload-type-choose-item.onthis {border: 1px solid #FF4C32; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); -webkit-background-clip: text; color: transparent; background-clip: text;}
.page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box .upload-type-choose-item.type {height: 80px; line-height: 80px;}
.page .upload-box .upload-content-box .upload-content-up-box {padding-top: 17px;}
.page .upload-box .upload-content-box .upload-content-up-box > h1 {font-size: 18px; margin-bottom: 10px;}
.page .upload-box .upload-content-box .upload-content-up-box > h1.upload {display: none;}
.page .upload-box .upload-content-box .upload-content-up-box > h1:after {content: '*'; color: #f00; margin-left: 10px;}
.page .upload-box .upload-content-box .upload-content-up-box > input {width: 743px; height: 50px; border: 1px solid #999; border-radius: 6px; padding: 0 16px; margin-bottom: 22px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area {position: relative; background-color: #E8E8E8; border-radius: 10px; background-image: url("../images/standard_upload_bg.png"); background-size: 603px 382px; background-repeat: no-repeat; background-position: center center; width: 743px; height: 438px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic {background-image: url("../images/olympic_upload_bg3.png"); background-size: 145px 45px; background-repeat: no-repeat; background-position: center 32px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic:before {content: ''; position: absolute; width: 73px; height: 73px; background-image: url("../images/olympic_upload_bg1.png"); background-size: 100%; background-repeat: no-repeat; left: 32px; top: 32px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic:after {content: ''; position: absolute; width: 73px; height: 73px; background-image: url("../images/olympic_upload_bg2.png"); background-size: 100%; background-repeat: no-repeat; right: 32px; bottom: 32px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area .upload-content-up-area-bg {position: absolute; left: 50%; top: 182px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area .upload-content-up-area-bg > img {display: block; margin: 0 auto 20px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area > input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; opacity: 0; cursor: pointer;}
.page .upload-box > button {padding: 0 34px; height: 54px; border-radius: 54px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); font-size: 18px; color: #fff; border: none; margin: 0 auto 80px; cursor: pointer;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.stepTwo {background-image: none; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box {position: relative; display: none;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box > img {border-radius: 10px; max-width: 100%; max-height: 438px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn {position: absolute; width: 32px; height: 32px; right: -38px; top: -38px; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; background-image: url("../images/close_icon.png"); background-size: 14px 14px; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn.height-top {top: 14px; right: -46px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn.width-top {right: 14px; top: -46px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .logo-box {position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg3.png"); background-size: 30%; background-repeat: no-repeat; background-position: 50% 13px; left: 0; top: 0; display: none;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box.olympic .logo-box {display: block;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box.olympic:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg1.png"); background-size: 8%; background-position: 15px 15px; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box.olympic:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg2.png"); background-size: 8%; background-position: calc(100% - 15px) calc(100% - 15px); background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box.Standard:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg1.png"); background-size: 85%; background-position: 50% 10%; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box.Standard:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg2.png"); background-size: 85%; background-position: 50% 90%; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-tips-box {text-align: center; line-height: 20px;}
.page .upload-box .upload-tips-box > h1 {font-size: 14px;}
.page .upload-box .upload-tips-box > p {font-size: 12px;}

.page .upload-success-box {justify-content: center; align-items: center; width: 1072px; border-radius: 16px; background-color: #fff; padding-top: 74px; padding-bottom: 95px; margin: 0 auto;}
.page .upload-success-box .upload-success-info {margin-left: 30px;}
.page .upload-success-box .upload-success-info > h1 {font-size: 24px;}
.page .upload-success-box .upload-success-info > p {font-size: 14px; line-height: 36px;}

.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box {display: none;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > h1 {font-size: 18px; margin-bottom: 10px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > h1.upload1 {display: none;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > h1:after {content: '*'; color: #f00;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > textarea {height: 141px; padding: 16px 20px; border: 1px solid #999; width: 100%; border-radius: 6px; font-family: 'Gotham';}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list {justify-content: space-between; margin-top: 15px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item {width: 136px; height: 241px; border-radius: 10px; background-color: #E8E8E8; background-image: url("../images/upload_image_bg.png"); background-size: 100%; background-repeat: no-repeat; position: relative;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-oss-btn{width: 136px; height: 241px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item > input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; cursor: pointer;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show {position: relative; width: 100%; height: 100%; background-color: #000; justify-content: center; align-items: center; border-radius: 10px; overflow: hidden;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img {position: relative;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img > span {position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg3.png"); background-size: 36%; background-repeat: no-repeat; background-position: 50% 16px; left: 0; top: 0; display: none;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img > img {max-width: 100%; max-height: 241px;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.olympic > span {display: block;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.olympic:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg1.png"); background-size: 12%; background-position: 10px 10px; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.olympic:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg2.png"); background-size: 12%; background-position: calc(100% - 10px) calc(100% - 10px); background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.Standard:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg1.png"); background-size: 85%; background-position: 50% 18%; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.Standard:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg2.png"); background-size: 85%; background-position: 50% 88%; background-repeat: no-repeat; left: 0; top: 0;}
.page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-cancel {position: absolute; width: 20px; height: 20px; background-color: rgba(255, 255, 255, 0.4); border-radius: 50%; top: 10px; right: 10px; background-image: url("../images/close_icon.png"); background-size: 8px 8px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}

.page .my-box {padding-top: 66px;}
.page .my-box > h1 {font-size: 40px; text-align: center; margin-bottom: 60px;}
.page .my-box .my-life-email-box {margin: 0 auto; width: 1072px; height: 661px; background-color: #fff; padding: 100px 196px 48px; border-radius: 16px;}
.page .my-box .my-life-email-box .my-life-email-title {margin-bottom: 50px; font-size: 32px; text-align: center; font-family: 'Gotham medium';}
.page .my-box .my-life-email-box .my-life-email-input-cont {justify-content: space-between; margin-bottom: 24px;}
.page .my-box .my-life-email-box .my-life-email-input-cont .my-life-email-input-box {flex: 1;}
.page .my-box .my-life-email-box .my-life-email-input-cont .my-life-email-input-box > h1 {font-size: 18px; margin-bottom: 12px;}
.page .my-box .my-life-email-box .my-life-email-input-cont .my-life-email-input-box > input {height: 58px; border: 1px solid rgba(153, 153, 153, 1); border-radius: 6px; line-height: 58px; width: 100%; padding: 0 20px;}
.page .my-box .my-life-email-box .my-life-email-input-cont > button {width: 130px; height: 58px; border-radius: 58px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); font-size: 24px; color: #fff; border: none; margin-left: 29px; margin-top: 34px;}
.page .my-box .my-life-email-box > label {align-items: center;}
.page .my-box .my-life-email-box > label > input {display: none;}
.page .my-box .my-life-email-box > label > input+label {display: block; width: 18px; height: 18px; margin-right: 10px; border: 1px solid #666; border-radius: 4px; cursor: pointer;}
.page .my-box .my-life-email-box > label > input:checked+label {background-image: url("../images/checked_icon.png"); background-size: 100%; background-repeat: no-repeat; border: none;}
.page .my-box .my-life-email-box > label > p {flex: 1; font-size: 12px; color: #666;}
.page .my-box .my-life-email-box > button {display: block; margin: 44px auto 0; width: 180px; height: 58px; border-radius: 58px; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); font-size: 24px; color: #fff; border: none;}
.page .my-box .my-life-email-box .my-life-email-tips-box {text-align: center; font-size: 10px; color: #999; margin-top: 50px;}

.page .my-box .user-info-box {justify-content: space-between; align-items: center; margin-bottom: 70px;}
.page .my-box .user-info-box .user-info > p {font-size: 20px; margin-bottom: 20px; font-family: 'Gotham medium';}
.page .my-box .user-info-box > button {width: 107px; height: 39px; font-size: 16px; border: 1px solid rgba(0, 0, 0, 1); border-radius: 39px; background-color: rgba(247, 247, 247, 1);}
.page .my-box .my-pro-list .my-pro-list-item {max-width: 216px; margin-bottom: 30px; position: relative;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img {position: relative;}
.page .my-box .my-pro-list .my-pro-list-item.video:before {position: absolute; content: ''; width: 8px; height: 10px; background-image: url("../images/play_icon.png"); background-size: 100%; background-repeat: no-repeat; top: 16px; right: 16px; z-index: 2;}
.page .my-box .my-pro-list .my-pro-list-item:after {position: absolute; top: 10px; left: 10px; height: 20px; line-height: 20px; border-radius: 20px; padding: 0 10px; font-size: 10px;}
.page .my-box .my-pro-list .my-pro-list-item.yellow:after {content: 'Under Review'; background-color: #FFE100; color: #5A2222;}
.page .my-box .my-pro-list .my-pro-list-item.green:after {content: 'Approved'; background-color: #0BC226; color: #fff;}
.page .my-box .my-pro-list .my-pro-list-item.red:after {content: 'Rejected'; background-color: #FF0000; color: #fff;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img.Standard:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg1.png"); background-size: 85%; background-position: 50% 11px; background-repeat: no-repeat; left: 0; top: 0;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img.Standard:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/standard_upload_bg2.png"); background-size: 85%; background-position: 50% 95%; background-repeat: no-repeat; left: 0; top: 0;}
.page .my-box .my-pro-list .my-pro-list-item.video .my-pro-list-item-img.Standard:before {background-position: 50% 40px;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img > span {position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg3.png"); background-size: 35%; background-repeat: no-repeat; background-position: 50% 15px; left: 0; top: 0; display: none;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img.olympic > span {display: block;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img.olympic:before {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg1.png"); background-size: 12%; background-position: 15px 10px; background-repeat: no-repeat; left: 0; top: 0;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-img.olympic:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url("../images/olympic_upload_bg2.png"); background-size: 12%; background-position: calc(100% - 15px) calc(100% - 15px); background-repeat: no-repeat; left: 0; top: 0;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info {padding: 20px 18px;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > p {margin-bottom: 20px;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > p:nth-child(2) {font-size: 13px;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > button {width: 85px; height: 31px; border-radius: 31px; background-color: #FFAB3F; border: none; margin-bottom: 20px; font-size: 16px; color: #fff;}
.page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > button:last-child {background-color: #FF0000;}
.page .my-box .my-pro-empty {padding-top: 142px;}
.page .my-box .my-pro-empty > p {text-align: center; font-size: 16px; line-height: 30px; font-family: 'Gotham medium';}
.page .my-box .my-pro-empty > p > a {color: #5E76E6;}

.page .index-white-box > p {font-size: 20px; line-height: 30px; text-align: center;}
.page .index-white-box > p.time-line-text, .page .index-white-box > p.judges-text {font-size: 10px; line-height: 100%; color: #999;}

.page .faq-box {padding-top: 66px;}
.page .faq-box > h1 {font-size: 40px; text-align: center;}
.page .faq-box .faq-cont {margin-top: 60px; align-items: flex-start;}
.page .faq-box .faq-cont .faq-left-box {background-color: #fff; width: 379px; border-radius: 16px; padding: 40px 30px;}
.page .faq-box .faq-cont .faq-left-box > h1 {font-size: 28px; margin-bottom: 52px;}
.page .faq-box .faq-cont .faq-left-box .faq-question-item {height: 46px; font-size: 16px; cursor: pointer; position: relative; display: -webkit-flex; display: flex; align-items: center; margin-bottom: 10px;}
.page .faq-box .faq-cont .faq-left-box .faq-question-item.onthis {background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); -webkit-background-clip: text; color: transparent; background-clip: text;}
.page .faq-box .faq-cont .faq-left-box .faq-question-item.onthis:after {content: ''; position: absolute; width: 8px; height: 46px; background: linear-gradient(180deg, #FF4931 -8.33%, #FFAE3F 100%); right: -30px; top: 0;}
.page .faq-box .faq-cont .faq-left-box .faq-question-item > p:nth-child(n+2) {display: none;}
.page .faq-box .faq-cont .faq-right-box {background-color: #fff; flex: 1; margin-left: 8px; height: 682px; border-radius: 16px; padding: 40px 56px;}
.page .faq-box .faq-cont .faq-right-box > h1 {font-size: 24px; margin-bottom: 25px;}
.page .faq-box .faq-cont .faq-right-box > p {font-size: 14px; line-height: 20px;}
.page .faq-box .faq-cont .faq-right-box > p.level-one {padding-left: 20px; position: relative;}
.page .faq-box .faq-cont .faq-right-box > p.level-one span {position: absolute; left: 0;}

.page .head .head-mobile-box {display: none;}
.page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-title {display: none;}
.page .upload-box .upload-basic-title {display: none;}

.page .tc-text > p {font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 20px; max-width: 100%; color: #333;}
.page .tc-text > p a {font-style: italic;}
.page .tc-text > p b {font-family: 'Gotham medium';}
.page .tc-text > p.level-one {padding-left: 30px; position: relative;}
.page .tc-text > p.level-one span {position: absolute; left: 0;}
.page .tc-text > p.level-two {padding-left: 60px; position: relative;}
.page .tc-text > p.level-two span {position: absolute; left: 30px;}
.page .tc-text > p.level-three {padding-left: 70px; position: relative;}
.page .tc-text > p.level-three span {position: absolute; left: 60px;}
.page .tc-text > table {border: #000 1px solid; margin-bottom: 20px;}
.page .tc-text > table tr > td {border: #000 1px solid; text-align: center; padding: 10px;}
.page .tc-text > table tr > th {background-color: #333; color: #fff; padding: 10px;}


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

    body {font-size: .24rem;}

    .pop-bg .pop-box {width: 100vw; height: 80vh; flex-direction: column;}
    .pop-bg .pop-box .pop-close-btn {width: .72rem; height: .72rem; background-size: .32rem .32rem; right: .6rem; top: -1.02rem;}
    .pop-bg .pop-box .pop-left-box {width: 100%; border-radius: 0; height: 7rem;}
    .pop-bg .pop-box .pop-left-box .pop-media-box .media-bottom-box {display: none;}
    .pop-bg .pop-box .pop-right-box {padding: .4rem .4rem .78rem; border-radius: 0; position: relative;}
    .pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item {margin-bottom: .24rem;}
    .pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item > h1 {font-size: .36rem; margin-bottom: .09rem;}
    .pop-bg .pop-box .pop-right-box .pop-right-info .pop-right-info-item > p {font-size: .26rem;}
    .pop-bg .pop-box .pop-right-box .pop-right-btns {position: absolute; bottom: .78rem; right: .4rem;}
    .pop-bg .pop-box .pop-right-box .pop-right-btns > button {width: 1.58rem; height: .56rem; margin-right: 0; margin-left: .4rem; font-size: .3rem;}
    .pop-bg .pop-box#popShare, .pop-bg .pop-box#popVote, .pop-bg .pop-box#popVoteTips {width: 5.9rem; border-radius: .2rem; height: auto; padding: .4rem .23rem;}
    .pop-bg .pop-box#popShare .pop-close-btn, .pop-bg .pop-box#popVote .pop-close-btn, .pop-bg .pop-box#popVoteTips .pop-close-btn, .pop-bg .pop-box#popEmailVer .pop-close-btn {left: 50%; top: initial; bottom: -1.12rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    .pop-bg .pop-box .pop-title-box {font-size: .4rem; margin-bottom: .34rem;}
    .pop-bg .pop-box .pop-links-box {margin-bottom: .36rem; justify-content: center;}
    .pop-bg .pop-box .pop-links-box .pop-links-item {margin: 0 .22rem;}
    .pop-bg .pop-box .pop-links-box .pop-links-item > img {width: .8rem; height: .8rem; margin: 0 auto .14rem;}
    .pop-bg .pop-box .pop-links-box .pop-links-item > p {font-size: .16rem;}
    .pop-bg .pop-box .pop-link-copy-box {flex-direction: column;}
    .pop-bg .pop-box .pop-link-copy-box .pop-link-cop-text {width: 100%; height: .58rem; line-height: .58rem; padding: 0 .2rem; font-size: .24rem; margin-bottom: .4rem;}
    .pop-bg .pop-box .pop-link-copy-box > button {width: 1.51rem; height: .56rem; font-size: .3rem;}
    .pop-bg .pop-box#popVote .pop-title-box {margin-bottom: .4rem;}
    .pop-bg .pop-box#popVote > p {font-size: .28rem; line-height: .5rem; max-width: 4.34rem; margin: 0 auto .4rem;}
    .pop-bg .pop-box .pop-buttons-box > button {width: 1.54rem; height: .58rem; margin: 0 .35rem; font-size: .24rem;}
    .pop-bg .pop-box#popVoteTips > p {font-size: .28rem; line-height: .5rem; max-width: 4.8rem; margin: 0 auto .2rem;}
    .pop-bg .pop-box#popEmailVer {padding: .4rem .3rem .8rem; width: 5.9rem;}
    .pop-bg .pop-box#popEmailVer .pop-title-box {margin-bottom: .4rem;}
    .pop-bg .pop-box#popShare, .pop-bg .pop-box#loading, .pop-bg .pop-box#loading {width: 5.9rem; border-radius: .2rem; height: auto; padding: .4rem .23rem;}
    .pop-bg .pop-box .pop-input-cont {margin-bottom: .4rem; flex-direction: column;}
    .pop-bg .pop-box .pop-input-cont .pop-input-box > h1 {font-size: .28rem; margin-bottom: .2rem;}
    .pop-bg .pop-box .pop-input-cont .pop-input-box > input {height: .58rem; border-radius: .06rem; line-height: .58rem; font-size: .2rem; padding: 0 .2rem;}
    .pop-bg .pop-box .pop-input-cont > button {margin: .3rem auto .2rem; width: 1.14rem; height: .56rem; font-size: .3rem;}
    .pop-bg .pop-box#popEmailVer > label {align-items: flex-start;}
    .pop-bg .pop-box#popEmailVer > label > input+label {width: .26rem; height: .26rem; margin-right: .23rem;}
    .pop-bg .pop-box#popEmailVer > label > p {font-size: .2rem;}
    .pop-bg .pop-box#popEmailVer > button {width: 1.8rem; height: .56rem; font-size: .3rem; margin: .8rem auto 0;}
    .pop-bg .pop-box .pop-tips-box {font-size: .18rem; padding-left: .49rem; padding-right: 0.49rem; margin-top: .7rem; text-align: left;}
    .pop-bg .pop-box#popJudges {padding: .4rem; gap: .4rem; height: auto;}
    .pop-bg .pop-box#popJudges > img {max-width: 100%;}
    .pop-bg .pop-box#popJudges .judges-detail-info {max-height: 30vh;}
    .pop-bg .pop-box#popSampleVideo {max-height: 30vh;}
    .pop-bg .pop-box .pop-video-box {height: 100%;}

    #popSwiper .swiper-slide {height: 7rem;}

    .pcpc {display: none;}
    .mmmm {display: block;}

    .container {max-width: 100%; margin: 0 .4rem;}

    .page .head {height: auto; border-bottom: none;}
    .page .head .head-box {height: 1.4rem;}
    .page .head .head-box .head-left-box img {margin-right: 0;}
    .page .head .head-box .head-left-box .head-nav-box {display: none;}
    .page .head .head-box .head-right-box {padding-right: 0; position: static; flex-wrap: wrap; justify-content: flex-end; flex-direction: column-reverse;}
    .page .head .head-box .head-right-box .language-btn {margin-bottom: .2rem;}
    .page .head .head-box .head-right-box > button {margin-right: 0; height: .42rem; border-radius: .42rem; padding: 0 .2rem;}
    .page .head .head-box .head-right-box .language-show-box {padding: .5rem .4rem 1rem; width: 100%; left: 0; top: 1.4rem;}
    .page .head .head-box .head-right-box .language-show-box .language-show-title {font-size: .36rem; margin-bottom: .9rem;}
    .page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-title {font-size: .3rem; margin-bottom: .3rem;}
    .page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-box {margin-bottom: 1rem; gap: .3rem}
    .page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-box:last-child {margin-bottom: 0;}
    .page .head .head-box .head-right-box .language-show-box .language-show-list .language-show-list-box > a {font-size: .26rem; width: 100%; margin-right: 0; margin-bottom: 0;}
    .page .head .head-mobile-box {display: -webkit-flex; display: flex; height: .82rem; justify-content: space-between; align-items: center;}
    .page .head .head-mobile-box .head-mobile-nav {font-size: .28rem; align-items: center; font-family: 'Gotham medium'; text-transform: uppercase; flex: 1;}
    .page .head .head-mobile-box .head-mobile-nav:after {content: ''; width: .22rem; height: .12rem; background-image: url("../images/lang_icon.png"); background-size: 100%; background-repeat: no-repeat; margin-left: .26rem; -webkit-transition: all .5s; transition: all .5s;}
    .page .head .head-mobile-box .head-mobile-nav.open:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .page .head .head-mobile-box > a {width: 1.42rem; height: .42rem; background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); display: -webkit-flex; display: flex; align-items: center; font-size: .18rem; color: #fff; justify-content: center; border: none; border-radius: .42rem; text-decoration: none; margin-left: .3rem;}
    .page .head .head-mobile-box > a:after {content: ''; display: block; margin-left: .1rem; background-image: url("../images/index_upload_btn.png"); width: .19rem; height: .19rem; background-size: 100%; background-repeat: no-repeat;}
    .page.upload .head .head-mobile-box > button {display: none;}
    .page .head .head-mobile-box .head-mobile-nav-list {position: absolute; background-color: #fff; width: 100%;padding: .3rem .4rem .5rem; left: 0; top: 2.22rem; display: none; z-index: 2;}
    .page .head .head-mobile-box .head-mobile-nav-list > a {display: block; font-size: .22rem; margin-bottom: .54rem; color: #666; text-decoration: none; text-transform: uppercase;}
    .page .head .head-mobile-box .head-mobile-nav-list > a:last-child {margin-bottom: 0;}
    .page .head .head-mobile-box .head-mobile-nav-list > a.onthis {color: #000;}

    .swiper-button-prev {display: none;}
    .swiper-button-next {display: none;}
    .swiper-pagination-bullet {width: .6rem; height: .04rem; border-radius: 0;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .03rem;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: .4rem;}

    .page .index-banner .index-swiper-box {height: 9.2rem;}
    .page .index-banner .index-swiper-box .banner-box {width: 100%; padding: 0 .4rem;}
    .page .index-banner .index-swiper-box .banner-box > h1 {font-size: .53rem; margin-bottom: .56rem;}
    .page .index-banner .index-swiper-box .banner-box > p {font-size: .24rem; line-height: .36rem; margin-bottom: .88rem;}
    .page .index-banner .index-swiper-box .banner-box > button {height: .65rem; padding: 0 .3rem; top: 5.42rem; font-size: .24rem;}
    .page .index-banner .index-swiper-box .banner-box > button:after {width: .28rem; height: .28rem; margin-left: .12rem; background-size: .08rem .1rem;}

    .page .index-grey-box {padding: .9rem 0;}
    .page .index-grey-box h1 {font-size: .7rem; margin-bottom: .8rem; text-align: left;}
    .page .index-grey-box p {max-width: 100%; font-size: .24rem; line-height: .46rem; text-align: left;}

    .page .index-white-box {padding: .9rem 0 .3rem;}
    .page .index-white-box > h1 {font-size: .7rem; margin-bottom: .77rem; text-align: left;}
    .page .index-white-box .index-time-line-box {margin-bottom: .8rem; flex-direction: column; padding: .34rem 0 .47rem; gap: 1.72rem;}
    .page .index-white-box .index-time-line-box:before {width: 0; height: 100%; border-bottom: none; border-left: #FFDFB5 3px solid; left: .26rem; top: 0;}
    .page .index-white-box .index-time-line-box .index-time-line-item {display: -webkit-flex; display: flex; flex-direction: column-reverse; padding-left: 1.14rem;}
    .page .index-white-box .index-time-line-box .index-time-line-item > span {position: absolute; width: .14rem; height: .14rem; top: .22rem; left: .21rem; margin: 0; display: none;}
    .page .index-white-box .index-time-line-box .index-time-line-item.onthis:before {width: .4rem; height: 1px; top: .29rem; left: .6rem;}
    .page .index-white-box .index-time-line-box .index-time-line-item.onthis > span {display: block;}
    .page .index-white-box .index-time-line-box .index-time-line-item.onthis > span:before {width: .32rem; height: .32rem; margin-top: -.09rem; margin-left: -.09rem;}
    .page .index-white-box .index-time-line-box .index-time-line-item.onthis > span:after {width: .54rem; height: .54rem; margin-top: -.2rem; margin-left: -.2rem;}
    .page .index-white-box .index-time-line-box .index-time-line-item > p {text-align: left; font-size: .22rem; margin-bottom: 0;}
    .page .index-white-box .index-time-line-box .index-time-line-item > h2 {text-align: left; font-size: .4rem; margin-bottom: .21rem;}
    .page .index-white-box > p.time-line-text, .page .index-white-box > p.judges-text {font-size: .2rem; text-align: left;}

    .page .index-white-box .index-how-submit-cont {flex-direction: column;}
    .page .index-white-box .index-how-submit-cont .index-how-submit-video-box {width: 100%; height: auto; margin: 0 0 .4rem; border-radius: 0;}
    .page .index-white-box .index-how-submit-cont .index-how-submit-video-box > img {position: static; height: 3.76rem;}
    .page .index-white-box .index-how-submit-cont .index-how-submit-text-box {max-width: 100%; margin: 0;}
    .page .index-white-box .index-how-submit-cont .index-how-submit-text-box > p {font-size: .24rem; line-height: .36rem;}
    .page .index-white-box .index-how-submit-cont .index-how-submit-text-box > button {margin-top: .6rem;}

    .page .index-white-box .index-prizes-box {flex-direction: column; gap: .39rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item {width: 100%; margin: 0; height: 3.24rem; padding: .4rem .3rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item:after {width: 1.33rem; height: 1.49rem; right: .4rem; bottom: .21rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item:nth-child(2):after {width: 1.5rem; height: 1.5rem; right: .4rem; bottom: .21rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item > h1 {font-size: .38rem; margin-bottom: .2rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item > p {font-size: .3rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot {margin-top: .73rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot > h3 {font-size: .3rem; margin-bottom: .1rem;}
    .page .index-white-box .index-prizes-box .index-prizes-box-item .index-prizes-box-item-bot > p {font-size: .22rem;}

    .page .index-white-box .index-judges-box {flex-direction: column; margin-bottom: .5rem; gap: .6rem;}
    .page .index-white-box .index-judges-box .index-judges-box-item {width: 100%; margin: 0;}
    .page .index-white-box .index-judges-box .index-judges-box-item > img {width: 100%; height: auto; margin-bottom: .4rem;}
    .page .index-white-box .index-judges-box .index-judges-box-item > h1 {font-size: .4rem; margin-bottom: .2rem; text-align: left;}
    .page .index-white-box .index-judges-box .index-judges-box-item > p {font-size: .28rem; line-height: .4rem; text-align: left;}

    .page .index-disc-box {background-color: #F7F7F7; padding: .9rem .6rem; margin: .9rem 0 0;}
    .page .index-disc-box > h1 {font-size: .24rem; margin-bottom: .4rem;}
    .page .index-disc-box > p {font-size: .2rem; margin: 0 0 .2rem;}

    .page .float-bottom {height: auto; padding: .4rem .2rem .3rem;}
    .page .float-bottom .container {flex-direction: column; align-items: flex-end;}
    .page .float-bottom .float-bottom-left {max-width: 100%; font-size: .24rem; line-height: .4rem;}
    .page .float-bottom .float-bottom-right {margin-top: .55rem; margin-left: 0; font-size: .28rem;}
    .page .float-bottom .float-bottom-right > a {font-size: .28rem;}
    .page .float-bottom .float-bottom-right > a#floatBottom {font-size: .28rem; margin-left: .5rem; width: auto; height: auto; background: none; text-decoration: underline;}

    .page .bottom-box {margin-top: 1.66rem;}
    .page .bottom-box .bottom-menu-box .container {flex-direction: column; margin: 0;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items {border-right: none; border-bottom: 1px solid #f0f0f0; padding: 0;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items .bottom-menu-item {margin-bottom: 0;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item > a {display: none;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-title {position: relative; display: block; padding: 16px 56px 16px 20px; font-size: 16px; line-height: 24px; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; font-family: 'Gotham medium',"iconfont" !important; color: #111;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-title:after {content: "\e626"; font-size: 24px; position: absolute; right: 16px; top: 18px; -webkit-transition: all .5s; transition: all .5s;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item.active .bottom-menu-item-title:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links {padding: 0 20px 0 40px; display: none; overflow: hidden;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a {margin: 0; padding: 12px 0 12px 0; font-size: 16px; line-height: 24px; display: block;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item .bottom-menu-item-links > a:first-child {display: block;}
    .page .bottom-box .bottom-menu-box .bottom-menu-item.active .bottom-menu-item-links {display: block;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-title {border-bottom: none;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-title:after {display: none;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links {display: block; padding: 0 16px;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links > a {padding: 0;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item .bottom-menu-item-links > a:first-child {display: inline-block;}
    .page .bottom-box .bottom-menu-box .bottom-menu-items:last-child .bottom-menu-item > a.last {padding: 0 20px;}
    .page .bottom-box .bottom-logo-box {border-bottom: none;}
    .page .bottom-box .bottom-logo-box .container {padding-left: 0;}
    .page .bottom-box .bottom-logo-box .container > a:first-child {display: none;}
    .page .bottom-box .bottom-logo-box .container > a:nth-child(2) {margin: 0;}
    .page .bottom-box .bottom-links-box {padding: 0 0 59px; flex-direction: column-reverse;}
    .page .bottom-box .bottom-links-box .copyright {margin-bottom: .2rem;}

    .page .moments-show-box {padding-top: 1.5rem;}
    .page .moments-show-box .moments-title-box {margin-bottom: .6rem; flex-direction: column;}
    .page .moments-show-box .moments-title-box > h1 {font-size: .7rem; margin-bottom: .32rem;}
    .page .moments-show-box .moments-title-box .moments-title-input {position: relative; width: 6.3rem; height: .62rem;}
    .page .moments-show-box .moments-title-box .moments-title-input > input {padding: 0 .26rem;}
    .page .moments-show-box .moments-choose-box {display: none;}
    .page .moments-show-box .moments-title-box .moments-choose-mobile-box {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: .4rem; width: 100%; padding: 0 .2rem;}
    .page .moments-show-box .moments-title-box .moments-choose-mobile-box .moments-choose-item {height: .54rem; line-height: .54rem; border: 1px solid #000; border-radius: .54rem; padding: 0 .35rem; font-size: .2rem; font-family: 'Gotham medium';}
    .page .moments-show-box .moments-title-box .moments-choose-mobile-box .moments-choose-item.onthis {background: linear-gradient(90deg, #FF4931 0%, #FFAE3F 100%); border: none; color: #fff;}
    .page .moments-show-box .moments-list-box {margin-bottom: 1.74rem;}
    .page .moments-show-box .moments-list-box .moments-list-item {max-width: 3.28rem; margin-bottom: .7rem;}
    .page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-media > img {margin-bottom: .24rem;}
    .page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info {padding: 0 .12rem;}
    .page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > p {padding: .16rem 0; font-size: .26rem; word-break: break-all;}
    .page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > p:first-child {font-size: .28rem;}
    .page .moments-show-box .moments-list-box .moments-list-item .moments-list-item-info > h1 {font-size: .4rem;}
    .page .moments-show-box > a {width: 1.39rem; height: .53rem; line-height: .53rem; border: 1px solid #000; border-radius: .53rem; margin: 0 auto;}

    .page .upload-box {padding: .5rem .4rem 0;}
    .page .upload-box > h1 {font-size: .7rem; margin-bottom: .6rem; text-align: left;}
    .page .upload-box .upload-basic-title {display: block; font-size: .4rem; margin-bottom: .4rem; font-family: 'Gotham medium';}
    .page .upload-box .upload-basic-info-box {width: 100%; padding: .3rem .3rem .2rem; margin: 0 0 .7rem; height: auto;display: block;}
    .page .upload-box .upload-basic-info-box .upload-basic-info-item {margin-bottom: .4rem; width: 100%;}
    .page .upload-box .upload-basic-info-box .upload-basic-info-item:first-child {margin-bottom: .2rem; width: 100%;}
    .page .upload-box .upload-basic-info-box .upload-basic-info-item > h1 {font-size: .28rem; margin-bottom: .2rem;}
    .page .upload-box .upload-basic-info-box .upload-basic-info-item > h1:after {font-size: .18rem; margin-left: .1rem;}
    .page .upload-box .upload-basic-info-box .upload-basic-info-item > input {width: 100%; height: .6rem; line-height: .6rem; padding: 0 .16rem; font-size: .24rem;}
    .page .upload-box .upload-basic-info-box > p {font-size: .16rem; padding-top: 0; margin-bottom: .4rem;}
    .page .upload-box .upload-tips-box {background-color: #fff; border-radius: .16rem; padding: .3rem .3rem .6rem; margin-bottom: .7rem; text-align: left; line-height: .46rem;}
    .page .upload-box .upload-tips-box > h1 {font-size: .28rem;}
    .page .upload-box .upload-tips-box > p {font-size: .24rem;}
    .page .upload-box .upload-content-box {width: 100%; padding: .3rem .3rem 2.74rem; margin: 0;}
    .page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box {margin-bottom: .4rem; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box > h1 {font-size: .28rem; width: 100%;}
    .page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box .upload-type-choose-item {width: 2.8rem; height: .78rem; border-radius: .1rem; font-size: .24rem; margin-top: .2rem; line-height: .78rem;}
    .page .upload-box .upload-content-box .upload-type-choose-cont .upload-type-choose-box .upload-type-choose-item.type {height: .78rem; line-height: .78rem;}
    .page .upload-box .upload-content-box .upload-content-up-box {padding-top: .4rem; width: 100%;}
    .page .upload-box .upload-content-box .upload-content-up-box > h1 {font-size: .28rem; margin-bottom: .2rem;}
    .page .upload-box .upload-content-box .upload-content-up-box > h1.upload {display: block;}
    .page .upload-box .upload-content-box .upload-content-up-box > h1.upload:after {display: none;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > h1.upload1 {display: block;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > h1.upload1:after {display: none;}
    .page .upload-box .upload-content-box .upload-content-up-box > h1:after {margin-left: .1rem;}
    .page .upload-box .upload-content-box .upload-content-up-box > input {width: 100%; height: .6rem; line-height: .6rem; padding: 0 .16rem; border-radius: .06rem; margin-bottom: .4rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area {width: 100%; height: 4.06rem; border-radius: .06rem; background-size: 5.54rem 3.5rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area .upload-content-up-area-bg {top: 1.64rem; font-size: .2rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area .upload-content-up-area-bg.img {top: 1.55rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area .upload-content-up-area-bg > img {width: .6rem; margin: 0 auto .22rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic {background-size: 1.17rem .36rem; background-position: center .32rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic:before {width: .59rem; height: .59rem; top: .32rem; left: .32rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-up-area.olympic:after {width: .59rem; height: .59rem; bottom: .32rem; right: .32rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box {max-width: 100%; max-height: 100%;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box > img {border-radius: .1rem; max-width: 100%; max-height: 4.06rem; object-fit: contain;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn {width: .32rem; height: .32rem; background-size: .14rem .14rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn.width-top {right: .2rem; top: -.4rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-content-step-two-box .close-btn.height-top {top: .2rem; right: -.52rem;}
    .page .upload-box > button {padding: 0 .4rem; height: .64rem; line-height: .64rem; font-size: .3rem; margin: -1.84rem auto 3rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box > textarea {height: 2.44rem; font-size: .24rem; padding: .16rem; margin-bottom: .4rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list {margin-top: .2rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item {width: 1.14rem; height: 2.02rem; border-radius: .1rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-oss-btn{width: 1.14rem; height: 2.02rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show {border-radius: .1rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img > img {max-height: 2.02rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-cancel {width: .2rem; height: .2rem; top: .08rem; right: .08rem; background-size: .08rem .08rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img > span {background-position: 50% .03rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.olympic:before {background-position: .08rem .08rem;}
    .page .upload-box .upload-content-box .upload-content-up-box .upload-image-step-two-box .upload-image-list .upload-image-list-item .upload-image-item-show .upload-image-item-img.olympic:after {background-position: calc(100% - .08rem) calc(100% - .08rem);}

    .page .upload-success-box {width: 100%; border-radius: .16rem; padding-top: .5rem; padding-bottom: .8rem; flex-direction: column;}
    .page .upload-success-box > img {width: 1.2rem;}
    .page .upload-success-box .upload-success-info {margin-left: 0; margin-top: .4rem; text-align: center;}
    .page .upload-success-box .upload-success-info > h1 {font-size: .4rem; margin-bottom: .4rem;}
    .page .upload-success-box .upload-success-info > p {font-size: .28rem; line-height: .5rem; max-width: 4.8rem;}
    .page .upload-success-box .upload-success-info > p > a {display: block;}

    .page .my-box {padding: .5rem 0 0;}
    .page .my-box > h1 {text-align: left; font-size: .7rem; margin-bottom: .9rem;}
    .page .my-box .my-life-email-box {padding: .4rem .3rem .8rem; width: 100%; height: auto;}
    .page .my-box .my-life-email-box .my-life-email-title {font-size: .4rem; margin-bottom: .4rem;}
    .page .my-box .my-life-email-box .pop-title-box {margin-bottom: .4rem;}
    .page .my-box .my-life-email-box .my-life-email-input-cont {margin-bottom: .4rem; flex-direction: column;}
    .page .my-box .my-life-email-box .my-life-email-input-cont #captcha-box {max-width: 100%;}
    .page .my-box .my-life-email-box .my-life-email-input-cont .my-life-email-input-box > h1 {font-size: .28rem; margin-bottom: .2rem;}
    .page .my-box .my-life-email-box .my-life-email-input-cont .my-life-email-input-box > input {height: .58rem; border-radius: .06rem; line-height: .58rem; font-size: .2rem; padding: 0 .2rem;}
    .page .my-box .my-life-email-box .my-life-email-input-cont > button {margin: .3rem auto .2rem; width: 1.14rem; height: .56rem; font-size: .3rem;}
    .page .my-box .my-life-email-box > label {align-items: flex-start;}
    .page .my-box .my-life-email-box > label > input+label {width: .26rem; height: .26rem; margin-right: .23rem;}
    .page .my-box .my-life-email-box > label > p {font-size: .2rem;}
    .page .my-box .my-life-email-box > button {width: 1.8rem; height: .56rem; font-size: .3rem; margin: .8rem auto 0;}
    .page .my-box .my-life-email-box .my-life-email-tips-box {font-size: .18rem; padding-left: .49rem; padding-right: 0.49rem; margin-top: .7rem; text-align: left;}
    .page .my-box .my-pro-list .my-pro-list-item.video:before {width: .4rem; height: .4rem; border-radius: 50%; background-color: rgba(6, 6, 6, 0.4); background-size: .16rem .16rem; background-position: center center; top: .2rem; right: .2rem;}

    .page .my-box .user-info-box {margin-bottom: .55rem; margin-top: -.3rem;}
    .page .my-box .user-info-box .user-info > p {font-size: .36rem; margin-bottom: .35rem;}
    .page .my-box .user-info-box > button {width: 1.61rem; height: .56rem; font-size: .3rem; margin-top: -2.6rem;}
    .page .my-box .my-pro-list .my-pro-list-item {width: 3.28rem; margin-bottom: .5rem;}
    .page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info {padding: .22rem .12rem 0;}
    .page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > p {font-size: .28rem; margin-bottom: .26rem; word-break: break-all;}
    .page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > p:nth-child(2) {font-size: .26rem;}
    .page .my-box .my-pro-list .my-pro-list-item .my-pro-list-item-info > button {width: 1.26rem; height: .47rem; font-size: .26rem; margin-bottom: .3rem;}
    .page .my-box .my-pro-empty {padding-top: 1.5rem;}
    .page .my-box .my-pro-empty > p {font-size: .26rem; line-height: .6rem;}
    .page .my-box .my-pro-empty > p:first-child {font-weight: normal;}

    .page .index-white-box > p {font-size: .26rem; line-height: .6rem; text-align: left;}
    .page .index-white-box .index-prizes-box.my {margin-top: .5rem;}

    .page .faq-box {padding-top: .5rem;}
    .page .faq-box > h1 {text-align: left; font-size: .7rem; margin-bottom: .9rem;}
    .page .faq-box .faq-cont {margin-top: 0;}
    .page .faq-box .faq-cont .faq-left-box {padding: .6rem .3rem;}
    .page .faq-box .faq-cont .faq-left-box > h1 {display: none;}
    .page .faq-box .faq-cont .faq-right-box {display: none;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item {height: .8rem; margin-bottom: .3rem; background: #F7F7F7; border: 1px solid #DEDEDE; border-radius: .06rem; padding: 0 .7rem 0 .2rem; display: block; position: relative;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item.onthis {background: #F7F7F7; color: #333; height: auto;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item:after {content: ''; width: .22rem; height: .12rem; background-image: url("../images/lang_icon.png"); background-size: 100%; background-repeat: no-repeat; -webkit-transition: all .5s; transition: all .5s; position: absolute; top: .34rem; right: .2rem;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item.onthis:after {width: .22rem; height: .12rem; background-image: url("../images/lang_icon.png"); background-size: 100%; background-repeat: no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); top: .34rem; right: .2rem;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item > p {font-size: .26rem; font-family: 'Gotham medium'; height: .8rem; display: -webkit-flex; display: flex; align-items: center; line-height: .3rem; margin-bottom: .2rem;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item > p:nth-child(n+2) {font-size: .22rem; line-height: .36rem; font-weight: normal; height: auto; margin-bottom: 0;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item.onthis > p:nth-child(n+2) {display: block;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item > p:last-child {padding-bottom: .4rem;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item > p.level-one {position: relative; padding-left: .3rem;}
    .page .faq-box .faq-cont .faq-left-box .faq-question-item > p.level-one > span {position: absolute; left: 0;}

    .page .upload-box .upload-basic-info-box .upload-basic-info-item > select {top: .5rem; height: .6rem;}

    .page .tc-text > p {font-size: .28rem; line-height: .4rem; margin-bottom: .2rem;}
    .page .tc-text > table {display: block;}
    .page .tc-text > table tr > td {padding: .1rem;}
}