.main-cont {
    padding: 1.4rem 0 3rem;
}
.modular{
	padding: 30px 0 0 0;
	background-color: #f2f2f2;
}
.atlas-item{
	margin: 0 5.49019607843137% .4rem 0;
}
.atlas-pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.atlas-pic img{
	display: block;
	width: 100%;
}
.atlas-text{
	padding: .3rem .2rem;
}
.atlas-title{
	font-size: 14px;
	line-height: 24px;
	color: #333;
}

@media (max-width: 576px){
	.atlas-item {
		margin: 0 0 10px 0;
	}
}

.col-xs-1-6,.col-sm-1-6,.col-md-1-6,.col-lg-1-6,.col-xlg-1-6{
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5,.col-xlg-1-5{
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.col-xs-1-4,.col-sm-1-4,.col-md-1-4,.col-lg-1-4,.col-xlg-1-4{
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 1600px){
    .col-lg-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666666666667%;
        flex: 0 0 16.66666666666667%;
        max-width: 16.66666666666667%;
    }
}
@media screen and (min-width: 1441px) and (max-width: 1599px) {
    .col-lg-1-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
    .col-lg-1-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.overflow {
    overflow: hidden;
}
.atlas-modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    overflow: auto;
}
.atlas-modal.active {
    display: block;
}
.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
}
.modal-box-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-box {
    position: relative;
    width: 83.33333333333333%;
    max-width: 100%;
    max-height: 100%;
    padding: 0 !important;
    
}
.modal-box.active {
    width: auto;
}
.modal-img {
    display: block;
    width: 100%;
}
.modal-btns {
    position: fixed;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.modal-1-1,
.modal-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 32px;
    height: 1rem;
    min-height: 32px;
    margin-right: 1px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    cursor: pointer;
}
.modal-1-1 .text-1-1,
.modal-1-1.active .icon-1-1 {
    display: inline-block;
}
.modal-1-1.active .text-1-1,
.modal-1-1 .icon-1-1 {
    display: none;
}
.modal-download {
    width: auto;
    padding: 0 .4rem;
}
.modal-download img {
    margin-left: .3rem;
}
.modal-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 32px;
    height: 1rem;
    min-height: 32px;
    background-color: rgba(0,0,0,.6);
    cursor: pointer;
}
.modal-1-1 .iconfont,
.modal-close .iconfont {
    font-size: 24px;
    color: #fff;
}
.modal-1-1:hover,
.modal-download:hover,
.modal-close:hover .iconfont {
    color: #fff;
    /* color: #c49562; */
}
@media (max-width: 1200px){
    .modal-box {
        width: 80%;
    }
}
@media (max-width: 768px){
    .modal-box {
        width: 100%;
    }
}