/*----Cross css base ------------------------------*/ .c-hide { display: none; } .c-block { display: block; } .c-hidden { overflow: hidden; zoom: 1; } .c-boxs { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .c-main { margin: 0 auto; } .c-nowrap { max-width: 100%; _width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c-break { word-wrap: break-word; word-break: break-all; } .c-inline-block { display: inline-block; } .c-auto-y { overflow-y: auto; } .c-cursor-p { cursor: pointer; } .c-vam { vertical-align: middle; } /* color and background -----------------------------------------------------------------------------*/ .c-fff { color: #fff; } .c-222 { color: #222; } .c-333 { color: #333; } .c-323232 { color: #323232; } .c-555 { color: #555; } .c-666 { color: #666; } .c-999 { color: #999; } .c-f00 { color: #f00; } .c-f60 { color: #f60; } .c-f90 { color: #f90; } .c-37a6ed { color: #37a6ed; } .c-5b5b5b { color: #5b5b5b; } .c-909090 { color: #909090; } .c-ff8100 { color: #ff8100; } .c-007cd9 { color: #007cd9; } .c-4dcd70 { color: #4dcd70; } .c-2f4050 { color: #2F4050; } .c-0c93e4 { color: #0c93e4; } .c-62baf4 { color: #62baf4; } .bgc-fff { background-color: #fff; } .bgc-f3f3f3 { background-color: #f3f3f3; } .bgc-fdfdfd { background-color: #fdfdfd; } .bgc-f9f9f9 { background-color: #f9f9f9; } .bgc-2f4050 { background-color: #2F4050; } .bgc-f7f8fa { background-color: #f7f8fa; } .bgc-6f8789 { background-color: #6f8789; } .bgc-0c93e4 { background-color: #0c93e4; } .bgc-384d5e { background-color: #384d5e; } /* border -----------------------------------------------------------------------------*/ .c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid; border-width: 0; } .c-border { border-width: 1px } .c-border-t { border-top-width: 1px } .c-border-b { border-bottom-width: 1px } .c-border-l { border-left-width: 1px } .c-border-r { border-right-width: 1px } .c-border-tb { border-top-width: 1px; border-bottom-width: 1px } .c-border-d { border-style: dashed } /* position -----------------------------------------------------------------------------*/ .c-position-a { position: absolute; } .c-position-r { position: relative; *zoom: 1; } .c-position-f { position: fixed; } .c-position-all { left: 0px; right: 0px; top: 0px; bottom: 0px; } .c-position-lt0 { left: 0px; top: 0px; } .c-position-lt5 { left: 5px; top: 5px; } .c-position-lt10 { left: 10px; top: 10px; } .c-position-lt15 { left: 15px; top: 15px; } .c-position-lt20 { left: 20px; top: 20px; } .c-position-rt0 { right: 0px; top: 0px; } .c-position-rt5 { right: 5px; top: 5px; } .c-position-rt10 { right: 10px; top: 10px; } .c-position-rt15 { right: 15px; top: 15px; } .c-position-rt20 { right: 20px; top: 20px; } .c-position-lb0 { left: 0px; bottom: 0px; } .c-position-lb5 { left: 5px; bottom: 5px; } .c-position-lb10 { left: 10px; bottom: 10px; } .c-position-lb15 { left: 15px; bottom: 15px; } .c-position-lb20 { left: 20px; bottom: 20px; } .c-position-rb0 { right: 0px; bottom: 0px; } .c-position-rb5 { right: 5px; bottom: 5px; } .c-position-rb10 { right: 10px; bottom: 10px; } .c-position-rb15 { right: 15px; bottom: 15px; } .c-position-rb20 { right: 20px; bottom: 20px; } /* images and radius -----------------------------------------------------------------------------*/ .c-images-rounded, .border-radius-rounded { border-radius: 5px; } .c-images-cycle, .border-radius-circle { border-radius: 50%; } .border-radius-pill { border-radius: 1000px; } .c-images-thumbnail { padding: 5px; } .c-images-block { display: block; width: 100%; height: 100%; } /* width and height -----------------------------------------------------------------------------*/ .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w260 { width: 260px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w400 { width: 400px; } .w450 { width: 450px; } .w500 { width: 500px; } .w550 { width: 550px; } .w1000 { width: 1000px; } .w1200 { width: 1200px; } .h100 { height: 100px; } .h150 { height: 150px; } .h200 { height: 200px; } .h250 { height: 250px; } .h300 { height: 300px; } .h350 { height: 350px; } .h400 { height: 400px; } .h450 { height: 450px; } .h500 { height: 500px; } .h550 { height: 550px; } /* spacing -----------------------------------------------------------------------------*/ .m0 { margin: 0; } .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } .m35 { margin: 35px; } .m40 { margin: 40px; } .m45 { margin: 45px; } .m50 { margin: 50px; } .m100 { margin: 100px; } .mb0 { margin-bottom: 0; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mb100 { margin-bottom: 100px; } .mt0 { margin-top: 0; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt100 { margin-top: 100px; } .ml0 { margin-left: 0; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml100 { margin-left: 100px; } .mr0 { margin-right: 0; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .mr100 { margin-right: 100px; } .mlr5 { margin-left: 5px; margin-right: 5px; } .mlr10 { margin-left: 10px; margin-right: 10px; } .mlr15 { margin-left: 15px; margin-right: 15px; } .mlr20 { margin-left: 20px; margin-right: 20px; } .mlr30 { margin-left: 30px; margin-right: 30px; } .mlr40 { margin-left: 40px; margin-right: 40px; } .mlr50 { margin-left: 50px; margin-right: 50px; } .mlr100 { margin-left: 100px; margin-right: 100px; } .mtb5 { margin-top: 5px; margin-bottom: 5px; } .mtb10 { margin-top: 10px; margin-bottom: 10px; } .mtb15 { margin-top: 15px; margin-bottom: 15px; } .mtb20 { margin-top: 20px; margin-bottom: 20px; } .mtb30 { margin-top: 30px; margin-bottom: 30px; } .mtb40 { margin-top: 40px; margin-bottom: 40px; } .mtb50 { margin-top: 50px; margin-bottom: 50px; } .mtb100 { margin-top: 100px; margin-bottom: 100px; } .p0 { padding: 0; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p100 { padding: 100px; } .pb0 { padding-bottom: 0; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pb100 { padding-bottom: 100px; } .pt0 { padding-top: 0; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pt100 { padding-top: 100px; } .pl0 { padding-left: 0; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pl100 { padding-left: 100px; } .pr0 { padding-right: 0; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pr100 { padding-right: 100px; } .ptb5 { padding-top: 5px; padding-bottom: 5px; } .ptb10 { padding-top: 10px; padding-bottom: 10px; } .ptb15 { padding-top: 15px; padding-bottom: 15px; } .ptb20 { padding-top: 20px; padding-bottom: 20px; } .ptb30 { padding-top: 30px; padding-bottom: 30px; } .ptb40 { padding-top: 40px; padding-bottom: 40px; } .ptb50 { padding-top: 50px; padding-bottom: 50px; } .ptb100 { padding-top: 100px; padding-bottom: 100px; } .plr5 { padding-left: 5px; padding-right: 5px; } .plr10 { padding-left: 10px; padding-right: 10px; } .plr15 { padding-left: 15px; padding-right: 15px; } .plr20 { padding-left: 20px; padding-right: 20px; } .plr30 { padding-left: 30px; padding-right: 30px; } .plr40 { padding-left: 40px; padding-right: 40px; } .plr50 { padding-left: 50px; padding-right: 50px; } .plr100 { padding-left: 100px; padding-right: 100px; } .ptb8 { padding-top: 8px; padding-bottom: 8px; } .plr8 { padding-left: 8px; padding-right: 8px; } .plr12 { padding-left: 12px; padding-right: 12px; } /* css3-Grid -----------------------------------------------------------------------------*/ .ui-grid { display: -webkit-box; display: box; display: flex; } .ui-grid-middle { -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; align-items: center; } .ui-grid-vertical { -webkit-box-orient: vertical; box-orient: vertical; flex-direction: column; } .ui-grid-label { -webkit-box-flex: 0; box-flex: 0; width: 100px; font-weight: 600; } .ui-col-0 { -webkit-box-flex: 0; box-flex: 0; } .ui-col-1 { -webkit-box-flex: 1; box-flex: 1; flex: 1; } .ui-col-2 { -webkit-box-flex: 2; box-flex: 2; flex: 2; } .ui-col-3 { -webkit-box-flex: 3; box-flex: 3; } .ui-col-4 { -webkit-box-flex: 4; box-flex: 3; } .ui-col-5 { -webkit-box-flex: 5; box-flex: 5; } .ui-col-6 { -webkit-box-flex: 6; box-flex: 6; } /* lists -----------------------------------------------------------------------------*/ .c-list-disc { list-style-type: disc; } .c-list-circle { list-style-type: circle; } .c-list-square { list-style-type: square; } .c-list-decimal { list-style-type: decimal; } .c-list-alpha { list-style-type: lower-alpha; } .c-list-roman { list-style-type: lower-roman; } .c-list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .c-list-inline li { display: inline-block; padding-right: 5px; padding-left: 5px; } /* font -----------------------------------------------------------------------------*/ .c-simsun { font-family: \5b8b\4f53; } .c-bold { font-weight: bold; } .c-f12 { font-size: 12px; } .c-f13 { font-size: 13px; } .c-f14 { font-size: 14px; } .c-f15 { font-size: 15px; } .c-f16 { font-size: 16px; } .c-f17 { font-size: 17px; } .c-f18 { font-size: 18px; } .c-f20 { font-size: 20px; } .c-f22 { font-size: 22px; } .c-f24 { font-size: 24px; } .c-f28 { font-size: 28px; } .c-t-left { text-align: left; } .c-t-center { text-align: center; } .c-t-right { text-align: right; } .c-line-h1 { line-height: 1.8; _line-height: 24px; } .c-line-h2 { line-height: 2.2; _line-height: 32px; } /* Grid -----------------------------------------------------------------------------*/ .c-container:after, .c-row:after { content: ""; display: table; clear: both; } .c-container { padding-top: 1px; margin-top: -1px; } .c-row { zoom: 1 } .width-100, .c-100 { width: 100%; } .width-90, .c-90 { width: 90%; } .width-80, .c-80 { width: 80%; } .width-75, .c-75 { width: 75%; } .width-70, .c-70 { width: 70%; } .width-66, .c-66 { width: 66.6%; } .width-65, .c-65 { width: 65%; } .width-60, .c-60 { width: 60%; } .width-50, .c-50 { width: 50%; } .width-40, .c-40 { width: 40%; } .width-35, .c-35 { width: 35%; } .width-33, .c-33 { width: 33.3%; } .width-30, .c-30 { width: 30%; } .width-25, .c-25 { width: 25%; } .width-20, .c-20 { width: 20%; } .width-10, .c-10 { width: 10%; } .c-row .c-90, .c-row .c-80, .c-row .c-75, .c-row .c-70, .c-row .c-66, .c-row .c-65, .c-row .c-60, .c-row .c-50, .c-row .c-40, .c-row .c-35, .c-row .c-33, .c-row .c-30, .c-row .c-25, .c-row .c-20, .c-row .c-10 { float: left; margin-left: 3%; } .c-row .c-90:first-child, .c-row .c-80:first-child, .c-row .c-75:first-child, .c-row .c-70:first-child, .c-row .c-66:first-child, .c-row .c-65:first-child, .c-row .c-60:first-child, .c-row .c-50:first-child, .c-row .c-40:first-child, .c-row .c-35:first-child, .c-row .c-33:first-child, .c-row .c-30:first-child, .c-row .c-25:first-child, .c-row .c-20:first-child, .c-row .c-10:first-child { margin-left: 0; } .c-row .c-90 { width: 89.7%; } .c-row .c-80 { width: 79.4%; } .c-row .c-75 { width: 74.25%; } .c-row .c-70 { width: 69.1%; } .c-row .c-66 { width: 65.66666666666666%; } .c-row .c-65 { width: 65.66666666666666%; } .c-row .c-60 { width: 58.800000000000004%; } .c-row .c-50 { width: 48.5%; } .c-row .c-40 { width: 38.2%; } .c-row .c-35 { width: 31.333333333333332%; } .c-row .c-33 { width: 31.333333333333332%; } .c-row .c-30 { width: 27.9%; } .c-row .c-25 { width: 22.75%; } .c-row .c-20 { width: 17.6%; } .c-row .c-10 { width: 7.3%; } .c-push-90, .c-push-80, .c-push-75, .c-push-70, .c-push-66, .c-push-65, .c-push-60, .c-push-50, .c-push-40, .c-push-35, .c-push-33, .c-push-30, .c-push-25, .c-push-20, .c-push-10 { position: relative; } .c-push-90 { left: 92.7%; } .c-push-80 { left: 82.4%; } .c-push-75 { left: 77.25%; } .c-push-70 { left: 72.1%; } .c-push-66 { left: 68.66666666666666%; } .c-push-65 { left: 68.66666666666666%; } .c-push-60 { left: 61.800000000000004%; } .c-push-50 { left: 51.5%; } .c-push-40 { left: 41.2%; } .c-push-35 { left: 34.33333333333333%; } .c-push-33 { left: 34.33333333333333%; } .c-push-30 { left: 30.9%; } .c-push-25 { left: 25.75%; } .c-push-20 { left: 20.6%; } .c-push-10 { left: 10.3%; } .c-row .c-push-right { float: right; } .c-row .c-role-right { margin-left: 3%; float: right; } .c-row .c-role-left { margin-left: 0; } .c-centered { float: none !important; margin: 0 auto !important; } .c-padding { padding: 20px; } .c-padding .c-100, .c-padding .c-90, .c-padding .c-80, .c-padding .c-75, .c-padding .c-70, .c-padding .c-66, .c-padding .c-65, .c-padding .c-60, .c-padding .c-50, .c-padding .c-40, .c-padding .c-35, .c-padding .c-33, .c-padding .c-30, .c-padding .c-25, .c-padding .c-20, .c-padding .c-10 { padding: 20px; } .c-split .c-90, .c-split .c-80, .c-split .c-75, .c-split .c-70, .c-split .c-66, .c-split .c-65, .c-split .c-60, .c-split .c-50, .c-split .c-40, .c-split .c-35, .c-split .c-33, .c-split .c-30, .c-split .c-25, .c-split .c-20, .c-split .c-10 { margin-left: 0; } .c-split .c-90 { width: 90%; } .c-split .c-80 { width: 80%; } .c-split .c-75 { width: 75%; } .c-split .c-70 { width: 70%; } .c-split .c-66 { width: 66.6%; } .c-split .c-65 { width: 65%; } .c-split .c-60 { width: 60%; } .c-split .c-50 { width: 50%; } .c-split .c-40 { width: 40%; } .c-split .c-35 { width: 35%; } .c-split .c-33 { width: 33.3%; } .c-split .c-30 { width: 30%; } .c-split .c-25 { width: 25%; } .c-split .c-20 { width: 20%; } .c-split .c-10 { width: 10%; } /* c-blocks -----------------------------------------------------------------------------*/ .c-blocks-2, .c-blocks-3, .c-blocks-4, .c-blocks-5, .c-blocks-6 { padding-left: 0; list-style: none; } .c-blocks-2:after, .c-blocks-3:after, .c-blocks-4:after, .c-blocks-5:after, .c-blocks-6:after { content: ""; display: table; clear: both; } .c-blocks-2 li, .c-blocks-3 li, .c-blocks-4 li, .c-blocks-5 li, .c-blocks-6 li, .c-blocks-2 div, .c-blocks-3 div, .c-blocks-4 div, .c-blocks-5 div, .c-blocks-6 div { height: auto; float: left; } .c-blocks-2 li, .c-blocks-2 div { width: 50%; } .c-blocks-3 li, .c-blocks-3 div { width: 33.333333333333332%; } .c-blocks-4 li, .c-blocks-4 div { width: 25%; } .c-blocks-5 li, .c-blocks-5 div { width: 20%; } .c-blocks-6 li, .c-blocks-6 div { width: 16.666666666666666%; } .c-blocks-2 li li, .c-blocks-3 li li, .c-blocks-4 li li, .c-blocks-5 li li, .c-blocks-6 li li, .c-blocks-2 div div, .c-blocks-3 div div, .c-blocks-4 div div, .c-blocks-5 div div, .c-blocks-6 div div { float: none; margin: 0; }