* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

/* 头部 */
.movie-header {
	width: 100%;
	height: 55px;
	background: linear-gradient(97deg, #FFDB9E 4%, #FFB579 53%, #FFA15E 99%);
	position: relative;
	z-index: 999;
}

.movie-header .h-main {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}

.movie-header .h-main .h-link {
	margin-right: 78px;
}

.movie-header .h-main .h-link .h-icon {
	height: 30px;
	object-fit: cover;
}

.movie-header .h-main .h-nav li {
	height: 100%;
	cursor: pointer;
	margin-right: 18px;
}

.movie-header .h-main .h-nav .active {
	background: #FFA25F;
}

.movie-header .h-main .h-nav li .title {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 55px;
	color: #111;
	display: block;
	padding: 0 16px;
}

.movie-header .h-main .h-nav li:hover {
	background: #FFA25F;
}

.movie-header .h-main .h-search {
	width: 234px;
	height: 32px;
	border-radius: 126px;
	background: #f6f6f6;
	padding: 0 6px 0 12px;
	margin-left: auto;
}

.movie-header .h-main .h-search .h-form {
	width: 100%;
	height: 100%;
}

.movie-header .h-main .h-search .h-form .inp {
	width: 150px;
	height: 100%;
	background: transparent;
	border: none;
	font-size: 14px;
	color: #333333;
}

.movie-header .h-main .h-search .h-form .btn {
	width: 60px;
	height: 24px;
	border-radius: 537px;
	background: #FFA868;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #333333;
	border: none;
	cursor: pointer;
}

.movie-header .h-main .wap-search {
	display: none;
}

.movie-header .h-main .wap-message {
	display: none;
}

.movie-header .h-main .h-function {
	margin-left: 20px;
}

.movie-header .h-main .h-function .link-1 {
	display: inline-block;
	width: 60px;
	height: 24px;
	border-radius: 6px;
	background: #3B2F23;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #F5D294;
}

.movie-header .h-main .h-function .history-box {
	position: relative;
}

.movie-header .h-main .h-function .history-box #stui_history {
	display: none;
	width: 157px;
	height: 194px;
	position: absolute;
	top: 35px;
	left: -30px;
	z-index: 99999;
	background: #fff;
	box-sizing: border-box;
	backdrop-filter: blur(10px);
	box-shadow: 0px 1px 30px 0px rgba(44, 47, 55, 0.1);
	border-radius: 8px;
}

.movie-header .h-main .h-function .history-box #stui_history:before {
	content: " ";
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: -5px;
	right: 70px;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}

.movie-header .h-main .h-function .history-box .link-2 {
	display: inline-block;
	width: 84px;
	height: 24px;
	border-radius: 6px;
	background: linear-gradient(110deg, #FFCC7B 0%, #FF8F3D 87%);
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #333333;
	margin-left: 8px;
}

.movie-header .h-main .h-function .history-box:hover #stui_history {
	display: block;
}

.wap-box-search {
	display: none;
}

.wap-message {
	display: none;
}

.wap-box-search {
	display: none;
}

/* 底部 */
.movie-foot {
	width: 100%;
	height: 100px;
	background: #FFFFFF;
}

.movie-foot .link {
	padding: 30px 10px 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #8E9194;
}

.movie-foot .link a {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #8E9194;
}

.movie-foot .link a:hover {
	color: #FFA868;
}

.movie-foot .tips {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #8E9194;
}

.movie-foot .icon {
	position: fixed;
	bottom: 5%;
	right: 15%;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 999;
}

