/*360模块*/
.model_wrap{padding-top: .35rem;position: relative;padding-bottom: .38rem;}
.model_wrap .tit_360{font-size: .42rem;font-weight: bold;color: #343434;text-align: center;padding: .2rem 0;position: relative;}
.model_wrap .tit_360:after{content: '';display: block;width: .51rem;height: .04rem;background: #c50d27;position: absolute;left: 50%;margin-left: -.255rem;bottom: 0;}
.model_wrap .rotate_icon{position: absolute;right: 10%;top: 35%;z-index: 1;width: 1.4rem;height: 1.4rem;display: flex;align-items: center;justify-content: center;}
.model_wrap .rotate_icon .ro{width: 100%;height: 100%;position: absolute;left: 0;top: 0;animation: rotate infinite 5s linear;	-webkit-animation: rotate infinite 5s linear;	-ms-animation: rotate infinite 5s linear;}
.model_wrap .rotate_icon .ct{width: .26rem;height: .26rem;position: relative;z-index: 1;transition: all .32s ease-in-out;}
.model_wrap .rotate_icon .ct:hover{transform: scale(1.3);}
.model_wrap .model_360{overflow: hidden;width: 62.5%;height: 6.33rem;margin: 0 auto;position: relative;}
.model_wrap .model_360 .threesixty{width: 100%;height: 6.33rem;}
.model_wrap .model_360 #interior_360{width: 100%;height: 6.33rem;cursor: move;}
.model_wrap .model_360 .bg360{width: 100%;position: absolute;top: .18rem;}

.model_wrap .change_E_I{display: flex;justify-content: center;width: 4.18rem;margin: .46rem auto;color: #010103; font-size: .2rem;}
.model_wrap .change_E_I span{cursor: pointer; width: 47.36%; height: .43rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 1px solid #000000;transition: all .42s ease-in-out;}
.model_wrap .change_E_I span.on{background: #c50d27;border: none;color: #ffffff;}
.model_wrap .change_E_I span+span{margin-left: .24rem;}

.model_wrap .color_cut{height: .53rem;}
.model_wrap .color{text-align: center;position: relative;font-size: 0;padding-top: .2rem; }
.model_wrap .color.off{display: none;}
.model_wrap .color span{width: .33rem; height: .33rem; display: inline-block;margin: 0 .03rem;cursor: pointer;position: relative;border-radius: 50%;    box-sizing: border-box;}
.model_wrap .color span.on{border: 1px solid #b2b2b2;}
.model_wrap .color span i{display: block;width: .25rem;height: .25rem;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.model_wrap .pop_360_rou{width: 100%;position: relative;}
.model_wrap .pop_360_rcon{width: 100%;}
.model_wrap #interior_360{position: absolute;top: 0;left: 0;z-index: -10;opacity: 0;}


.tiggo8pro .model_wrap .model_360{height: 5.42rem;padding-top: 0;}
.tiggo8pro .model_wrap .model_360 #interior_360{height: 5.42rem;}
/*.newTiggo4 .model_wrap .model_360{padding-top: .5rem;}*/

.model_wrap .color span.black i{
	background-color: #000000;
}
.model_wrap .color span.blue-a i{
	background-color: #2da8c6;
}
.model_wrap .color span.blue-b i{
	background-color: #0b268a;
}
.model_wrap .color span.gold i{
	background-color: #8d7a6b;
}
.model_wrap .color span.gray i{
	background-color: #808388;
}
.model_wrap .color span.orange i{
	background-color: #d13c0b;
}
.model_wrap .color span.red i{
	background-color: #dc1818;
}
.model_wrap .color span.white i{
	background-color: #f2f2f3;
}
.model_wrap .color span.silver i{
	background-color: #c1c1c1;
}
.model_wrap .color span.green i{
	background-color: #6f6b3b;
}
.model_wrap .color span.purple i{
	background-color: #47354d;
}
.model_wrap .color span.grayblack i{
	background-color: #2a3137;
}
.model_wrap .color span.silverblack i{
	background-color: #383b3d;
}
.model_wrap .color span.brown i{
	background-color: #614b17;
}



.model_360 .color i.on:before{
	content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 16px;
    background: url(../images/360_view/picker-selected.png) no-repeat top center transparent;
    background-size: contain;
   	top: 7px;
    left: 23px;
}
.model_360 .color i.white.on:before{
	content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 16px;
    background: url(../images/360_view/picker-selected-dark.png) no-repeat top center transparent;
    background-size: contain;
    top: 7px;
    left: 23px;
}
.model_360 .color.off{
	display: none;
}
#image-reel {
    cursor: url(../images/360_view/cursor.cur),move;
}

.loading-360{
	background: url(../images/loading.png) no-repeat top center transparent;
	background-size: contain;
	width: .8rem;
	height: .8rem;
	animation: rotate 1s infinite;
	-webkit-animation: rotate 1s infinite;
	-ms-animation: rotate 1s infinite;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -40px auto;
}