@charset "UTF-8";

*{ letter-spacing:0.4px; line-height:1.8; font-family:'微软雅黑';}
i,em{ font-style:normal;}
.bgimg-dark::before { content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
.bgimg-cover{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-contain{ background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-auto{ background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.bgimg-center{ background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-fixed{ background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.bgimg-white::before{ content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.35);}

.font-12{ font-size:12px !important;}
.font-13{ font-size:13px !important;}
.font-14{ font-size:14px !important;}
.font-15{ font-size:15px !important;}
.font-16{ font-size:16px !important;}
.font-18{ font-size:18px !important;}
.font-20{ font-size:20px !important;}
.font-24{ font-size:24px !important;}
.font-32{ font-size:32px !important;}
.font-36{ font-size:36px !important;}
.font-46{ font-size:46px !important;}
.font-weight-bold{ font-weight:bold !important;}
.font-weight-normal{ font-weight:normal !important;}
.font-weight-light{ font-weight:300 !important;}
.text-center{ text-align:center !important;}
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.line-height-xs{ line-height:1.4 !important;}
.line-height-sm{ line-height:1.8 !important;}
.line-height-lg{ line-height:2 !important;}
.letter-space-xs{ letter-spacing:0.4px;}
.letter-space-sm{ letter-spacing:0.8px;}
.letter-space-lg{ letter-spacing:1px;}

.m-0{ margin:0 !important;}
.p-0{ padding:0 !important;}
.mx-0{ margin-left:0 !important; margin-right:0 !important;}
.mx-1{ margin-left:10px !important; margin-right:10px !important;}
.mx-2{ margin-left:20px !important; margin-right:20px !important;}
.mx-3{ margin-left:30px !important; margin-right:30px !important;}
.mx-4{ margin-left:40px !important; margin-right:40px !important;}
.mx-5{ margin-left:50px !important; margin-right:50px !important;}
.my-0{ margin-top:0 !important; margin-bottom:0 !important;}
.my-1{ margin-top:10px !important; margin-bottom:10px !important;}
.my-2{ margin-top:20px !important; margin-bottom:20px !important;}
.my-3{ margin-top:30px !important; margin-bottom:30px !important;}
.my-4{ margin-top:40px !important; margin-bottom:40px !important;}
.my-5{ margin-top:50px !important; margin-bottom:50px !important;}
.px-0{ padding-left:0 !important; padding-right:0 !important;}
.px-1{ padding-left:10px !important; padding-right:10px !important;}
.px-2{ padding-left:20px !important; padding-right:20px !important;}
.px-3{ padding-left:30px !important; padding-right:30px !important;}
.px-4{ padding-left:40px !important; padding-right:40px !important;}
.px-5{ padding-left:50px !important; padding-right:50px !important;}
.py-0{ padding-top:0 !important; padding-bottom:0 !important;}
.py-1{ padding-top:10px !important; padding-bottom:10px !important;}
.py-2{ padding-top:20px !important; padding-bottom:20px !important;}
.py-3{ padding-top:30px !important; padding-bottom:30px !important;}
.py-4{ padding-top:40px !important; padding-bottom:40px !important;}
.py-5{ padding-top:50px !important; padding-bottom:50px !important;}
.mt-0{ margin-top:0 !important;}
.mt-1{ margin-top:10px !important;}
.mt-2{ margin-top:20px !important;}
.mt-3{ margin-top:30px !important;}
.mt-4{ margin-top:40px !important;}
.mt-5{ margin-top:50px !important;}
.mb-0{ margin-bottom:0 !important;}
.mb-1{ margin-bottom:10px !important;}
.mb-2{ margin-bottom:20px !important;}
.mb-3{ margin-bottom:30px !important;}
.mb-4{ margin-bottom:40px !important;}
.mb-5{ margin-bottom:50px !important;}
.ml-0{ margin-left:0 !important;}
.ml-1{ margin-left:10px !important;}
.ml-2{ margin-left:20px !important;}
.ml-3{ margin-left:30px !important;}
.ml-4{ margin-left:40px !important;}
.ml-5{ margin-left:50px !important;}
.mr-0{ margin-right:0 !important;}
.mr-1{ margin-right:10px !important;}
.mr-2{ margin-right:20px !important;}
.mr-3{ margin-right:30px !important;}
.mr-4{ margin-right:40px !important;}
.mr-5{ margin-right:50px !important;}
.pt-0{ padding-top:0 !important;}
.pt-1{ padding-top:10px !important;}
.pt-2{ padding-top:20px !important;}
.pt-3{ padding-top:30px !important;}
.pt-4{ padding-top:40px !important;}
.pt-5{ padding-top:50px !important;}
.pb-0{ padding-bottom:0 !important;}
.pb-1{ padding-bottom:10px !important;}
.pb-2{ padding-bottom:20px !important;}
.pb-3{ padding-bottom:30px !important;}
.pb-4{ padding-bottom:40px !important;}
.pb-5{ padding-bottom:50px !important;}
.pl-0{ padding-left:0 !important;}
.pl-1{ padding-left:10px !important;}
.pl-2{ padding-left:20px !important;}
.pl-3{ padding-left:30px !important;}
.pl-4{ padding-left:40px !important;}
.pl-5{ padding-left:50px !important;}
.pr-0{ padding-right:0 !important;}
.pr-1{ padding-right:10px !important;}
.pr-2{ padding-right:20px !important;}
.pr-3{ padding-right:30px !important;}
.pr-4{ padding-right:40px !important;}
.pr-5{ padding-right:50px !important;}


/** new styles **/

.poster-info-box{ width:100%; float:left; background:#fff; box-shadow:8px 8px 0 rgba(0,0,0,.12); border-radius:10px; padding:25px; margin:20px 0; box-sizing:border-box;}
.poster-info-box p{ color:#333;}
.slider-image span{ width:100%; float:left; background:#f2504d; padding:10px; font-size:13px; line-height:20px !important; letter-spacing:1px; color:#fff; font-weight:normal; box-sizing:border-box; text-align:center;}
.partner-box{ width:100%; padding:25px; box-sizing:border-box;}
.partner-box li{ width:20%; float:left; text-align:center; margin:25px 0;}
.partner-box li img{ max-width:100%;}
.menu-main-menu-container li.active a{ color:#f2504d !important;}
.footer-block{ background-color:#22273a; padding:50px 0;}
.mayi-contact{ width:100%; float:left;}
.mayi-contact span{ width:100%; float:left; color:#ffffff;}
.copyright-block{ width:100%; float:left; background:#111111; text-align:center; padding:10px 0;}
.copyright-block p, .copyright-block p a{ color:#aaaaaa; margin:0; font-size:12px; letter-spacing:0;}

@media screen and (max-width:768px){
.font-46{ font-size:32px !important; line-height:1.4;}
.font-20{ font-size:16px !important; line-height:1.6;}
.partner-box li{ width:50%;}
.apps-craft-footer-logo img{ width:80px;}
.apps-craft-copyright-txt, .apps-craft-footer-menu{ display:none;}
.section-padding,.sections{padding:50px 0}
.fw-col-inner{ padding:0 20px;}
.fw-special-title-half{ padding:0 20px;}
.pt-4{ padding-top:0 !important;}
.apps-craft-welcome-content{ padding-top:50px;}
.copyright-block{ display:none;}
.footer-block .text-right{ text-align:center !important; margin-bottom:20px;}
.mayi-contact span{ text-align:center;}
}