/* 分页 */
.page-box {
	margin: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-box li {
	border-radius: 4px;
	background: #FFFFFF;
	margin-right: 8px;
	cursor: pointer;
}

.page-box li a {
	display: block;
	padding: 2px 10px;
	font-size: 12px;
	color: #000000;
}

.page-box .active {
	background: #363636;
}

.page-box .active a {
	color: #F5D294;
}

.search-title {
	font-size: 14px;
	line-height: 16px;
	color: #9E9E9E;
}

.search-title .tips {
	color: #FFA868;
}

.search-tips {
	margin: 30px auto;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #9E9E9E;
}

/* 首页 */
.movie-main {
	width: 1100px;
	min-height: calc(100vh - 168px);
	margin: 20px auto;
}

/* 首页推荐 */
.wap-recommend {
	display: none;
}

.recommend {
	width: 100%;
	border-radius: 16px;
	background: #fff;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.recommend .swiper {
	width: 100%;
}

.recommend .r-item {
	flex: 0 0 calc((100% / 5) - (4 * 16px / 5));
	border-radius: 12px;
	background: #F4F5F6;
	padding: 12px;
	cursor: pointer;
}

.recommend .r-item:hover .r-title {
	color: #FFA868;
}

.recommend .r-item .r-poster {
	display: block;
	padding-top: 120%;
	border-radius: 12px;
	background-position: 50% 50%;
	background-size: cover;
}

.recommend .r-item .r-poster .text {
	border-radius: 5px;
	background: rgba(32, 32, 32, 0.6);
	backdrop-filter: blur(9.38px);
	padding: 2px 15px;
	font-size: 11px;
	text-align: center;
	color: #F5D294;
	white-space: nowrap;
}

.recommend .r-item .r-title {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: #111;
	text-align: center;
	margin-top: 16px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lists {
	width: 100%;
	border-radius: 16px;
	background: #fff;
	padding: 24px;
	margin: 24px auto;
}

.lists .l-header {
	width: 100%;
}

.lists .l-header .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	color: #222222;
}

.lists .l-header .title::before {
	display: block;
	content: "";
	width: 15px;
	height: 5px;
	transform: rotate(90deg);
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

.lists .l-header .nav {
	height: 30px;
	border-radius: 284px;
	background: #F7F7F7;
	padding-right: 18px;
	padding: 0 18px;
}

.lists .l-header .nav .item {
	width: 78px;
	height: 30px;
	border-radius: 37px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	color: #111;
}

.lists .l-header .nav .item:hover {
	color: #FFFFFF;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

.lists .l-header .nav .more-item {
	margin-left: 12px;
}

.lists .l-header .nav .more-item>span {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #474747;
}

.lists .l-header .nav .more-item .icon {
	width: 12px;
	height: 12px;
	margin-left: 6px;
}

.lists .l-body {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 21px;
}

.lists .l-body .item {
	width: 32%;
	padding: 16px 18px;
	border-radius: 10px;
	background: #F7F7F7;
}

.lists .l-body .item:hover {
	background: #FFFAF8;
}

.lists .l-body .item .header .title {
	max-width: 80%;
	width: fit-content;
	font-size: 12px;
	font-weight: 500;
	color: #111;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lists .l-body .item .header .text {
	border-radius: 4px;
	background: #363636;
	backdrop-filter: blur(9.38px);
	padding: 4px;
	font-size: 10px;
	color: #F5D294;
	line-height: 11px;
	margin-left: 12px;
	letter-spacing: 0.05em;
}

.lists .l-body .item .tab-box {
	margin-top: 12px;
}

.lists .l-body .item .tab-box .title {
	width: fit-content;
	border-radius: 4px;
	background: #E5E5E5;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
	padding: 3px 8px;
}

.lists .l-body .item .tab-box .title a:hover {
	color: #FFA868;
}

.lists .l-body .item .label {
	width: fit-content;
	height: 22px;
	border-radius: 4px;
	background: #ECEEF6;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	margin-right: 6px;
	margin-top: 16px;
	flex-shrink: 0;
}

/* 列表页 */
.category {
	width: 100%;
	margin: 20px auto;
}

.category li {
	width: fit-content;
	border-radius: 8px;
	background: #FFFFFF;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 10px;
}

.category li .label {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	display: inline-block;
	min-width: 80px;
	text-align: center;
}

.category li:hover {
	background: #363636;
}

.category li:hover .label {
	color: #F5D294;
}

.category .active {
	width: fit-content;
	border-radius: 8px;
	background: #363636;
	cursor: pointer;
}

.category .active .label {
	font-size: 14px;
	line-height: 17px;
	color: #F5D294;
}

.sort {
	width: 100%;
	margin: 20px auto;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	border-radius: 8px;
	padding: 16px 39px 0 39px;
}

.sort li {
	width: fit-content;
	height: 100%;
	margin-right: 50px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sort li a {
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 19px;
	color: #333333;
	display: block;
}

.sort li .line {
	width: 27px;
	height: 3px;
	border-radius: 269px;
	background: #fff;
	margin-top: 16px;
}

.sort .active a {
	font-weight: bold;
}

.sort .active .line {
	width: 27px;
	height: 3px;
	border-radius: 269px;
	background: #FFA868;
	margin-top: 16px;
}

.tList {
	width: 100%;
	margin: 24px auto;
}

.tList .item {
	width: 100%;
	height: fit-content;
	border-radius: 8px;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	margin-bottom: 20px;
	padding: 30px;
	cursor: pointer;
}

.tList .item:hover {
	background: #FAFBFE;
	backdrop-filter: blur(10px);
}

.tList .item:hover .info .title {
	color: #FFA868;
}

.tList .item .poster {
	width: 115px;
	height: 153px;
	display: block;
	border-radius: 12px;
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	flex-shrink: 0;
}

.tList .item .info {
	margin-left: 30px;
}

.tList .item .info .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #000000;
}

.tList .item .info .title::after {
	content: "";
	display: block;
	width: 16px;
	height: 3px;
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
	margin-top: 10px;
}

.tList .item .info .tab-box {
	margin: 17px 0;
}

.tList .item .info .tab-box .tab {
	width: fit-content;
	height: fit-content;
	border-radius: 4px;
	background: #ECEEF6;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	margin-right: 10px;
}

.tList .item .info .tab-box a {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	word-break: break-all;
}

.tList .item .info .tab-box a:hover {
	color: #FFA868;
}

.tList .item .info .author {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	margin-top: 10px;
}

.tList .item .info .author a {
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}

.tList .item .info .content {
	width: 800px;
	margin-top: 14px;
}

.tList .item .info .content p {
	font-size: 12px;
	line-height: 22px;
	color: #000;
}

.location {
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
	color: #222222;
	margin-top: 46px;
}

.location::before {
	display: block;
	content: "";
	width: 20px;
	height: 5px;
	transform: rotate(90deg);
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

/* 剧情 */
.movie-detail-box {
	width: 100%;
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	margin: 20px auto;
}

.movie-detail-box .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #222222;
	margin-bottom: 24px;
}

.movie-detail-box .title::before {
	content: "";
	display: block;
	width: 18px;
	height: 5px;
	transform: rotate(90deg);
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

.movie-detail-box .content {
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	padding: 0 12px;
}

.movie-detail-box .content .more {
	font-size: 14px;
	line-height: 24px;
	color: #FFA868;
	cursor: pointer;
}

.movie-detail-box .content .more .icon {
	width: 12px;
	height: 8px;
}

/* 猜你喜欢 */
.movie-box-like {
	width: 100%;
	background: #fff;
	border-radius: 16px;
	padding-top: 24px;
}


.movie-like-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #222222;
	margin-left: 24px;
}

.movie-like-title::before {
	content: "";
	display: block;
	width: 18px;
	height: 5px;
	transform: rotate(90deg);
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

/* 详情页 */
.detail-header {
	width: 100%;
	border-radius: 16px;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	box-shadow: 0px 4px 15px 0px rgba(50, 33, 7, 0.05);
	padding: 24px 26px;
	margin: 20px auto;
}

.detail-header .poster {
	width: 200px;
	height: 260px;
	border-radius: 16px;
	background: #ECEEF6;
	padding: 10px;
	flex-shrink: 0;
}

.detail-header .poster .icon {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	background: #ECEEF6;
	object-fit: cover;
}

.detail-header .info {
	width: 55%;
	margin-left: 20px;
}

.detail-header .info .title,
.detail-header .info .title a {
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	color: #000000;
	margin-top:10px;
}

.detail-header .info .title::after {
	display: block;
	content: "";
	width: 16px;
	height: 3px;
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
	margin-top: 10px;
	margin-left: 2px;
}

.detail-header .info .item {
	width: 100%;
	display: flex;
	align-items: center;
	margin:30px 0 17px;
}

.detail-header .info .item1 {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 17px 0;
}

.detail-header .info .item .tab-box {
	width: fit-content;
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	margin-right:10px;
}

.detail-header .info .item1 .tab-box {
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	color: #333333;
}

.detail-header .info .tab-box .tab {
	width: fit-content;
	height: 22px;
	border-radius: 4px;
	background: #ECEEF6;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	padding: 0 10px;
	flex-shrink: 0;
	margin-right: 6px;
	white-space: nowrap;
}

.detail-header .info .tab-box a {
	font-size: 14px;
	line-height: 22px;
	color: #333333;
}

.detail-header .info .tab-box a:hover {
	color: #FFA360;
}

.detail-header .info .author-box {
	margin-top: 12px;
	font-size: 14px;
	color: #333333;
}

.detail-header .info .author-box .tab {
	width: fit-content;
	height: 22px;
	border-radius: 4px;
	background: #ECEEF6;
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	text-align: center;
	margin-right: 6px;
	padding: 0 10px;
}

.detail-header .info .author-box .tab a {
	font-size: 14px;
	line-height: 14px;
	color: #333333;
}

.detail-header .info .author-box .tab a:hover {
	color: #FFA360;
}

.detail-header .info .download-text {
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 6px;
	background: #4f4f4f;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #F5D294;
	margin-top: 30px;
}

.detail-header .info .thing-text{
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 6px;
	background: #ECEEF6;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	margin-top: 30px;
	cursor: pointer;
}

.detail-header .score-box {
	width: 174px;
	height: 177px;
	border-radius: 32px;
	background: linear-gradient(144deg, #FAFBFF 6%, #F4F4F4 91%);
	box-shadow: 0px 0px 10px 0px rgba(52, 52, 52, 0.15);
	margin-left: auto;
	margin-top:30px;
}

.detail-header .score-box .title {
	font-size: 46px;
	font-weight: bold;
	line-height: 54px;
	letter-spacing: 0.03em;
	color: #333333;
}

.detail-header .score-box .empty {
	font-size: 24px;
	line-height: 28px;
	color: #333333;
}

.detail-header .score-box .like-box {
	margin-top: 16px;
	width: 60%;
}

.detail-header .score-box .like-box img {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.detail-header .score-box .like-button {
	width: 45%;
	margin-top: 15px;
}

.detail-header .score-box .like-button .top {
	cursor: pointer;
}

.detail-header .score-box .like-button .top .icon {
	width: 16px;
	height: 19px;
	margin-right: 4px;
}

.detail-header .score-box .like-button .top .title {
	font-size: 12px;
	line-height: 18px;
	color: #9E9E9E;
}

.detail-header .score-box .like-button .stepped {
	cursor: pointer;
}

.detail-header .score-box .like-button .stepped .icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.detail-header .score-box .like-button .stepped .title {
	font-size: 12px;
	line-height: 18px;
	color: #9E9E9E;
}

/* 播放通道 */
.movie-channel {
	width: 100%;
	padding: 24px 25px;
	border-radius: 16px;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	margin: 20px auto;
}

.movie-channel .channel-box-header {
	margin-bottom: 34px;
}

.movie-channel .channel-box-header .channel-header {
	width: fit-content;
}

.movie-channel .channel-box-header .channel-header .title {
	border-radius: 6px;
	font-size: 14px;
	font-weight:500;
	line-height: 32px;
	text-align: center;
	color: #333333;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.movie-channel .channel-box-header .channel-header .title::after{
	content: "";
	display: block;
	width:100%;
	height:2px;
	border-radius: 247px;
	background: #FFA868;
}

.movie-channel .channel-box-header .channel-header .active {
	background: transparent;
	color: #333333;
}

.movie-channel .channel-box-header .channel-button {
	gap: 13px;
}

.movie-channel .channel-box-header .channel-button .item {
	width: 70px;
	height: 32px;
	border-radius: 6px;
	background: #F7F7F7;
	cursor: pointer;
}

.movie-channel .channel-box-header .channel-button .item .icon {
	width: 12px;
	height: 12px;
	margin-right: 4px;
}

.movie-channel .channel-box-header .channel-button .item .text {
	font-size: 12px;
	line-height: 20px;
	color: #1B1D20;
}

.movie-channel .channel-box-header .channel-button .active .text {
	color: #fca944;
}

.movie-channel .channel-set {
	gap: 16px 2%;
}

.movie-channel .channel-set li{
	flex: 0 0 calc((100% / 7) - (6 * 2% / 7));
	height:36px;
}

.movie-channel .channel-set li .item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #ECEEF6;
	border-radius: 8px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 100%;
}

.movie-channel .channel-set li .item .icon {
	width: 10px;
	height: 8px;
	margin-left: 10px;
	display: none;
}

.movie-channel .channel-set .active .item {
	background: #363636;
	color: #F5D294;
}

.movie-channel .channel-set .active .item .icon {
	display: block;
}

.movie-channel .channel-set li .item:hover{
	background: #FFA868;
	color:#fff;
}

/* 播放器 */
.viewing-play {
	width: 100%;
	height: auto;
	background: #000;
}

.viewing-play .play {
	width: 1100px;
	margin: 0 auto;
	background-color: #000;
}

/* embed */
.embed-responsive {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	height: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%
}

.embed-responsive-4by3 {
	padding-bottom: 75%
}

.play-button {
	width: 1100px;
	height: 90px;
	background: #000000;
	backdrop-filter: blur(10px);
	padding: 14px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1000;
	top: -10px;
}

.play-button .play-title,
.play-button .play-title a {
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.play-button .play-title p {
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 5px;
}

.play-button .info {
	gap: 16px;
	margin-left: auto;
}

.play-button .info .download-text {
	display: block;
	width: 100px;
	height: 30px;
	border-radius: 6px;
	background: #3A3A3A;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	color: #F5D294;
}

.play-button .info .item-text {
	display: block;
	width: 60px;
	height: 30px;
	border-radius: 6px;
	background: #3A3A3A;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
}

.play-button .info .item-text:hover {
	background: rgba(58, 58, 58, 0.8);
	backdrop-filter: blur(10px);
	color: #FFFFFF;
}

/* 我要留言 */
.movie-message {
	width: 100%;
}

.movie-message .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	color: #222222;
	margin-bottom: 20px;
}

.movie-message .title::before {
	display: block;
	content: "";
	width: 18px;
	height: 5px;
	transform: rotate(90deg);
	border-radius: 247px;
	background: linear-gradient(180deg, #FFD89B 0%, #FFA360 100%);
}

.movie-message .title a {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #222222;
}

.movie-message .gbook_form {
	width: 100%;
	margin: 0 auto;
}

.movie-message .gbook_form .message-form {
	width: 100%;
	border-radius: 8px;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	padding: 24px 25px;
}

.movie-message .gbook_form .message-form textarea {
	width: 100%;
	height: 240px;
	background: #FFFFFF;
	backdrop-filter: blur(10px);
	border: none;
	resize: none;
	font-size: 14px;
	color: #000;
	line-height: 22px;
}

.movie-message .gbook_form .message-form .code-box a {
	display: flex;
	align-items: center;
}

.movie-message .gbook_form .message-form .code-box input {
	width: 140px;
	height: 40px;
	border-radius: 8px;
	background: #ECEEF6;
	box-sizing: border-box;
	border: 1px solid #ECEEF6;
	font-size: 14px;
	color: #000;
	line-height: 22px;
	padding: 10px;
	margin-right: 17px;
}

.movie-message .gbook_form .message-button {
	margin-top: 24px;
}

.movie-message .gbook_form .message-button .reset-btn {
	width: 120px;
	height: 40px;
	border-radius: 8px;
	background: #d2d3d6;
	font-size: 14px;
	color: #666;
	margin-right: 23px;
	border: none;
	cursor: pointer;
}

.movie-message .gbook_form .message-button .submit-btn {
	width: 120px;
	height: 40px;
	border-radius: 8px;
	background: #3B2F23;
	font-size: 14px;
	color: #F5D294;
	border: none;
	cursor: pointer;
}