@charset "UTF-8";
html, body{scroll-behavior:smooth;}
body{font:17px/24px Arial, Verdana, sans-serif;}
body, h1, h2, h3, h4, h5, h6, p,div,ul,li,ol{margin:0;padding: 0;}
ol, ul{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle; max-width:100%;}
.details{width:1200px;margin:0 auto;}
.mobile-button {display: none;}

.main01 {padding: 64px 0 0;background: url(../image-style/converter-summer-spree/bg1.jpg) no-repeat center bottom/cover;text-align: center;color: #000;}
.main01 .details {width: 1300px;}
.main01-h1 {font-size: 53px;color: #fff;line-height: 1em;}
.main01-h1::before {content: url(../image-style/converter-summer-spree/m01-title-left.png);display: inline-block;vertical-align: top;margin: -6px 10px 0 0;}
.main01-h1::after {content: url(../image-style/converter-summer-spree/m01-title-right.png);display: inline-block;vertical-align: top;margin: -14px 0 0 8px;}
.main01-h2 {font-size: 45px;color: #ffffd6;line-height: 1.1em;margin: 32px 0 70px;}
.main01-h2-line {display: inline-block;vertical-align: middle;padding: 0 10px;background: url(../image-style/converter-summer-spree/m01-title-line.png) no-repeat center bottom/100% auto;}
.main01-content {display: flex;justify-content: center;flex-wrap: wrap;}
.main01-left {width: 580px;margin-right: 12px;}
.main01-right {width: 530px;position: relative;}
.main01-right::before {content: url(../image-style/converter-summer-spree/wave-icon.png);position: absolute;right: -44px;top: 190px;}
.main01-right-content {height: 100%;box-sizing: border-box;padding: 35px;background-color: #fff;border-radius: 8px;position: relative;}
.main01-h3 {font-size: 27px;line-height: 39px;margin-top: 14px;}
.main01-h3 img {margin-left: 6px;}
.main01-p {font-size: 17px;line-height: 1.5em;color: #4c4c4c;margin: 12px 0 30px;text-align: left;}
.main01-button {display: block;width: 230px;line-height: 50px;font-size: 25px;color: #fff;font-weight: 600;border-radius: 5px;background: linear-gradient(#abda4c, #7ac531);border-bottom: 2px solid #52991c;margin: 0 auto 10px;}
.main01-button img {margin: 0 18px 4px 0;}
.main01-prices {font-size: 15px;color: #8a8a8a;line-height: 1em;}
.main01-prices a {text-decoration: underline;color: #8a8a8a;}
.main01-colorful-price {color: #ff4200;}
.main01-steps {display: flex;justify-content: center;align-items: center;background: linear-gradient(to right, transparent 20%, #fff 20%, #fff 80%, transparent 80%);margin-top: -8px;position: relative;}
.main01-step {display: flex;align-items: center;width: 33.33%;box-sizing: border-box;font-size: 15px;color: #333;padding: 13px 10px 13px 35px;background: linear-gradient(to right, #f3f3f3, #fff);border-radius: 40px;}
.step-num {font-size: 50px;line-height: 1em;font-weight: 600;}
.step-intro {display: flex;align-items: center;}
.step-intro::before {flex-shrink: 0;content: "";width: 68px;height: 41px;background: url(../image-style/converter-summer-spree/step-icons.png) no-repeat 15px center;}
.main01-step:nth-child(2) .step-intro::before {background-position-x: -52px;}
.main01-step:nth-child(3) .step-intro::before {background-position-x: -125px;}

.bg-wrap {background: url(../image-style/converter-summer-spree/bg23.jpg) no-repeat center top/cover;}

.main02 {padding-top: 85px;color: #000;}
.main02-h2 {font-size: 40px;line-height: 1em;text-align: center;}
.main02-p {font-size: 17px;color: #4c4c4c;line-height: 1.5em;margin: 18px 110px 14px;}
.sort-wrap {width: 90px;padding-bottom: 13px;font-size: 15px;line-height: 1em;text-align: center;margin: 0 0 0 auto;cursor: pointer;position: relative;z-index: 3;}
.sort-icon {display: inline-block;vertical-align: top;width: 18px;border-top: 1px solid #000;margin: 1px 8px 0 0;}
.sort-icon::before,.sort-icon::after {content: "";width: 12px;height: 1px;display: block;background-color: #000;margin-top: 5px;}
.sort-icon::after {width: 6px;}
.sort-lists {display: none;width: 130px;font-size: 15px;color: #666;position: absolute;top: 100%;left: 50%;margin-left: -65px;background-color: #fff;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);border-radius: 8px;overflow: hidden;}
.sort-wrap:hover .sort-lists,.sort-lists.active {display: block;}
.sort-item {line-height: 45px;}
.sort-item:hover {background-color: #CACACA;}
.video-content {margin-bottom: 20px;position: relative;min-height: 596px;}
.video-content::before {content: url(../image-style/converter-summer-spree/m02-img.png);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.video-content::after {content: url(../image-style/converter-summer-spree/wave-icon.png);position: absolute;top: 200px;left: -5px;}
.video-lists {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;position: relative;z-index: 2;}
.video {position: relative;border-radius: 8px;overflow: hidden;}
.video:nth-child(1) {width: 328px;margin-left: 37px;}
.video:nth-child(2) {width: 370px;margin: 30px 30px 0 39px;z-index: 1;}
.video:nth-child(3) {width: 360px;margin-top: 14px;}
.video:nth-child(4) {width: 252px;margin-top: -8px;}
.video:nth-child(5) {width: 334px;margin: -22px 34px 0 33px;}
.video:nth-child(6) {width: 250px;margin-top: 25px;}
.video-wrap {position: relative;}
.video:nth-child(1) .video-wrap {height: 240px;}
.video:nth-child(2) .video-wrap {height: 246px;}
.video:nth-child(3) .video-wrap {height: 235px;}
.video:nth-child(4) .video-wrap {height: 228px;}
.video:nth-child(5) .video-wrap {height: 222px;}
.video:nth-child(6) .video-wrap {height: 194px;}
.video-wrap iframe {width: 100%;height: 100%;}
.video-emit {width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}
.video-info {height: 50px;font-size: 15px;color: #333;line-height: 1em;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;}
.video-title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-title::before {content: url(../image-style/converter-summer-spree/m02-video-title-icon.png);display: inline-block;vertical-align: middle;margin-right: 6px;}
.video:nth-child(1) .video-title {width: 190px;}
.video:nth-child(2) .video-title {width: 210px;}
.video:nth-child(3) .video-title {width: 208px;}
.video:nth-child(4) .video-title {width: 126px;}
.video:nth-child(5) .video-title {width: 196px;}
.video:nth-child(6) .video-title {width: 124px;}
.video-vote {width: 90px;display: flex;align-items: center;;white-space: nowrap;cursor: pointer;}
.video-vote::before {content: "";flex-shrink: 0;width: 20px;height: 17px;background: url(../image-style/converter-summer-spree/m02-video-heart-icon.png) no-repeat left center;margin: 3px 5px 0 0;}
.video-vote.active::before {background-position-x: right;}
.vote-num {margin: 2px 3px 0 0;}
.upload-wrap {width: 280px;height: 205px;box-sizing: border-box;padding-top: 20px;background-color: #e9f2ff;border-radius: 8px;text-align: center;position: absolute;top: 330px;right: -10px;z-index: 2;}
.upload-info {font-size: 21px;color: #336bd8;line-height: 1.2em;margin: 5px 0 10px;}
.emit-upload {display: block;outline: none;border: none;width: 180px;line-height: 40px;font-size: 17px;color: #fff;background-color: #336bd8;border-bottom: 2px solid #23539d;border-radius: 21px;margin: 0 auto;cursor: pointer;}
.toggle-videos {display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.nums-toggle {display: flex;}
.toggle-box, .nums-toggle li {width: 38px;line-height: 28px;font-size: 17px;color: #000;text-align: center;border: 1px solid #d9d9d9;border-radius: 3px;margin: 3px;cursor: pointer;}
.toggle-box:hover, .nums-toggle li:hover, .nums-toggle li.active {background-color: #449cff;border-color: #449cff;color: #fff;}
.after-vote {margin-top: 35px;}
.vote-input {display: flex;justify-content: center;flex-wrap: wrap;margin: 20px 0 13px;}
.vote-input input {width: 458px;height: 50px;box-sizing: border-box;font-size: 17px;color: #000;padding: 0 20px;border: 1px solid #d9d9d9;border-right: none;border-radius: 8px 0 0 8px;outline: none;}
.vote-input input::-webkit-input-placeholder {color: #a3a3a3;}
.vote-input button {width: 158px;font-size: 21px;color: #fff;font-weight: 600;text-align: center;background-color: #449cff;border-radius: 0 8px 8px 0;border: none;outline: none;cursor: pointer;}
.vote-input-info {font-size: 17px;color: #6a6a6a;line-height: 1em;text-align: center;}
.vote-input-info.large-words {font-size: 19px;color: #000;font-weight: 600;}
.vote-input-info a {color: #44aeff;}

.main03 {padding: 150px 0 76px;color: #000;}
.main03-h2 {font-size: 40px;line-height: 1em;text-align: center;}
.main03-p {font-size: 30px;line-height: 1em;margin: 12px 0 104px;text-align: center;}
.main03-content {position: relative;padding: 35px;background-color: #e7f1ff;border-radius: 26px;}
.main03-adornment {position: absolute;}
.main03-adornment1 {bottom: 100%;left: 50%;margin-left: -207px;}
.main03-adornment2 {left: -67px;top: 254px;}
.main03-adornment3 {left: 100%;top: 44px;}
.main03-top {background-color: #fff;padding: 0 24px 50px 62px;}
.prize-title {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.main03-top .prize-title {justify-content: flex-start;}
.prize-medal {margin-right: 15px;}
.main03-top .prize-medal {margin: 0 15px 14px 36px;}
.prize-title-info {font-size: 23px;line-height: 1em;font-weight: 600;}
.main03-top .prize-title-info {font-size: 30px;width: 100%;}
.prize-colorful-title {color: #2e37a4;display: block;margin-bottom: 6px;}
.prize-img {height: 250px;display: flex;justify-content: center;align-items: center;}
.main03-top .prize-img {position: relative;height: 25px;}
.main03-bottom .prize-box:last-child .prize-img {height: 204px;}
.main03-top .prize-img img {position: absolute;right: 0;top: -135px;}
.prize-p,.email-item,.email-title {font-size: 17px;color: #666;line-height: 27px;}
.email-title {margin-bottom: 5px;text-align: center;}
.email-lists {height: 81px;width: fit-content;margin: 0 auto;overflow: hidden;}
.email-11 .email-item:first-child {animation: email11 16s linear infinite;}
@keyframes email11 {0% {margin-top: 0;} 100% {margin-top: -297px;}}
.email-10 .email-item:first-child {animation: email10 14.5s linear infinite;}
@keyframes email10 {0% {margin-top: 0;} 100% {margin-top: -270px;}}
.main03-bottom .prize-p {margin-left: 40px;}
.main03-bottom .prize-box:last-child .prize-p {margin-left: 0;text-align: center;}
.main03-bottom {display: flex;justify-content: space-between;}
.main03-bottom .prize-box {width: 377px;box-sizing: border-box;padding: 0 10px 28px;background-color: #fff;border-top: 8px solid #a6d0ff;border-right: 8px solid #a6d0ff;}
.main03-bottom .prize-box:last-child {border-right: none;}
.prize-button {display: block;width: 176px;line-height: 50px;font-size: 19px;color: #fff;font-weight: 600;text-align: center;background-color: #91cf3e;border-radius: 5px;margin: 10px auto 0;}

.main04 {padding: 165px 0 34px;background: #ecf9ff url(../image-style/converter-summer-spree/bg4.jpg) no-repeat center top/100% auto;color: #000;}
.main04-h2 {font-size: 40px;line-height: 1em;margin-bottom: 33px;text-align: center;}
.main04-box {display: flex;justify-content: space-between;align-items: flex-start;padding: 35px 40px 35px 52px;background-color: #fff;border-radius: 18px;box-shadow: 0 0 30px #dcf2fe;margin-bottom: 40px;}
.main04-box:nth-child(odd) {padding-bottom: 16px;padding-right: 10px;}
.main04-img {width: 500px;display: flex;justify-content: flex-end;}
.main04-box:nth-child(odd) .main04-img {order: 1;}
.main04-img img {max-width: initial;}
.main04-intro {width: 550px;position: relative;margin-top: 30px;}
.main04-h3 {font-size: 30px;line-height: 1em;}
.main04-p {font-size: 17px;color: #666;line-height: 1.6em;margin: 18px 0 45px;}
.main04-button {display: flex;justify-content: center;align-items: center;width: 300px;line-height: 60px;font-size: 23px;color: #fff;font-weight: 600;background-color: #91cf3e;border-radius: 6px;}
.main04-button::before {content: url(../image-style/converter-summer-spree/m04-download-icon.png);margin-right: 14px;}

.main05 {padding: 120px 0 30px;background: #2480dd url(../image-style/converter-summer-spree/bg5.jpg) no-repeat center top/100% auto;color: #fff;}
.main05-h2 {font-size: 40px;line-height: 1em;margin-bottom: 36px;}
.main05-content {padding-left: 20px;}
.main05-item {font-size: 17px;line-height: 1.3em;position: relative;list-style: disc;margin-bottom: 16px;}
.main05-item span {color: #ffae00;}
.main05-item a {color: #00fff6;}


.MainFoot { background:#1f222a; color:#767f86; text-align:center; font-size:15px;overflow: hidden; padding: 20px 0;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; line-height:38px; font-style:normal;}
.MainFoot p em { display: inline-block; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border: 1px solid #55575d; font-style: normal;width: 105px;   padding: 2px 10px 4px; transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; cursor: pointer; }
.MainFoot p em:hover { background:#55575d; color: #fff;  }
.MainFoot h6 {font-size: 15px;padding: 8px 100px 0;font-weight: 500;}


.aside-wrap {position: fixed;top: 40%;right: 0;display: none;}
.aside-top {width: 202px;overflow: hidden;position: relative;z-index: 2;margin-bottom: -8px;}
.aside-top img {max-width: initial;}
.aside-navs {width: 202px;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.aside-nav {display: block;width: 202px;line-height: 58px;box-sizing: border-box;background-color: #6baffb;padding-left: 28px;font-size: 17px;color: #fff;position: relative;}
.aside-nav:first-child {border-top-left-radius: 18px;}
.aside-nav:last-child {border-bottom-left-radius: 18px;}
.aside-nav::after {content: "";width: 182px;height: 2px;background-color: #90c4ff;position: absolute;right: 0;bottom: 0;}
.aside-nav:last-child::after {display: none;}
.aside-nav:hover {width: 222px;padding-left: 48px;background-color: #298eff;margin-left: -20px;box-shadow: 0 10px 10px 0 #89befa;border-radius: 29px 0 0 29px;transform: scale(1.05);z-index: 2;}
.aside-nav:hover::after {display: none;}
.to-top {width: 56px;height: 56px;display: flex;align-items: flex-end;margin: 11px 69px 0 auto;}

.popup-wrap,.popup-video {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 10;}
.popup-content {height: 400px;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;}
.cancel-popup,.cancel-video {width: 30px;height: 30px;font-size: 30px;color: #39579b;line-height: 24px;cursor: pointer;position: absolute;top: 8px;right: 8px;z-index: 2;cursor: pointer;}
.popup-upload,.popup-result {display: none;width: 900px;height: 100%;box-sizing: border-box;padding: 54px 74px;background: url(../image-style/converter-summer-spree/popup-bg1.jpg) no-repeat right bottom/cover;border-radius: 10px;}
.popup-upload {display: block;}
.popup-upload-h3 {font-size: 35px;color: #5a667f;line-height: 1em;margin-bottom: 40px;text-align: center;}
.popup-inputs {display: flex;flex-wrap: wrap;}
.popup-input {width: 360px;height: 54px;box-sizing: border-box;margin-bottom: 20px;border: 1px solid #c7cdd6;border-radius: 6px;display: flex;align-items: center;background-color: #fff;}
.popup-input:nth-child(odd) {margin-right: 30px;}
.popup-input::before {content: "";width: 70px;height: 100%;background: url(../image-style/converter-summer-spree/popup-link-icon.png) no-repeat center;}
.popup-input:nth-child(2)::before {background-image: url(../image-style/converter-summer-spree/popup-name-icon.png);}
.popup-input:nth-child(3)::before {background-image: url(../image-style/converter-summer-spree/popup-email-icon.png);}
.popup-input input {width: 280px;height: 90%;font-size: 19px;color: #717273;border: none;outline: none;}
.popup-input input::-webkit-input-placeholder {color: #727373;}
.popup-button {width: 153px;line-height: 52px;margin-bottom: 20px;font-size: 23px;color: #fff;font-weight: 600;text-align: center;background-color: #91cf3e;border-radius: 6px;border: none;outline: none;cursor: pointer;}
.popup-upload-info,.popup-sub-info {font-size: 17px;color: #8d8f94;line-height: 1em;padding: 22px 0 9px;}
.popup-sub-info {padding: 0;display: flex;align-items: center;}
.sub-checkbox {width: 16px;height: 16px;border: 1px solid #449cff;border-radius: 4px;background-color: #449cff;cursor: pointer;margin-right: 7px;}
.sub-checkbox.inactive {border-color: #b5b5b5;background-color: #fff;}
.sub-checkbox::before {content: "";display: block;width: 4px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);margin-left: 5px;}
.sub-checkbox.inactive::before {display: none;}
.popup-result {width: 980px;background: url(../image-style/converter-summer-spree/popup-bg2.jpg) no-repeat right center;position: relative;padding: 0;}
.popup-tag {position: absolute;top: -34px;left: -20px;}
.result-content {display: flex;align-items: flex-start;flex-wrap: wrap;}
.result-left {width: 500px;margin-right: 110px;box-sizing: border-box;padding: 66px 0 0 66px;}
.result-p {font-size: 19px;color: #583118;line-height: 2.5em;margin-bottom: 25px;}
.result-share {display: flex;justify-content: space-between;align-items: center;}
.share-info {font-size: 17px;color: #583118;line-height: 1em;padding: 15px 0 15px 45px;position: relative;}
.share-info a {color: #00b2eb;text-decoration: underline;text-underline-position: under;}
.share-info::before {content: "";width: 45px;height: 37px;background: url(../image-style/converter-summer-spree/popup-icons.png) no-repeat left 9px;position: absolute;top: 3px;left: 0;}
.result-share:nth-child(2) .share-info:before {background-position-y: -141px;}
/* .result-share:nth-child(2) .share-info:before {background-position-y: -43px;}
.result-share:nth-child(3) .share-info:before {background-position-y: -93px;}
.result-share:nth-child(4) .share-info:before {background-position-y: -141px;} */
.share-score {flex-shrink: 0;width: 38px;line-height: 22px;font-size: 17px;color: #fff;background-color: #21c6a1;border-radius: 3px;text-align: center;position: relative;overflow: hidden;}
.share-checked {display: none;width: 100%;height: 100%;background-color: #449cff;position: absolute;top: 0;left: 0;}
.share-score.active .share-checked {display: block;}
.share-checked::before {content: "";display: block;width: 6px;height: 12px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);margin: 2px 0 0 15px;}
.share-bottom-info {font-size: 17px;color: #FD9B4E;line-height: 1em;padding-top: 46px;font-weight: 600;}
.result-right {width: 340px;text-align: center;padding-top: 40px;}
.box-info {font-size: 17px;color: #184458;line-height: 1.2em;padding: 15px 0 17px;}
.box-button {display: flex;justify-content: center;align-items: center;width: 240px;line-height: 54px;font-size: 23px;color: #fff;font-weight: 600;background-color: #91cf3e;border-radius: 6px;margin: 0 auto;}
.box-button::before {content: url(../image-style/converter-summer-spree/m04-download-icon.png);margin-right: 14px;}

.popup-video-wrap {width: 900px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.popup-video-wrap::before {content: "";display: block;padding-top: 56.25%;background-color: #000;}
.cancel-video {top: -4px;right: -37px;color: #fff;}
.popup-video-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}




@media (max-width: 979px) {
	.aside-wrap {display: none !important;}
	.details,.main01 .details {width: 96%;}

	.main01-h1::after {display: none;}
	.main01-left {width: 100%;margin: 0 0 30px;}
	.main01-right::before {display: none;}
	.main01-steps {flex-wrap: wrap;margin-top: 0;background: none;}
	.main01-step {padding-left: 20px;width: 310px;}

	.video-content::before,.video-content::after {display: none;}
	.video-lists {justify-content: center;}
	.video,.video:nth-child(1),.video:nth-child(2),.video:nth-child(3),
	.video:nth-child(4),.video:nth-child(5),.video:nth-child(6) {width: 320px;margin: 10px;}
	.video:nth-child(1) .video-wrap,.video:nth-child(2) .video-wrap,.video:nth-child(3) .video-wrap,
	.video:nth-child(4) .video-wrap,.video:nth-child(5) .video-wrap,.video:nth-child(6) .video-wrap {height: 200px;}
	.video:nth-child(1) .video-title,.video:nth-child(2) .video-title,.video:nth-child(3) .video-title,
	.video:nth-child(4) .video-title,.video:nth-child(5) .video-title,.video:nth-child(6) .video-title {width: 190px;}
	.upload-wrap {position: relative;top: auto;right: auto;margin: 20px auto;}

	.main03-adornment {display: none;}
	.main03-top .prize-medal {margin-bottom: 0;margin-left: 0;}
	.main03-top .prize-title-info {width: auto;margin-top: 14px;}
	.main03-top .prize-img {height: auto;padding: 10px 0;}
	.main03-top .prize-img img {position: static;}
	.main03-bottom {flex-wrap: wrap;}
	.main03-bottom .prize-box {width: 50%;}
	.main03-bottom .prize-box:nth-child(2) {border-right: none;}
	.main03-bottom .prize-box:last-child {width: 100%;}

	.main04-box,.main04-box:nth-child(odd) {flex-wrap: wrap;justify-content: center;padding: 35px 10px;}
	.main04-img,.main04-intro {width: 100%;text-align: center;justify-content: center;}
	.main04-box:nth-child(odd) .main04-img {order: 0;}
	.main04-p {margin: 20px 0;}
	.main04-button {margin: 0 auto;}

	.popup-content {height: auto;width: 96%;}
	.popup-upload, .popup-result {width: 100%;padding: 45px;}
	.popup-result {background: none;}
	.result-content {justify-content: center;}
	.result-left {padding: 25px 0 0 25px;margin-right: 0;}
	.result-p {line-height: 1.5em;margin-bottom: 10px;}
	.share-bottom-info {padding-top: 15px;}
}

@media (max-width: 767px) {
	.main01-h1 {font-size: 35px;}
	.main01-h2 {font-size: 29px;margin: 20px 30px;}
	
	.main02-h2,.main03-h2,.main04-h2,.main05-h2 {font-size: 29px;}
	.main02-p {margin: 15px 0;}
	.vote-input {flex-direction: column;align-items: center;}
	.vote-input input {width: 80%;padding: 0 10px;border-right: 1px solid #d9d9d9;border-radius: 8px;margin-bottom: 10px;}
	.vote-input button {border-radius: 8px;height: 45px;}

	.main03-p {margin-bottom: 30px;font-size: 23px;}
	.main03-content {padding: 15px;}
	.main03-top {padding: 0 10px 30px;}
	.main03-top .prize-title-info {font-size: 25px;}
	.main03-bottom .prize-box {width: 100%;border-right: none;}
	.main03-bottom .prize-p {text-align: center;margin-left: 0;}

	.main04 {padding-top: 80px;}
	.main04-h3 {font-size: 23px;}
	.main04-img img {max-width: 100%;}

	.main05 {padding-top: 80px;}
	
	.popup-upload-h3 {font-size: 27px;margin-bottom: 30px;}
	.popup-inputs {align-items: center;flex-direction: column;}
	.popup-input,.popup-input:nth-child(odd) {width: 340px;margin: 0 0 20px;}
	.popup-upload-info {padding-top: 0;}

	.popup-tag {left: 0;top: -40px;}
	.result-left {width: 100%;padding: 5px 0 0;}
	.result-right {padding-top: 10px;}

	.MainFoot h6 {padding: 8px 0;}
}

@media (max-width: 479px) {

	.popup-upload {padding: 40px 10px 20px;}
	.popup-upload-h3 {margin-bottom: 15px;}
	.popup-input, .popup-input:nth-child(odd) {margin-bottom: 10px;}

	.popup-result {padding: 20px 10px 20px;}
	.result-p {margin-bottom: 0;}
	.result-box {width: 160px;margin: 0 auto;}
	.box-info {padding: 10px 0;}
	.box-button {line-height: 46px;}
}