

.top-banner .img-banner {
    display: block;
    height: 350px;
    background: url(/vn/images/platformm/platformIntroduction/pc-banner-js.png) top center no-repeat;
    background-size: cover !important;
}

.top-banner .img-banner .title-banner {
    font-size: 52px;
    line-height: 1.6;
    color: #FFFFFF;
    text-align: left;
    padding-top: 223px;
	padding-left: 40px;
	font-weight: bold;
}

.top-banner .img-banner .sub-title {
    font-size: 32px;
    line-height: 1.8;
    color: #FFFFFF;
    padding-bottom: 70px;
}

.main-article .title {
    font-size: 52px;
    color: #035B83;
    line-height: 1.0;
    text-align: center;
    padding-top: 80px;
}

.main-article .des {
    font-size: 20px;
    color: #333333;
    line-height: 1.6;
    padding-top: 27px;
    text-align: center;
}

.main-article .section-compare {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}



td.td-2.b-right {
    background: #f5f8fb;
}

.yingying {
    background: url(/vn/images/platformm/compare/shadow.png) center top no-repeat #FFFFFF;
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 150px;
}

.main-article .img-lef {
    float: left;
    width: 48%;
    margin-left: 3%;
}

@media (min-width: 1280px) {
    .fl-sec3 {
        width: 100%;
        //float: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .fl-sec3-1 {
        width: 4%;
        float: left;
    }
}

.main-article .fl-sec3, .main-article .fl-sec3-1 {
    position: relative;
    min-height: 1px;
}
.section-compare .setion-1-text{
	width: 984px;
	margin: 0 auto;
	height: 287px;
	overflow: hidden;
}
.section-compare .setion-1-text .setion-1-item{
	width: 328px;
	height: 196px;
	float: left;
	margin-top: 91px;
	background-image: url(/vn/images/platformm/platformIntroduction/pc-title-img01.png);
	background-position:center top ;
	background-size: 93px 100px;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding-top: 103px;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 20px;
}
.section-compare .setion-1-text .setion-1-item.item-2{
	background-image: url(/vn/images/platformm/platformIntroduction/pc-title-img02.png);
	background-size: 88px 102px;
}
.section-compare .setion-1-text .setion-1-item.item-3{
	background-image: url(/vn/images/platformm/platformIntroduction/pc-title-img03.png);
	background-size: 94px 96px;
}
.setion-table{
	width: 1100px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 72px;
}
.table-this{
	width: 100%;
	border-right: 1px solid #d5e4f5 ;
	border-collapse:collapse;
}
.table-this thead{
	 border-right: 1px solid #37aeb3;
}
.table-this thead tr th{
	min-height: 60px;
	line-height: 60px;
	width: 33%;
	text-align: center;
	font-size: 18px;
	background-color: #37aeb3;
	color: #fff;
}
.table-this thead tr th:nth-child(2){
	width: 34%;
}
.table-this tbody{
	border:1px solid #d5e4f5 ;
	border-top: 0;
	box-sizing: border-box;
}
.table-this tbody tr{
	border-right: 1px solid #d5e4f5 ;
	border-width: 1px;
}
.table-this tbody tr td{
	border: 0;
	text-align: center;
	height: 70px;
	line-height: 69px;
	font-size: 18px;
	color: #333;
	border-right:1px solid #d5e4f5 ;
	border-bottom:1px solid #d5e4f5 ;
}
.table-this tbody tr td.order-linhei{
	line-height: 20px;
	font-size: 14px;
}
.table-this tbody tr td.order-fonsi{
	line-height: 20px;
	font-size: 13px;
}
.fonsi-18{
	font-size: 18px!important;
}
.setion-last{
	width: 1100px;
	height: 618px;
	margin: 0 auto;
	overflow: hidden;
}
.setion-2-title{
	width: 100%;
	height: 62px;
	line-height: 62px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 12px;
}
.setion-2-item{
	width: 100%;
	height: 223px;
}
.setion-2-item ul{
	margin-left: 122.5px;
}
.setion-2-item ul.ul-2{
	margin-left: 227.5px;
}
.setion-2-item ul li{
	width: 170px;
	height: 170px;
	float: left;
	text-align: center;
	font-size: 16px;
	margin: 0 22.5px;
}


@-webkit-keyframes rolldown {
    0% {
        top: 0;
    }
    100% {
        top: 60px;
    }
}

@keyframes rolldown {
    0% {
        top: 0;
    }
    100% {
        top: 60px;
    }
}

.menu-bottom {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f5f8fb;
    border-bottom: 1px solid #ccc;
    display: none;
}

.menu-bottom .tit-fix {
    font-size: 2.6em;
    color: #035b83;
    line-height: 1.0;
    text-align: center;
    margin: 0 auto 20px;
    display: block;
    padding-top: 20px;
}

.menu-bottom.active {
    display: block;
    animation: rolldown 0.25s ease-in;
    top: 60px;
}

/*# sourceMappingURL=compare.css.map */
@media (min-width: 992px) {
    .section4 .col-md-3 {
        width: 25%;
    }
}

.main-article .section-compare .content-compare .btn-compare.Btn {
    width: 30%;
    float: left;
    margin-left: 13%;
    position: relative;
}

span.codeios {
    width: 120%;
    display: block;
    display: none;
}

span.codeios img {
    width: 100%;
    display: block;
}

.main-article .section-compare .content-compare .text-td.title {
    font-size: 24px;
    color: #035b83;
    text-align: center;
}
