body {
	background: #f7f7f7;
	color: #5B5B5B;
}

.mui-bar{

	background: #fff;

	box-shadow: none;
}

.mui-bar-nav.mui-bar .mui-icon{

	color: #39B7E1;
}

.at-card {
	background: #fff;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
}

.at-card .at-icon-view {
	width: 25%;
	float: left;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	color: #5B5B5B;
}

.at-card .at-icon-view img {
	margin: 0px auto;
	/* width: 80%; */
	width: 100%;
}

.at-card .at-icon-view .icon-img {
	width: 40%;
	margin: 0px auto;
}

.at-card .at-icon-view .name {
	font-size: 12px;
	width: 100%;
	text-align: center;
}

.at-card .at-card-item {
	padding: 10px;
	overflow: hidden;
	position: relative;
	display: block;
}

.at-card .at-card-item.short{

	margin: 0px 10px;
}

.at-card .at-card-item:last-child:after{
	height: 0px;
}
.at-card .at-card-item .at-card-emphasis {
	color: #39B7E1;
	float: left;
}

.at-card .at-card-item .fr {
	float: right;
}

.at-card .at-card-item .fn {
	float: none;
	overflow: hidden;
}

.at-card .at-card-item .title{

	font-size: 16px;

	/* font-weight: bold; */
}
.at-card .at-card-item .at-card-minor {
	font-size: 12px;
	color: #AAAAAA;
}

.at-card .at-card-item div {
	/* color: #fff; */
	font-size: 16px;
	float: left;
}

.at-card .at-card-item:not(.no-border):after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0px;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #ededed;
}

.at-card .at-card-item .at-card-img{

	width: 20%;
}
.at-card .at-card-item .at-card-img img{

	width: 100%;
}
.at-card .at-card-item .at-card-img img.circle{

	border-radius: 100%;
}

.at-card .at-card-item .at-card-big-img{

	width: 100%;
}

.at-card .at-card-item .at-card-big-img img{

	width: 100%;
}

.at-card .at-card-item .at-card-more-img{

	width: 100%;
}

.at-card .at-card-item  .at-card-more-img .img-frame{

	/* width: 33%; */

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	margin: 2px;
}
.at-card .at-card-item  .at-card-more-img .img-frame:nth-child(3n-2){

	margin-left: 0px;
}

.at-card .at-card-item  .at-card-more-img .img-frame:nth-child(3n+3){

	margin-right: 0px;
}


.at-card .at-card-item  .at-card-more-img img{

	width: 100%;
}

.at-card .at-card-item  .at-card-more-img .img-add-btn{

	border: 1px dashed #d9d9d9;

	border-radius: 6px;

	cursor: pointer;

	position: relative;

	overflow: hidden;
}

.at-card .at-card-item  .at-card-more-img .img-add-btn .mui-icon{

	font-size: 28px;

	color: #8c939d;



	text-align: center;
}

.at-card .at-card-item .at-card-video{

	width: 100%;
}

.at-card .at-card-item .at-card-video video{

	width: 100%;
}

.at-card .at-card-item .at-card-video  .at-card-video-iframe{
	width: 100%;
	height: 200px;
}
.border-view{
	position: relative;
}

.border-view.fixed{
	position: fixed;
}

.border-view:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0px;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #ededed;
}


.mui-slider .mui-slider-group .mui-slider-item video{
	width: 100%;
}

.at-card-item.full{
	padding: 0px;
}


[v-cloak] {
	display: none;
}