@charset "utf-8";
/****basis start****/
.activity.light{
	color: #666a75;
    background-color: #dce6ff;
}
.activity.dark{
    background-color: #100768;
}
.black{
	color: #252b3a;
}
.white{
	color: #fff;
}
.gray-b{
	color: #a0a2a8;
}
.gray-w{
	color: rgba(255,255,255,.6);
}
.link,.blue{
	color: #387cf0;
}
.activity.light .link:hover{
	color: #2d65c4;
}
.activity.dark .link:hover{
	color: #609bff;
}
.red,.price{
	color: #C7000B;
}
.yellow{
	color: #f7a655;
}
img{
    display: block;
    width: 100%;
}
.h1{
	font-size: 48px;
	line-height: 60px;
}
.h2{
	font-size: 28px;
	line-height: 36px;
}
.h3{
	font-size: 24px;
	line-height: 30px;
}
.h4{
	font-size: 22px;
	line-height: 28px;
}
.h5{
	font-size: 20px;
	line-height: 26px;
}
.h6{
	font-size: 18px;
	line-height: 22px;
}
.h7{
	font-size: 16px;
	line-height: 20px;
}
.h8{
	font-size: 14px;
	line-height: 18px;
}
.h9{
	font-size: 12px;
	line-height: 16px;
}
.p1{
	font-size: 16px;
	line-height: 24px;
}
.p2{
	font-size: 14px;
	line-height: 22px;
}
.p3{
	font-size: 12px;
	line-height: 18px;
}
.lh1{
    line-height: 1 !important;
}
.bdr2{
    border-radius: 2px
}
.bdr4{
    border-radius: 4px
}
.layout-middle{
    display: table-cell;
    vertical-align: middle;
}
@media(max-width: 768px){
	.h1{
		font-size: 30px;
		line-height: 38px;
	}
	.h2{
		font-size: 20px;
		line-height: 22px;
	}
	.h3{
		font-size: 18px;
		line-height: 22px;
	}
	.h4{
		font-size: 16px;
		line-height: 20px;
	}
	.h5{
		font-size: 14px;
		line-height: 18px;
	}
	.h6{
		font-size: 14px;
		line-height: 18px;
	}
	.h7{
		font-size: 14px;
		line-height: 18px;
	}
	.h8{
		font-size: 14px;
		line-height: 18px;
	}
	.h9{
		font-size: 12px;
		line-height: 16px;
	}
	.p1{
		font-size: 14px;
		line-height: 22px;
	}
	.p2{
		font-size: 12px;
		line-height: 18px;
	}
	.p3{
		font-size: 10px;
		line-height: 16px;
	}
}
/****basis end****/
/****button start****/
.btn-s, .btn-m, .btn-l{
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	border: 1px solid;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.btn-s{
	padding: 0 19px;
	font-size: 14px;
	line-height: 30px;
}
.btn-m{
	padding: 0 19px;
	font-size: 16px;
	line-height: 38px;
}
.btn-l{
	padding: 0 29px;
	font-size: 16px;
	line-height: 38px;
}
.btn-red{
	color: #fff;
	border-color: #C7000B;
	background-color: #C7000B;
}
.light .btn-red:hover{
	box-shadow: 0 8px 16px 0 rgba(246,111,106,.3);
}
.dark .btn-red:hover{
	background: rgba(246,111,106,.9);
}
.light .btn-white{
	color: #C7000B;
	border-color: #C7000B;
}
.light .btn-white:hover{
	color: #fff;
	border-color: #C7000B;
	background-color: #C7000B;
}
.dark .btn-white{
	color: #fff;
	border-color: #fff;
}
.dark .btn-white:hover{
	color: #fff;
	border-color: #C7000B;
	background: #C7000B;
}
.light .btn-black{
	color: #252b3a;
	border-color: #252b3a;
}
.disable{
	pointer-events: none;
}
.light .btn-s.disable,
.light .btn-m.disable,
.light .btn-l.disable{
	color: #a0a2a8;
	border-color: #ddd;
	background-color: #f7f7f7;
}
@media(max-width: 768px){
	.btn-s, .btn-m, .btn-l{
		padding: 0 14px;
		font-size: 14px;
		line-height: 30px;
	}
	.light .btn-red:hover{
		box-shadow: none;
	}
	.dark .btn-red:hover{
		background: #C7000B;
	}
	.light .btn-white:hover{
		color: #C7000B;
		border-color: #C7000B;
		background-color: inherit;
	}
	.dark .btn-white:hover{
		color: #fff;
		border-color: #fff;
		background: inherit;
	}
}
/****button end****/
/****radio & checkbox start****/
.radio,.checkbox{
	color: #666a75;
	font-size: 0;
}
.dark .radio,
.dark .checkbox{
	color: rgba(255,255,255,.8);
}
.radio .ui-title,
.radio ul,
.radio li,
.checkbox .ui-title,
.checkbox ul,
.checkbox li{
	display: inline-block;
}
.radio .ui-title,
.checkbox .ui-title{
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
}
.radio[ui="radio2"] .ui-title,
.radio[ui="radio3"] .ui-title{
	line-height: 32px;
	vertical-align: top;
}
.radio li,
.checkbox li{
	position: relative;
	font-size: 14px;
	cursor: pointer;
}
.radio[ui="radio1"] li,
.checkbox li{
	line-height: 16px;
	vertical-align: middle;
}
.radio[ui="radio1"] li+li,
.checkbox li+li{
	margin-left: 20px;
}
.radio[ui="radio1"] li::before{
	content: '';
}
.radio[ui="radio1"] li::before,
.checkbox li i{
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 2px;
	margin-right: 10px;
	border-radius: 16px;
	border: 1px solid #ddd;
	background-color: #fff;
	vertical-align: top;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.radio[ui="radio1"] li:hover::before{
	border: 1px solid #C7000B;
}
.radio[ui="radio1"] li.active::before{
	border: 1px solid #C7000B;
}
.radio[ui="radio1"] li::after{
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 5px;
	left: 5px;
	border-radius: 16px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.radio[ui="radio1"] li.active::after{
	background-color: #C7000B;
}
.radio[ui="radio2"] li,
.radio[ui="radio3"] li{
	padding: 0 9px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.radio[ui="radio2"] li{
	border-radius: 2px;
}
.radio[ui="radio2"] li+li{
	margin-left: 10px;
}
.radio[ui="radio2"] li:hover,
.radio[ui="radio2"] li.active{
	color: #C7000B;
	border: 1px solid #C7000B;
}
.radio[ui="radio3"] li+li{
	border-left: none;
}
.radio[ui="radio3"] li:first-child{
	border-radius: 2px 0 0 2px;
}
.radio[ui="radio3"] li:last-child{
	border-radius: 0 2px 2px 0;
}
.radio[ui="radio3"] li:hover{
	color: #C7000B;
}
.radio[ui="radio3"] li.active{
	color: #fff;
	border-color: #C7000B;
	background-color: #C7000B;
}
.checkbox li i{
	position: relative;
	border-radius: 2px !important;
}
.checkbox li:hover i{
	border-color: #C7000B;
}
.checkbox li.active i{
	border-color: #C7000B;
	background-color: #C7000B;
}
.checkbox li.active i::before,
.checkbox li.active i::after{
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	background-color: #fff;
}
.checkbox li.active i::before{
	width: 5px;
	top: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.checkbox li.active i::after{
	width: 8px;
	top: 6px;
	right: 1px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/****radio & checkbox end****/
/****dropdown start****/
.dropdown, .complex-dropdown{
	position: relative;
	width: 100%;
	color: #666a75;
	font-size: 0;
}
.dark .dropdown,
.dark .complex-dropdown{
	color: rgba(255,255,255,.8);
}
.dropdown .ui-title, .complex-dropdown .ui-title{
	display: inline-block;
	width: 56px;
	color: #666a75;
	font-size: 14px;
	line-height: 32px;
	margin-right: 10px;
	vertical-align: top;
	white-space: nowrap;
}
.dropdown.small .ui-title, .complex-dropdown.small .ui-title{
	line-height: 24px;
}
.dropdown .ui-reveal, .complex-dropdown .ui-reveal{
	display: inline-table;
	width: 100%;
	height: 32px;
	padding: 4px 0 4px 9px;
	font-size: 14px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
}
.dropdown.small .ui-reveal, .complex-dropdown.small .ui-reveal{
	height: 22px;
	padding-left: 5px;
	line-height: 14px;
}
.dropdown .ui-reveal:hover, .complex-dropdown .ui-reveal:hover{
	border-color: #a0a2a8;
}
.dropdown .ui-reveal span, .complex-dropdown .ui-reveal span{
	display: table-cell;
	padding-right: 10px;
	color: #252b3a;
	vertical-align: middle;
}
.dropdown .ui-reveal i, .complex-dropdown .ui-reveal i{
	position: relative;
	display: table-cell;
	width: 30px;
	height: 22px;
	border-left: 1px solid #ddd;
	vertical-align: middle;
}
.dropdown.small .ui-reveal i, .complex-dropdown.small .ui-reveal i{
	height: 14px;
}
.dropdown .ui-reveal i::after, .complex-dropdown .ui-reveal i::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 9px;
	left: 9px;
	border-width: 5px;
	border-style: solid;
	border-color: #666a75 #fff #fff #fff;
}
.dropdown.small .ui-reveal i::after, .complex-dropdown.small .ui-reveal i::after{
	top: 5px;
}
.dropdown .ui-content, .complex-dropdown .ui-content{
	display: none;
	position: absolute;
	margin-top: 5px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
	overflow-y: auto;
	z-index: 9;
	max-height: 300px;
}
.dropdown li, .complex-dropdown li{
	padding: 0 9px;
	color: #666a75;
	font-size: 14px;
	line-height: 32px;
}
.dropdown.small li, .complex-dropdown.small li{
	line-height: 24px;
}
.dropdown li:hover, .complex-dropdown li:hover{
	color: #C7000B;
	background-color: #f7f7f7;
}
.dropdown li:active, .complex-dropdown li:active{
	color: #fff;
	background-color: #C7000B;
}
@media(max-width: 768px){
	.dropdown .ui-reveal:hover, .complex-dropdown .ui-reveal:hover{
		border: 1px solid #ddd;
	}
	.dropdown li:hover,
	.dropdown li:active,
	.complex-dropdown li:hover,
	.complex-dropdown li:active{
		color: #666a75;
		background-color: #fff;
	}
}
/****dropdown end****/
/****tip start****/
.tip{
	position: absolute;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.tip.strip{
	width: 65px;
	height: 65px;
	top: 0;
	right: 0;
	overflow: hidden;
}
.tip.strip.small{
	width: 50px;
	height: 50px;
}
.tip.strip p{
	position: absolute;
	width: 150%;
	top: 13px;
	left: -9px;
	line-height: 22px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tip.strip.red p{
	background-color: #C7000B;
}
.tip.strip.yellow p{
	background-color: #f7a655;
}
.tip.strip.small p{
	top: 10px;
	left: -6px;
	line-height: 18px;
}

.tip.flag.red{
	background-position: 0;
}
.tip.flag.yellow{
	background-position: -60px;
}
.tip.pop1{
	padding: 0 5px;
	line-height: 17px;
	font-weight: bold;
	border-radius: 2px;
	border-bottom: none !important;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
}
.pop1.red{
	color: #C7000B;
	border: 1px solid #C7000B;
}
.pop1.yellow{
	color: #f7a655;
	border: 1px solid #f7a655;
}
.dark .tip.pop1{
	color: #fff;
	border: 1px solid #fff;
}
.tip.pop1::before,
.tip.pop1::after{
	content: '';
	display: block;
	position: absolute;
	width: calc(50% - 3px);
	height: 1px;
	bottom: 0;
	right: 0;
}
.tip.pop1.red::before,
.tip.pop1.red::after{
	background-color: #C7000B;
}
.tip.pop1.yellow::before,
.tip.pop1.yellow::after{
	background-color: #f7a655;
}
.dark .tip.pop1::before,
.dark .tip.pop1::after{
	background-color: #fff;
}
.tip.pop1:before{
	left: 0;
}
.tip.pop1 p::before,
.tip.pop1 p::after{
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 1px;
	bottom: -3px;
	right: calc(50% - 5px);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.tip.pop1.red p::before,
.tip.pop1.red p::after{
	background-color: #C7000B;
}
.tip.pop1.yellow p::before,
.tip.pop1.yellow p::after{
	background-color: #f7a655;
}
.dark .tip.pop1 p::before,
.dark .tip.pop1 p::after{
	background-color: #fff;
}
.tip.pop1 p::after{
	left: calc(50% - 5px); 
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}
.tip.pop2{
	padding: 0 5px;
	line-height: 16px;
	font-weight: bold;
	border-radius: 2px;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
}
.tip.pop2.red{
	color: #C7000B;
	border: 1px solid #C7000B;
}
.tip.pop2.yellow{
	color: #f7a655;
	border: 1px solid #f7a655;
}
.dark .tip.pop2{
	color: #fff;
	border: 1px solid #fff;
}
/****tip end****/
/****icon start****/
.icon40,
.icon48,
.icon64,
.icon120,
.iconNum{
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.icon40{
	width: 40px;
	height: 40px;
}
.icon48{
	width: 48px;
	height: 48px;
}
.icon64{
	width: 64px;
	height: 64px;
}
.icon120{
	width: 120px;
	height: 120px;
}
.icon40.icon2{background-position: -40px;}
.icon40.icon3{background-position: -80px;}
.icon40.icon4{background-position: -120px;}
.icon40.icon5{background-position: -160px;}
.icon40.icon6{background-position: -200px;}
.icon48.icon2{background-position: -48px;}
.icon48.icon3{background-position: -96px;}
.icon48.icon4{background-position: -144px;}
.icon48.icon5{background-position: -192px;}
.icon48.icon6{background-position: -240px;}
.icon64.icon2{background-position: -64px;}
.icon64.icon3{background-position: -128px;}
.icon64.icon4{background-position: -192px;}
.icon64.icon5{background-position: -256px;}
.icon64.icon6{background-position: -320px;}
.icon120.icon2{background-position: -120px;}
.icon120.icon3{background-position: -240px;}
.icon120.icon4{background-position: -360px;}
.icon120.icon5{background-position: -480px;}
.icon120.icon6{background-position: -600px;}

.iconNum.icon2{background-position: -36px;}
.iconNum.icon3{background-position: -72px;}
.iconNum.icon4{background-position: -108px;}
.iconNum.icon5{background-position: -144px;}
.iconNum.icon6{background-position: -180px;}
.iconNum.icon7{background-position: -216px;}
.iconNum.icon8{background-position: -252px;}
.iconNum.icon9{background-position: -288px;}
.iconFade{
	position: absolute;
	width: 24px;
	height: 24px;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.iconFade.active,
.active .iconFade{
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.iconFade::after{
	content: '';
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 3px;
	left: 5px;
	border-left: 2px solid #979797;
	border-bottom: 2px solid #979797;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media(max-width: 768px){
	.iconNum.icon2{background-position: -72px;}
	.iconNum.icon3{background-position: -144px;}
	.iconNum.icon4{background-position: -216px;}
	.iconNum.icon5{background-position: -288px;}
	.iconNum.icon6{background-position: -360px;}
	.iconNum.icon7{background-position: -432px;}
	.iconNum.icon8{background-position: -504px;}
	.iconNum.icon9{background-position: -576px;}
	.iconFade{
		width: 12px;
		height: 12px;
	}
	.iconFade::after{
		width: 7px;
		height: 7px;
		top: 1px;
		left: 2px;
		border-width: 1px;

	}
}
/****icon end****/
/****layout start****/
#activity{
	padding-top: 60px;
}
.section{
	position: relative;
	width: 100%;
	padding-bottom: 50px;
	background-position: center top;
}
.headline,
.content{
	max-width: 1180px;
    margin: 0 auto;
}
.itemCount2>*{width: 50%}
.itemCount3>*{width: 33.333333333%}
.itemCount4>*{width: 25%}
.itemCount5>*{width: 20%}
.itemCount6>*{width: 16.666666667%}
.layout{
    float: left;
    padding: 10px;
}
.card{
    position: relative;
    box-shadow: 0 8px 16px 0 rgba(147,154,255,.1);
    border-radius: 4px;
}
.bgcf{
    background-color: #fff;
}
.table-row{
    display: table-row;
}
.table-row .item{
    display: table-cell;
    width: 1180px;
}
@media(max-width: 1199px){
    .content{
        max-width: 960px;
    }
}
@media(max-width: 768px){
    /*.section{*/
        /*padding: 0 15px 30px;*/
    /*}*/
    /*.section.columns{*/
        /*padding: 0 0 30px;*/
    /*}*/
    .mbbr0{
    	border-radius: 0;
    }
}
/****layout end****/
/****banner start****/
.section.banner{
	height: 260px;
	padding-bottom: 0;
}
.banner .content{
	height: 260px;
}
.banner-pc{
	display: table;
	width: 100%;
	height: 100%;
}
.banner-mb{
	display: none;
}
.bannner-layout{
	display: table-cell;
	vertical-align: middle;
}
.banner .content p+p{
	margin-top: 10px;
}
.banner .content .btn-m{
	margin-top: 20px;
}
@media(max-width: 768px){
	.banner-pc{
		display: none;
	}
	.banner-mb{
		display: block;
	}
	.section.banner{
		height: auto;
		padding-bottom: 0;
	}
	.banner .content{
		height: auto;
	}
}
/****banner end****/
.headline{
    margin-bottom: 30px;
    text-align: center;
}
.light .headline{
    color: #252b3a;
}
.dark .headline{
    color: #fff;
}
.headline .h7{
    margin-top: 10px;
}
/************************modal star************************/
.shade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 200;
}
.modal{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	background-color: #fff;
	border-radius: 2px;
	transform: translate(-50%, -50%);
}
.modal-s{width: 400px}
.modal-m{width: 550px}
.modal-l{width: 700px}
.modal-xl{width: 900px}
.mod-close{
	position: absolute;
    width: 22px;
    height: 22px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    overflow: hidden;
    transform: rotate(45deg);
}
.mod-close::before,
.mod-close::after{
	content: '';
	display: block;
	position: absolute;
	width: 22px;
	height: 2px;
	top: 10px;
	left: 0;
	background-color: #999;
}
.mod-close::after{
	width: 2px;
	height: 22px;
	top: 0;
	left: 10px;
}
.mod-header{
	padding-top: 30px;
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
.mod-caption{
	padding-left: 27px;
	border-left: 3px solid #C7000B;
}
.mod-body{
	padding: 0 30px;
	margin: 30px 0;
	*zoom: 1;
}
.mod-body.scroll{
	overflow-y: scroll;
	padding-right: 23px;
	margin-right: 2px;
}
.mod-body::-webkit-scrollbar {
    width: 5px;
    border-radius: 8px;
    background-color: rgba(51,51,51,.6);
}
.mod-body::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #fff;
}
.mod-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(51,51,51,.6)
}
.modal-m .mod-body.scroll{
	height: 237px;
}
.modal-l .mod-body.scroll{
	height: 349px;
}
.modal-xl .mod-body.scroll{
	height: 424px;
}
.mod-body::after{
	content: ' ';
    display: table;
    line-height: 0;
	clear: both;
}

.mod-state-icons.icon2{background-position: -40px 0;}
.mod-state-icons.icon3{background-position: -80px 0;}
.mod-state-icons.icon4{background-position: -120px 0;}
.mod-content{
	float: left;
	max-width: calc(100% - 60px);
	min-height: 40px;
}
.mod-content.state-icons-none{
	max-width: 100%;
	width: 100%;
}
.mod-content-layout{
	display: table;
}
.mod-content-center{
	display: table-cell;
	vertical-align: middle;
}
.mod-content-title{
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
}
.mod-content-title+.mod-content-detail{
	margin-top: 5px;
}
.mod-footer{
	padding: 15px;
	font-size: 0;
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 0 0 2px 2px;
}
.mod-footer .btn-s+.btn-s{
	margin-left: 20px;
}
.mod-rule-wrapper{
	padding-left: 20px;
}
.mod-rule-wrapper li{
	color: #333;
	list-style: decimal;
	text-align: justify;
}
.mod-rule-wrapper li+li{
	margin-top: 5px;
}
@media(max-width:768px){
	.modal-s,.modal-m,.modal-l,.modal-xl{
		max-width: calc(100% - 30px);
	}
	.mod-header{
		font-size: 20px;
	}
	.mod-state-icons{
		margin-right: 10px;
	}
	.mod-content-title{
		font-size: 16px;
	}
	.modal-s .mod-body.scroll,
	.modal-m .mod-body.scroll,
	.modal-l .mod-body.scroll,
	.modal-xl .mod-body.scroll{
		height: calc(100vh - 372px);
	}
	.mod-rule-wrapper li+li{
		margin-top: 2px;
	}
}
@media(max-width:320px){
	.modal-s .mod-body.scroll,
	.modal-m .mod-body.scroll,
	.modal-l .mod-body.scroll,
	.modal-xl .mod-body.scroll{
		height: calc(100vh - 212px);
	}
}
/************************modal end************************/