.details {
	background-color: RGBA(250, 250, 250, 1);
}

.details .box1 {
	margin-top: 34px;
}

.details .box1 .box-c {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}

.details .box1 .box-c .l {
	width: 47.14%;
}

.details .box1 .box-c .l .gallery {
	position: relative;
	padding-top: 68.18%;
}
.details .box1 .box-c .l .gallery:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translate(13px, -50%)skew(14deg)rotate(-2deg);
	width: 82%;
	padding-top: 60%;
	background: #BCCF38;
	border-radius: 10px;
	transform-origin: right bottom;
	opacity: 0;
}
.details .box1 .box-c .l .swiper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.details .box1 .box-c .l .swiper .swiper-wrapper {
	position: relative;
	z-index: 3;
}

.details .box1 .box-c .l .swiper .swiper-slide .pic,
.details .box1 .box-c .l .swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.details .box1 .box-c .l .btns {
	position: absolute;
	z-index: 3;
	right: 43px;
	bottom: 32px;
}

.details .box1 .box-c .l .btns .btn {
	border-radius: 5px;
	border-color: transparent;
}

.details .box1 .box-c .r {
	width: 49.78%;
	padding: 49px 46px 27px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.details .box1 .box-c .r .r-title {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	/* font-size: 30px; */
	color: #222222;
	line-height: 1.2;
	display: flex;
	justify-content: space-between;
}

.details .box1 .box-c .r .r-title .name {
	flex: 1;
	margin-right: 30px;
}

.details .box1 .box-c .r .r-des {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 24px;
	margin-top: 15px;
}

.details .box1 .box-c .r .msg {
	margin-top: 23px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: rgba(34, 34, 34, 1);
	line-height: 24px;
}
.details .box1 .box-c .r .msg-l{
	flex: 1;
	margin-right: 19px;
}
.details .box1 .box-c .r .msg-l .text-des{
	color: rgba(153, 153, 153, 1);
	line-height: 30px;
	width: calc(100% + 146px);
	margin-top: 13px;
}
.details .box1 .box-c .r .msg-l .text-des p:not(:last-child){
	margin-bottom: 6px;
}
.details .box1 .box-c .r .msg .grade{
	display: flex;
	align-items: center;
	gap: 3px;
}
.details .box1 .box-c .r .msg .grade .icon{
	overflow: hidden;
	width: 16px;
}
.details .box1 .box-c .r .msg .grade .icon .iconfont{
	overflow: hidden;
	display: block;
}
.details .box1 .box-c .r .msg .grade .iconfont {
	color: RGBA(255, 193, 7, 1);
	font-size: 16px;
}

.details .box1 .box-c .r .text {
	margin-top: 23px;
}

.details .box1 .box-c .r .text .item-title {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
}

.details .box1 .box-c .r .text .item-des {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	margin-top: 7px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

.details .box1 .box-c .r .commonMore {
	margin: 40px 0 0 auto;
}
.details.scenicSpotDetails .box1 .box-c .r .commonMore{
	background-color: rgba(188, 207, 56, 1);
}
.details.scenicSpotDetails .box1 .box-c .r .commonMore .icon{
	color: rgba(188, 207, 56, 1);
}
.details .box2 {
	margin-top: 55px;
}

.details .box2 .box-c {
	display: flex;
	justify-content: space-between;
}

.details .box2 .box-c .l {
	width: 58.57%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.details .box4 .title,
.details .box3 .title,
.details .box2 .box-c .l .text-title {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 24px;
	color: #222222;
	line-height: 30px;
	padding-top: 12px;
}

.details .box2 .box-c .l .text-box {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 12px;
	height: 180px;
	overflow: hidden;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis; */
}

.details .box2 .box-c .l .more {
	display: block;
	width: 120px;
	line-height: 40px;
	background: #F6B621;
	border-radius: 20px;
	margin-top: 27px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}

.details .box2 .box-c .r {
	width: 40%;
}

.details .box2 .box-c .r #map {
	height: 320px;
}

.details .box3 {
	padding: 74px 0 102px;
}

.details .box3 .box-c {
	margin-top: 32px;
}

.details .box3 .box-c .swiper-slide {
	position: relative;
	width: 23.75%;
}

.details .box3 .box-c .swiper-slide:not(:last-child) {
	margin-right: 1.66%;
}

.details .box3 .box-c .swiper-slide .img {
	position: relative;
	padding-top: 72.12%;
}

.details .box4 .box-c .swiper-slide .goodItems .pic,
.details .box3 .box-c .swiper-slide .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.details .box4 .box-c .swiper-slide .goodItems .pic img,
.details .box3 .box-c .swiper-slide .pic img {
	height: 100%;
	object-fit: cover;
}

.details .box3 .box-c .swiper-slide .playBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 72px;
}
.details .box3 .box-c .swiper-slide .playBtn img{
	display: block;
	width: 100%;
}
.details .box3 .box-c .swiper-slide .text-title{
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
	margin-top: 13px;
}
.details .box3 .box-c .swiper-slide .text-des{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}
.details .box3 .box-c .btns {
	margin-top: 34px;
}
.details.scenicSpotDetails .commonBtns .btn{
	border-color: #BCCF38;
	color: #BCCF38;
}
.details.scenicSpotDetails .commonBtns .btn:hover{
	background-color: #BCCF38;
	color: #fff;
}
.details .box4 {
	padding: 92px 0 95px;
	background-color: rgba(244, 245, 246, 1);
}

.details .box4 .box-c {
	margin-top: 32px;
}

.details .box4 .box-c .swiper-slide {
	width: 32.14%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 22px 20px;
	height: auto;
}

.details .box4 .box-c .swiper-slide:not(:last-child) {
	margin-right: 1.785%;
}

.details .box4 .box-c .swiper-slide .slide-t {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.details .box4 .box-c .swiper-slide .avatar {
	display: flex;
	align-items: center;
	flex: 1;
	margin-right: 30px;
}

.details .box4 .box-c .swiper-slide .avatar img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 50%;
}

.details .box4 .box-c .swiper-slide .name {
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
	margin-left: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.details .box4 .box-c .swiper-slide .date {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}

.details .box4 .box-c .swiper-slide .grade {
	margin-top: 5px;
}

.details .box4 .box-c .swiper-slide .grade .icon-xingxing {
	font-size: 22px;
	color: #F6B621;
}

.details .box4 .box-c .swiper-slide .text {
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	height: 90px;
	margin-top: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.details .box4 .box-c .swiper-slide .goodItems {
	margin-top: 23px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.details .box4 .box-c .swiper-slide .goodItems .img {
	position: relative;
	padding-top: 74.13%;
}

.details .box4 .box-c .btns {
	margin-top: 30px;
}

.details .box5 {
	padding: 80px 0 94px;
	background-color: RGBA(250, 250, 250, 1);
}
.details .box5 .box-c{
	width: 1080px;
	margin: 0 auto;
	max-width: 94%;
}
.details .box5 .title {
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	color: #222222;
	text-align: center;
}

.details .box5 form {
	margin-top: 37px;
}

.details .box5 form .input:not(:last-child) {
	margin-bottom: 10px;
}

.details .box5 form .layui-input {
	height: 60px;
}

.details .box5 form .layui-textarea {
	height: 188px;
}

.details .box5 form .layui-input,
.details .box5 form .layui-textarea {
	padding: 15px 17px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	background-color: transparent;
	border-radius: 10px;
	border: 1px solid #DEDEDE;
	resize: none;
}

.details .box5 form .layui-textarea::placeholder,
.details .box5 form .layui-input::placeholder {
	color: #999999;
	line-height: 30px;
}

.details .box5 form .fileUpload {
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.details .box5 form .fileUpload .item {
	position: relative;
	width: 100px;
	height: 100px;
	background: #FAFAFA;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #C9C9C9;
	/* overflow: hidden; */
}

.details .box5 form .fileUpload .item.uploadBtn {
	cursor: pointer;

}

.details .box5 form .fileUpload .item.uploadBtn input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
}

.details .box5 form .fileUpload .item .icon-jia {
	font-size: 36px;
	color: rgba(222, 222, 222, 1);
}

.details .box5 form .fileUpload .item img {
	max-width: 100%;
	max-height: 100%;
}

.details .box5 form .fileUpload .item .close {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgba(246, 182, 33, 1);
	color: #fff;
	cursor: pointer;
}

.details .box5 form .fileUpload .item .close .iconfont {
	font-size: 12px;
}
.details .box5 form .grade{
	margin-top: 40px;
}
.details .box5 form .grade-text{
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 1;
}
.details .box5 form .grade .star{
	margin-top: 10px;
	display: flex;
	gap: 5px;
}
.details .box5 form .grade .star .item{
	cursor: pointer;
}
.details .box5 form .grade .star svg{
	position: relative;
}
.details .box5 form .grade .star .item.active svg .border,
.details .box5 form .grade .star .item.active svg .selected{
	fill: RGBA(255, 193, 7, 1);
}
.details .box5 form .grade .star svg path{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	transform: translate(-40%,-50%)scale(2);
	transition: all .6s;
}
.details .box5 form .submit{
	width: 180px;
	line-height: 50px;
	background: #FFC107;
	letter-spacing: 2px;
	border-radius: 5px;
	text-align: center;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #FAFAFA;
	margin-top: 55px;
	cursor: pointer;
}
.details .box8 .title,
.details .box7 .title,
.details .box6 .title{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 24px;
	color: #222222;
	line-height: 1;
}
.details .box7 .box-c,
.details .box6 .pic{
	margin-top: 33px;
}
.details .box6 .pic img{
	display: block;
	margin: 0 auto;
}
.details .box7{
	padding: 81px 0 100px;
}
.details .box7 .box-c{
	display: flex;
	justify-content: space-between;
	/* height: 430px; */
}
.details .box7 .box-c .l{
	width: 65.71%;
}
.details .box7 .box-c .r{
	width: 32.14%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 22px 26px 37px;
}
.details .box7 .box-c .r-t{
	display: flex;
	gap: 3px;
}
.details .box7 .box-c .r-t a{
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	line-height: 40px;
	padding: 0 17px;
	border-radius: 20px;
	transition: all .6s;
}
.details .box7 .box-c .r-t a.active{
	color: #fff;
	background: #56B4BC;
}
.details .box7 .box-c .r-c{
	margin-top: 24px;
	border-top: 1px solid RGBA(222, 222, 222, 1);
	padding-top: 8px;
}
.details .box7 .box-c .r-c .item{
	display: none;
}
.details .box7 .box-c .r-c .item.active{
	display: block;
	animation: fadeInUpSmall 1s forwards;
}
.details .box7 .box-c .r-c .list{
	height: 294px;
	overflow: auto;
	padding-right: 10px;
}
.details .box7 .box-c .r-c .list li{
	display: flex;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
	cursor: pointer;
	padding: 5px 0;
}
.details .box7 .box-c .r-c .list li:not(:last-child){
	margin-bottom: 9px;
}
.details .box7 .box-c .r-c .list li .name{
	flex: 1;
	margin-right: 25px;
}
.details .box7 .box-c .r-c .list li .distance{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 30px;
}
.details .box8{
	padding: 100px 0 123px;
	border-top: 1px solid RGBA(222, 222, 222, 1);
}
.details .box8 .box-c .swiper{
	padding: 31px 0;
}
.hotelDetails .innerBread a.active, 
.hotelDetails .innerBread a:hover{
	color: rgba(86, 180, 188, 1);
}
.details.hotelDetails  .box1 .box-c .l .gallery:before{
	background-color: rgba(86, 180, 188, 1);
}
.details.hotelDetails  .box1 .box-c .l .commonBtns .btn{
	color: #56B4BC;
}
.details.hotelDetails .box1 .box-c .l .commonBtns .btn:hover{
	background-color: #56B4BC;
	color: #fff;
}
.details.hotelDetails .box2 .box-c .l .more,
.details.hotelDetails .box1 .box-c .r .commonMore{
	background-color: rgba(86, 180, 188, 1);
}
.details.hotelDetails .box1 .box-c .r .commonMore .icon{
	color: #56B4BC;
}
.details.hotelDetails .box8 .commonBtns .btn,
.details.hotelDetails .box4 .box-c .btns .btn,
.details.hotelDetails .box3 .commonBtns .btn{
	border-color: #56B4BC;
	color: #56B4BC;
}
.details.hotelDetails .box8 .commonBtns .btn:hover,
.details.hotelDetails .box4 .box-c .btns .btn:hover,
.details.hotelDetails .box3 .commonBtns .btn:hover{
	background-color: rgba(86, 180, 188, 1);
	color: #fff;
}
.details.travelStrategyDetails .box1 .box-c .r .commonMore .icon,
.details.travelStrategyDetails .box1 .box-c .l .btns.commonBtns .btn{
	color: rgba(50, 100, 241, 1);
}
.details.travelStrategyDetails .box1 .box-c .l .btns.commonBtns .btn:hover{
	color: #fff;
	background-color: rgba(50, 100, 241, 1);
}
.details.travelStrategyDetails .box1 .box-c .r .commonMore{
	background-color: rgba(50, 100, 241, 1);
}
.details .box9 .item:not(:last-child){
	margin-bottom: 60px;
}

.details .box9 .item-title{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 24px;
	color: #222222;
	line-height: 1.25;
}
.details .box9 .item-des{
	padding: 32px 35px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	background-color: #fff;
	border-radius: 10px;
	margin-top: 30px;
}
.details .box8 .hotelItem:hover a{
	transform: translateY(0);
}
.details.lineCustomizationDetails .box1 .box-c .r .commonMore{
	background-color: rgba(218, 25, 132, 1);
}
.details.lineCustomizationDetails .box1 .box-c .r .commonMore .icon{
	color: rgba(218, 25, 132, 1);
}
.details .box10{
	padding: 62px 0 100px;
}
.details .box10 .item-title{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 24px;
	color: #222222;
	line-height: 1;
}
.details .box10 .item-c{
	margin-top: 32px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.details .box10 .item-c1 .list li{
	display: flex;
	background-color: rgba(255, 255, 255, 1);
	padding: 25px 40px;
}
.details .box10 .item-c1 .list li:not(:last-child){
	border-bottom: 1px solid RGBA(222, 222, 222, 1);
}
.details .box10 .item-c1 .list li .li-l{
	font-size: 18px;
	color: rgba(34, 34, 34, 1);
	font-weight: bold;
}
.details .box10 .item-c1 .list li .li-c{
	margin: 0 43px;
	flex: 1;
}
.details .box10 .item-c1 .list li .li-r{
	display: flex;
	gap: 0 49px;
	width: 510px;
}
.details .box10 .item-c2{
	background: #FFFFFF;
	border-radius: 10px;
	padding: 25px 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 26px;
}
.details .box10 .item-c3{
	background: #FFFFFF;
	border-radius: 10px;
	padding: 0 40px;
}
.details .box10 .item-c3 li{
	padding: 30px 0 33px;
}
.details .box10 .item-c3 li:not(:last-child){
	border-bottom: 1px solid RGBA(222, 222, 222, 1);
}
.details .box10 .item-c3 li .text-title{
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
}
.details .box10 .item-c3 li .text-des{
	display: flex;
	flex-wrap: wrap;
	gap: 0 82px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
	margin-top: 10px;
}
.details .box10 .item-c3 li .text-des span{
	color: rgba(218, 25, 132, 1);
}
.details .box10 .item-c3 li .text-box{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 18px;
}
.details .box10 .item-c4{
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
.details .box10 .item-c4 .text-box:not(:last-child){
	margin-bottom: 31px;
}
.details .box10 .item-c4 .text-title{
	font-family: HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 18px;
	color: #222222;
	line-height: 30px;
}
.details .box10 .item-c4 .text-des{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 13px;
}
.details .box10 .item-c4 .text-des .list{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid RGBA(222, 222, 222, 1);
	border-right: none;
	border-bottom: none;
}
.details .box10 .item-c4 .text-des .list li{
	width: 54.28%;
	display: flex;
	padding: 15px 34px;
	border-bottom: 1px solid RGBA(222, 222, 222, 1);
	border-right: 1px solid RGBA(222, 222, 222, 1);
}
.details .box10 .item-c4 .text-des .list li{
	
}
.details .box10 .item-c4 .text-des .list li .li-l{
	color: rgba(34, 34, 34, 1);
	font-size: 18px;
	width: 26.61%;
	padding-right: 14px;
}
.details .box10 .item-c4 .text-des .list li .li-r{
	flex: 1;
}
.details .box10 .item-c4 .text-des li:nth-child(2n+1){
	width: 45.72%;
}
.details .box10 .item:not(:last-child){
	margin-bottom: 55px;
}
.details.lineCustomizationDetails .box4 .box-c .commonBtns .btn{
	border-color: rgba(218, 25, 132, 1);
	color: rgba(218, 25, 132, 1);
}
.details.lineCustomizationDetails .box4 .box-c .commonBtns .btn:hover{
	color: #fff;
	background-color: rgba(218, 25, 132, 1);
}
.details .box11{
	margin-top: 42px;
	padding-bottom: 145px;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.details .box11 .box-c{
	padding: 40px 50px 75px;
	background: #FFFFFF;
	border-radius: 10px;
}
.details .box11 .box-c img{
	display: block;
	width: auto;
	height:auto;
	margin: 0 auto;
	max-width: 100%;
}
.details .box12{
	padding: 121px 0;
	border-top: 1px solid RGBA(222, 222, 222, 1);
}
.details .box12 .title{
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #222222;
	line-height: 1;
}
.details .box12 .box-c{
	margin-top: 40px;
}
.details .box12 .commonBtns{
	margin-top: 45px;
}
.travelStrategyDetails .commonBtns .btn{
	border-color: rgba(50, 100, 241, 1);
	color: rgba(50, 100, 241, 1);
}
.travelStrategyDetails .commonBtns .btn:hover{
	background-color: rgba(50, 100, 241, 1);
	color: #fff;
}
@media (max-width:1440px) {
	.details .box1 .box-c .r{
		padding: 27px 27px 27px 0;
	}
}
@media (max-width:1199px) {
	.details .box11{
		padding-bottom: 70px;
	}
	.details .box12{
		padding: 70px 0;
	}
	.details .box10 .item:not(:last-child){
		margin-bottom: 45px;
	}
	.details .box8,
	.details .box7{
		padding: 70px 0;
	}
	.details .box5,
	.details .box4,
	.details .box3{
		padding: 70px 0;
	}
	.details .box2{
		margin-top: 45px;
	}
	.details .box4 .title, .details .box3 .title, .details .box2 .box-c .l .text-title{
		font-size: 22px;
	}
	.details .box5 form .submit{
		margin-top: 45px;
	}
	.details .box5 form .grade,
	.details .box5 form .fileUpload{
		margin-top: 20px;
	}
	.details .box8 .title, .details .box7 .title, .details .box6 .title,
	.details .box9 .item-title{
		font-size: 22px;
	}
	.details .box9 .item:not(:last-child){
		margin-bottom: 45px;
	}
	.details .box7 .box-c{
		flex-direction: column;
	}
	.details .box7 .box-c .l{
		height: 433px;
		margin-bottom: 40px;
	}
	.details .box7 .box-c .l,
	.details .box7 .box-c .r{
		width: 100%;
	}
	.details .box10{
		padding-bottom: 70px;
	}
	.details .box10 .item-c,
	.details .box10 .item-c3,
	.details .box10 .item-c2{
		margin-top: 20px;
	}
	.details .box10 .item-c2{
		padding: 20px;
	}
	.details .box10 .item-c1 .list li{
		padding: 20px;
	}
	.details .box10 .item-c3{
		padding: 0 20px;
	}
	.details .box10 .item-c3 li{
		padding: 20px 0;
	}
	.details .box10 .item-c1 .list li{
		flex-wrap: wrap;
	}
	.details .box10 .item-c1 .list li .li-r{
		width: 100%;
		margin-top: 5px;
	}
	.details .box10 .item-c1 .list li .li-c{
		margin: 0 0 0 10px;
	}
	.details .box10 .item-c1 .list li .li-r{
		flex-wrap: wrap;
		gap: 0 23px;
	}
	.details .box10 .item-title{
		font-size: 22px;
	}
	.details .box11 .box-c{
		padding: 30px 30px 45px;
	}
}
@media (max-width:1024px) {
	.details .box11{
		padding-bottom: 60px;
	}
	.details .box11,
	.details .box12 .commonBtns{
		margin-top: 40px;
	}
	.details .box12{
		padding: 60px 0;
	}
	.details .box10 .item-title{
		font-size: 20px;
	}
	.details .box10 .item:not(:last-child){
		margin-bottom: 40px;
	}
	.details .box10{
		padding: 60px 0;
	}
	.details .box8,
	.details .box7{
		padding: 60px 0;
	}
	.details .box7 .box-c .l{
		margin-bottom: 35px;
	}
	.details .box9 .item:not(:last-child){
		margin-bottom: 40px;
	}
	.details .box9 .item-des{
		margin-top: 25px;
		padding: 20px;
	}
	.details .box8 .title, .details .box7 .title, .details .box6 .title,
	.details .box9 .item-title{
		font-size: 20px;
	}
	.details .box5 form .submit{
		margin-top: 40px;
	}
	.details .box3 .box-c .swiper-slide .playBtn {
		width: 58px;
	}
	.details .box4 .title, .details .box3 .title, .details .box2 .box-c .l .text-title{
		padding-top: 0;
	}
	.details .box4 .title, .details .box3 .title, .details .box2 .box-c .l .text-title{
		font-size: 20px;
	}
	.details .box5,
	.details .box4,
	.details .box3{
		padding: 60px 0;
	}
	.details .box2{
		margin-top: 40px;
	}
	.details .box1 .box-c{
		flex-direction: column;
	}
	.details .box1 .box-c .l,
	.details .box1 .box-c .r{
		width: 100%;
	}
	.details .box1 .box-c .r{
		padding: 20px 20px 30px;
	}
	.details .box1 .box-c .r .commonMore{
		margin-top: 30px;
	}
	.details .box2 .box-c{
		flex-direction: column-reverse;
	}
	.details .box2 .box-c .l,
	.details .box2 .box-c .r{
		width: 100%;
	}
	.details .box2 .box-c .l{
		margin-top: 35px;
	}
	.details .box4 .box-c .swiper-slide{
		width: 49%;
	}
	.details .box4 .box-c .swiper-slide:not(:last-child){
		margin-right: 2%;
	}
	.details .box10 .item-c4 .text-des .list li .li-l{
		font-size: 16px;
	}
	.details .box10 .item-c4 .text-des{
		font-size: 14px;
	}
	.details .box10 .item-c4 .text-des .list li{
		padding: 10px 23px;
	}
	.details .box10 .item-c4 .text-des .list{
		flex-wrap: wrap;
	}
	.details .box10 .item-c4 .text-des li:nth-child(2n+1),
	.details .box10 .item-c4 .text-des .list li{
		width: 100%;
	}
	.details .box10 .item-c4 .text-des .list li.empty{
		display: none;
	}
	.details .box10 .item-c4{
		padding: 30px;
	}
}
@media (max-width:768px) {
	.details .box11{
		padding-bottom: 50px;
	}
	.details .box12 .box-c,
	.details .box11,
	.details .box12 .commonBtns{
		margin-top: 30px;
	}
	.details .box12{
		padding: 50px 0;
	}
	.details .box10 .item-c4 .text-des .list li{
		padding: 10px 14px;
	}
	.details .box10 .item-c4{
		padding: 25px;
	}
	.details .box10 .item:not(:last-child){
		margin-bottom: 30px;
	}
	.details .box10{
		padding: 50px 0;
	}
	.details .box8,
	.details .box7{
		padding: 50px 0;
	}
	.details .box7 .box-c .l{
		margin-bottom: 25px;
	}
	.details .box9 .item:not(:last-child){
		margin-bottom: 30px;
	}
	.details .box9 .item-des{
		margin-top: 20px;
		padding: 15px;
	}
	.details .box5 form .submit{
		margin-top: 30px;
	}
	.details .box4 .box-c .swiper-slide{
		width: 100%;
	}
	.details .box4 .box-c .swiper-slide .text{
		line-height: 26px;
		height: 78px;
	}
	.details .box3 .box-c .btns{
		margin-top: 30px;
	}
	.details .box2 .box-c .l .more{
		margin-top: 20px;
	}
	.details .box2 .box-c .l{
		margin-top: 25px;
	}
	.details .box5,
	.details .box4,
	.details .box3{
		padding: 50px 0;
	}
	.details .box4 .box-c,
	.details .box3 .box-c,
	.details .box2{
		margin-top: 30px;
	}
	.details .box3 .box-c .swiper-slide .playBtn{
		width: 40px;
	}
	.details .box3 .box-c .swiper-slide{
		width: 49%;
	}
	.details .box3 .box-c .swiper-slide:not(:last-child){
		margin-right: 2%;
	}
	.details .box5 form{
		margin-top: 27px;
	}
	.details .box1{
		margin-top: 20px;
	}
	.details .box7 .box-c, .details .box6 .pic{
		margin-top: 30px;
	}
}
@media (max-width:500px) {
	.details .box11 .box-c{
		padding: 20px 20px 30px;
	}
	.details .box11{
		padding-bottom: 40px;
	}
	.details .box12 .box-c,
	.details .box11,
	.details .box12 .commonBtns{
		margin-top: 25px;
	}
	.details .box12{
		padding: 40px 0;
	}
	.details .box10 .item-c4 .text-box:not(:last-child){
		margin-bottom: 25px;
	}
	.details .box10 .item-c4 .text-des{
		margin-top: 10px;
	}
	.details .box10 .item-c4 .text-des .list li .li-l{
		font-size: 14px;
	}
	.details .box10 .item-c1 .list li .li-r{
		gap: 0 14px;
	}
	.details .box10 .item-c3 li .text-des,
	.details .box10 .item-c3 li .text-box{
		font-size: 14px;
	}
	.details .box10 .item-c3 li .text-box{
		margin-top: 10px;
	}
	.details .box10 .item-c{
		font-size: 14px;
		line-height: 24px;
	}
	.details .box10 .item:not(:last-child){
		margin-bottom: 35px;
	}
	.details .box10{
		padding: 40px 0;
	}
	.details .box1 .box-c .r .r-title{
		font-size: 18px;
	}
	.details .box8 .box-c .swiper{
		padding: 25px 0;
	}
	.details .box7 .box-c .r{
		padding: 20px;
	}
	.details .box7 .box-c .r-c{
		margin-top: 14px;
	}
	.details .box7 .box-c .r-t a{
		line-height: 34px;
	}
	.details .box7 .box-c .l{
		height: 344px;
	}
	.details .box7 .box-c, .details .box6 .pic{
		margin-top: 25px;
	}
	.details .box8,
	.details .box7{
		padding: 40px 0;
	}
	.details .box7 .box-c .l{
		margin-bottom: 20px;
	}
	.details .box9 .item:not(:last-child){
		margin-bottom: 25px;
	}
	.details .box9 .item-des{
		margin-top: 15px;
		padding: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.details .box1{
		margin-top: 20px;
	}
	.details .box5 form .grade .star{
		margin-top: 5px;
	}
	.details .box5 form .fileUpload .item{
		width: 72px;
		height: 72px;
	}
	.details .box5 form .submit{
		margin-top: 25px;
	}
	.details .box5 form{
		margin-top: 25px;
	}
	.details .box4 .box-c .btns{
		margin-top: 25px;
	}
	.details .box4 .box-c .swiper-slide .text{
		-webkit-line-clamp: 2;
		height: 52px;
	}
	.details .box3 .box-c,
	.details .box3 .box-c .btns{
		margin-top: 20px;
	}
	.details .box2 .box-c .l{
		margin-top: 20px;
	}
	.details .box5,
	.details .box4,
	.details .box3{
		padding: 40px 0;
	}
	.details .box4 .box-c,
	.details .box2{
		margin-top: 20px;
	}
	.details .box1 .box-c .r .r-des{
		margin-top: 6px;
		font-size: 14px;
		line-height: 20px;
	}
	.details .box1 .box-c .r .text{
		margin-top: 8px;
	}
	.details .box1 .box-c .r .msg{
		margin-top: 15px;
		font-size: 14px;
	}
	.details .box1 .box-c .r .msg .grade .icon{
		width: 14px;
	}
	.details .box1 .box-c .r .msg .grade .iconfont{
		font-size: 14px;
	}
	.details .box1 .box-c .r .text .item-title{
		font-size: 16px;
	}
	.details .box1 .box-c .r .text .item-des{
		font-size: 14px;
		line-height: 24px;
		gap: 0 14px;
		margin-top: 0;
	}
	.details .box1 .box-c .r .commonMore{
		margin-top: 25px;
	}
}