@charset "utf-8";
* {	margin: 0;	padding: 0;	box-sizing: border-box;}
a {	text-decoration: none;}ul {	list-style: none;}

.showbox {	width:300px;height: 400px; margin: 0 auto; float: left;	}
.showbox a.phone-display {display: block;	position: relative;	height:300px;}
div.bottom-nav{	margin-top: 20px;}
div.bottom-nav div.tab-btn{	position: relative;	width: 40px;	height: 60px;	cursor: pointer;}
div.tab-btn:hover{opacity: .6;}
div.tab-btn.btn-left{float: left;}
div.tab-btn.btn-right{	float: right;}
i.shift-icon {	position: absolute;	left: 50%;	top: 50%;transform: translate(-50%,-50%);width: 26px;height: 26px;	border: 1px solid #999;	border-radius: 50%;}
i.shift-icon>span {	position: absolute;	left: 50%;	top: 50%;	width: 10px;	height: 10px;	border-bottom: 1.5px solid #999;}
div.btn-left i.shift-icon>span {	border-left: 1.5px solid #999;	transform: translate(-30%, -50%) rotate(45deg);}
div.btn-right i.shift-icon>span {	border-right: 1.5px solid #999;	transform: translate(-70%, -50%) rotate(-45deg);}
div.bottom-nav div.bottom-center-nav{	position: relative;	height: 60px;	margin: 0 50px;	overflow: hidden;}
div.bottom-center-nav ul.small-img-ul {	position: absolute;	left: 0;	top: 0;	height: 100%;}
ul.small-img-ul li.img{	float: left;	width: 60px;	height: 100%;	border:1px solid transparent;	background-size: 100% 100%;	cursor: pointer;}
ul.small-img-ul li.img.active{	border-color: rgb(160, 27, 27);}

@media(max-width:768px){
	.showbox{ width: 100%; overflow: hidden; float: none; }
}