/* 飞机模型 */
#page-container .banner #drone-play-content {width: 100%; height: 90%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: white;}
#page-container .banner #drone-play-content .title-wrap .title {width: 100%;}
#page-container .banner #drone-play-content .title-wrap .sub-title {width: 70%;}
#page-container .banner #drone-play-content canvas {position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
@media screen and (max-width: 768px) {
	#page-container .banner #drone-play-content {height: 62%;}
	#page-container .banner #drone-play-content .title-wrap .title {width: 92%; margin: 0 auto;}
}

/* 飞机类型选择 */
#page-container .banner #drone-type-content {width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; text-align: center;}
#page-container .banner #drone-type-content > img {max-width: 64%; max-height: 60%; margin: 0 auto;}
#page-container .banner #drone-type-content .blank0 {height: 2.0%;}
#page-container .banner #drone-type-content .blank1 {height: 3.0%;}
#page-container .banner #drone-type-content .blank2 {height: 3.0%;}
#page-container .banner #drone-type-content .wrap0 {width: 16%; height: 10%; min-width: 50px; min-height: 10px; max-width: 240px; max-height: 100px; margin: 0 auto;}
#page-container .banner #drone-type-content .wrap0 .wrap0-1 {width: 50%; height: 100%; text-align: center; float: left;}
#page-container .banner #drone-type-content .wrap0 .wrap0-1 img {max-width: 50%; max-height: 100%; display: block; margin: 0 auto;}
#page-container .banner #drone-type-content .wrap0 .wrap0-1 img:hover {opacity: 0.8;}
#page-container .banner #drone-type-content .wrap0 .wrap0-1 .text {width: 100%; text-align: center; visibility: hidden; margin: 4% auto 0 auto;}
@media screen and (max-width: 768px) {
	#page-container .banner #drone-type-content {height: 80%;}
}
@media screen and (max-width: 414px) {
	#page-container .banner #drone-type-content .blank1 {height: 0;}
	#page-container .banner #drone-type-content .wrap0 {width: 24%;}
	#page-container .banner #drone-type-content .wrap0 .wrap0-1 img {max-width: 50%;}
}

/* 云台 */
#page-container .banner #drone-gimbal-content {width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; color: white; text-align: left; overflow: hidden;}
#page-container .banner #drone-gimbal-content .wrap {width: 96%; max-width: 146vh; height: 100%; max-height: 110vw; position: absolute; left: 0; top: 50%; bottom: 0; margin: auto 0; transform: rotate(-23deg) scale(1.1); transform-origin: 0% 88%;}
#page-container .banner #drone-gimbal-content .wrap * {position: absolute; left: 0; top: 0%; bottom: 0; margin: auto 0;}
#page-container .banner #drone-gimbal-content .wrap .animate {transition:left 2.0s cubic-bezier(0.01, 0.53, 0.79, 1) 0s;}
#page-container .banner #drone-gimbal-content .wrap #drone-gimbal {max-width: 59%; max-height: 100%;}
#page-container .banner #drone-gimbal-content .wrap .glass0 {max-width: 2%; max-height: 4.8%;}
#page-container .banner #drone-gimbal-content .wrap .glass1 {max-width: 2.2%; max-height: 5.0%;}
#page-container .banner #drone-gimbal-content .wrap .glass2 {max-width: 3%; max-height: 6%;}
#page-container .banner #drone-gimbal-content .wrap .glass3 {max-width: 5%; max-height: 8%;}
#page-container .banner #drone-gimbal-content .wrap .glass4 {max-width: 7%; max-height: 12%;}
#page-container .banner #drone-gimbal-content .wrap .glass5 {max-width: 9%; max-height: 18%;}
#page-container .banner #drone-gimbal-content .blank {height: 45%;}
@media screen and (min-width: 769px) {
	#page-container .banner #drone-gimbal-content .title-wrap .title {width: 50%; margin-left: 46%; font-size: 2.6rem;}
}
#page-container .banner #drone-gimbal-content .title-wrap .sub-title {width: 40%; margin-left: 48%; font-size: 1.0rem; line-height: 1.8rem;}
@media screen and (max-width: 768px) {
	#page-container .banner #drone-gimbal-content .wrap {top: 80%; left: 6%; transform: rotate(-23deg) scale(1.4);}
	#page-container .banner #drone-gimbal-content .blank {height: 20%;}
	#page-container .banner #drone-gimbal-content .title-wrap .title {width: 92%; margin: 0 auto; text-align: center;}
	#page-container .banner #drone-gimbal-content .title-wrap .sub-title {width: 60%; margin: 0 auto; font-size: 1.6rem; line-height: 2.3rem;}
}

/* CPU */
#page-container .banner #drone-cpu-content {width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; text-align: center;}
#page-container .banner #drone-cpu-content .blank {height: 4%;}
#page-container .banner #drone-cpu-content #cpu-wrap {width: 100; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#page-container .banner #drone-cpu-content #cpu-wrap video {width: 100%; max-width: 130vh; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#page-container .banner #drone-cpu-content #cpu-wrap img {max-width: 80%; max-height: 60%; position: absolute; left: 0; right: 0; top: 20%; bottom: 0; margin: auto;}
#page-container .banner #drone-cpu-content .title-wrap .sub-title {width: 48rem; font-size: 1.2rem; line-height: 1.8rem; margin: 0 auto; text-align: left;}
@media screen and (max-width: 768px) {
	#page-container .banner #drone-cpu-content .blank {height: 12%;}
}

/* 电池 */
#page-container .banner #drone-battery-content {width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; color: white; text-align: center;}
#page-container .banner #drone-battery-content > img {max-width: 96%; max-height: 60%; margin: 0 auto;}
#page-container .banner #drone-battery-content .blank {height: 5%;}
#page-container .banner #drone-battery-content .title-wrap .sub-title {width: 70%; margin: 0 auto;}
@media screen and (max-width: 768px) {
	#page-container .banner #drone-battery-content > img {max-width: 120%; position: relative; right: 10%;}
	#page-container .banner #drone-battery-content .blank {height: 20%;}
	#page-container .banner #drone-battery-content .title-wrap .title {width: 92%; margin: 0 auto;}
}

/* 遥控器 */
#page-container .banner #remote-content {width: 80%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; text-align: center;}
@media screen and (min-width: 769px) {
	#page-container .banner #remote-content > img {max-width: 50%; max-height: 76%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;}
	#page-container .banner #remote-content .blank {height: 32%;}
	#page-container .banner #remote-content .title-wrap {width: 52%;}
	#page-container .banner #remote-content .title-wrap .blank {height: 20%}
}
@media screen and (max-width: 768px) {
	#page-container .banner #remote-content > img {max-width: 70%; max-height: 60%; margin-top: 12%;}
	#page-container .banner #remote-content .blank {height: 14%;}
	#page-container .banner #remote-content .title-wrap {width: 80%; margin: 0 auto;}
	#page-container .banner #remote-content .title-wrap .blank {height: 20%}
}