/*!

 * my custom css

 *

 *

 */

.bg-primary { background-color: #009ae8; }



.bg-secondary { background-color: #6c757d; }



.bg-success { background-color: #28a745; }



.bg-info { background-color: #17a2b8; }



.bg-warning { background-color: #ffc107; }



.bg-danger { background-color: #dc3545; }



.bg-light { background-color: #f8f9fa; }



.bg-dark { background-color: #343a40; }



.bg-gray1 { background-color: #f8f9fa; }



.bg-gray2 { background-color: #e9ecef; }



.bg-gray3 { background-color: #dee2e6; }



.bg-gray4 { background-color: #ced4da; }



.bg-gray5 { background-color: #adb5bd; }



.bg-gray6 { background-color: #6c757d; }



.bg-gray7 { background-color: #495057; }



.bg-gray8 { background-color: #343a40; }



.bg-gray9 { background-color: #212529; }



.bg-white { background-color: #fff !important; }



.bg-transparent { background-color: transparent !important; }



.border { border: 1px solid red; }



.border-0 { border: 0 !important; }



.border-top-0 { border-top: 0 !important; }



.border-right-0 { border-right: 0 !important; }



.border-bottom-0 { border-bottom: 0 !important; }



.border-left-0 { border-left: 0 !important; }



.border { border: 1px solid #dee2e6 !important; }



.border-top { border-top: 1px solid #dee2e6 !important; }



.border-right { border-right: 1px solid #dee2e6 !important; }



.border-bottom { border-bottom: 1px solid #dee2e6 !important; }



.border-left { border-left: 1px solid #dee2e6 !important; }



.rounded { border-radius: 0.25rem !important; }



.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }



.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }



.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }



.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }



.rounded-circle { border-radius: 50% !important; }



.rounded-0 { border-radius: 0 !important; }



.fz12 { font-size: 12px !important; }



.fz14 { font-size: 14px !important; }



.fz16 { font-size: 16px !important; }



.fz18 { font-size: 18px !important; }



.fz20 { font-size: 20px !important; }



.fz22 { font-size: 22px !important; }



.fz24 { font-size: 24px !important; }



.fz26 { font-size: 26px !important; }



.fz28 { font-size: 28px !important; }



.fz30 { font-size: 30px !important; }



.fz32 { font-size: 32px !important; }



.fz36 { font-size: 36px !important; }



.fz38 { font-size: 38px !important; }



.fz40 { font-size: 40px !important; }



.fw { font-weight: bold; }



.pos-static { position: static !important; }



.pos-r { position: relative !important; }



.pos-a { position: absolute !important; }



.pos-f { position: fixed !important; }



.pos-sticky { position: static !important; }



.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }



.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }



.fixed-left { position: fixed; left: 0; top: 0; bottom: 0; z-index: 1030; }



.fixed-right { position: fixed; right: 0; bottom: 0; z-index: 1030; }



@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }



.w16 { width: 16.6666666667% !important; }



.w20 { width: 20% !important; }



.w25 { width: 25% !important; }



.w33 { width: 33.333333% !important; }



.w50 { width: 50% !important; }



.w60 { width: 60% !important; }



.w75 { width: 75% !important; }



.w80 { width: 80% !important; }



.w100 { width: 100% !important; }



.h16 { height: 16.6666666667% !important; }



.h20 { height: 20% !important; }



.h25 { height: 25% !important; }



.h33 { height: 33.333333% !important; }



.h50 { height: 50% !important; }



.h60 { height: 60% !important; }



.h75 { height: 75% !important; }



.h80 { height: 80% !important; }



.h100 { height: 100% !important; }



.mw100 { max-width: 100% !important; }



.mh100 { max-height: 100% !important; }



.t5 { top: 5px !important; }



.r5 { right: 5px !important; }



.b5 { bottom: 5px !important; }



.l5 { left: 5px !important; }



.m5 { margin: 5px !important; }



.mt5 { margin-top: 5px !important; }



.mr5 { margin-right: 5px !important; }



.mb5 { margin-bottom: 5px !important; }



.ml5 { margin-left: 5px !important; }



.t10 { top: 10px !important; }



.r10 { right: 10px !important; }



.b10 { bottom: 10px !important; }



.l10 { left: 10px !important; }



.m10 { margin: 10px !important; }



.mt10 { margin-top: 10px !important; }



.mr10 { margin-right: 10px !important; }



.mb10 { margin-bottom: 10px !important; }



.ml10 { margin-left: 10px !important; }



.t15 { top: 15px !important; }



.r15 { right: 15px !important; }



.b15 { bottom: 15px !important; }



.l15 { left: 15px !important; }



.m15 { margin: 15px !important; }



.mt15 { margin-top: 15px !important; }



.mr15 { margin-right: 15px !important; }



.mb15 { margin-bottom: 15px !important; }



.ml15 { margin-left: 15px !important; }



.t20 { top: 20px !important; }



.r20 { right: 20px !important; }



.b20 { bottom: 20px !important; }



.l20 { left: 20px !important; }



.m20 { margin: 20px !important; }



.mt20 { margin-top: 20px !important; }



.mr20 { margin-right: 20px !important; }



.mb20 { margin-bottom: 20px !important; }



.ml20 { margin-left: 20px !important; }



.t25 { top: 25px !important; }



.r25 { right: 25px !important; }



.b25 { bottom: 25px !important; }



.l25 { left: 25px !important; }



.m25 { margin: 25px !important; }



.mt25 { margin-top: 25px !important; }



.mr25 { margin-right: 25px !important; }



.mb25 { margin-bottom: 25px !important; }



.ml25 { margin-left: 25px !important; }



.t30 { top: 30px !important; }



.r30 { right: 30px !important; }



.b30 { bottom: 30px !important; }



.l30 { left: 30px !important; }



.m30 { margin: 30px !important; }



.mt30 { margin-top: 30px !important; }



.mr30 { margin-right: 30px !important; }



.mb30 { margin-bottom: 30px !important; }



.ml30 { margin-left: 30px !important; }



.t35 { top: 35px !important; }



.r35 { right: 35px !important; }



.b35 { bottom: 35px !important; }



.l35 { left: 35px !important; }



.m35 { margin: 35px !important; }



.mt35 { margin-top: 35px !important; }



.mr35 { margin-right: 35px !important; }



.mb35 { margin-bottom: 35px !important; }



.ml35 { margin-left: 35px !important; }



.t40 { top: 40px !important; }



.r40 { right: 40px !important; }



.b40 { bottom: 40px !important; }



.l40 { left: 40px !important; }



.m40 { margin: 40px !important; }



.mt40 { margin-top: 40px !important; }



.mr40 { margin-right: 40px !important; }



.mb40 { margin-bottom: 40px !important; }



.ml40 { margin-left: 40px !important; }



.t50 { top: 50px !important; }



.r50 { right: 50px !important; }



.b50 { bottom: 50px !important; }



.l50 { left: 50px !important; }



.m50 { margin: 50px !important; }



.mt50 { margin-top: 50px !important; }



.mr50 { margin-right: 50px !important; }



.mb50 { margin-bottom: 50px !important; }



.ml50 { margin-left: 50px !important; }



.t60 { top: 60px !important; }



.r60 { right: 60px !important; }



.b60 { bottom: 60px !important; }



.l60 { left: 60px !important; }



.m60 { margin: 60px !important; }



.mt60 { margin-top: 60px !important; }



.mr60 { margin-right: 60px !important; }



.mb60 { margin-bottom: 60px !important; }



.ml60 { margin-left: 60px !important; }



.t70 { top: 70px !important; }



.r70 { right: 70px !important; }



.b70 { bottom: 70px !important; }



.l70 { left: 70px !important; }



.m70 { margin: 70px !important; }



.mt70 { margin-top: 70px !important; }



.mr70 { margin-right: 70px !important; }



.mb70 { margin-bottom: 70px !important; }



.ml70 { margin-left: 70px !important; }



.t80 { top: 80px !important; }



.r80 { right: 80px !important; }



.b80 { bottom: 80px !important; }



.l80 { left: 80px !important; }



.m80 { margin: 80px !important; }



.mt80 { margin-top: 80px !important; }



.mr80 { margin-right: 80px !important; }



.mb80 { margin-bottom: 80px !important; }



.ml80 { margin-left: 80px !important; }



.t90 { top: 90px !important; }



.r90 { right: 90px !important; }



.b90 { bottom: 90px !important; }



.l90 { left: 90px !important; }



.m90 { margin: 90px !important; }



.mt90 { margin-top: 90px !important; }



.mr90 { margin-right: 90px !important; }



.mb90 { margin-bottom: 90px !important; }



.ml90 { margin-left: 90px !important; }



.t100 { top: 100px !important; }



.r100 { right: 100px !important; }



.b100 { bottom: 100px !important; }



.l100 { left: 100px !important; }



.m100 { margin: 100px !important; }



.mt100 { margin-top: 100px !important; }



.mr100 { margin-right: 100px !important; }



.mb100 { margin-bottom: 100px !important; }



.ml100 { margin-left: 100px !important; }



.t110 { top: 110px !important; }



.r110 { right: 110px !important; }



.b110 { bottom: 110px !important; }



.l110 { left: 110px !important; }



.m110 { margin: 110px !important; }



.mt110 { margin-top: 110px !important; }



.mr110 { margin-right: 110px !important; }



.mb110 { margin-bottom: 110px !important; }



.ml110 { margin-left: 110px !important; }



.t120 { top: 120px !important; }



.r120 { right: 120px !important; }



.b120 { bottom: 120px !important; }



.l120 { left: 120px !important; }



.m120 { margin: 120px !important; }



.mt120 { margin-top: 120px !important; }



.mr120 { margin-right: 120px !important; }



.mb120 { margin-bottom: 120px !important; }



.ml120 { margin-left: 120px !important; }



.t0 { top: 0 !important; }



.r0 { right: 0 !important; }



.b0 { bottom: 0 !important; }



.l0 { left: 0 !important; }



.m0 { margin: 0 !important; }



.mt0 { margin-top: 0 !important; }



.mr0 { margin-right: 0 !important; }



.mb0 { margin-bottom: 0 !important; }



.ml0 { margin-left: 0 !important; }



.t5 { top: 5px !important; }



.r5 { right: 5px !important; }



.b5 { bottom: 5px !important; }



.l5 { left: 5px !important; }



.p5 { padding: 5px !important; }



.pt5 { padding-top: 5px !important; }



.pr5 { padding-right: 5px !important; }



.pb5 { padding-bottom: 5px !important; }



.pl5 { padding-left: 5px !important; }



.t10 { top: 10px !important; }



.r10 { right: 10px !important; }



.b10 { bottom: 10px !important; }



.l10 { left: 10px !important; }



.p10 { padding: 10px !important; }



.pt10 { padding-top: 10px !important; }



.pr10 { padding-right: 10px !important; }



.pb10 { padding-bottom: 10px !important; }



.pl10 { padding-left: 10px !important; }



.t15 { top: 15px !important; }



.r15 { right: 15px !important; }



.b15 { bottom: 15px !important; }



.l15 { left: 15px !important; }



.p15 { padding: 15px !important; }



.pt15 { padding-top: 15px !important; }



.pr15 { padding-right: 15px !important; }



.pb15 { padding-bottom: 15px !important; }



.pl15 { padding-left: 15px !important; }



.t20 { top: 20px !important; }



.r20 { right: 20px !important; }



.b20 { bottom: 20px !important; }



.l20 { left: 20px !important; }



.p20 { padding: 20px !important; }



.pt20 { padding-top: 20px !important; }



.pr20 { padding-right: 20px !important; }



.pb20 { padding-bottom: 20px !important; }



.pl20 { padding-left: 20px !important; }



.t25 { top: 25px !important; }



.r25 { right: 25px !important; }



.b25 { bottom: 25px !important; }



.l25 { left: 25px !important; }



.p25 { padding: 25px !important; }



.pt25 { padding-top: 25px !important; }



.pr25 { padding-right: 25px !important; }



.pb25 { padding-bottom: 25px !important; }



.pl25 { padding-left: 25px !important; }



.t30 { top: 30px !important; }



.r30 { right: 30px !important; }



.b30 { bottom: 30px !important; }



.l30 { left: 30px !important; }



.p30 { padding: 30px !important; }



.pt30 { padding-top: 30px !important; }



.pr30 { padding-right: 30px !important; }



.pb30 { padding-bottom: 30px !important; }



.pl30 { padding-left: 30px !important; }



.t35 { top: 35px !important; }



.r35 { right: 35px !important; }



.b35 { bottom: 35px !important; }



.l35 { left: 35px !important; }



.p35 { padding: 35px !important; }



.pt35 { padding-top: 35px !important; }



.pr35 { padding-right: 35px !important; }



.pb35 { padding-bottom: 35px !important; }



.pl35 { padding-left: 35px !important; }



.t40 { top: 40px !important; }



.r40 { right: 40px !important; }



.b40 { bottom: 40px !important; }



.l40 { left: 40px !important; }



.p40 { padding: 40px !important; }



.pt40 { padding-top: 40px !important; }



.pr40 { padding-right: 40px !important; }



.pb40 { padding-bottom: 40px !important; }



.pl40 { padding-left: 40px !important; }



.t50 { top: 50px !important; }



.r50 { right: 50px !important; }



.b50 { bottom: 50px !important; }



.l50 { left: 50px !important; }



.p50 { padding: 50px !important; }



.pt50 { padding-top: 50px !important; }



.pr50 { padding-right: 50px !important; }



.pb50 { padding-bottom: 50px !important; }



.pl50 { padding-left: 50px !important; }



.t60 { top: 60px !important; }



.r60 { right: 60px !important; }



.b60 { bottom: 60px !important; }



.l60 { left: 60px !important; }



.p60 { padding: 60px !important; }



.pt60 { padding-top: 60px !important; }



.pr60 { padding-right: 60px !important; }



.pb60 { padding-bottom: 60px !important; }



.pl60 { padding-left: 60px !important; }



.t70 { top: 70px !important; }



.r70 { right: 70px !important; }



.b70 { bottom: 70px !important; }



.l70 { left: 70px !important; }



.p70 { padding: 70px !important; }



.pt70 { padding-top: 70px !important; }



.pr70 { padding-right: 70px !important; }



.pb70 { padding-bottom: 70px !important; }



.pl70 { padding-left: 70px !important; }



.t80 { top: 80px !important; }



.r80 { right: 80px !important; }



.b80 { bottom: 80px !important; }



.l80 { left: 80px !important; }



.p80 { padding: 80px !important; }



.pt80 { padding-top: 80px !important; }



.pr80 { padding-right: 80px !important; }



.pb80 { padding-bottom: 80px !important; }



.pl80 { padding-left: 80px !important; }



.t90 { top: 90px !important; }



.r90 { right: 90px !important; }



.b90 { bottom: 90px !important; }



.l90 { left: 90px !important; }



.p90 { padding: 90px !important; }



.pt90 { padding-top: 90px !important; }



.pr90 { padding-right: 90px !important; }



.pb90 { padding-bottom: 90px !important; }



.pl90 { padding-left: 90px !important; }



.t100 { top: 100px !important; }



.r100 { right: 100px !important; }



.b100 { bottom: 100px !important; }



.l100 { left: 100px !important; }



.p100 { padding: 100px !important; }



.pt100 { padding-top: 100px !important; }



.pr100 { padding-right: 100px !important; }



.pb100 { padding-bottom: 100px !important; }



.pl100 { padding-left: 100px !important; }



.t110 { top: 110px !important; }



.r110 { right: 110px !important; }



.b110 { bottom: 110px !important; }



.l110 { left: 110px !important; }



.p110 { padding: 110px !important; }



.pt110 { padding-top: 110px !important; }



.pr110 { padding-right: 110px !important; }



.pb110 { padding-bottom: 110px !important; }



.pl110 { padding-left: 110px !important; }



.t120 { top: 120px !important; }



.r120 { right: 120px !important; }



.b120 { bottom: 120px !important; }



.l120 { left: 120px !important; }



.p120 { padding: 120px !important; }



.pt120 { padding-top: 120px !important; }



.pr120 { padding-right: 120px !important; }



.pb120 { padding-bottom: 120px !important; }



.pl120 { padding-left: 120px !important; }



.t0 { top: 0 !important; }



.r0 { right: 0 !important; }



.b0 { bottom: 0 !important; }



.l0 { left: 0 !important; }



.p0 { padding: 0 !important; }



.pt0 { padding-top: 0 !important; }



.pr0 { padding-right: 0 !important; }



.pb0 { padding-bottom: 0 !important; }



.pl0 { padding-left: 0 !important; }



.m-auto { margin: auto !important; }



.mt-auto, .mr-auto, .mb-auto, .ml-auto, .mx-auto { margin-left: auto !important; }



.text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.text-overflow-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.fl { float: left !important; }



.fr { float: right !important; }



.fn { float: none !important; }



.lh16 { line-height: 1.6; }



.lh2 { line-height: 2; }



.lh24 { line-height: 2.4; }



.lh26 { line-height: 2.6; }



.lh3 { line-height: 3; }



.tin2 { text-indent: 2em; }



.hide { display: none !important; }



.show { display: block !important; }



.dib { display: inline-block; }



.db { display: block; }



.vam { vertical-align: middle !important; }



.t-left { text-align: left !important; }



.t-right { text-align: right !important; }



.t-center { text-align: center !important; }



.t-lowercase { text-transform: lowercase !important; }



.t-uppercase { text-transform: uppercase !important; }



.t-capitalize { text-transform: capitalize !important; }



.fwn { font-weight: normal !important; }



.fwb { font-weight: bold !important; }



.oh { overflow: hidden; }



.vim { vertical-align: middle; }



.t-white { color: #fff !important; }



.t-primary { color: #009ae8; }



.t-secondary { color: #6c757d; }



.t-success { color: #28a745; }



.t-info { color: #17a2b8; }



.t-warning { color: #ffc107; }



.t-danger { color: #dc3545; }



.t-light { color: #f8f9fa; }



.t-dark { color: #343a40; }



.t-gray1 { color: #f8f9fa; }



.t-gray2 { color: #e9ecef; }



.t-gray3 { color: #dee2e6; }



.t-gray4 { color: #ced4da; }



.t-gray5 { color: #adb5bd; }



.t-gray6 { color: #6c757d; }



.t-gray7 { color: #495057; }



.t-gray8 { color: #343a40; }



.t-gray9 { color: #212529; }



.bgf9 { background: #f9f9f9; }



.t-666 { color: #666666; }



.t-999 { color: #999999; }



.msg-content { line-height: 2; font-size: 16px; padding-bottom: 50px; }

.msg-content p { /*text-indent : 2em;*/ /*padding-bottom : 10px;*/ }

.msg-content img { margin: 0 auto; display: block; }



.w-16 { width: 16.6666666667% !important; }



.w-20 { width: 20% !important; }



.w-25 { width: 25% !important; }



.w-33 { width: 33% !important; }



.w-50 { width: 50% !important; }



.w-60 { width: 60% !important; }



.w-75 { width: 75% !important; }



.w-80 { width: 80% !important; }



.w-100 { width: 100% !important; }



.h-16 { height: 16.6666666667% !important; }



.h-20 { height: 20% !important; }



.h-25 { height: 25% !important; }



.h-33 { height: 33.333333% !important; }



.h-50 { height: 50% !important; }



.h-60 { height: 60% !important; }



.h-75 { height: 75% !important; }



.h-80 { height: 80% !important; }



.h-100 { height: 100% !important; }



.w-auto { width: auto !important; }



.h-auto { height: auto !important; }



.mw-auto { max-width: inherit; }



.plr10 { padding-left: 10px; padding-right: 10px; }



.plr15 { padding-left: 15px; padding-right: 15px; }



.plr20 { padding-left: 20px; padding-right: 20px; }



.plr25 { padding-left: 25px; padding-right: 25px; }



.plr30 { padding-left: 30px; padding-right: 30px; }



body { line-height: 1.6; font-size: 16px; }



.layui-container { width: 1230px !important; }



a { color: #333; text-decoration: none; }



a:hover { color: #275296; -webkit-transition: .3s; transition: .3s; }



img { max-width: 100%; }



.primary { color: #275296; }



.primary-light { color: #166cb2; }



.bg-primary { background: #275296; }



.bg-primary2 { background: #275296; }



.fz36 { font-size: 36px; }



.head { background: url("../images/bg-head.png") no-repeat center 0; /* height : 400px; */ }



.bg-qrcode { height: 214px; overflow: hidden; background: url("../images/bg-qrcode.png") no-repeat center 0; -webkit-box-shadow: 0 5px 10px #ddd; box-shadow: 0 5px 10px #ddd; }



body { background: #f5f8fa; }



.newGovMedia { margin: 0px; }

.newGovMedia .layui-tab-title { background: #e8e8e8; border: 0; height: 72px; width: 100%; }

.newGovMedia .layui-tab-title li { width: 1%; display: table-cell; height: 72px; line-height: 72px; padding: 0; font-size: 30px; }

.newGovMedia .layui-tab-title .layui-this { background: #275296; }

.newGovMedia .layui-tab-title .layui-this a { color: #ffffff; }

.newGovMedia .layui-tab-title .layui-this:after { border: 0; }

.newGovMedia .layui-tab-content li { text-align: center; margin-bottom: 20px; }

.newGovMedia .layui-tab-content li img { width: 121px; height: 121px; }

.newGovMedia .layui-tab-content li p { margin-top: 5px; }



.qrcode{width:200px !important;display:block;margin:0 auto;}