html {
	overflow-x: hidden
}

.grecaptcha-badge {
	opacity: 0
}

.checkout-page-email-input input {
	height: 38px;
	padding: 3px 10px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
	width: 100%
}

.buy-dialog-content {
	padding: 10px 20px
}

.signin-item {
	border-radius: 4px;
	background-color: #ff5f3b;
	padding: 6px 10px;
	margin-top: -5px
}

.signin-item a {
	color: #fff!important
}

#dialog1,
#dialog2,
#dialog3 {
	display: none
}

.five-star {
	color: #ff4500;
	font-size: 37px;
	font-weight: 700
}

#free-instagram-followers,
#free-tiktok-followers {
	text-align: center
}

#free-tiktok-followers .user .name {
	font-weight: 900;
	line-height: 20px;
	margin-bottom: 16px;
	font-size: 17px
}

#free-tiktok-followers .user .avatar {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	margin-bottom: 20px
}

#free-tiktok-followers .user .follower_count {
	font-size: 17px;
	line-height: 20px;
	color: #666
}

#free-tiktok-followers .user .tips {
	font-size: 17px;
	line-height: 20px;
	margin: 30px 0
}

#free-instagram-followers .freeUsed,
#free-tiktok-followers .freeUsed {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 20px
}

#free-instagram-followers .user .name {
	font-weight: 900;
	line-height: 20px;
	margin-bottom: 16px;
	font-size: 17px
}

#free-instagram-followers .user .avatar {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	margin-bottom: 20px
}

#free-instagram-followers .user .follower_count {
	font-size: 17px;
	line-height: 20px;
	color: #666
}

#free-instagram-followers .user .tips {
	font-size: 17px;
	line-height: 20px;
	margin: 30px 0
}

.eecpay-frame,
.stripe-frame {
	width: 100%;
	border: 0;
	height: 300px;
	margin: 0 0 15px
}

.eecpay-frame {
	height: 360px
}

.superxpay-frame,
.vppay-frame,
.yoopay-frame {
	width: 100%;
	border: 0;
	height: 60px;
	margin: 0 0 15px
}

.airwallex-frame,
.whish-frame,
.wintopay-frame {
	width: 100%;
	border: 0;
	height: 360px;
	margin: 0 0 15px
}

.airwallex-frame,
.whish-frame {
	height: 395px
}

.whish-frame {
	height: 60px
}

.list-radios {
	margin-bottom: 0;
	box-sizing: border-box;
	outline: 0
}

.list-radios li,
.list-radios li label {
	display: inline-block;
	vertical-align: middle
}

.list-radios li {
	width: 100%;
	text-align: left;
	margin: 0;
	font-size: 0;
	padding: 5px 0;
	position: relative
}

.list-radios li label {
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	width: auto;
	height: auto
}

.list-radios li label img {
	width: 100%
}

.list-radios li .radio {
	height: auto;
	border: 0;
	width: 100%;
	margin: 0
}

.list-radios li .radio label {
	min-width: 110px;
	text-align: left;
	position: relative;
	padding-left: 30px
}

.list-radios li .radio label:after,
.list-radios li .radio label:before {
	content: '';
	position: absolute;
	top: 50%;
	border-radius: 50%;
	display: inline-block;
	transform: translateY(-50%)
}

.list-radios li .radio label:before {
	border: 3px solid #e7eaf0;
	margin-right: 20px;
	vertical-align: middle;
	left: 0;
	width: 15px;
	height: 15px
}

.list-radios li .radio label:after {
	width: 9px;
	height: 9px;
	left: 6px;
	background-color: #ff2655;
	clear: both;
	opacity: 0
}

.list-radios li .radio.checked label:before {
	border-color: #ff2655
}

.list-radios li .radio.checked label:after {
	opacity: 1
}

.post-result-container .post-container {
	padding-left: 20px;
	width: calc(100% - 40px);
	overflow: hidden;
	margin: 20px 0
}

.post-result-container .post-container .post-list {
	white-space: nowrap;
	cursor: grab;
	user-select: none
}

.post-result-container .post-container .post-list .post-item-selected {
	border-style: solid;
	border-color: #ff5f3b
}

.post-result-container .post-container .post-list .post-item {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	position: relative;
	display: inline-block
}

.package-area .package-list .package-item .package-item-icon img,
.post-result-container .post-container .post-list .post-item img,
.sale-banner-box .sale-banner-close img {
	width: 100%;
	height: 100%
}

.post-result-container .post-container .mobile-post-list {
	overflow: scroll
}

.post-result-container .post-container ::-webkit-scrollbar {
	display: none
}

@font-face {
	font-family: "iconfont";
	src: url(//at.alicdn.com/t/font_1848199_23w2x9s716f.eot?t=1619077871064);
	src: url(//at.alicdn.com/t/font_1848199_23w2x9s716f.eot?t=1619077871064#iefix) format('embedded-opentype'), url(data:application/x-font-woff2;charset=utf-8;base64,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) format('woff2'), url(//at.alicdn.com/t/font_1848199_23w2x9s716f.woff?t=1619077871064) format('woff'), url(//at.alicdn.com/t/font_1848199_23w2x9s716f.ttf?t=1619077871064) format('truetype'), url(//at.alicdn.com/t/font_1848199_23w2x9s716f.svg?t=1619077871064#iconfont) format('svg')
}

.icon-jikediancanicon11:before {
	content: "\e779"
}

.icon-dui:before {
	content: "\e607"
}

.icon-cuo:before {
	content: "\e635"
}

.icon-you:before {
	content: "\e63a"
}

.icon-jiaoyi:before {
	content: "\e62c"
}

.icon-youhuiquan:before {
	content: "\e609"
}

.icon-wancheng1:before {
	content: "\e60e"
}

.icon-quanbu:before {
	content: "\e6ef"
}

.icon-you-copy:before {
	content: "\e77b"
}

.icon-xia:before {
	content: "\e6af"
}

body,
html {
	height: 100%
}

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
	font-size: 14px
}

ul {
	list-style: none
}

img {
	border: 0
}

a {
	text-decoration: none
}

input {
	outline: 0
}

.hide {
	display: none
}

body {
	background-color: #fff
}

body input {
	-webkit-appearance: none
}

body .pure-u-lg-1-3 {
	width: 28%
}

body .container {
	width: 1024px;
	margin: 0 auto
}

body .container .container-title {
	font-size: 37px;
	color: #1f2c45;
	text-align: center;
	padding: 100px 0;
	margin: 0
}

body.banner-open {
	transition: margin 250ms ease .1s;
	margin-top: 54px
}

.sale-banner-box {
	text-align: center;
	visibility: hidden;
	align-items: center;
	justify-content: center;
	padding: 5px;
	position: fixed;
	top: -100%;
	background: linear-gradient(322deg, #ff8f4b 0, #ff0866 100%);
	left: 0;
	right: 0;
	height: 54px;
	display: flex;
	z-index: 999;
	transition: .7s ease-in-out;
	box-sizing: border-box;
	cursor: pointer
}

.sale-banner-box::after,
.sale-banner-box::before {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../images/left_banner_bg.png);
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	opacity: 1
}

.sale-banner-box::after {
	background-position: top left;
	background-image: url(../images/right_banner_bg.png)
}

.sale-banner-box .sale-banner-close {
	position: absolute;
	top: 17px;
	right: 12px;
	height: 20px;
	width: 20px;
	cursor: pointer;
	transition: .2s ease-in-out;
	opacity: 1;
	z-index: 99
}

.sale-banner-box .banner-clickable-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: 0s ease-in-out;
	z-index: 9
}

.sale-banner-box>img {
	max-width: 35px;
	margin-right: 10px;
	transition: .7s ease-in-out
}

.sale-banner-box i {
	color: #fff;
	font-size: 23px
}

.sale-banner-box .sale-banner-discount .mobile-vertical:first-child strong i {
	font-size: inherit;
	font-style: normal
}

.sale-banner-box .sale-banner-discount .mobile-vertical:first-child strong {
	color: #fff
}

.sale-banner-box .sale-banner-discount,
.sale-banner-box .sale-banner-timer .sale-timer-block {
	font-family: "Archivo", sans-serif;
	display: inline-block;
	line-height: 1;
	transition: .7s ease-in-out
}

.sale-banner-box .sale-banner-discount {
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin: 0 40px 0 0
}

.sale-banner-box .sale-banner-discount strong {
	font-weight: 700;
	letter-spacing: 0
}

.sale-banner-box .sale-banner-discount span span {
	background: #ffca4d;
	border-radius: 3px;
	font-size: 12px;
	color: #000;
	font-weight: 500;
	padding: 2px 5px;
	margin-left: 6px
}

.sale-banner-box .sale-banner-discount b.no-translate-text strong {
	letter-spacing: 4px
}

.sale-banner-box .sale-banner-timer .sale-timer-block {
	background: #fff;
	border-radius: 4px;
	padding: 5px 15px;
	font-size: 20px;
	color: #db2f60;
	font-weight: 500;
	text-align: center;
	margin: 0 5px;
	width: 52px;
	box-sizing: border-box
}

.sale-banner-box .sale-banner-timer .sale-timer-block .sale-hour-block {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	margin: 4px 0 0
}

.header_top {
	position: relative;
	z-index: 200;
	background-color: #fff
}

.footer .container .logo_pc a,
.header_top .container .logo_pc a {
	display: flex;
	align-items: center
}

.footer .container .logo_pc a img,
.header_top .container .logo_pc a img {
	width: 45px;
	height: 45px;
	display: block
}

.footer .container .logo_pc a span,
.header_top .container .logo_pc a span {
	font-family: Helvetica-Bold;
	font-size: 24px;
	color: #1f2c45;
	letter-spacing: 0;
	margin-left: 10px;
	font-weight: 700
}

.header_top .container .header_pc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 25px
}

.header_top .container .header_pc .nav_pc .menu-item {
	float: left;
	margin-left: 40px;
	position: relative
}

.header_top .container .header_pc .nav_pc .menu-item a {
	font-family: Helvetica;
	font-size: 15px;
	color: #6f6f7d;
	letter-spacing: 0;
	display: flex;
	align-items: center
}

.header_top .container .header_pc .nav_pc .menu-item a .iconfont,
.result-des span {
	font-size: 20px
}

.header_top .container .header_pc .nav_pc .menu-item .sub-menu {
	display: none;
	position: absolute;
	background-color: #fff;
	left: 0;
	top: 30px;
	padding: 8px 0;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.header_top .container .header_pc .nav_pc .menu-item .sub-menu .sub-menu-item:last-child {
	margin-bottom: 0
}

.header_top .container .header_pc .nav_pc .menu-item .sub-menu a {
	font-size: 14px;
	color: #6f6f7d;
	white-space: nowrap;
	width: calc(100% - 32px);
	height: 100%;
	display: flex;
	padding: 10px 16px
}

.header_top .container .header_pc .nav_pc .menu-item .sub-menu a:hover {
	background-color: #f8f8f8
}

.banner,
.banner .container {
	display: flex;
	align-items: center
}

.banner {
	background-color: #f4f7fa;
	height: 100%;
	margin-top: -70px
}

.banner .container {
	padding-top: 100px
}

.banner .container .banner-content .banner-text span {
	display: block;
	font-size: 42px;
	color: #1f2c45;
	font-style: italic;
	font-weight: 700
}

.banner .container .banner-content .banner-btn-list {
	margin-top: 80px
}

.banner .container .banner-content .banner-btn-list .banner-btn-item {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 50px;
	background-color: #ff5f3b;
	padding: 16px 0;
	font-size: 15px;
	margin-right: 30px;
	margin-top: 20px
}

.banner .container .banner-img {
	width: 33%
}

.why-container {
	position: relative
}

.why-container .container .container-item {
	position: relative;
	z-index: 1000
}

.why-container .container .container-item .why-content {
	width: 37%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 130px
}

.why-container .container .container-item .why-content .why-content-title {
	font-size: 30px;
	color: #1f2c45;
	margin-bottom: 30px
}

.why-container .container .container-item .why-content .why-content-text {
	font-size: 20px;
	color: #6f6f7d;
	line-height: 1.5
}

.why-container .container .second-item .why-content {
	margin-right: 130px;
	margin-left: 0
}

.why-container .container .mobile-second-item {
	display: none
}

.why-container .container .container-item:last-child {
	padding: 114px 0 300px
}

.why-container .why-bg {
	position: absolute;
	z-index: 500;
	width: 400px
}

.why-container .why-bg1 {
	top: 0;
	left: 0
}

.why-container .why-bg2 {
	right: 0;
	top: 560px
}

.why-container .why-bg3 {
	left: 0;
	top: 1120px
}

.advantage {
	padding: 125px 0;
	background-color: #1f2c45
}

.advantage .container .advantage-item {
	color: #fff;
	text-align: center
}

.advantage .container .advantage-item .advantage-item-title {
	font-size: 36px
}

.advantage .container .advantage-item .advantage-item-text {
	font-size: 22px;
	margin-bottom: 40px;
	margin-top: 10px
}

.advantage .container .advantage-item img {
	width: 90px;
	height: 90px;
	display: block;
	margin: 0 auto
}

.media {
	background-color: #f4f7fa;
	padding-bottom: 160px
}

.media .container .media-item .avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 6px #f4f7fa solid;
	display: block;
	margin: 0 auto -25px;
	position: relative;
	z-index: 200
}

.media .container .media-item .media-item-content {
	padding: 85px 25px;
	height: 170px;
	background-color: #fff;
	border-radius: 20px;
	text-align: center;
	position: relative;
	z-index: 100
}

.media .container .media-item .media-item-content .media-item-text {
	font-family: Helvetica;
	font-size: 16px;
	color: #6f6f7d;
	text-align: center;
	line-height: 1.5
}

.media .container .media-item .media-item-content .user {
	position: absolute;
	bottom: 68px;
	width: 100%;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #000
}

.media .container .media-item .media-item-content .user span {
	font-size: 16px;
	color: #1f2c45;
	font-weight: 700
}

.media .container .pure-u-lg-1-3 {
	width: 30%;
	margin: 40px 1.5% 0
}

.footer {
	position: relative;
	padding: 120px 0
}

.footer .container .footer-list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 70px 0
}

.footer .container .footer-list .footer-item .footer-item-title {
	font-size: 16px;
	color: #1f2c45;
	margin-bottom: 30px
}

.footer .container .footer-list .footer-item .news-list .news-item {
	display: flex;
	align-items: center;
	color: #E8E8E8;
	font-size: 14px;
	line-height: 2.5
}

.footer .container .copyright {
	font-size: 14px;
	color: #6f6f7d;
	position: relative;
	text-align: center
}

.banner-followers {
	padding-top: 70px
}

.banner-followers .banner-title {
	text-align: center
}

.banner-followers .banner-title .title-text {
	font-size: 40px;
	color: #1f2c45;
	font-style: italic;
	margin-bottom: 25px;
	font-weight: 700
}

.banner-followers .banner-title .title-text span {
	color: #ff5f3b;
	font-size: 40px
}

.banner-followers .banner-title .title-des {
	font-size: 24px;
	color: #6f6f7d
}

.banner-followers .banner-follower-container {
	background-color: #f4f7fa;
	padding: 70px 0;
	margin-top: 47px
}

.banner-followers .banner-follower-container .banner-container-title {
	text-align: center
}

.banner-followers .banner-follower-container .banner-container-title .title-text {
	font-size: 30px;
	color: #ff5f3b;
	font-weight: 700;
	margin-bottom: 12px
}

.banner-followers .banner-follower-container .banner-container-title .title-des {
	font-size: 18px;
	color: #6f6f7d
}

.banner-input-area {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	margin: 20px auto 0
}

.banner-input-area .banner-left-area {
	width: 70px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 20px
}

.banner-input-area input {
	height: 48px;
	width: 400px;
	padding: 0 15px;
	border: 1px #ff5f3b solid;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 18px;
	background: 0 0
}

.follower-banner-img {
	width: 400px;
	display: block;
	margin: 0 auto 30px
}

.banner-btn,
.banner-input-area .banner-left-area {
	height: 50px;
	background-color: #ff5f3b;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.banner-btn {
	width: 400px;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 700
}

.package-area {
	margin: 100px 0;
	position: relative
}

.package-area .package-title .package-title-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px
}

.package-area .package-title .package-title-list .package-title-item {
	width: 220px;
	height: 50px;
	background-color: #fff;
	color: #1f2c45;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px #1f2c45 solid
}

.package-area .package-title .package-title-list .package-title-item:last-child {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px
}

.package-area .package-title .package-title-list .package-title-item:first-child {
	border-bottom-left-radius: 50px;
	border-top-left-radius: 50px
}

.package-area .package-title .package-title-list .package-title-item-on {
	background-color: #1f2c45;
	color: #fff
}

.package-area .package-title .title-des {
	font-size: 18px;
	color: #6f6f7d;
	text-align: center
}

.package-area .package-container {
	overflow: scroll;
	padding-left: 20px;
	width: calc(100% - 20px)
}

.package-area .package-tab-item {
	display: none
}

.package-area .package-tab-item-active {
	display: flex
}

.package-area .package-list {
	margin: 80px auto;
	white-space: nowrap;
	cursor: grab;
	user-select: none;
	width: fit-content
}

.package-area .package-list .package-item {
	width: 280px;
	display: inline-block;
	background-color: #fff;
	border: 1px #e1e1e1 solid;
	box-shadow: 4px 6px 8px 0 rgba(0, 0, 0, .1);
	border-radius: 10px;
	padding-bottom: 40px;
	position: relative;
	margin-right: 20px
}

.package-area .package-list .package-item .discount {
	position: absolute;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/buy_icon_off.png);
	width: 90px;
	height: 36px;
	font-size: 16px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	top: 10px;
	right: -4px
}

.package-area .package-list .package-item .package-item-head {
	text-align: center;
	padding: 40px 0 20px
}

.package-area .package-list .package-item .package-item-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	transform: translateY(-10px)
}

.package-area .package-list .package-item:first-child .icon-left {
	display: none
}

.package-area .package-list .package-item:last-child .icon-right {
	display: none
}

.package-area .package-list .package-item .package-item-icon.icon-left {
	left: 0;
	top: 50%
}

.package-area .package-list .package-item .package-item-icon.icon-right {
	right: 0;
	top: 50%
}

.package-area .package-list .package-item .package-item-head .item-head-name {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px
}

.package-area .package-list .package-item .package-item-head .item-head-name .name-img {
	height: 24px;
	display: block;
	margin-right: 10px
}

.package-area .package-list .package-item .package-item-head .item-head-name .name-text {
	font-size: 30px;
	color: #1f2c45;
	line-height: .8
}

.package-area .package-list .package-item .package-item-head .name-des {
	font-size: 15px;
	color: #6f6f7d
}

.package-area .package-list .package-item .package-item-price {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ff5f3b;
	width: 100%;
	height: 90px
}

.package-area .package-list .package-item .package-item-price .price-area {
	display: flex;
	align-items: center;
	justify-content: center
}

.package-area .package-list .package-item .package-item-price .price-area .new-price {
	display: flex;
	align-items: flex-start;
	color: #fff
}

.package-area .package-list .package-item .package-item-price .price-area .new-price span {
	font-size: 18px;
	line-height: 1;
	margin: 0 1px
}

.package-area .package-list .package-item .package-item-price .price-area .new-price .price {
	font-size: 34px;
	font-weight: 700;
	line-height: .8
}

.package-area .package-list .package-item .package-item-price .price-area .old-price {
	font-size: 16px;
	color: rgba(255, 255, 255, .5);
	margin-left: 10px;
	text-decoration: line-through
}

.package-area .package-list .package-item .package-item-price .time-area {
	display: flex;
	align-items: center;
	margin-top: 10px
}

.package-area .package-list .package-item .package-item-price .time-area .time {
	display: flex;
	align-items: center
}

.package-area .package-list .package-item .package-item-price .time-area .time .minute,
.package-area .package-list .package-item .package-item-price .time-area .time .second {
	width: 20px;
	height: 20px;
	background-color: #1f2c45;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	margin: 0 5px
}

.package-area .package-list .package-item .package-advantage-list {
	padding: 20px 0
}

.package-area .package-list .package-item .package-advantage-list .package-advantage-item {
	display: flex;
	align-items: center;
	padding: 10px 0 10px 40px
}

.package-area .package-list .package-item .package-advantage-list .package-advantage-item .iconfont {
	font-size: 18px;
	color: #ff5f3b;
	margin-right: 10px
}

.package-area .package-list .package-item .package-advantage-list .package-advantage-item .package-advantage-text {
	font-size: 15px;
	color: #6f6f7d
}

.package-area .package-list .package-item .package-advantage-list .package-advantage-item .package-advantage-text span {
	font-weight: 700;
	font-size: 15px
}

.package-area .package-list .package-item .buy-btn {
	width: 80%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	background-color: #1f2c45;
	border-radius: 50px;
	margin: 0 auto
}

.package-area .package-list .package-item .buy-btn img {
	height: 20px;
	display: block;
	margin-left: 8px
}

.package-area .mobile-package-list {
	padding-bottom: 12px
}

.package-area ::-webkit-scrollbar,
::-webkit-scrollbar {
	display: none
}

.package-area .more-package {
	text-align: center;
	font-size: 18px;
	color: #1f2c45;
	font-weight: 700
}

.package-area .more-package a {
	color: #ff5f3b;
	font-weight: 700;
	font-size: 18px
}

.follower-why .media-item {
	background-color: #fff;
	box-shadow: 4px 6px 8px 0 rgba(0, 0, 0, .1);
	border-radius: 20px;
	height: 290px
}

.follower-why .media-item .follower-why-img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 30px auto 20px
}

.follower-why .media-item .follower-why-title {
	font-size: 20px;
	color: #1f2c45;
	text-align: center
}

.follower-why .media-item .follower-why-text {
	padding: 20px 20px 0;
	font-size: 16px;
	color: #6f6f7d;
	line-height: 1.8;
	text-align: center
}

.question-list .pure-u-lg-1-2 {
	width: calc(50% - 60px);
	margin-right: 60px
}

.question-list .question-item {
	margin-bottom: 60px
}

.question-list .question-item .question-item-question {
	font-size: 24px;
	color: #1f2c45;
	margin-bottom: 25px
}

.question-list .question-item .question-item-answer {
	font-size: 18px;
	color: #6f6f7d;
	line-height: 1.5
}

.follower-container-title {
	padding: 100px 0 20px!important
}

.container-title-des {
	text-align: center;
	font-size: 16px;
	color: #6f6f7d;
	margin-bottom: 60px
}

.buy-dialog .mask {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.buy-dialog .buy-dialog-container {
	position: fixed;
	z-index: 5000;
	width: 870px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	text-align: center;
	border-radius: 20px;
	padding: 40px 0
}

.buy-dialog .buy-dialog-container .buy-dialog-content .banner-input-area .banner-left-area {
	width: 68px;
	height: 68px;
	font-size: 35px
}

.buy-dialog .buy-dialog-container .buy-dialog-content .banner-input-area input {
	height: 65px;
	width: 340px;
	font-size: 24px
}

.buy-dialog .buy-dialog-container .buy-dialog-content .follower-banner-img {
	width: 450px
}

.buy-dialog .buy-dialog-container .buy-dialog-content .banner-btn {
	width: 450px;
	height: 56px;
	font-size: 24px
}

.buy-dialog .buy-dialog-container .info-dialog-content .avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%
}

.buy-dialog .buy-dialog-container .info-dialog-content .username {
	font-size: 22px;
	color: #6f6f7d;
	margin: 10px 0
}

.buy-dialog .buy-dialog-container .info-dialog-content .buy-package {
	font-size: 22px;
	color: #1f2c45
}

.buy-dialog .buy-dialog-container .info-dialog-content .choose-one-post {
	font-size: 20px;
	color: #1f2c45
}

.buy-dialog .buy-dialog-container .info-dialog-content .price {
	font-size: 26px;
	color: #ff5f3b;
	margin: 5px
}

.buy-dialog .buy-dialog-container .info-dialog-content .dialog-input,
.login-area form input {
	width: 60%;
	padding: 15px 35px;
	font-size: 22px;
	border: 1px #979797 solid;
	border-radius: 6px
}

.buy-dialog .buy-dialog-container .info-dialog-content .input-area {
	width: calc(60% + 72px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px auto
}

.buy-dialog .buy-dialog-container .info-dialog-content .input-area input {
	width: 65%
}

.buy-dialog .buy-dialog-container .info-dialog-content .input-area .apply-btn {
	padding: 15px 35px;
	border-radius: 6px;
	background-color: #ff5f3b;
	color: #fff;
	font-size: 22px
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area {
	margin: 20px 0;
	position: relative
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 60%;
	padding: 15px 35px;
	border: 1px #979797 solid;
	border-radius: 6px;
	margin: 0 auto 20px;
	cursor: pointer
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-nav .select-nav-text {
	font-size: 22px
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-ul {
	position: absolute;
	top: 57px;
	left: calc(20% - 36px);
	width: calc(60% + 70px);
	border: 1px #979797 solid;
	background-color: #fff;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	height: 200px;
	overflow: scroll
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-ul .select-li {
	padding: 10px;
	font-size: 16px;
	color: #1f2c45;
	text-align: left;
	user-select: none;
	cursor: pointer
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-ul .select-li:hover {
	background-color: #1f2c45;
	color: #fff
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-ul .active-list {
	background-color: #ccc
}

.buy-dialog .buy-dialog-container .info-dialog-content .select-area .hide-select {
	display: none
}

.buy-dialog .buy-dialog-container .info-dialog-content .banner-btn {
	width: calc(60% + 72px)
}

.buy-dialog .buy-dialog-container .loading-content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 200px 0
}

.buy-dialog .buy-dialog-container .loading-content .loading-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #1f2c45
}

.buy-dialog .buy-dialog-container .loading-content .loading-title .loading-icon {
	width: 28px;
	display: block;
	margin-right: 15px
}

.buy-dialog .buy-dialog-container .loading-content .loading-text {
	font-size: 28px;
	color: #1f2c45;
	margin-top: 20px
}

.buy-dialog .buy-dialog-container .close-icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 30px;
	right: 30px
}

.result-icon {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto
}

.result-title {
	font-size: 25px;
	color: #1f2c45;
	text-align: center;
	margin: 10px 0
}

.result-des {
	font-size: 20px;
	color: #6f6f7d;
	text-align: center;
	line-height: 1.5
}

.pay-result-container {
	margin-top: 40px
}

.pay-result-container .coupon-container {
	padding-left: 80px;
	width: calc(100% - 80px);
	overflow: scroll;
	margin: 50px 0;
	display: flex
}

.pay-result-container .coupon-container .coupon-list {
	white-space: nowrap;
	cursor: grab;
	user-select: none;
	width: fit-content;
	margin: 0 auto
}

.pay-result-container .coupon-container .coupon-list .coupon-item {
	background-image: url(../images/buy_bg_coupon.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 272px;
	height: 340px;
	margin-right: 30px;
	position: relative;
	display: inline-block
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title {
	padding: 40px 0
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #ff5f3b;
	font-weight: 700
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-text span {
	font-weight: 400;
	font-size: 20px;
	margin-left: 5px
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-des {
	font-size: 24px;
	color: #ff5f3b;
	text-align: center
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .follower-number {
	font-size: 15px;
	color: #1f2c45;
	text-align: center
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .code-text {
	font-size: 15px;
	font-weight: 700
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .code-text span {
	color: #ff5f3b;
	font-size: 15px
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .copy-icon {
	width: 16px;
	display: block;
	margin-left: 5px
}

.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-btn {
	width: 80%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #ff5f3b;
	border-radius: 50px;
	position: absolute;
	bottom: 25px;
	left: 10%;
	font-size: 15px
}

.copy-success {
	padding: 8px 20px;
	background: rgba(0, 0, 0, .6);
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.pay-failure-container {
	width: 100%;
	height: calc(100% - 200px);
	display: flex;
	align-items: center;
	justify-content: center
}

.about-container {
	background-color: #f4f7fa;
	margin-top: 45px
}

.about-container .container {
	padding: 50px 0
}

.about-container .container .about-title {
	font-size: 24px;
	color: #1f2c45;
	margin-bottom: 15px
}

.about-container .container .about-title span {
	font-size: 24px;
	color: #ff5f3b;
	font-weight: 700;
	font-style: italic;
	margin-left: 10px
}

.about-container .container .about-content {
	font-size: 16px;
	color: #6f6f7d;
	line-height: 1.8
}

.about-container .container .contact-content .contact-content-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px
}

.about-container .container .contact-content .contact-content-item .contact-left-content {
	font-size: 16px;
	color: #6f6f7d;
	margin-right: 5px
}

.about-container .container .contact-content .contact-content-item a {
	font-style: italic;
	text-decoration: underline;
	font-size: 16px;
	color: #4bb3ff
}

.about-container .container .contact-content .contact-content-item .contact-right-content {
	font-size: 16px;
	color: #1f2c45;
	font-style: italic
}

.about-container .container .faq-list .faq-item {
	display: block;
	font-size: 15px;
	color: #1f2c45;
	font-weight: 700;
	text-decoration: underline;
	line-height: 2.5
}

.term-container .container .term-title {
	margin: 45px 0 25px;
	text-align: center;
	font-size: 18px;
	color: #ff5f3b
}

.term-container .container .term-des {
	font-size: 16px;
	color: #1f2c45;
	margin-bottom: 25px;
	line-height: 1.5
}

.term-container .container .term-des a {
	font-size: 14px;
	color: #4bb3ff;
	font-style: italic
}

.term-container .container .term-content-item {
	margin-bottom: 25px
}

.term-container .container .term-content-item .term-content-title {
	font-size: 18px;
	color: #1f2c45;
	margin-bottom: 8px;
	line-height: 1.5
}

.term-container .container .term-content-item .term-content-text {
	font-size: 14px;
	color: #6f6f7d;
	line-height: 1.5
}

.term-container .container .term-content-item .term-content-text span {
	font-size: 14px;
	color: #1f2c45;
	font-weight: 700;
	line-height: 1.5
}

.term-container .container .term-content-item .term-content-text a {
	font-size: 14px;
	color: #4bb3ff;
	text-decoration: underline;
	font-style: italic
}

.order-history-title {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.order-history-title .new-order {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 50px;
	border-radius: 50px;
	background-color: #ff5f3b;
	color: #fff;
	font-size: 24px;
	cursor: pointer
}

.order-history-title .new-order .iconfont {
	font-size: 34px;
	line-height: 1;
	margin-left: 5px
}

.order-list {
	margin: 60px 0 30px
}

.login-area,
.order-list .order-item {
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .03);
	border-radius: 8px
}

.order-list .order-item {
	display: block;
	padding: 50px 30px;
	margin-bottom: 30px
}

.order-list .order-item .order-item-top {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.order-list .order-item .order-item-top .top-left-item {
	display: flex;
	align-items: center
}

.order-list .order-item .order-item-top .top-left-item .order-avatar {
	width: 68px;
	height: 68px;
	display: block;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 20px
}

.order-list .order-item .order-item-top .top-left-item .order-title {
	font-size: 20px;
	color: #1f2c45;
	margin-bottom: 10px
}

.order-list .order-item .order-item-top .top-left-item .order-info {
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 30px;
	color: #6f6f7d
}

.condition-list .condition-item p,
.order-list .order-item .order-item-top .top-left-item .order-info span {
	font-size: 20px;
	color: #6f6f7d
}

.order-list .order-item .order-item-top .top-left-item .order-info .iconfont {
	color: #ff5f3b;
	margin-right: 5px;
	display: none
}

.login-area form .input-title,
.order-list .order-item .order-item-top .icon-you,
.register-area a {
	font-size: 20px;
	color: #ff5f3b;
	font-weight: 700
}

.order-list .order-item .order-item-bottom {
	padding: 15px 0 0;
	border-top: 1px #eee solid;
	margin-top: 15px;
	font-size: 15px;
	color: #6f6f7d;
	display: none
}

.login-area {
	padding: 50px 100px;
	width: fit-content;
	margin: 0 auto
}

.login-area .login-title {
	font-size: 30px;
	color: #1f2c45;
	text-align: center
}

.login-area form {
	margin: 40px 0
}

.login-area form .input-title {
	color: #1f2c45;
	margin-bottom: 15px
}

.login-area form input {
	display: block;
	width: 450px;
	height: 50px;
	border-radius: 50px;
	padding: 0 25px;
	font-size: 20px;
	margin-bottom: 30px
}

.login-area form .submit-btn {
	width: 502px;
	background-color: #ff5f3b;
	border: 0;
	color: #fff
}

.login-area .forget-link,
.register-area {
	font-size: 20px;
	color: #4a90e2;
	font-weight: 700
}

.register-area {
	padding: 20px 30px;
	background-color: #eee;
	border-radius: 8px;
	margin: 40px auto;
	width: 642px;
	color: #6f6f7d
}

.condition-list {
	margin-bottom: 30px
}

.condition-list .condition-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.condition-list .condition-item .iconfont {
	color: #979797;
	font-size: 20px;
	margin-right: 15px
}

.condition-list .error-item .iconfont,
.condition-list .error-item p {
	color: #ff5f3b
}

.setting-title {
	margin: 0 auto 20px;
	font-size: 30px;
	color: #1f2c45
}

.setting-container .login-area {
	width: unset
}

@media screen and (max-width:767px) {
	.sale-banner-box .sale-banner-discount {
		font-size: 11px
	}
	.sale-banner-box .sale-banner-discount b.no-translate-text strong {
		letter-spacing: 0
	}
}

@media screen and (max-width:1023px) {
	.login-container .login-area form .submit-btn,
	body .container {
		width: 100%
	}
	body .container .container-title {
		font-size: 19px;
		padding: 36px 0
	}
	.sale-banner-box .sale-banner-close {
		right: 4px
	}
	.sale-banner-box>img {
		max-width: 23px;
		margin-right: 6px
	}
	.sale-banner-box i {
		font-size: 30px;
		padding: 0 5px
	}
	.sale-banner-box .sale-banner-discount {
		font-size: 9px;
		display: flex;
		margin: 0 18px 0 0;
		align-items: center;
		letter-spacing: 0;
		text-align: left
	}
	.sale-banner-box .sale-banner-discount span.mobile-vertical {
		display: inline-flex;
		flex-direction: column
	}
	.sale-banner-box .sale-banner-discount span.mobile-vertical:last-child {
		display: block
	}
	.sale-banner-box .sale-banner-discount span span {
		display: block;
		padding: 2px;
		font-size: 10px;
		margin: 4px 0 0;
		text-align: center
	}
	.sale-banner-box .sale-banner-timer .sale-timer-block {
		padding: 5px 7px;
		margin: 0 2px;
		font-size: 14px;
		width: 31px
	}
	.header_top {
		display: none
	}
	.header-mobile {
		padding: 20px 23px;
		z-index: 100;
		position: relative;
		background: #fff
	}
	.header-mobile .logo_area {
		justify-content: space-between
	}
	.header-mobile .logo_area,
	.header-mobile .logo_area a {
		display: flex;
		align-items: center
	}
	.header-mobile .logo_area img {
		width: 26px;
		height: 26px;
		display: block
	}
	.header-mobile .logo_area span {
		font-size: 16px;
		color: #1f2c45;
		font-weight: 700;
		margin-left: 5px
	}
	.banner {
		padding: 0 35px 35px;
		height: auto
	}
	.banner .container {
		padding-top: 35px;
		display: flex;
		justify-content: center
	}
	.banner,
	.banner .container .banner-content {
		margin-top: 0
	}
	.banner .container .banner-content .banner-text span {
		font-size: 18px;
		text-align: center
	}
	.banner .container .banner-content .banner-btn-list {
		margin-top: 28px
	}
	.banner .container .banner-content .banner-btn-list .banner-btn-item {
		width: 100%;
		margin: 0 auto 12px;
		padding: 10px 0;
		font-size: 13px
	}
	.banner .container .banner-img {
		display: none
	}
	.why-container {
		padding: 0 20px
	}
	.why-container .container .container-item {
		margin-bottom: 60px;
		width: 100%
	}
	.why-container .container .container-item .why-content {
		width: 100%;
		margin-left: 0;
		margin-top: 20px
	}
	.why-container .container .container-item .why-content .why-content-title {
		font-size: 17px;
		margin-bottom: 15px
	}
	.media .container .media-container .media-item .media-item-content .media-item-text,
	.media .container .media-container .media-item .media-item-content .user span,
	.why-container .container .container-item .why-content .why-content-text {
		font-size: 12px
	}
	.why-container .container-img {
		margin: 0 auto;
		display: block;
		height: 100%;
		width: 100%
	}
	.why-container .second-item {
		display: none
	}
	.why-container .mobile-second-item {
		display: block!important
	}
	.why-container .container-item:last-child {
		padding: 0!important
	}
	.why-container .why-bg {
		width: 150px
	}
	.why-container .why-bg1 {
		top: 60px
	}
	.why-container .why-bg2 {
		top: 600px
	}
	.why-container .why-bg3 {
		top: 1045px
	}
	.why-container #img1 {
		opacity: 1!important
	}
	.advantage {
		padding: 65px 0
	}
	.advantage .container .advantage-item {
		margin-bottom: 55px
	}
	.advantage .container .advantage-item .advantage-item-title,
	.package-area .package-list .package-item .package-item-price .price-area .new-price .price {
		font-size: 25px
	}
	.advantage .container .advantage-item .advantage-item-text {
		font-size: 14px;
		margin-bottom: 25px
	}
	.advantage .container .advantage-item img {
		width: 45px;
		height: 45px
	}
	.advantage .container .advantage-item:last-child {
		margin-bottom: 0
	}
	.media {
		padding-bottom: 0
	}
	.media .container .media-container .media-item {
		width: 70%;
		margin: 0 auto 35px
	}
	.media .container .media-container .media-item .avatar {
		width: 50px;
		height: 50px
	}
	.media .container .media-container .media-item .media-item-content {
		padding: 42px 13px;
		height: 84px;
		border-radius: 10px
	}
	.media .container .media-container .media-item .media-item-content .user {
		bottom: 25px;
		font-size: 12px
	}
	.footer {
		padding: 50px 0
	}
	.footer .container .footer-list .footer-item .news-list .news-item,
	.footer .container .logo_pc a {
		justify-content: center
	}
	.footer .container .logo_pc a img {
		width: 26px;
		height: 26px
	}
	.footer .container .logo_pc a span {
		font-size: 20px
	}
	.footer .container .footer-list {
		padding: 50px 0 0
	}
	.footer .container .footer-list .footer-item {
		width: 100%;
		text-align: center;
		margin-bottom: 50px
	}
	.footer .container .copyright {
		font-size: 10px
	}
	.mobile-menu-list {
		width: 100%;
		left: 0;
		top: 66px;
		z-index: 2000;
		background-color: #f6f7fa;
		display: none
	}
	.mobile-menu-list .menu-item {
		text-align: center
	}
	.mobile-menu-list .menu-item a {
		font-size: 15px;
		color: #576784;
		padding: 20px 0;
		display: block
	}
	.mobile-menu-list .menu-item a:active,
	.mobile-menu-list .menu-item a:focus,
	.mobile-menu-list .menu-item a:hover {
		color: #242a35
	}
	.mobile-menu-list .menu-item .sub-menu {
		background-color: #eef1f6;
		display: none
	}
	.mobile-menu-list .menu-item .sub-menu .sub-menu-item a {
		font-size: 14px;
		padding: 20px;
		display: block
	}
	.banner-followers {
		padding: 0
	}
	.banner-followers .banner-title .title-text {
		font-size: 19px;
		padding: 0 32px
	}
	.banner-followers .banner-title .title-text span {
		font-size: 19px
	}
	.banner-followers .banner-title .title-des {
		font-size: 13px;
		padding: 0 15px
	}
	.banner-followers .banner-follower-container {
		padding: 20px 15px
	}
	.banner-followers .banner-follower-container .banner-container-title .title-text,
	.banner-followers .banner-follower-container .banner-input-area input {
		font-size: 15px
	}
	.banner-followers .banner-follower-container .banner-container-title .title-des {
		font-size: 13px
	}
	.banner-followers .banner-follower-container .banner-btn,
	.banner-followers .banner-follower-container .follower-banner-img {
		width: 90%
	}
	.follower-why .media-item {
		margin: 0 auto 20px;
		height: 200px
	}
	.follower-why .media-item .follower-why-img {
		margin: 15px auto;
		width: 45px;
		height: 45px
	}
	.follower-why .media-item .follower-why-title,
	.package-area .package-list .package-item .package-item-head .name-des {
		font-size: 15px
	}
	.follower-why .media-item .follower-why-text {
		padding: 15px 15px 0;
		font-size: 13px
	}
	.question-list .pure-u-1 {
		width: calc(100% - 30px);
		padding: 0 15px;
		margin-bottom: 30px;
		margin-right: 0
	}
	.question-list .question-item .question-item-question {
		font-size: 15px;
		margin-bottom: 15px
	}
	.question-list .question-item .question-item-answer {
		font-size: 13px
	}
	.follower-container-title {
		padding: 19px 0 10px!important
	}
	body .container .container-title span {
		font-size: 19px!important
	}
	.container-title-des {
		margin-bottom: 35px
	}
	.package-area {
		margin: 40px 0
	}
	.package-area .package-title .package-title-list {
		margin-bottom: 13px
	}
	.package-area .package-title .package-title-list .package-title-item {
		width: 150px;
		height: 35px;
		font-size: 13px;
		font-weight: 700;
		border: 1.5px #1f2c45 solid
	}
	.order-list .order-item .order-item-top .top-left-item .order-info span,
	.package-area .package-list .package-item .package-item-price .price-area .new-price span,
	.package-area .package-title .title-des,
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .code-text,
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .code-text span {
		font-size: 13px
	}
	.package-area .package-container {
		padding-left: 15px;
		width: calc(100% - 15px)
	}
	.package-area .package-list {
		margin: 25px 0
	}
	.package-area .package-list .package-item {
		width: 250px;
		padding-bottom: 35px;
		margin-right: 15px
	}
	.package-area .package-list .package-item .discount {
		font-size: 13px;
		width: 65px;
		height: 30px
	}
	.package-area .package-list .package-item .package-item-head {
		padding: 30px 0 20px
	}
	.package-area .package-list .package-item .package-item-head .item-head-name .name-img {
		height: 20px;
		margin-right: 5px
	}
	.package-area .package-list .package-item .package-item-head .item-head-name .name-text {
		font-size: 20px
	}
	.package-area .package-list .package-item .package-item-price {
		height: 60px
	}
	.package-area .package-list .package-item .package-item-price .price-area .old-price {
		font-size: 13px;
		margin-left: 5px
	}
	.package-area .package-list .package-item .package-advantage-list {
		padding: 20px 0
	}
	.package-area .package-list .package-item .package-advantage-list .package-advantage-item {
		display: flex;
		align-items: center;
		padding: 10px 0 10px 20px
	}
	.package-area .package-list .package-item .package-advantage-list .package-advantage-item .iconfont {
		font-size: 16px;
		margin-right: 15px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-nav .select-nav-text,
	.package-area .more-package a,
	.package-area .package-list .package-item .package-advantage-list .package-advantage-item .package-advantage-text,
	.package-area .package-list .package-item .package-advantage-list .package-advantage-item .package-advantage-text span,
	.result-des span {
		font-size: 14px
	}
	.package-area .package-list .package-item .buy-btn {
		height: 35px;
		font-size: 14px
	}
	.package-area .package-list .package-item .buy-btn img {
		height: 15px;
		margin-left: 5px
	}
	.package-area .package-list .package-item .package-item-price .time-area .time .minute,
	.package-area .package-list .package-item .package-item-price .time-area .time .second {
		width: 15px;
		height: 15px;
		font-size: 12px
	}
	.package-area .package-list .package-item .package-item-price .time-area {
		margin-top: 8px
	}
	.package-area .more-package {
		font-size: 14px;
		margin-top: 20px
	}
	.banner-input-area .banner-left-area {
		width: 70px!important;
		height: 42px!important;
		flex-shrink: 0
	}
	.banner-btn,
	.banner-input-area input {
		height: 40px!important
	}
	.banner-btn {
		font-size: 16px!important
	}
	.buy-dialog .buy-dialog-container {
		width: 80%;
		padding: 30px 0
	}
	.buy-dialog .buy-dialog-container .buy-dialog-content .banner-input-area .banner-left-area {
		font-size: 20px
	}
	.buy-dialog .buy-dialog-container .buy-dialog-content .banner-input-area input {
		width: 150px;
		font-size: 14px
	}
	.buy-dialog .buy-dialog-container .buy-dialog-content .follower-banner-img {
		width: 80%
	}
	.buy-dialog .buy-dialog-container .buy-dialog-content .banner-btn {
		width: 80%;
		font-size: 14px
	}
	.buy-dialog .buy-dialog-container .close-icon {
		width: 16px;
		height: 16px;
		top: 15px;
		right: 15px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .avatar,
	.result-icon {
		width: 70px;
		height: 70px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .username {
		font-size: 14px;
		margin: 5px 0
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .buy-package,
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-text span {
		font-size: 15px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .price {
		font-size: 18px;
		margin: 8px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .dialog-input {
		width: 70%;
		padding: 10px 15px;
		font-size: 14px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .input-area {
		width: calc(70% + 32px);
		margin: 13px auto
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .input-area input {
		width: 50%
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .input-area .apply-btn {
		padding: 10px 15px;
		font-size: 14px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-nav {
		width: 70%;
		padding: 10px 15px;
		margin: 0 auto 20px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-nav .down-icon {
		width: 10px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .banner-btn {
		width: calc(70% + 32px)
	}
	.buy-dialog .buy-dialog-container .loading-content {
		padding: 50px 0
	}
	.buy-dialog .buy-dialog-container .loading-content .loading-title {
		font-size: 18px
	}
	.buy-dialog .buy-dialog-container .loading-content .loading-title .loading-icon {
		width: 18px;
		margin-right: 10px
	}
	.buy-dialog .buy-dialog-container .loading-content .loading-text {
		font-size: 16px
	}
	.result-title {
		font-size: 17px
	}
	.result-des {
		font-size: 14px;
		padding: 0 15px
	}
	.pay-result-container .coupon-container {
		margin: 30px 0;
		padding-left: 15px;
		width: calc(100% - 15px)
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item {
		width: 200px;
		height: 250px;
		margin-right: 15px
	}
	.about-container .container,
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title {
		padding: 25px 0
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-text {
		font-size: 30px
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-title .title-des {
		font-size: 18px
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .follower-number {
		font-size: 11px
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-top .coupon-top-content .coupon-code .copy-icon {
		width: 14px
	}
	.pay-result-container .coupon-container .coupon-list .coupon-item .coupon-btn {
		height: 35px;
		font-size: 13px;
		bottom: 20px
	}
	.buy-dialog .buy-dialog-container .info-dialog-content .select-area .select-ul {
		width: calc(70% + 30px);
		left: calc(15% - 15px);
		top: 38px;
		height: 140px
	}
	.about-container {
		padding: 0 15px;
		margin-top: 20px
	}
	.about-container .container .about-title {
		font-size: 18px;
		text-align: center
	}
	.about-container .container .about-title span {
		display: block;
		margin-left: 0;
		font-size: 18px
	}
	.about-container .container .contact-content .contact-content-item {
		margin-bottom: 5px
	}
	.about-container .container .about-content,
	.about-container .container .contact-content .contact-content-item .contact-left-content,
	.about-container .container .contact-content .contact-content-item .contact-right-content,
	.about-container .container .contact-content .contact-content-item a {
		font-size: 14px;
		line-height: 1.8
	}
	.about-container .container .contact-content .contact-content-item .contact-right-content {
		color: #000
	}
	.about-container .container .faq-list .faq-item {
		line-height: 2.2;
		font-size: 13px
	}
	.term-container {
		padding: 0 15px
	}
	.term-container .container .term-title {
		line-height: 1.5;
		margin: 25px 0
	}
	.term-container .container .term-des {
		font-size: 14px
	}
	.order-history-title .about-title {
		margin-bottom: 0!important
	}
	.order-history-title .new-order {
		padding: 5px 10px;
		font-size: 15px
	}
	.order-history-title .new-order .iconfont {
		font-size: 24px
	}
	.order-list {
		margin: 30px 0
	}
	.order-list .order-item {
		padding: 15px;
		margin-bottom: 15px
	}
	.order-list .order-item .order-item-top .top-left-item .order-avatar {
		width: 35px;
		height: 35px;
		margin-right: 15px
	}
	.order-list .order-item .order-item-top .top-left-item .order-title {
		font-size: 14px;
		margin-bottom: 5px
	}
	.order-list .order-item .order-item-top .top-left-item .order-info {
		line-height: 20px;
		font-size: 13px
	}
	.order-list .order-item .order-item-top .top-left-item .order-info .iconfont {
		display: block;
		font-size: 13px
	}
	.order-list .order-item .order-item-bottom {
		display: block
	}
	.login-container {
		background-color: #fff
	}
	.login-container .login-area {
		padding: 0 15px;
		box-shadow: none
	}
	.login-container .login-area .login-title {
		font-size: 24px
	}
	.login-container .login-area form {
		margin: 30px 0 20px
	}
	.login-container .login-area form input {
		width: calc(100% - 50px);
		font-size: 16px;
		height: 42px;
		margin-bottom: 20px
	}
	.condition-list .condition-item p,
	.login-container .login-area .forget-link,
	.login-container .register-area a,
	.order-list .order-item .order-item-top .icon-you {
		font-size: 16px
	}
	.login-container .register-area {
		padding: 10px 20px;
		font-size: 16px;
		width: calc(100% - 65px)
	}
	.condition-list .condition-item .iconfont {
		margin-right: 10px
	}
	.setting-title {
		padding: 0 15px
	}
}

@media screen and (min-width:1024px) {
	.header-mobile,
	.mobile-menu-list {
		display: none
	}
}

@media screen and (max-width:320px) {
	.pay-result-container {
		margin-top: 0
	}
	.login-container .login-area .login-title {
		font-size: 21px
	}
	.login-container .register-area {
		font-size: 14px;
		margin: 25px auto
	}
	.login-container .register-area a {
		font-size: 14px
	}
}

@font-face {
	font-family: "iconfont";
	src: url(//at.alicdn.com/t/font_1848199_0nw0sh65mft.eot?t=1614910178761);
	src: url(//at.alicdn.com/t/font_1848199_0nw0sh65mft.eot?t=1614910178761#iefix) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"), url(//at.alicdn.com/t/font_1848199_0nw0sh65mft.woff?t=1614910178761) format("woff"), url(//at.alicdn.com/t/font_1848199_0nw0sh65mft.ttf?t=1614910178761) format("truetype"), url(//at.alicdn.com/t/font_1848199_0nw0sh65mft.svg?t=1614910178761#iconfont) format("svg")
}

.iconfont {
	font-family: "iconfont"!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-shang-sanjiao:before {
	content: "\e637"
}

.icon-xia-sanjiao:before {
	content: "\e77a"
}

.success-new {
	padding: 25px;
	background-color: #f3f7fa
}

.success-new .order-success-area {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 15px
}

.success-new .order-success-area .success-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 17px 0;
	border-bottom: 1px solid #fafafa
}

.success-new .order-success-area .success-icon img {
	width: 22px;
	height: 22px;
	display: block;
	margin-right: 10px
}

.success-new .order-success-area .success-icon h3 {
	font-size: 22px;
	color: #29dbcb
}

.success-new .order-success-area .order-info {
	padding: 17px 25px;
	border-bottom: 1px solid #fafafa
}

.success-new .order-success-area .order-info .twitter-icon {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto 5px
}

.success-new .order-success-area .order-info .order-title {
	font-size: 17px;
	color: #222;
	margin-bottom: 5px
}

.success-new .order-success-area .order-info .order-price {
	font-size: 18px;
	color: #222;
	margin-bottom: 15px
}

.success-new .order-success-area .order-info .order-des {
	font-size: 13px;
	color: #999;
	line-height: 1.5
}

.success-new .order-success-area .success-order-check {
	padding: 17px 0
}

.success-new .order-success-area .success-order-check .order-check-title {
	font-size: 22px;
	color: #222;
	width: fit-content;
	position: relative;
	z-index: 0;
	margin: 0 auto 25px;
	font-style: italic
}

.success-new .order-success-area .success-order-check .order-check-title:after {
	width: calc(100% + 10px);
	height: 10px;
	position: absolute;
	content: '';
	background-image: linear-gradient(to right, #ff87b7, #ffcda9);
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: -1
}

.success-new .order-success-area .success-order-check .order-check-list .order-check-item {
	display: inline-block;
	width: calc(50% - 42px);
	padding: 0 20px 20px
}

.success-new .order-success-area .success-order-check .order-check-list .order-check-item img {
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto 3px
}

.success-new .order-success-area .success-order-check .order-check-list .order-check-item p {
	font-size: 13px;
	color: #222
}

.check-order-btn {
	width: 80%;
	max-width: 500px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ff5e52;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0 auto
}

.sign-in-new {
	background-color: #f3f7fa;
	padding: 15px 15px 45px
}

.sign-in-new .signin-pic-area {
	position: relative;
	max-width: 700px;
	margin: 0 auto 10px
}

.sign-in-new .signin-pic-area .sign-pic {
	width: 100%;
	display: block
}

.sign-in-new .signin-pic-area h3 {
	position: absolute;
	font-size: 22px;
	color: #222;
	width: 50%;
	left: 22px;
	top: 40px
}

.sign-in-new .sign-input-area {
	padding: 16px 15px 45px;
	background-color: #fff;
	border-radius: 15px;
	max-width: 670px;
	margin: 0 auto
}

.sign-in-new .sign-input-area .input-area {
	padding: 25px 15px 9px;
	border-bottom: 1px solid #e9e9e9;
	display: flex;
	align-items: center
}

.sign-in-new .sign-input-area .input-area .input-icon {
	width: 16px;
	height: 16px
}

.sign-in-new .sign-input-area .input-area input {
	border: 0;
	padding-left: 15px;
	width: calc(100% - 31px);
	font-size: 15px
}

.sign-in-new .sign-input-area .forget-link {
	text-align: right;
	font-size: 13px;
	color: #06c6cf;
	margin: 15px 0 30px;
	display: block
}

.sign-in-new .sign-input-area .login-btn,
.sign-in-new .sign-input-area .sign-up-btn {
	width: 100%;
	height: 45px;
	border-radius: 50px;
	background-color: #ff5e52;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px;
	border: 0
}

.sign-in-new .sign-input-area .sign-up-btn {
	width: calc(100% - 4px);
	height: 41px;
	background-color: unset;
	border: 2px solid #ff5f3b;
	color: #ff5f3b
}

.login-dialog {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 201
}

.login-dialog .mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8)
}

.login-dialog .login-dialog-container {
	width: calc(100% - 100px);
	padding: 50px 25px;
	background-color: #fff;
	border-radius: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 700px;
	z-index: 100
}

.login-dialog .login-dialog-container .close-btn {
	position: absolute;
	cursor: pointer;
	width: 17px;
	height: 17px;
	right: 20px;
	top: 20px
}

.login-dialog,
.login-dialog .login-dialog-container .close-btn img {
	width: 100%;
	height: 100%
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-title {
	font-size: 20px;
	color: #262626
}

.login-dialog .login-dialog-container .login-dialog-content .title-des {
	font-size: 12px;
	color: #666;
	margin-top: 5px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area {
	margin-top: 20px;
	margin-bottom: 20px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area .input-title {
	font-size: 12px;
	color: #222;
	margin-bottom: 5px;
	margin-top: 10px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area .input-area {
	position: relative
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area .input-area input {
	padding: 13px 10px;
	width: calc(100% - 20px);
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	font-size: 13px;
	-webkit-appearance: none
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area .input-area .copy-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%)
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-input-area .input-area .copy-icon img {
	width: 10px;
	height: 10px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-tips {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-tips img {
	width: 10px;
	height: 10px;
	margin-right: 5px
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-tips p {
	font-size: 11px;
	color: #0062ff
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-btn-list,
.my-orders-new .order-nav-area {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-btn-list .left-btn,
.login-dialog .login-dialog-container .login-dialog-content .dialog-btn-list .right-btn {
	width: calc(50% - 10px);
	cursor: pointer;
	height: 41px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ff5e52;
	font-size: 16px;
	border-radius: 50px;
	font-weight: 700;
	color: #fff;
	background-color: #ff5e52
}

.login-dialog .login-dialog-container .login-dialog-content .dialog-btn-list .right-btn {
	background-color: #fff;
	color: #ff5e52
}

.my-orders-new {
	border-top: 1px solid #e3e3e3
}

.my-orders-new .order-nav-area {
	justify-content: center;
	padding: 15px 0 10px;
	position: relative;
	z-index: 100;
	background-color: #fff
}

.my-orders-new .order-nav-area .order-nav-item {
	font-size: 20px;
	cursor: pointer;
	color: #222;
	width: fit-content;
	position: relative;
	z-index: 0
}

.my-orders-new .order-nav-area .order-nav-item:first-child {
	margin-right: 40px
}

.my-orders-new .order-nav-area .order-nav-item-active:after {
	width: 100%;
	height: 8px;
	position: absolute;
	content: '';
	background-image: linear-gradient(to right, #ff5e52, #ff9458);
	box-shadow: 0 4px 4px #ffede6;
	bottom: 0;
	left: 0;
	z-index: -1
}

.my-orders-new .order-tab-item {
	display: none
}

.my-orders-new .order-tab-item .platform-screen-list {
	padding: 5px 15px 20px;
	white-space: nowrap;
	display: flex;
	overflow: scroll
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item {
	display: flex;
	cursor: pointer;
	align-items: center;
	padding: 5px 10px;
	border-radius: 50px;
	background-color: #f7f7f7;
	margin-right: 10px;
	width: fit-content;
	float: left
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item img {
	width: 15px;
	height: 15px;
	display: block;
	margin-right: 3px
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item p {
	font-size: 13px;
	color: #666
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item .iconfont {
	color: #999;
	font-size: 12px;
	margin-left: 4px;
	line-height: 1
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item-active {
	background-color: #ffefeb
}

.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item-active .iconfont,
.my-orders-new .order-tab-item .platform-screen-list .platform-screen-item-active p {
	color: #ff5f3b
}

.my-orders-new .order-tab-item .empty-order {
	padding: 36px 25px;
	border-top: 1px solid #f3f3f3
}

.my-orders-new .order-tab-item .empty-order .empty-area {
	text-align: center;
	margin-bottom: 50px
}

.my-orders-new .order-tab-item .empty-order .empty-area img {
	width: 33%;
	display: block;
	margin: 0 auto
}

.my-orders-new .order-tab-item .empty-order .empty-area .empty-title {
	font-size: 20px;
	color: #333;
	line-height: 1.8
}

.my-orders-new .order-tab-item .empty-order .empty-area .empty-des {
	font-size: 14px;
	color: #999
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-title {
	width: fit-content;
	position: relative;
	margin: 0 auto;
	font-size: 15px;
	color: #ff5f3b
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-title:after,
.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-title:before {
	position: absolute;
	content: '';
	width: 25px;
	height: 2px;
	background-image: linear-gradient(to right, #fff6f6, #ff6565);
	top: 50%;
	left: -40px;
	transform: translate(0, -50%)
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-title:after {
	left: unset;
	right: -40px;
	background-image: linear-gradient(to left, #fff6f6, #ff6565)
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 35px
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-list .choose-us-item .choose-icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff6de
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-list .choose-us-item .choose-icon img {
	width: 30px;
	height: 30px;
	display: block
}

.my-orders-new .order-tab-item .empty-order .choose-us .choose-us-list .choose-us-item .choose-des {
	font-size: 13px;
	color: #222;
	text-align: center;
	margin-top: 5px
}

.my-orders-new .order-tab-item .empty-order .check-order-btn {
	width: 100%
}

.my-orders-new .order-tab-item .introduction-area {
	display: flex;
	align-items: flex-start;
	padding: 0 15px 15px
}

.my-orders-new .order-tab-item .introduction-area img {
	width: 15px;
	height: 15px;
	display: block;
	margin-right: 5px
}

.my-orders-new .order-tab-item .introduction-area span {
	font-size: 11px;
	color: #222;
	margin-left: 3px
}

.my-orders-new .order-tab-item-active {
	display: block
}

.new-order-area,
.order-history-list {
	background-color: #f3f7fa;
	padding: 10px
}

.order-history-list .order-history-item {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 10px;
	display: block
}

.order-history-list .order-history-item .order-top-item {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.order-history-list .order-history-item .order-detail .user-detail,
.order-history-list .order-history-item .order-top-item .top-left-item {
	display: flex;
	align-items: center
}

.order-history-list .order-history-item .order-top-item .top-left-item img {
	width: 18px;
	height: 18px;
	display: block;
	margin-right: 5px
}

.order-history-list .order-history-item .order-top-item .top-left-item .link {
	font-size: 12px;
	color: #ff4c48
}

.order-history-list .order-history-item .order-top-item .top-right-item img {
	height: 24px
}

.order-history-list .order-history-item .order-detail {
	padding: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	color: #222
}

.order-history-list .order-history-item .order-detail .user-detail .avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	margin-right: 15px
}

.order-history-list .order-history-item .order-detail .user-detail .order-type {
	font-size: 13px;
	margin-bottom: 5px
}

.order-history-list .order-history-item .order-detail .user-detail .username {
	display: flex;
	align-items: center;
	font-size: 12px
}

.order-history-list .order-history-item .order-detail .user-detail .username img {
	height: 12px;
	display: block;
	margin-right: 5px
}

.order-history-list .order-history-item .order-detail .price-detail .price {
	font-size: 13px;
	margin-bottom: 5px
}

.order-history-list .order-history-item .order-detail .price-detail .count {
	font-size: 12px
}

.order-history-list .order-history-item .order-bottom-item,
.order-history-list .order-history-item .order-detail {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.order-history-list .order-history-item .order-bottom-item .order-time {
	font-size: 12px;
	color: #999
}

.order-history-list .order-history-item .order-bottom-item .finished-status {
	font-size: 12px;
	color: #04caa2
}

.order-history-list .order-history-item .order-bottom-item .progress-status {
	font-size: 12px;
	color: #ffb715
}

.new-order-area .activity-order {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px
}

.new-order-area .activity-order .activity-order-title {
	height: 14px;
	display: block;
	margin-bottom: 14px;
	padding-left: 7px
}

.activity-order-item {
	padding: 12px 8px;
	border-radius: 10px;
	background-color: #ffefed;
	justify-content: space-between
}

.activity-order-item,
.activity-order-item .left-item {
	display: flex;
	align-items: center
}

.activity-order-item .left-item img {
	width: 45px;
	height: 45px;
	display: block;
	margin-right: 12px
}

.activity-order-item .left-item .order-type {
	font-size: 13px;
	color: #222;
	margin-bottom: 5px
}

.activity-order-item .left-item .price .new-price {
	font-size: 13px;
	color: #ff4c48;
	font-weight: 700;
	margin-right: 5px
}

.activity-order-item .left-item .price .old-price {
	font-size: 13px;
	color: #999;
	text-decoration: line-through
}

.activity-order-item .buy-btn {
	border-radius: 50px;
	background-color: #ff5e52;
	box-shadow: 0 4px 4px #ffbdb8;
	font-size: 15px;
	color: #fff;
	padding: 8px 15px;
	font-weight: 700
}

.new-order-list {
	padding: 0 10px;
	background-color: #fff;
	border-radius: 10px
}

.new-order-list .new-order-item {
	background-color: #fff;
	padding: 20px 8px;
	border-bottom: 1px solid #f5f5f5;
	border-radius: 0
}

.mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1
}

.platform-screen-area {
	position: relative;
	z-index: 100;
	background-color: #fff
}

.platform-screen-area .platform-tab-pane {
	position: absolute;
	padding: 0 40px;
	width: calc(100% - 80px);
	background-color: #fff;
	z-index: 100;
	left: 0;
	top: 48px
}

.platform-screen-area .platform-tab-pane .platform-tab-item {
	display: none;
	padding-bottom: 15px
}

.platform-screen-area .platform-tab-pane .platform-tab-item .platform-sub-item {
	cursor: pointer;
	font-size: 15px;
	color: #222;
	margin-bottom: 20px
}

.platform-screen-area .platform-tab-pane .platform-tab-item .platform-sub-item-active {
	color: #ff5e52
}

.platform-screen-area .platform-tab-pane .platform-tab-item-active {
	display: block
}

@media screen and (max-width:320px) {
	.login-dialog .login-dialog-container {
		padding: 50px 15px;
		width: calc(100% - 80px)
	}
	.activity-order-item .buy-btn {
		font-size: 13px;
		padding: 8px 10px
	}
}

@media screen and (min-width:1024px) {
	.my-orders-new .order-nav-area {
		padding: 15px 15px 10px;
		max-width: 670px;
		margin: 0 auto;
		justify-content: flex-start
	}
	.order-tab-pane {
		max-width: 700px;
		margin: 0 auto
	}
}

.twitter-detail {
	min-height: 100%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #f2f2f2
}

.twitter-detail * {
	font-family: Helvetica
}

.order-input-list input::placeholder,
.twitter-detail input::placeholder {
	color: #d3d3d3
}

.twitter-detail .top-bg {
	width: 100%;
	height: 400px;
	background-image: linear-gradient(to bottom, #ffa16d, #ff6157);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px
}

.twitter-detail .order-detail {
	width: calc(100% - 20px);
	margin: -390px auto 10px;
	background-color: #fff9f6;
	border-radius: 18px;
	padding-bottom: 25px;
	box-shadow: 0 0 4px #ddd
}

.twitter-detail .order-detail .order-detail-title {
	font-size: 21px;
	color: #7f3d27;
	text-align: center;
	line-height: 62px;
	height: 62px;
	background-image: url(../images/old/rectangle-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.twitter-detail .order-detail .order-detail-list {
	padding: 0 20px
}

.twitter-detail .order-detail .order-detail-list .order-detail-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px #fff1ea solid
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .left-item {
	font-size: 15px;
	color: #7f3d27
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item {
	display: flex;
	align-items: center
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .best-img {
	height: 17px;
	display: block
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .order-price {
	font-size: 20px;
	color: #ff4b47;
	margin: 0 8px
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .old-price {
	font-size: 15px;
	color: #999;
	text-decoration: line-through
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .coupon-code-input {
	padding: 6px 25px;
	background: #ffefe6;
	border-radius: 8px;
	font-size: 15px;
	color: #7f3d27;
	font-family: Helvetica-Bold;
	border: 0;
	width: 80px
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .coupon-code-input::placeholder {
	color: #dcbbb0;
	font-family: Helvetica
}

.twitter-detail .order-detail .order-detail-list .order-detail-item .bold-text {
	font-size: 17px;
	color: #7f3d27
}

.twitter-detail .order-detail .order-detail-list .order-detail-item:last-child {
	border: 0
}

.twitter-detail .order-detail .order-detail-list .banner-followers .banner-follower-container {
	margin: 0;
	padding: 10px 0 0;
	background-color: #fff
}

.twitter-detail .order-detail .order-detail-list .banner-followers .banner-follower-container .banner-input-area {
	width: 100%;
	margin: 0 auto 10px
}

.twitter-detail .order-detail .order-detail-list .banner-followers .banner-follower-container .follower-banner-img {
	width: 100%;
	margin: 0
}

.twitter-detail .order-des {
	padding: 14px 30px 15px
}

.twitter-detail .order-des p {
	font-size: 13px;
	color: #999;
	margin-bottom: 10px
}

.twitter-detail .order-payment {
	width: calc(100% - 60px);
	margin: 0 auto 10px;
	background-color: #fff;
	border-radius: 15px;
	padding: 20px;
	position: relative
}

.twitter-detail .order-payment .payment-title {
	font-size: 17px;
	color: #333;
	margin-bottom: 20px
}

.twitter-detail .order-payment .order-coupon {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

.twitter-detail .order-payment .order-coupon .coupon-input {
	width: 100%;
	height: 39px;
	background-color: #f5f5f5;
	line-height: 39px;
	border-radius: 10px;
	font-size: 13px;
	padding: 0 10px;
	border: 0
}

.twitter-detail .order-payment .order-coupon .order-coupon-btn {
	width: 75px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	background-image: linear-gradient(to right, #ff496a, #ff9b4d);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.twitter-detail .order-payment .select-payment-area .select-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.twitter-detail .order-payment .select-payment-area .select-item img {
	width: 13%;
	display: block;
	margin-right: 3px;
	max-height: 24px;
	max-width: 41px
}

.twitter-detail .order-payment .select-payment-area .select-item .icon-img {
	width: 20px;
	height: 20px;
	margin-right: 15px
}

.twitter-detail .order-payment .select-payment-area .select-item .paypal {
	height: 30px;
	width: auto;
	max-height: unset;
	max-width: unset
}

.twitter-detail .order-payment .select-payment-area .select-item .payermax {
	height: 24px;
	width: auto;
	max-height: unset;
	max-width: unset
}

.twitter-detail .order-payment .select-payment-area .select-item:last-child {
	margin-bottom: 0
}

.twitter-detail .order-payment .order-input-list {
	border: 1px #ececec solid;
	border-radius: 10px;
	padding: 0 15px;
	margin-top: 24px
}

.twitter-detail .order-payment .order-input-list .order-input-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px #f5f5f5 solid
}

.twitter-detail .order-payment .order-input-list .order-input-item .input-left-item {
	font-size: 15px;
	color: #222;
	width: 96px
}

.twitter-detail .order-payment .order-input-list .order-input-item .order-input {
	line-height: 1;
	padding: 0;
	text-align: right;
	width: calc(100% - 96px);
	border: 0;
	font-size: 15px
}

.twitter-detail .order-payment .order-input-list .order-input-item:last-child {
	border: 0
}

.twitter-detail .order-payment .introduction-list .introduction-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px
}

.twitter-detail .order-payment .introduction-list .introduction-item .intro-img {
	width: 15px;
	display: block;
	margin-right: 10px;
	object-fit: contain
}

.twitter-detail .order-payment .introduction-list .introduction-item .summary-img {
	width: 25px;
	margin-left: -5px;
	margin-right: 5px
}

.twitter-detail .order-payment .introduction-list .introduction-item .intro-text {
	font-size: 13px;
	color: #222
}

.twitter-detail .order-payment .introduction-list .introduction-item .intro-text span {
	font-size: 13px;
	color: #999
}

.twitter-detail .order-payment .introduction-list .introduction-item .red-color {
	color: #f55
}

.twitter-detail .order-payment .pay-introduction-list {
	margin-top: 5px
}

.twitter-detail .order-payment .optional-text {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #999;
	position: absolute;
	right: 20px;
	top: 20px
}

.twitter-detail .order-payment .optional-text .optional-img {
	width: 6px;
	display: block;
	margin-left: 8px
}

.twitter-detail .optional-area {
	padding-bottom: 1px
}

.twitter-detail .bottom-btn {
	padding: 20px 0;
	margin-top: 22px;
	display: flex;
	align-items: center;
	justify-content: center
}

.pay-twitter-detail {
	padding-bottom: 90px;
}

.twitter-detail .bottom-btn.pay-btn {
	position: fixed;
	width: calc(100% - 45px);
	max-width: 555px;
	height: 50px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	margin-top: 0;
}

.twitter-detail .bottom-btn .order-btn {
	width: calc(100% - 45px);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	background-image: linear-gradient(to right, #ff496a, #ff9b4d);
	border-radius: 50px;
	box-shadow: 0 1px 15px #ffe3e2
}

@media screen and (max-width:320px) {
	.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .order-price,
	.twitter-detail .order-detail .order-detail-title {
		font-size: 17px
	}
	.twitter-detail .order-detail .order-detail-list .order-detail-item .right-item .old-price {
		font-size: 13px
	}
	.twitter-detail .order-detail .order-detail-list .order-detail-item .bold-text {
		font-size: 15px
	}
	.twitter-detail .order-payment {
		padding: 20px 15px;
		width: calc(100% - 50px)
	}
	.twitter-detail .order-payment .order-input-list .order-input-item .input-left-item {
		font-size: 13px;
		width: 86px
	}
	.twitter-detail .order-payment .order-input-list .order-input-item .order-input {
		width: calc(100% - 86px);
		font-size: 13px
	}
	.twitter-detail .bottom-btn .order-btn {
		height: 45px;
		font-size: 15px
	}
	.twitter-detail .optional-area {
		padding-bottom: 1px
	}
}

.order-detail .banner-followers {
	padding-top: 0!important
}

.guide-area {
	margin-top: 10px
}

.guide-area .guide-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px
}

.guide-area .guide-item .guide-number {
	width: 18px;
	height: 18px;
	background-color: #ff5454;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 8px;
	flex-shrink: 0;
	margin-top: 8px;
	font-size: 13px
}

.guide-area .guide-item .guide-content {
	width: calc(100% - 46px);
	padding: 8px 10px;
	border-radius: 5px;
	background-color: #ece9ff;
	color: #ff5454;
	font-size: 12px;
	word-break: break-all
}

.sub-menu-item {
	position: relative
}

.sub-sub-menu {
	right: 100%!important;
	top: 0!important;
	left: unset!important
}

.order-input-list input,
textarea {
	outline: 0
}

.order-input-list {
	border: 1px #ececec solid;
	border-radius: 10px;
	padding: 0 15px;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 15px;
	font-variant: normal;
	margin: 0
}

.order-input-list .order-input-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px #f5f5f5 solid
}

.order-input-list .order-input-item .input-left-item {
	font-size: 15px;
	color: #222;
	width: 96px
}

.order-input-list .order-input-item .order-input {
	line-height: 1;
	padding: 0;
	text-align: right;
	width: calc(100% - 96px);
	border: 0;
	font-size: 15px
}

.order-input-list .order-input-item:last-child {
	border: 0
}

@media screen and (max-width:320px) {
	.order-input-list .order-input-item .input-left-item {
		font-size: 13px;
		width: 86px
	}
	.order-input-list .order-input-item .order-input {
		width: calc(100% - 86px);
		font-size: 13px
	}
}

.setting-container-new .setting-content {
	background: #fff;
	padding: 20px
}

.setting-container-new .setting-content .setting-container-title {
	font-size: 18px;
	color: #222;
	font-family: Helvetica-Bold;
	padding: 0 16px 15px
}

.setting-container-new .setting-content .setting-container-item {
	float: left;
	margin-bottom: 45px
}

.setting-container-new .setting-content .large-item {
	width: calc(62% - 15px);
	margin-right: 15px
}

.setting-container-new .setting-content .large-item .reset-password-area {
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 35px 20px
}

.setting-container-new .setting-content .large-item .reset-password-area .input-title {
	font-size: 14px;
	color: #222;
	font-family: Helvetica-Bold;
	margin-bottom: 10px
}

.setting-container-new .setting-content .large-item .reset-password-area .input-title span {
	font-size: 12px;
	color: #fc3e5d;
	font-family: Helvetica;
	margin-left: 10px
}

.setting-container-new .setting-content .large-item .reset-password-area input {
	margin-bottom: 35px;
	background-color: #f0f0f0;
	border-radius: 5px;
	border: 0;
	padding: 15px;
	width: calc(100% - 30px);
	font-size: 13px;
	font-family: Helvetica
}

.setting-container-new .setting-content .large-item .reset-password-area input[type=password]::placeholder,
.setting-container-new .setting-content .large-item .reset-password-area input[type=text]::placeholder {
	color: #d2d2d2
}

.setting-container-new .setting-content .large-item .reset-password-area .submit-btn {
	width: 50%;
	height: 45px;
	border-radius: 5px;
	color: #fff;
	background-color: #ff5454;
	font-family: Helvetica-Bold;
	font-size: 14px;
	margin-bottom: 0
}

.setting-container-new .setting-content .large-item .contact-list {
	display: flex;
	align-items: center;
	padding-left: 20px
}

.setting-container-new .setting-content .large-item .contact-list .contact-item {
	height: 40px;
	display: block;
	margin-right: 45px
}

.setting-container-new .setting-content .large-item .contact-list .contact-item img {
	height: 100%;
	display: block
}

.setting-container-new .setting-content .small-item {
	width: 38%
}

.setting-container-new .setting-content .small-item .language-area {
	padding: 25px 18px;
	border-radius: 5px;
	background-color: #f9f9f9
}

.setting-container-new .setting-content .small-item .language-area .language-dropdown {
	background-color: #f0f0f0;
	border-radius: 5px;
	padding: 15px;
	width: calc(100% - 30px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.setting-container-new .setting-content .small-item .language-area .language-dropdown .selected-language {
	font-size: 14px;
	font-family: Helvetica-Bold;
	color: #222
}

.setting-container-new .setting-content .small-item .language-area .language-dropdown .dropdown-icon {
	width: 8px;
	display: block
}

.setting-container-new .setting-content .small-item .language-area .language-list {
	padding: 7px 0;
	display: none
}

.setting-container-new .setting-content .small-item .language-area .language-list .language-item {
	padding: 7px 15px;
	font-family: Helvetica;
	font-size: 13px;
	color: #222;
	cursor: pointer
}

.setting-container-new .setting-content .small-item .language-area .language-list .language-item:hover {
	background-color: #f0f0f0
}

.setting-container-new .setting-content .small-item .save-btn {
	width: calc(100% - 30px);
	height: 45px;
	color: #fff;
	border-radius: 5px;
	background-color: #ff5454;
	font-family: Helvetica-Bold;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto 0;
	cursor: pointer
}

.setting-container-new .setting-content .small-item .info-set-area {
	padding: 35px;
	background-color: #f9f9f9
}

.setting-container-new .setting-content .small-item .info-set-area .info-avatar {
	width: 160px;
	height: 160px;
	display: block;
	border-radius: 50%;
	margin: 0 auto
}

.setting-container-new .setting-content .small-item .info-set-area .info-email {
	font-size: 13px;
	color: #222;
	font-weight: 700;
	text-align: center;
	margin: 20px 0 40px
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(50% - 10px);
	height: 50px;
	border-radius: 5px;
	border: 3px solid #ededed;
	cursor: pointer
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item img {
	width: 34px;
	display: block;
	margin-right: 6px
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item p {
	font-size: 14px;
	color: #999;
	font-family: Helvetica-Bold
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item-active {
	border-color: #ff5454
}

.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item-active p {
	color: #ff5454
}

.setting-container-new .setting-content .language-container {
	float: right
}

@media screen and (max-width:1023px) {
	.setting-container-new .setting-content {
		background: unset;
		padding: 0
	}
	.setting-container-new .setting-content .setting-container-item {
		float: unset;
		margin-bottom: 25px
	}
	.setting-container-new .setting-content .large-item,
	.setting-container-new .setting-content .small-item {
		width: 100%;
		margin-left: 0
	}
	.setting-container-new .setting-content .setting-container-title {
		font-size: 15px
	}
	.setting-container-new .setting-content .large-item .reset-password-area {
		padding: 20px 15px
	}
	.setting-container-new .setting-content .large-item .reset-password-area .input-title {
		font-size: 13px
	}
	.setting-container-new .setting-content .large-item .reset-password-area input {
		padding: 10px 15px;
		margin-bottom: 20px
	}
	.setting-container-new .setting-content .large-item .reset-password-area .submit-btn {
		width: 100%;
		height: 35px;
		margin-top: 5px;
		font-size: 13px
	}
	.setting-container-new .setting-content .small-item .info-set-area {
		padding: 25px 35px
	}
	.setting-container-new .setting-content .small-item .language-area {
		padding: 20px 15px
	}
	.setting-container-new .setting-content .small-item .language-area .language-dropdown {
		padding: 10px 15px
	}
	.setting-container-new .setting-content .small-item .save-btn {
		height: 35px;
		margin-top: 25px;
		font-size: 13px
	}
	.setting-container-new .setting-content .contact-container {
		margin-top: 50px
	}
	.setting-container-new .setting-content .large-item .contact-list {
		margin-top: 10px;
		justify-content: center
	}
	.setting-container-new .setting-content .large-item .contact-list .contact-item:last-child {
		margin-right: 0
	}
	.setting-container-new .setting-content .small-item .info-set-area .info-avatar {
		width: 75px;
		height: 75px
	}
	.setting-container-new .setting-content .small-item .info-set-area .info-email {
		margin: 10px 0 15px
	}
	.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item {
		height: 40px;
		border-width: 2px
	}
	.setting-container-new .setting-content .small-item .info-set-area .sex-radio .sex-item img {
		width: 25px
	}
}

.popup-sale {
	position: fixed;
	left: 15px;
	bottom: -120px;
	padding: .75rem 1.75rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .1);
	background: #fff;
	border-radius: .5rem;
	z-index: 99999;
	opacity: 0;
	transition: all .8s;
	height: 6rem
}

.popup-sale-content {
	display: flex
}

.popup-sale-logo {
	width: 4rem;
	height: 4rem;
	margin-right: 1rem;
	margin-top: 1rem
}

.popup-sale p {
	color: #000;
	line-height: 22px
}

.popup-sale .text-gray {
	color: #a0aec0
}

.animation-div {
	bottom: 10px!important;
	opacity: 1
}

.total-price-list .total-price-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px
}

.total-price-item-text-bold {
	font-size: 17px;
	color: #333;
	font-weight: 700
}

.total-price-item-divider {
	border: 0;
	height: 1px;
	background: #333;
	margin: 15px 0
}

@media screen and (max-width:1024px) {
	.animation-div {
		top: 10px!important;
		opacity: 1
	}
	.popup-sale {
		left: 15px;
		right: 60px;
		top: -120px
	}
}


/* 付款详情-紫色 */
.pay-twitter-detail-purple .top-bg{
	background-image: linear-gradient(to bottom, #a491da, #8c6ef2);
}
.pay-twitter-detail-purple .order-detail{
	background-color: #f7f6ff;
}
.pay-twitter-detail-purple .order-detail .order-detail-list .order-detail-item .left-item{
	color: #4C277F;
}
.pay-twitter-detail-purple .order-detail .order-detail-list .order-detail-item .bold-text{
	color: #4C277F;
}
.pay-twitter-detail-purple .order-detail .order-detail-list .order-detail-item .right-item .coupon-code-input{
	background: #e9e1ff;
	color: #4C277F;
}
.pay-twitter-detail-purple .order-detail .order-detail-list .order-detail-item .right-item .coupon-code-input::placeholder{
	color: #ccbdfa;
}
.pay-twitter-detail-purple .banner-btn, .pay-twitter-detail-purple .banner-input-area .banner-left-area{
	background-color: #8a6bf7;
}
.pay-twitter-detail-purple .banner-input-area input{
	border-color: #8a6bf7;
}
.pay-twitter-detail-purple .bottom-btn .order-btn{
background: #8a6bf7;
box-shadow: 0 1px 15px #d5cef2;
}
.pay-twitter-detail-purple .order-detail .order-detail-title{
	background-image: url(../images/old/rectangle-new.png);
	color: #68529C;
}